:root {
    --it-font-public-sans: Public Sans;

    /*Background*/
    --it-bg-theme: #4A68FF;
    --it-bg-0F172A: #0F172A;
    --it-bg-FFFFFF: #FFFFFF;
    --it-bg-4A68FF: #4A68FF;
    --it-bg-F5F7FB: #F5F7FB;
    --it-bg-F1F5F9: #F1F5F9;
    --it-bg-FFFFFF1A: #FFFFFF1A;
    --it-bg-FFFFFF33: #FFFFFF33;
    --it-bg-4A68FF1A: #4A68FF1A;
    --it-bg-F8FAFC: #F8FAFC;
    --it-bg-DBEAFE: #DBEAFE;
    --it-bg-DCFCE7: #DCFCE7;
    --it-bg-F3E8FF: #F3E8FF;
    --it-bg-FFEDD5: #FFEDD5;
    --it-bg-1E293B: #1E293B;
    --it-bg-1E40AF: #1E40AF;
    --it-bg-EBEFF4: #EBEFF4;
    --it-bg-3C83F61A: #3C83F61A;
    --it-bg-EFF6FF: #EFF6FF;
    --it-bg-3f5ae0: #3f5ae0;
    --it-bg-3a54d4: #3a54d4;

    /*Text*/
    --it-text-theme: #4A68FF;
    --it-text-FFFFFF: #FFFFFF;
    --it-text-0F172A: #0F172A;
    --it-text-4A68FF: #4A68FF;
    --it-text-E2E8F0: #E2E8F0;
    --it-text-64748B: #64748B;
    --it-text-94A3B8: #94A3B8;
    --it-text-334155: #334155;

    /*Border*/
    --it-border-theme: #4A68FF;
    --it-border-4A68FF: #4A68FF;
    --it-border-FFFFFF: #FFFFFF;
    --it-border-0F172A: #0F172A;
    --it-border-FFFFFF33: #FFFFFF33;
    --it-border-E2E8F0: #E2E8F0;
    --it-border-F1F5F9: #F1F5F9;
    --it-border-E5E7EB: #E5E7EB;
    --it-border-3a54d4: #3a54d4;
    --it-border-354dcc: #354dcc;


    /*Border Radius*/
    --it-rounded-12px: 12px;
    --it-rounded-20px: 20px;

    /*Transition*/
    --it-transition-s1: 0.3s ease-in-out;

}

:root {
    --bs-body-color: var(--it-text-64748B);

    --bs-border-radius: 20px;

    --bs-heading-color: var(--it-text-0F172A);
}

body {
    font-family: var(--it-font-public-sans);
    background: var(--it-bg-F5F7FB);
    color: var(--it-text-64748B);
    font-size: 16px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    --bs-gutter-x: 3rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 600;
}

:focus-visible {
    outline: unset;
}

/*Start Link*/
a{
    text-decoration: none;
}
.it-link-current{
    color: currentColor;
}
.it-link-current:hover{
    opacity: 0.8;
}
.it-link-theme{
    color: var(--it-text-theme);
}
.it-link-theme:hover{
    opacity: 0.8;
}
.it-link-FFFFFF{
    color: var(--it-text-FFFFFF) !important;
}
.it-link-FFFFFF:hover{
    opacity: 0.8;
}
.it-link-4A68FF-FFFFFF{
    color: var(--it-text-4A68FF);
}
.it-link-4A68FF-FFFFFF:hover{
    color: var(--it-text-FFFFFF);
}
/*End Link*/

/*Start Color*/
.it-text-theme{
    color: var(--it-text-theme);
}
.it-text-FFFFFF{
    color: var(--it-text-FFFFFF);
}
.it-text-0F172A{
    color: var(--it-text-0F172A);
}
.it-text-64748B{
    color: var(--it-text-64748B);
}
.it-text-94A3B8{
    color: var(--it-text-94A3B8);
}
/*End Color*/

