.header-logo{ max-width: 230px;}
.tv-hero-section.style-5 .hero-left .hero-title{ font-size: clamp(35px, 3.646vw, 70px); font-size: clamp(30px, 3.646vw, 60px); }
.home-page-logo-marque-background-custom{ background: var(--theme-color);}
.tv-brands-section.style-3 .brands-slider-three::after,
.tv-brands-section.style-3 .brands-slider-three::before{ display: none;}

.tv-project-section.style-3 .project-filter-buttons .menu-filtering{ max-width: unset;}
.tv-about-section.style-2 .about-right .about-right-content .content .text p{ max-width: 450px;}
.tv-brands-section.style-3 .sponsors-outer .brand-item{ display: flex; align-items: center;}

.tv-cta-section.style-4 .overlay{ background: linear-gradient( 100deg, rgba(7, 40, 118, 0) 0%, rgba(12, 48, 135, 0) 21%, #1F4786 31%, #1F4786 100% );}
.tv-project-single-box::before{ background: linear-gradient( 0deg, #1F4786 0%, #1F4786 15%, rgba(31, 71, 134, 0) 57%, rgba(31, 71, 134, 0) 100% );}
.tv-project-single-box .project-info .icon-box{ background: #fff;}
.tv-project-single-box .project-info .icon-box i{ color: var(--theme-color);}
.mbm-overlay{ mix-blend-mode: saturation;}
.bg-dark{ background-color: #1F4786 !important;}
.footer-section .footer-brand .contact-info .contact-item a i{ color: #fff;}
.footer-section .footer-brand .social-links a{ background: #fff; color: var(--theme-color);}

.space, .space-bottom{ padding-bottom: clamp(36px, 4.167vw, 80px);}
.space, .space-top{ padding-top: clamp(36px, 4.167vw, 80px);}

.footer-widget ul li a{ text-transform: capitalize;}
.main-menu ul li a{ text-transform: uppercase;}


.client-section.custom-padding{ padding:clamp(25px, 2.604vw, 50px) 0 clamp(30px, 3.125vw, 60px) 0; }

body:has(.tv-breadcrumb-section) .tv-header.header-style5{ position: initial;}
.tv-service-section .tv-service-inner .tv-service-item .service-left{ min-width: 500px;}

.tv-feature-section.current-partnership-section .tv-feature-box{ height: 100%;}

.tv-feature-section .tv-feature-box .icon-top .icon i{ height: unset; width: unset; font-size: 20px; font-weight: 700; font-style: normal;}

.tv-feature-section .tv-feature-box h2{ max-width: 300px;}

.tv-breadcrumb-section .tv-breadcrumb-inner{ background-color: var(--theme-color);}
.tv-breadcrumb-section .tv-breadcrumb-inner{ padding-block: clamp(45px, 5.208vw, 100px);}

.tv-choose-section.style-2 .tv-choose-right-box .feature-grid{ grid-template-columns: repeat(2,1fr); gap: 24px;}

.tv-cta-section.style-4.custom .cta-left,
.tv-cta-section.style-4.custom .cta-right{ position: relative; z-index: 999; }
.tv-cta-section.style-4.custom .cta-left p,
.tv-cta-section.style-4.custom .cta-right p{ color: #fff;}
.tv-cta-section.style-4.custom .cta-right{ text-align: left !important;}

.tv-contact-section.inner .contact-content-wrap .contact-info .contact-item .info p{ max-width: 300px;}
.tv-cta-section.inner .image-grid .image-box{ max-width: unset; height: unset;}
.tv-cta-section.inner .image-grid{ max-width: unset;}
.tv-cta-section.inner .image-grid .image-box .image-item{ width: 200px; height: 200px; border-radius: 0; padding: 10px;}
.tv-cta-section.inner.custom-1 .image-grid .image-box .image-item{ background-color: #F2F2F2; border: 1px solid var(--theme-color);}
.tv-feature-section .tv-feature-box{ padding: clamp(20px, 2.083vw, 40px);}


.tv-cta-section.custom-2 .row{ flex-direction: row-reverse;}

.client-section.client_section_v2 .row{ --bs-gutter-y: 24px; }

.tv-contact-section.inner .contact-form{ padding: clamp(27px, 2.760vw, 53px) clamp(20px, 2.604vw, 50px) clamp(40px, 4.167vw, 80px);}
.tv-cta-section.inner .image-grid{ height: unset; }




.tv-about-section .about-right .content .text p{ max-width:100% !important; }
.tv-about-section .about-right .content .text p + p{ padding-top:17px; }






.spl-image-scroll{ background:url(../images/hero/stplbg.jpg) no-repeat center; background:url(../images/hero/new-dark-bg.jpg) no-repeat center; background-size:cover; height:600px; background-attachment:fixed; }

.client-section.custom-padding{ background:url(../images/hero/home-logo-section-bg.jpg) no-repeat center; background-size:cover; }

.career-page-form{ margin:0; padding:50px 0; }
.career-page-form .form-blocks .ginput_container input{ height:52px !important; border-radius:5px !important; }
.career-page-form .form-blocks .ginput_container textarea{ height:120px !important; border-radius:5px !important; min-block-size:6rem !important; }
.career-page-form .form-blocks .gform_footer .gform_button.button{ font-size:16px !important; font-weight:500 !important; font-family:var(--title-font) !important; padding:15px 40px 15px 40px !important; margin-bottom:0px !important; color:var(--white-color) !important; background-color:var(--theme-color) !important; border-radius:30px !important; text-transform:uppercase !important; letter-spacing:0.04em !important; }




.contact-form .ginput_container input{ height:52px !important; border-radius:5px !important; }
.contact-form .ginput_container textarea{ height:120px !important; border-radius:5px !important; min-block-size:6rem !important; }
.contact-form .gform_footer .gform_button.button{ font-size:16px !important; font-weight:500 !important; font-family:var(--title-font) !important; padding:15px 40px 15px 40px !important; margin-bottom:0px !important; color:var(--white-color) !important; background-color:var(--theme-color) !important; border-radius:30px !important; text-transform:uppercase !important; letter-spacing:0.04em !important; }

.mission-vission-section .box:nth-child(even) .row{ flex-direction: row-reverse;}
.mission-vission-section .box:nth-child(even){ background-color: var(--theme-color); color: #fff !important;}
.mission-vission-section .box:nth-child(even) h4,
.mission-vission-section .box:nth-child(even) h3,
.mission-vission-section .box:nth-child(even) p{ color: #fff;}
.mission-vission-section .box .img-wrapper{ overflow: hidden; border-radius: 25px; height: 530px;}
.mission-vission-section .box .img-wrapper img{ height: 100%; width: 100%; object-fit: cover; }
.mission-vission-section .box .row{ --bs-gutter-y:30px; }

.tv-team-card .team-photo::before{ display: none;}


.tv-counter-section .counter-inner .counter-box .content .title,
.tv-counter-section .counter-inner .counter-box .content .text{ color: var(--theme-color);}
.tv-counter-section .counter-inner .counter-box .content .icon img{
  filter: invert(16%) sepia(40%) saturate(900%) hue-rotate(175deg) brightness(90%) contrast(95%);
}





   #site-loader{
    position:fixed;
    inset:0;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    transition:opacity .6s ease, visibility .6s;
}

.loader-logo{
    width:250px;
    animation:logoIntro 1.5s ease forwards;
}

@keyframes logoIntro{
    0%{
        transform:scale(.8);
        opacity:0;
    }
    60%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.15);
        opacity:0;
    }
}

#site-loader.hide{
    opacity:0;
    visibility:hidden;
}




.why-us{ padding:60px 0px; background: #f5f7fa; text-align: center; }
.why-us h2{ font-size:42px; font-weight:600; color:var(--title-color); margin-bottom: 30px; font-family: var(--title-font); }
.why-us .why-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.why-us .why-item{ background:#fff; padding:30px 20px; border-radius:12px; transition:0.3s; box-shadow:0 5px 15px rgba(0,0,0,0.05); }
.why-us .why-item:hover{ transform: translateY(-5px); }
.why-us .why-icon{ margin-bottom: 15px; }
.why-us .why-icon svg{ width:50px; height:50px; width:90px; height:90px; stroke:#0a2540; }
.why-us .why-item p{ font-size:18px; color:#333; font-weight:500; line-height:1.5; }
.why-us .why-icon img{ height:70px; }


.home-slider .hero-left .sub-title {
  display: inline-block;
	display:flex;
	width: max-content;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--theme-color);
  font-family: var(--title-font);
  font-weight: 500;
  margin-bottom: 17px;
  padding: 3px 30px 3px 15px;
  border-radius: 30px; align-items: center; gap:8px;
  border: 1px solid var(--theme-color);
}
.home-slider .hero-left .sub-title img{ height:16px; }
.home-slider .banner-container .desc{ position:absolute; width:100%; left:0; bottom:150px; }
.home-slider .banner-container{ height:910px; }
.home-slider .banner-container > img{ height:100%; object-fit:cover; }


.inner-page-banner{ margin:0; padding:0; position:relative; }
.inner-page-banner .banner-img{ margin:0; padding:0; height:547px; height:418px; }
.inner-page-banner .banner-img > img{ height:100%; object-fit:cover; width:100%; }
.inner-page-banner .desc{ position:absolute; width:100%; left:0; top:0; height:100%; display:flex; align-items:center; }

.client-section.inner a{ background:#fff; border-radius:8px; display:inline-block; padding:6px; border: 1px solid #163563; width:100%; text-align:center; padding-bottom:28px; }

.inner-page-banner .title-outer{ position:relative; }
.tv-breadcrumb-section .title-outer h1{ text-align:left; font-size: 134px; -webkit-text-stroke-color:#FFFFFF1F; color: transparent; -webkit-text-stroke-width: 1px; font-family: "Manrope", sans-serif; top: -62px; position: absolute; left: 20px; }
.tv-breadcrumb-section .title-outer .title:after{ content:""; position:absolute; width:150px; height:2px; background:#fff; left:0; bottom:0; }


.tv-breadcrumb-section .title-outer h4{ font-size:16px; color:#adadad !important; }


.title-wrap.three .transparent-text{ font-size:120px; -webkit-text-stroke-color:#a9aeb3; color:transparent; -webkit-text-stroke-width:1px; font-family:"Manrope", sans-serif; top:-58px; position: absolute; left:0px; right:0; margin:0 auto; opacity:0.2; font-family:"Open Sans", sans-serif; font-weight:700; }
.title-wrap.three h4.home-sub{ color:#a9aeb3; font-weight:700; text-transform:uppercase; letter-spacing:0.14em; line-height:1; font-size:20px; }
.title-wrap.three h2 span{ color:#c5c5c5; }





@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1399px){
.home-slider .banner-container{ height:810px; }
.home-slider .banner-container .desc{ bottom:100px; }
.inner-page-banner .banner-img{ margin:0; padding:0; height:400px; }
}
@media screen and (max-width: 1199px){
    .main-menu a{ font-size: 15px;}
    .tv-cta-section.style-4 .overlay{ background: #1F4786;}
    .d-none-lg{ display: none;}
	.spl-image-scroll{ height:500px; }
	.tv-breadcrumb-section .title-outer h1{ top:-116px; }
}
@media screen and (max-width: 991px){
    .tv-about-section.style-2 .about-right .about-right-content .content .text p{ max-width: unset;}
    .tv-hero-section.style-5{ padding: 140px 0 0px;}
    .tv-feature-section .tv-feature-box p{ max-width: 280px;}
    .tv-cta-section .sec-title{ text-align: center;}
    .spl-image-scroll{ height:400px; /*  background:url(../images/hero/scroll-banner-1500.jpg) no-repeat center; */ background-size:cover; background-attachment:fixed; }
	.home-slider .banner-container .col-lg-6.mobile-none{ display:none; }
    .home-slider .banner-container{ height:600px; }
	.inner-page-banner .banner-img{ margin:0; padding:0; height:360px; }
	.mobile-menu ul li.active > a { color:var(--white-color); }
	
	.tv-counter-section .counter-inner .counter-box{ justify-content:flex-start; }
	.tv-breadcrumb-section .title-outer h1{ font-size: 104px; }
	.tv-breadcrumb-section .title-outer h1{ top:-96px; }
	.tv-breadcrumb-section .title-outer .title{ font-size:41px; }
}

.footer-section .footer-brand .contact-info .contact-item a:hover{ color: #fff; opacity: 60%;}
.footer-widget ul li a:hover{ color: #fff;}


/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
    .tv-feature-section .tv-feature-box h2{ max-width: 230px;}
    .tv-feature-section .tv-feature-box p{ max-width: 280px;}
    .tv-hero-section.style-5 { padding:240px 0 0px; }
    .mission-vission-section .box .img-wrapper{ height: 350px;}
	.why-us .why-grid { grid-template-columns: repeat(2, 1fr); }
	.why-us h2{ font-size:32px; }
	.tv-breadcrumb-section .title-outer h1{ font-size:84px; }
	
	.page-template-template-client .theme-btn{ padding:15px 40px 15px 10px; }
	.page-template-template-client .link-effect .effect-1{ display:inline-block; }
	.tv-breadcrumb-section .title-outer .title{ font-size:31px; }
	
	.home-page-logo-marque-background-custom .sponsors-outer .swiper-wrapper{ padding-bottom:18px; }
	
}

@media screen and (max-width:575px){
    .spl-image-scroll{ height:250px;  /*background:url(../images/hero/scroll-banner-575.jpg) no-repeat center;  */ background-size:cover; background-attachment:initial; }
	.why-us h2{ font-size:24px; }
	.inner-page-banner .banner-img{ height:200px; }
	.tv-breadcrumb-section .title-outer h1{ font-size:54px; top:-16px; top:-52px; }
	
	.tv-counter-section .counter-inner .counter-box .content .title { font-size:26px; text-align: center; justify-content: center; }
	.tv-counter-section .counter-inner .counter-box{ text-align: center; justify-content: center; }
	.tv-counter-section .counter-inner .counter-box .content h6{ font-size:16px; margin-top:5px; }
	.tv-about-section.style-2 .about-right .about-right-content .content .text p{ font-size:16px; }
	.title-wrap.three .transparent-text{ font-size:66px; top:-32px; }
	
	.mission-vission-section .box .right-block p{ font-size:16px; }
	.tv-breadcrumb-section .title-outer h4{ font-size:14px; }
	.why-us .why-item p{ font-size:16px; }
	.tv-contact-section .contact-content-wrap .contact-info p{ font-size:16px; }
	.tv-counter-section .counter-inner .col-lg-4.col-md-4 + .col-lg-4.col-md-4 .counter-box{ padding-left:5px; }
	.tv-counter-section .counter-inner .counter-box{ min-height:87px; }
	.page-template-template-client .link-effect .effect-1{ display:block; }
	.tv-breadcrumb-section .title-outer .title{ font-size:25px; }
	
}

@media screen and (max-width:500px){
    .tv-testimonial-section.style2 .testi-slider-two .array-button{ display: none;}
    .mission-vission-section .box .img-wrapper{ height: 300px;}
    .loader-logo{ width: 200px;}
	.inner-page-banner .banner-img { height:160px; height:200px; }
	.tv-counter-section .counter-inner .counter-box .content .title { font-size:24px; }
	.tv-counter-section .counter-inner .counter-box .content h6{ font-size:14px; line-height:1.3; }
	.page-template-template-client .link-effect .effect-1{ display:inline-block; }
}

@media screen and (max-width:480px){
.page-gallery .sgwf_come2theweb .sgwf_come2thewe_cnt .sgwf_c2tw_item { width:50%; }
.page-gallery .sgwf_c2tw_iteminr img { height:150px !important; }
.tv-breadcrumb-section .title-outer .title{ font-size:19px; }
/* .tv-breadcrumb-section .title-outer .title{ font-size:45px; } */
}

@media screen and (max-width:350px){

}