/*--------------------------------------------------------------
# General Start
--------------------------------------------------------------*/
* { padding: 0; margin: 0; text-decoration: none; box-sizing: border-box; }

:focus { outline: none; }
a:focus { outline: none; }

a { text-decoration: none; transition: 0.3s; }
a:hover { text-decoration: none !important; }
a img { border: none; }

.btn { white-space: normal; }

img, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }

::-moz-selection { background-color: #000; color: #fff; }
::selection { background-color: #000; color: #fff; }

/* Placeholder text styles */
input::placeholder, textarea::placeholder { opacity: 1; color: #2B3241; }

/* 
font-family: "Helvetica Neue", sans-serif;
font-family: "IBM Plex Sans", sans-serif;
font-family: "Poppins", sans-serif;
*/

@font-face {
  font-family: "helveticaNeue";
  src: url('assets/fonts/helveticaNeue.woff');
}

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 16px; color: #40465a; font-weight: 400; font-family: "Poppins", sans-serif; line-height: 30px; overflow-x: hidden;}

.container{max-width: 1315px; padding: 0 15px; width: 90%;}

h1,h2,h3,h4,h5,h6 {color: #141C34; font-family: "helveticaNeue", sans-serif;}
h1 { font-size: 32px; font-weight: 400; margin: 0 0 15px;}
h2 { font-size: 55px; font-weight: 400; margin: 0 0 15px;}
h3 { font-size: 30px; font-weight: 400; margin: 0 0 15px;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }
p{margin: 0 0 25px;}
p:last-child{margin: 0;}

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloaderN { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html {
  scrollbar-width: thin;
}

/* color of the thumb */
html {
  scrollbar-color: #888 #f1f1f1;
}
/*--------------------------------------------------------------
# General End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Button Start
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 23px; background: #01A273; color: #fff; border-radius: 15px; border: 1px solid #01A273; text-transform: capitalize; }
.btn.btn-primary:hover, .btn.btn-primary:focus{background: #006044; color: #fff;}

.btn.btn-outline { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 23px; background: #f0f0f0; color: #141C34; border-radius: 15px; border: 1px solid #141C34; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #000; color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

/*--------------------------------------------------------------
# Button End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Start
--------------------------------------------------------------*/
.header-main{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}  
.header-inner { padding: 16px; background: #141C34; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.nav-tab li { display: inline-block; margin: 0 17px; }
.nav-tab li a { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; }
.nav-tab li a:hover, .nav-tab li a:focus{color: #01A273;}
.header-main.header-scrolled .header-inner { box-shadow: 0 0 10px rgba(0,0,0,0.6); }
/*--------------------------------------------------------------
# Header End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Homepage Start
--------------------------------------------------------------*/
.hm-banner{padding: 0 10px;}

.slider-img img { width: 100%; min-height: 100vh; max-height: unset; object-fit: cover; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }

section{position: relative; padding: 65px 0;}

.banner-btm { margin: 130px 0 65px; background: #F0F0F0; overflow: hidden;}
.banner-btm img { max-width: 350px; }
.slider-block { position: relative; }
.slider-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 80px 0 60px; }
.slider-content-inner{max-width: 590px;}
.slider-content-inner h1 { font-size: 55px; line-height: 65px; color: #fff; }
.slider-content-inner p{color: #F0F0F0;}
.hm-banner .slick-dots { bottom: 40px; left: 45px; }

.app-img { height: 350px; }
.app-img img{width: 100%;}
.app-1 { position: absolute; left: 50px; top: -50px; max-width: 260px; }
.app-2 { position: absolute; right: 0; bottom: -187px; max-width: 260px; }

.type-sec .container{max-width: 1410px;}
.type-parent { display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px; }
.tchild1 { grid-column: span 2 / span 2; }
.tchild2 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; }
.tchild3 { grid-column: span 2 / span 2; grid-column-start: 3; grid-row-start: 1; }
.tchild4 { grid-column: span 2 / span 2; grid-column-start: 3; grid-row-start: 2; }
.tchild5 { grid-column: span 2 / span 2; grid-row: span 2 / span 2; grid-column-start: 5; grid-row-start: 1; }
        
.type-child {padding: 20px; background: #F0F0F0; border-radius: 15px; position: relative; overflow: hidden;}
.type-child.tchild5{height: 475px;}
.type-child p { font-weight: 400; font-size: 14px; line-height: 130%; opacity: 0.8; color: #fff; }
.type-child h3{transition: all 0.4s;}
.type-child.tchild1 .tchild-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #141C34; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 30px; }
.type-child.tchild1 .tchild-inner *{color: #fff;}

.type-child a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background-color: #F0F0F0; cursor: unset; }
.type-child.tchild2 a { background-position: 51px 100% !important; background-size: 89% !important; }
/* .type-child a:hover h3{color: #01A273;} */

.choose-block { background: #141c34; border-radius: 15px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: 80px; padding: 50px; }
.choose-block h3{color: #fff;}
.choose-block p { color: #d0d2d6;}
.choose-block p span { display: block; color: #01A273; font-size: 30px; margin-top: 5px; font-family: "IBM Plex Sans", sans-serif; font-weight: 500;}

.partner-sec{margin: 65px 0; padding: 50px 0; background: #F0F0F0;}
.partner-sec .inner{max-width: 90%;}
.partner-logo-set { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; }
.p-logo { flex: 1 1 calc(33.33% - 10px);}
.partner-sec .btn:hover, .partner-sec .btn.active { background: #006044; border-color: #006044; color: #fff; }
.p-logo img { max-height: 80px; margin: 0 auto; }

.story-block { display: flex !important; align-items: stretch; justify-content: space-between; gap: 30px; padding: 30px; background: #01A273; border-radius: 15px; width: 1056px !important; margin: 0; }
.story-img { width: 487px; min-width: 487px; }
.story-img img { width: 100%; height: 100%; object-fit: cover; }
.story-content { display: flex; align-items: center; }
.story-content p{color: #fff; font-weight: 500;}
.story-content ul li { list-style-type: disc; font-size: 14px; color: #fff; line-height: 22px; margin: 0 0 5px; font-weight: 400; padding-left: 10px; }

.story-block.slick-slide.slick-current.slick-active.slick-center { transform: unset; opacity: 1; }
.story-block{opacity: 0.5;  transform: scale(0.92);}

.slick-arrow { width: 41px; height: 41px; border: 0; font-size: 0; background: #141C34; border-radius: 50%; padding: 0; position: absolute; top: 50%; left: 50px; z-index: 9; }
.slick-arrow::after { content: '\f104'; font-family: 'Font Awesome 7 Free'; font-weight: 700; font-size: 16px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.slick-next.slick-arrow { left: auto; right: 50px; transform: rotate(180deg); }
.slick-arrow:hover{background: #006044;}

.apply-inner { background: #141C34; border-radius: 20px; position: relative; min-height: 460px; padding: 60px 70px; display: flex; align-items: stretch; justify-content: space-between;}

.apply-left h3 { color: #fff; font-size: 55px; }
.apply-img-slider { position: absolute !important; right: 0; bottom: 0; width: 500px !important; }
.apply-left { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; }
.apply-slider { width: 290px; }
.apply-block h4 { color: #fff; margin: 0 0 10px; font-size: 30px; }
.apply-block p { font-size: 14px; color: #fff; }

.slick-dots { position: absolute; bottom: -25px; display: flex; gap: 5px; line-height: 0; font-size: 0; }
.slick-dots li button { border: 0; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
.slick-dots li.slick-active button{width: 100px; border-radius: 4px; background: #01A273;}

.offer-sec .container { max-width: 1370px; }
.offer-block { background: #01A273; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: all 0.4s; }
.offer-text { padding: 30px; margin-bottom: 60px; }
.offer-text h3{color: #fff; margin: 0 0 10px;}
.offer-text p{color: #fff; margin: 0 0 10px; font-size: 14px;}
.offer-text a{color: #fff; font-weight: 500; border-bottom: 1px solid #fff;}
.offer-text a:hover{border-bottom: 2px solid #fff;}
.offer-block .offer-img {transition: all 0.4s;}
.offer-block:hover{background: #006044;}
.offer-block:hover .offer-img { transform: scale(1.1); margin-bottom: 14px; transition: all 0.4s;}

.dealer-sec .container { max-width: 1334px; }
.dealer-inner{border-radius: 15px; background: #F0F0F0; padding: 38px 60px; position: relative; overflow: hidden;}
.dealer-content {max-width: 350px;}
.dealer-img{position: absolute; max-width: 690px; bottom: -55px; right: 65px;}

.mission-sec .container { max-width: 1334px; }
.mission-inner { background: #F2F2F2; border-radius: 20px; padding: 50px 80px; }
.mission-inner h3{font-size: 55px; line-height: 65px;}
.mission-sec .inner { max-width: 89%; }
.mission-logos { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.news-block { box-shadow: 0px 14px 24px 0px #00000026; background: #F7F7F7; border-radius: 15px; padding: 20px; display: flex !important; align-items: stretch; justify-content: space-between; gap: 20px; }
.news-img { width: 240px; min-width: 240px; overflow: hidden; }
.news-img img{object-fit: cover;}
.news-desc span { font-size: 10px; margin: 0 0 10px; font-weight: 500; }
.news-desc .news-ic{margin: 0 0 10px;}
.news-desc h4{font-family: "Poppins", sans-serif; font-weight: 500; font-size: 18px; line-height: 28px; margin: 0 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.news-block { width: 540px !important; margin: 40px 10px; } 
/* .news-slider::after { content: ''; position: absolute; top: 0; left: 0; width: 115px; height: 100%; background: #fff; } */
.news-desc a { position: absolute; bottom: 55px; border-bottom: 1px solid; line-height: 150%; font-weight: 500; font-size: 12px; }
.news-desc a:hover{color: #01A273;}

.testi-block { background: #141C34; border-radius: 20px; padding: 45px 30px; margin: 0 5px; }
.testi-block p { color: #fff; }
.author-img { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; }
.author-img img{width: 100%; height: 100%; object-fit: cover;}
.author-desc h4 { color: #fff; font-size: 16px; margin: 4px 0 0 0; }
.author-desc h4 span{display: block; font-size: 14px; color: #A1A1A1;}
.testi-slider .slick-list{overflow: unset;}

.test-sec{overflow: hidden;}

.apply-sec .container{max-width: 1322px;}

.header-main .container, .apply-sec .container, .dealer-sec .container, .mission-sec .container{max-width: unset !important;}
/*--------------------------------------------------------------
# Homepage End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer Start
--------------------------------------------------------------*/
.footer-main { background: #F2F2F2; padding: 40px 0; text-align: center; }
.footer-logo img { filter: invert(1); }
.footer-menu {margin: 35px 0; text-align: center;}
.footer-menu li { display: inline-block; margin: 5px 12px; }
.footer-main li a{ font-weight: 400; font-size: 16px; color: #000; }

.footer-social { margin: 0 0 20px; }
.footer-social a { width: 32px; height: 32px; text-align: center; line-height: 32px; display: inline-block; background: #01A273; border: 1px solid #F9FAFB; font-size: 15px; color: #fff; border-radius: 50%; margin: 0 6px; }
.footer-social a:hover{border-color: #01A273; color: #01A273; background: #fff;}
.quick-links { margin: 0 0 20px; }
.quick-links ul li { display: inline-block; margin: 5px 12px; }
.footer-main a:hover{color: #01A273;}
.copyright { font-size: 16px; color: #646060; }
/*--------------------------------------------------------------
# Footer End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Innerpages Start
--------------------------------------------------------------*/
.inner-banner{padding: 0 10px;}
.banner-tab { background-size: cover !important; min-height: 319px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; padding: 100px 0 60px; }
.banner-tab h1{ font-size: 30px; color: #fff; margin: 0 0 20px; }
.banner-tab p{margin: 0; color: #F0F0F0;}
.banner-tab-content{max-width: 580px;}

.top-nav .nav-tabs { padding: 20px 0; border-bottom: 1px solid #000; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }
.top-nav .nav-tabs button { font-weight: 500; font-size: 16px; color: #141C34; padding: 14px 24px; border: 1px solid #141C34; border-radius: 15px; display: block; line-height: 20px; }
.top-nav .nav-tabs button:hover, .top-nav button.active{background: #01A273 !important; color: #fff !important; border: 1px solid #01A273 !important;}
.pattern-desc{padding: 80px 0 60px;}
.sgl-pr h3{margin: 0;}
.download-btn { font-weight: 500; font-size: 12px; line-height: 14px; border-radius: 5px; color: #141C34; border: 1px solid #141C34; padding: 9px 15px; white-space: nowrap; }
.download-btn:hover{background: #01A273; border-color: #01A273; color: #fff;}

.sgl-policies { background: #F6F6F6; border: 1px solid #DEDEDE; padding: 20px 30px; border-radius: 15px; margin: 0 0 10px;}
.policies-desc h3 { margin: 0 0 10px; font-size: 28px; line-height: 30px; }
.policies-desc p { color: #B1B1B1; font-size: 14px; }
.policies-desc p span { color: #4F4F4F; }

.policies-tab .container{max-width: 1250px;}

.sgl-cert { background: #F6F6F6; border: 1px solid #DEDEDE; padding: 20px 30px; margin: 0 0 10px; border-radius: 15px; }
.sgl-cert h3 { margin: 0; font-size: 16px; }

.inv-block { background: #F6F6F6; border: 1px solid #DEDEDE; border-radius: 15px; padding: 20px 30px; }
.inv-block h6 { font-weight: 400; font-size: 14px; line-height: 17px; color: #4F4F4F; font-family: "Poppins", sans-serif; margin: 0 0 10px; }
.inv-block h5 { font-weight: 600; font-size: 16px; line-height: 22px; color: #000; font-family: "Poppins", sans-serif;  }

.info-block{margin-top: 10px;}
.info-block label{ font-family: "Poppins", sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #5C5C5C; } 
.info-block p{margin: 0 0 5px; font-weight: 500; font-size: 14px; line-height: 24px; color: #000; }
.info-block p strong{font-weight: 600;}
.info-block a:hover{color: #01A273;}
/*--------------------------------------------------------------
# Innerpages End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Responsive Start
--------------------------------------------------------------*/
@media only screen and (max-width: 1360.98px) {
  .slider-content-inner h1 { font-size: 45px; line-height: 55px; }
  .banner-btm { margin: 60px 0; }

  body, p{font-size: 16px; line-height: 26px;}

  h2 { font-size: 45px; }
  section{padding: 60px 0;}

  .type-parent{gap: 15px;}
  .type-parent h3 { font-size: 22px; }

  .choose-block { padding: 20px; gap: 50px; }
  .choose-block p span{font-size: 28px;}
  .choose-block h3{font-size: 26px;}

  .apply-left h3{font-size: 45px;}
  .apply-inner{padding: 45px;}

  .offer-text h3{font-size: 26px;}
  .offer-text{margin: 0 0 30px;}
  .dealer-img { max-width: 580px; bottom: -25px; right: 65px; }

  .mission-inner { padding: 35px 50px; }
  .mission-inner h3 { font-size: 45px; line-height: 50px; margin: 5px 0; }

  .mission-logos a img { max-height: 72px; }

  .policies-desc h3 { font-size: 25px; }

}

@media only screen and (max-width: 1270.98px) {
  .container{width: 100%;}
  .hm-banner { padding: 0; }
  .btn{padding: 10px 20px !important; font-size: 15px !important;} section { padding: 45px 0; }
  .banner-btm { margin: 45px 0 0;}
  .partner-sec{margin: 0;}
  h2 { font-size: 35px; }
  .apply-sec { padding: 0; }
  .story-block{width: 767px !important;}
  .story-img { width: 250px; min-width: 250px; }
  .mission-inner h3 { font-size: 35px; line-height: 40px; margin: 10px 0; }
  .mission-logos a img { max-height: 60px; }
  .news-slider::after{display: none;}
  .news-sec h3 { margin: 0; }

  .inner-banner{padding: 0;}
  .sgl-pr h3 { font-size: 22px; }
  .top-nav ul li a{font-size: 14px; padding: 12px 24px;}

  .policies-desc h3 { margin: 0 0 5px; font-size: 22px; line-height: 28px; }

}

@media only screen and (max-width: 1170.98px) {
  .choose-block p span{font-size: 24px;}
}

@media only screen and (max-width: 991.98px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block;z-index: 999999;}
	.slicknav_menu{ position:absolute; top:11px; left:0; width:100%; z-index:99999; pointer-events:none; }
	/* .slicknav_btn {pointer-events: all; top: 7px; background: #01A273 !important; margin: 0 30px 0 0 !important; } */
	.slicknav_btn {pointer-events: all; top: 7px; background: url('assets/img/m-menu-btn.png') center center no-repeat !important; background-size: contain !important; margin: 0 30px 0 0 !important; width: 50px; height: 50px; }
  .slicknav_btn .slicknav_icon{display: none;}
  ul.slicknav_nav { pointer-events: all; background: #141c34; margin-top: 9px !important; border: 0 !important; }
	.slicknav_nav a:hover{color: #01A273 !important;}

  html, body { overflow-x: hidden; }
  
  .header-main .btn { margin-right: 55px; }

  .type-parent { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  .type-child { width: calc(50% - 8px); height: 220px; }
  .type-child.tchild5 { height: 280px; width: 100%; }

  .choose-block{margin: 0 0 15px;}
  .partner-logo-set { max-width: 370px; margin: 30px auto 0; }

  .story-block { width: 640px !important; padding: 15px; }
  .story-block { opacity: 1; transform: unset; margin: 0 10px; }

  .offer-block{margin: 0 0 15px;}
  .dealer-sec{padding: 0;}
  .dealer-img { max-width: 330px; bottom: -25px; right: 15px; }

  .dealer-inner, .mission-inner{padding: 25px 35px;}
  .mission-logos { margin-top: 25px; justify-content: center; width: 100%; }

  .header-main { position: absolute; }

  .sgl-policies{padding: 15px;}
  .mission-sec .inner { max-width: unset; }

  .apply-img-slider{width: 390px !important;}

  .app-img { max-width: 600px; margin-top: 60px; }
  .slider-desktop-img { display: none; }
  .slider-mobile-img{display: block !important;}
}


@media only screen and (max-width: 767.98px) { 
  .header-main .container { padding: 0; }
  .slider-content-inner h1 { font-size: 37px; line-height: 40px; }
  .hm-banner .slick-dots { left: 15px; }
  .slider-content{align-items: flex-start;}
  .slider-content{padding: 150px 0 60px;}

  .type-child { width: 100%; height: 250px !important; }
  .type-child.tchild1 .tchild-inner{text-align: left; align-items: flex-start;}

  h3{font-size: 24px;}
  .choose-block h3 { font-size: 24px; }
  .choose-block p { font-size: 14px; margin: 0 0 10px; }
  .choose-block p span { font-size: 24px; margin: 0; }
  .btn-set { flex-direction: unset !important; }
  .btn { padding: 11px 20px !important; font-size: 14px !important; white-space: nowrap; }
  .partner-sec .inner { max-width: unset; }
  .top-text { text-align: left !important; }
  .story-block { width: 300px !important; padding: 15px; flex-direction: column; margin: 0 5px; }
  .slick-arrow{left: 10px;}
  .slick-next.slick-arrow{left: auto; right: 10px;}
  .story-img { width: 100%; }

  .apply-left{gap: 35px;}
  .apply-inner { padding: 40px 30px; flex-direction: column; padding-bottom: 0; }
  .apply-left h3 { font-size: 35px; text-align: center; }
  .apply-block h4{font-size: 24px;}

  .dealer-inner{flex-direction: column;}
  .dealer-content{max-width: unset;}
  .dealer-img { max-width: unset; bottom: auto; right: auto; position: relative; }

  .dealer-inner, .mission-inner { padding: 25px; }

  .news-sec h3{text-align: center;} .mission-logos a img { max-height: 50px; }
  .news-block { width: 300px !important; padding: 10px; margin: 35px 5px 35px; }

  .news-img { width: 120px; min-width: 120px; overflow: hidden; }
  .news-img img{width: 100%; height: 100%; object-fit: cover;}
  .news-desc h4{font-size: 14px; line-height: 22px;}
  .news-desc a { line-height: 20px; }

  .test-sec h3{text-align: center;}
  .news-sec { padding-bottom: 0; }

  .footer-main a { font-size: 14px !important; }
  .copyright{font-size: 14px;}

  .banner-tab{min-height: 380px;}
  .pattern-desc { padding: 45px 0; }
  .pattern-desc h2{font-size: 28px;}
  .top-nav ul li a { font-size: 13px; padding: 10px 20px; border-radius: 10px; }

  .sgl-policies { flex-direction: column; align-items: flex-start !important; }
  .policies-desc h3 { font-size: 18px; line-height: 24px; }

  .sgl-cert{padding: 15px;}
  .inv-block{padding: 15px;}
  .apply-inner{align-items: center;}
  .apply-img-slider { position: relative !important; width: 290px !important; margin-top: 35px; }
}

@media only screen and (max-width: 640.98px) { 
  .header-main .btn{display: none;}
  .slicknav_btn { top: -7px; margin: 0 10px 0 0 !important; }
  .app-img { height: 200px; }
  .app-1 { left: 0; top: -50px; max-width: 165px; }
  .app-2 { max-width: 165px; bottom: -133px !important; }
}
/*--------------------------------------------------------------
# Responsive End
--------------------------------------------------------------*/
/* ===============================
   VISIBILITY CONTROL (FINAL)
================================ */

/* Default: Desktop */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

/* Mobile + Tablet */
@media (max-width: 991px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: flex !important;
  }
}

/* Desktop only */
@media (min-width: 992px) {
  .desktop-only {
    display: block !important;
  }
  .mobile-only {
    display: none !important;
  }
}

/* ===============================
   MOBILE HEADER STYLE
================================ */
.offer-head{
  position: relative;
  display:flex;
  align-items:center;
  padding-right:60px;
}

.offer-head h3{
  font-size:22px;
  font-weight:600;
  margin:0;
}

/* ===============================
   SLIDER ICONS (TOP RIGHT)
================================ */
.offer-arrows{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  gap:6px;
}

.offer-arrows button{
  border:none;
  background:#fff;
  width:26px;
  height:26px;
  border-radius:50%;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
  font-size:18px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media (max-width: 991px){
  .offer-slider{
    display:flex;
    overflow:hidden;
  }
  .offer-slide{
    min-width:100%;
    transition:transform .35s ease;
  }
}

@media (min-width: 992px){
  .offer-slider{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
}