/*Start Background color*/
.it-bg-FFFFFF{
    background: var(--it-bg-FFFFFF);
}
.it-bg-F1F5F9{
    background: var(--it-bg-F1F5F9);
}
.it-bg-DBEAFE{
    background: var(--it-bg-DBEAFE);
}
.it-bg-DCFCE7{
    background: var(--it-bg-DCFCE7);
}
.it-bg-F3E8FF{
    background: var(--it-bg-F3E8FF);
}
.it-bg-FFEDD5{
    background: var(--it-bg-FFEDD5);
}
.it-bg-0F172A{
    background: var(--it-bg-0F172A);
}
.it-bg-F8FAFC{
    background: var(--it-bg-F8FAFC);
}
.it-bg-3C83F61A{
    background: var(--it-bg-3C83F61A);
}
.it-bg-EFF6FF{
    background: var(--it-bg-EFF6FF);
}
.it-bg-4A68FF1A{
    background: var(--it-bg-4A68FF1A);
}
/*Start Background color*/


/*Start Border*/
.it-border-FFFFFF{
    border-color: var(--it-border-FFFFFF);
}
.it-border-theme{
    border-color: var(--it-border-theme) !important;
}
/*Start Border*/


/*Start Border Radius*/
.rounded{
    border-radius: 20px !important;
}
.rounded-12px{
    border-radius: 12px !important;
}
.rounded-16px{
    border-radius: 16px !important;
}
/*End Border Radius*/


/*Start Font Weight*/
.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}
/*End Font Weight*/


/*Start Font Size*/
.fs-10px{
    font-size: 10px;
}
.fs-12px{
    font-size: 12px;
}
.fs-14px{
    font-size: 14px;
}
.fs-16px{
    font-size: 16px;
}
.fs-18px{
    font-size: 18px;
}
.change-fs-18px-16px{
    font-size: 18px;
}
.fs-20px{
    font-size: 20px;
}
.change-fs-20px-18px{
    font-size: 20px;
}
.fs-24px{
    font-size: 24px;
}
.change-fs-24px-20px{
    font-size: 24px;
}
/*End Font Size*/


/*Start Font (letter-spacing , line-clamp) Related*/
.letter-spacing-1px{
    letter-spacing: 1px;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*Start Font Related*/

/*Start Height Width*/
.hw-32px{
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
}
.hw-40px{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
}
/*End Height Width*/

/*Start Opacity*/
.it-opacity-10 {
    opacity: 0.1;
}

/*Start Title*/
.title-s1{
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
}
.title-s1sub{
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: var(--it-text-E2E8F0);
}
.title-s2cover{
    margin-bottom: 48px;
    text-align: center;
}
.title-s2span{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    background: var(--it-bg-4A68FF1A);
    padding: 8px 16px;
    border-radius: 50rem;
    color: var(--it-text-theme);
    margin-bottom: 16px;
}
.title-s2{
    font-weight: 800;
    font-size: 36px;
    line-height: 48px;
    /*letter-spacing: -1.2px;*/
    text-align: center;
    margin-bottom: 0;
}
.title-s3cover{
    margin-bottom: 48px;
}
.title-s3{
    font-weight: 700;
    font-size: 48px;
    /*line-height: 48px;*/
    /*letter-spacing: -1.2px;*/
    margin-bottom: 8px;
}
.title-s3sub{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    max-width: 672px;
}
.title-s4cover{
    margin-bottom: 24px;
    text-align: center;
}
.title-s4{
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
}
.title-s4sub{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}
.title-s5cover{
    text-align: center;
}
.title-s5{
    font-weight: 700;
    font-size: 48px;
    /*line-height: 48px;*/
    letter-spacing: 0;
    margin-bottom: 8px;
}
.title-s5sub{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    max-width: 650px;
}
/*End Title*/


/*Start Spacing */
.section-s1{
    padding-top: 60px;
    padding-bottom: 60px;
}
/*End Spacing */


/*Start Transition*/
.it-transition-s1, .it-transition-s1 *{
    transition: var(--it-transition-s1);
}
/*End Transition*/


/*Start All Rounder*/
.btn-s1{
    font-weight: 700;
    font-size: 14px;
    padding: 16px 32px;
    border-radius: var(--it-rounded-12px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 56px;
}
.btn-s1 img, .btn-s1 svg{
    flex-shrink: 0;
}
.btn-s2{
    font-weight: 700;
    font-size: 14px;
    padding: 10px 32px;
    border-radius: var(--it-rounded-12px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
}
.btn-s2 img, .btn-s2 svg{
    flex-shrink: 0;
}
.btn-s1theme {
    --bs-btn-color: var(--it-text-FFFFFF);
    --bs-btn-bg: var(--it-bg-theme);
    --bs-btn-border-color: var(--it-border-theme);

    --bs-btn-hover-color: var(--it-text-FFFFFF);
    --bs-btn-hover-bg: var(--it-bg-3f5ae0);
    --bs-btn-hover-border-color: var(--it-border-3a54d4);

    --bs-btn-focus-shadow-rgb: 74, 104, 255;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(74, 104, 255, 0.5);

    --bs-btn-active-color: var(--it-text-FFFFFF);
    --bs-btn-active-bg: var(--it-bg-3a54d4);
    --bs-btn-active-border-color: var(--it-border-354dcc);

    --bs-btn-disabled-color: var(--it-text-FFFFFF);
    --bs-btn-disabled-bg: var(--it-bg-theme);
    --bs-btn-disabled-border-color: var(--it-border-theme);
}
.btn-s1transparent{
    backdrop-filter: blur(12px);
    --bs-btn-color: var(--it-text-FFFFFF);
    --bs-btn-bg: var(--it-bg-FFFFFF1A);
    --bs-btn-border-color: var(--it-bg-FFFFFF33);

    --bs-btn-hover-color: var(--it-text-theme);
    --bs-btn-hover-bg: var(--it-bg-FFFFFF);
    --bs-btn-hover-border-color: var(--it-border-FFFFFF33);

    --bs-btn-focus-shadow-rgb: 74, 104, 255;
    --bs-btn-focus-box-shadow: unset;

    --bs-btn-active-color: var(--it-text-FFFFFF);
    --bs-btn-active-bg: var(--it-bg-0F172A);
    --bs-btn-active-border-color: var(--it-border-0F172A);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: var(--it-text-FFFFFF);
    --bs-btn-disabled-bg: var(--it-bg-FFFFFF1A);
    --bs-btn-disabled-border-color: var(--it-bg-FFFFFF33);
}
.btn-F1F5F9-4A68FF {
    --bs-btn-color: var(--it-text-0F172A);
    --bs-btn-bg: var(--it-bg-F1F5F9);
    --bs-btn-border-color: var(--it-border-F1F5F9);

    --bs-btn-hover-color: var(--it-text-FFFFFF);
    --bs-btn-hover-bg: var(--it-bg-4A68FF);
    --bs-btn-hover-border-color: var(--it-border-4A68FF);

    --bs-btn-focus-shadow-rgb: 74, 104, 255;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(74, 104, 255, 0.5);

    --bs-btn-active-color: var(--it-text-FFFFFF);
    --bs-btn-active-bg: var(--it-bg-4A68FF);
    --bs-btn-active-border-color: var(--it-border-4A68FF);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: var(--it-text-0F172A);
    --bs-btn-disabled-bg: var(--it-bg-F1F5F9);
    --bs-btn-disabled-border-color: var(--it-border-F1F5F9);
}

.dropdown-s1 .dropdown-menu{
    /*display: block;*/
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    background: var(--it-bg-theme);
    border: 1px solid #FFFFFF2E
}
.dropdown-s1 .dropdown-menu.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.dropdown-s1 .dropdown-toggle::after {
    border: none;
    width: 14px;
    height: 14px;
    background: url("../images/icon/arrow-down.svg") center no-repeat;
    vertical-align: middle;
    transition: var(--it-transition-s1);
    transform-origin: center;
}
.dropdown-s1 .dropdown-toggle.show::after {
    transform: rotate(180deg);
    transition: var(--it-transition-s1);
}

.form-s1label{
    font-weight: 600;
    font-size: 14px;
    color: var(--it-text-334155);
    margin-bottom: 8px;
}
.form-s1control{
    min-height: 50px;
    padding: 13px 16px;
    font-size: 14px;
    box-shadow: unset !important;
    border-color: var(--it-border-E5E7EB);
}
.form-s1control::placeholder{
    color: var(--it-text-94A3B8);
    font-weight: 400;
}
.form-s1control:focus{
    border-color: var(--it-border-theme);
}
/*End All Rounder*/

/*Start Layout*/
main{
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*End Layout*/


/* Start Header */
.main-s1header{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: var(--it-bg-FFFFFF);
    padding: 14px 0;
    box-shadow: 0 0 4px 4px #E2E8F040;
    border-bottom: 1px solid var(--it-border-E2E8F0);
}
.main-s1header .nav-link{
    color: var(--it-text-0F172A);
    font-size: 16px;
    display: flex;
    align-items: center;
}
.main-s1header .nav-link:hover{
    color: var(--it-text-theme);
}
.main-s1header .nav-link.dropdown-toggle:hover::after, .main-s1header .nav-link.active.dropdown-toggle::after{
    filter: brightness(0) saturate(100%) invert(32%) sepia(65%) saturate(2483%) hue-rotate(222deg) brightness(100%) contrast(102%);
}
.main-s1header .nav-link.active{
    font-weight: 700;
    color: var(--it-text-theme);
}
.nav-link:focus-visible{
    box-shadow: unset;
}
.main-s1header .navbar-fev, .main-s1header .navbar-toggler{
    width: 40px;
    height: 40px;
}
/* End Header */

/*Start Footer*/
.main-s1footer{
    background: var(--it-bg-0F172A);
}
.main-s1footer .footer-contain{
    padding-top: 100px;
    padding-bottom: 80px;
}
.main-s1footer .footer-social-icons a{
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--it-bg-F1F5F9);
    border-radius: 50rem;
}
.main-s1footer .footer-social-icons a:hover{
    background: var(--it-bg-theme);
}
.main-s1footer .footer-link-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
}
.main-s1footer .footer-link-list a{
    color: var(--it-text-64748B);
}
.main-s1footer .footer-link-list a:hover{
    color: var(--it-text-FFFFFF);
}
.main-s1footer .footer-bg {
    position: absolute;
    bottom: -38%;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
}
.main-s1footer .footer-copyright {
    border-top: 1px solid #4d6aff33;
}
.main-s1footer .footer-football {
    position: absolute;
    bottom: 0;
    left: 5%;
}

.bottom-top-btn{
    position: fixed;
    bottom: 5%;
    right: 2%;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    cursor: pointer;
}
.bottom-top-btn div{
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--it-bg-FFFFFF);
    border-radius: 50rem;
    border: 1px solid var(--it-border-theme);
}
.bottom-top-btn.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
/*End Footer*/


/*Start Home Page*/
.banner-s1{
    margin-top: 24px;
}
.banner-s1 .banner-background{
    position: relative;
    padding: 88px;
    min-height: 584px;
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.banner-s1 .banner-background:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: -1;
}
.banner-s1 .banner-background .banner-background-img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    object-fit: cover;
}
.banner-s1 .banner-badge{
    display: inline-block;
    background: var(--it-bg-theme);
    padding: 6px 16px;
    letter-spacing: 1.2px;
}

.counting-section{
    position: relative;
}
.counting-section .left-img {
    position: absolute;
    bottom: 0;
    left: 7%;
    z-index: -1;
}
.count-s1card{
    position: relative;
    overflow: hidden;
    border: 1px solid var(--it-border-E2E8F0);
    box-shadow: 0 8px 10px -6px #0000001A, 0 20px 25px -5px #0000001A;
    background: var(--it-bg-F8FAFC);
    color: var(--it-text-theme);
    text-align: center;
    aspect-ratio: 160 / 192;
    /*min-height: 192px;*/
    font-weight: 700;
    font-size: 64px;
    letter-spacing: -3.2px;
}
.count-s1card img{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.count-s1card .card-body{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
}
.count-s1card.minutes{
    border: 2px solid #4A68FF4D;
}
.count-s1card + p{
    letter-spacing: 2.5px;
}

.card-s1{
    background: var(--it-bg-F8FAFC);
    border-color: var(--it-border-E2E8F0);
}
.card-s1 .card-icon{
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--it-bg-4A68FF1A);
    border-radius: 50rem;
}

/*.card-s2 .card-body{*/
/*    padding: 48px 16px 48px 32px;*/
/*}*/
.card-s2 img{
    opacity: 25%;
}
.card-s2 span{
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50rem;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.6px;
}
.card-s2.variant-1{
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    border-color: #BFDBFE80;
    color: #2563EB;
}
.card-s2.variant-1 span{
    background: #3B82F61A;
}
.card-s2.variant-2{
    background: linear-gradient(135deg, #FDF2F8 0%, #FCE7F3 100%);
    border-color: #FBCFE880;
    color: #DB2777;
}
.card-s2.variant-2 span{
    background: #EC48991A;
}
.card-s2.variant-3{
    background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%);
    border-color: #E9D5FF80;
    color: #9333EA;
}
.card-s2.variant-3 span{
    background: #A855F71A;
}

.card-s3{
    background: var(--it-bg-F8FAFC);
    border-color: var(--it-border-F1F5F9);
    height: 100%;
}
.card-s3 .card-icon{
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-s1cover{
    position: relative;
}
.step-s1cover:before{
    content: '';
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: var(--it-bg-1E293B);
}
.step-s1 .card-icon{
    background: var(--it-bg-0F172A);
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
}
.step-s1 .card-icon span{
    width: 100%;
    height: 100%;
    background: var(--it-bg-1E293B);
    transition: var(--it-transition-s1);

}
.step-s1:hover .card-icon span{
    background: var(--it-bg-1E40AF);
}

.news-s1card{
    border: 0;
    background: transparent;
}
.news-s1card .card-body{
    padding: 0;
}
.news-s1card .news-img{
    aspect-ratio: 312 / 163;
    border-radius: var(--it-rounded-20px);
    overflow: hidden;
    box-shadow: 0 1px 2px 0 #0000000D;
    margin-bottom: 16px;
}
.news-s1card .news-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.news-s1card:hover h3{
    color: var(--it-text-theme);
}
.news-s1card:hover .news-img img{
    scale: 1.05;
}
/*End Home Page*/

/*Start Legal Page*/
.banner-s2{
    padding-top: 85px;
    padding-bottom: calc(60px + 140px);
    background: var(--it-bg-EBEFF4);
}
.banner-s2after{
    margin-top: -140px;
}
.legal-card{
    border: 1px solid var(--it-border-F1F5F9);
    box-shadow: 0 10px 25px 0 #0000000D;
}
/*End Legal Page*/

/*Start Contact Us*/
.banner-s3{
    padding-top: 60px;
    padding-bottom: 60px;
}
.card-s4{
    border: 1px solid var(--it-border-F1F5F9);
    box-shadow: 0 10px 25px 0 #0000000D;
}
/*End Contact Us*/

/*Start New Update Page*/
.page-link{
    min-width: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 50rem !important;
    background: transparent !important;
    box-shadow: none;
    margin: 0 !important;
    border: unset;
    box-shadow: none !important;
    color: var(--it-text-0F172A);
}
.page-link:hover{
    color: var(--it-text-theme) !important;
}
.page-item-prev .page-link, .page-item-next .page-link{
    border: 1px solid var(--it-border-E2E8F0);
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--it-text-FFFFFF) !important;
    background-color: var(--it-bg-theme) !important;
    box-shadow: 0 4px 6px -4px #3C83F633, 0 10px 15px -3px #3C83F633 !important;
}
/*End New Update Page*/

/*Start New Update Detail Page*/
.update-s1detail .update-img{
    aspect-ratio: 1320 / 514;
    border-radius: var(--it-rounded-20px);
    overflow: hidden;
    position: relative;
}
.update-s1detail .update-img:before {
    content: '';
    background: linear-gradient(0deg, rgba(16, 23, 34, 0.8) 0%, rgba(16, 23, 34, 0) 50%, rgba(16, 23, 34, 0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
}
.update-s1detail .update-img img{
    object-fit: cover;
}
.update-s1detail .update-title .h1{
    font-weight: 700;
    font-size: 32px;
}
/*End New Update Detail Page*/