:root{
  --primaryColor: #afcb1f;
  --secondaryColor: #728805;
  --titleColor:#000000;
  --txtColor:#000000;
  --blackColor:#000000;
  --whiteColor:#ffffff;
  --gray: #e4e4e4;
  --lightColor: #f6f6f6;
  --bodyFont: "Open Sans", sans-serif;
  --titleFont: "Open Sans", sans-serif;
}

/* Basics */
html{ overflow-x: hidden; scrollbar-color: var(--primaryColor) lightgray; scrollbar-width: thin;}
body{ padding:143px 0 0; margin:0; font-size: 14px; color:var(--txtColor); font-family: var(--bodyFont); overflow-x: hidden; background-color: var(--lightColor);}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .3s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

/* Container */
.container{ width:90%; max-width:1110px; margin:0 auto; padding:0;}

/* Paragraph */
p{ font-size: 14px; line-height: 1.5; color: var(--txtColor);}
p.white{ color: var(--whiteColor);}
p a{ color:var(--primaryColor);}
p a:hover{ color:var(--secondaryColor);}

/* Heading */
h1{ font-size: 32px; font-family: var(--titleFont); color: var(--whiteColor); line-height: 35px; font-weight: 600;}
h2{ font-size: 28px; font-family: var(--titleFont); color: var(--titleColor); line-height: 30px; font-weight: 600;}
h3{ font-size: 22px; font-family: var(--bodyFont); color: var(--titleColor); font-weight: 600;}
h4{ font-size: 16px; font-family: var(--bodyFont); color: var(--titleColor); font-weight: 600;}
h5{ font-size: 14px; font-family: var(--bodyFont); color: var(--txtColor); font-weight: 700;}
h2 a, h3 a, h4 a{ color: var(--titleColor);}
h5 a{ color: var(--txtColor);}

.sec-title{ margin-bottom: 37px;}
.title-info{ margin-bottom: 37px;}
.title-info .sec-title{ margin: 0 0 22px;}
.title-info p{ margin: 0; color: #666;}
.title-info p.info{ color: var(--txtColor); font-weight: 600;}

/* Button */
.btn-group{ display: flex; flex-wrap: wrap; gap: 5px 10px;}
.btn-theme{ padding: 15px 30px 16px 30px; margin: 0; font-size: 15px; font-weight: 600; color: var(--whiteColor); background: var(--primaryColor); border-radius: 0; border: none; display: inline-flex; font-family: var(--bodyFont); align-items: center; justify-content: center; text-align: center; line-height: 1.3;}
.btn-theme::after{ content: ""; width: 7px; height: 10px; margin-top: 2px; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% 100%; filter: brightness(0) invert(1); transform: translateX(-20px); opacity: 0; transition:all .3s ease-in-out;}
.btn-theme:hover{ background: var(--secondaryColor); color: var(--whiteColor);}
.btn-theme:hover::after{ transform: translateX(10px); opacity: 1;}

.btn-theme.secondary{ background: var(--secondaryColor);}
.btn-theme.secondary:hover{ background: var(--primaryColor);}

.btn-theme.black{ background: var(--blackColor);}
.btn-theme.black:hover{ background: var(--blackColor);}

.btn-theme.white{ background: var(--whiteColor); color: var(--txtColor);}
.btn-theme.white:not(.bordered)::after{ filter: brightness(0) invert(0);}
.btn-theme.white:hover{ background: var(--lightColor);}

.btn-theme.bordered{ box-shadow: inset 0 0 0 1px var(--whiteColor);}
.btn-theme.bordered:hover{ box-shadow: inset 0 0 0 1px var(--secondaryColor);}

.btn-theme.white.bordered{ border-radius: 3px; background: var(--whiteColor); box-shadow: inset 0 0 0 2px var(--primaryColor); color: var(--primaryColor);}
.btn-theme.white.bordered:hover{ box-shadow: inset 0 0 0 1px var(--secondaryColor); background: var(--secondaryColor); color: var(--whiteColor);}


/* Typography */
.typo ul{ margin: 0 0 30px; padding: 0 0 0 1em;}
.typo ul li{ margin: 0 0 8px; padding: 0; font-weight: 400; list-style-type: disc;}
.typo ul li a{ color: var(--primaryColor);}
.typo ul li a:hover{ color: var(--secondaryColor);}

/* Spacing */
.pb-111{ padding-bottom: 111px;}
.mb-70{ margin-bottom: 70px !important;}
.mb-30{ margin-bottom: 30px !important;}
.mb--25{ margin-bottom: -25px !important;}
.pt-30,.py-30{ padding-top: 30px !important;}
.pb-30,.py-30{ padding-bottom: 30px !important;}

/*===================
 		HEADER 
===================*/
.header__sec{ width:100%; padding: 20px 0 12px; background: var(--whiteColor); position: absolute; top: 0; left: 0; z-index: 1002;}
.header__sec .navbar.first{ transition:all .3s ease-in-out;}
.header__sec .navbar-brand{ margin:0; padding:0; height: 55px;}
.header__sec .navbar-brand img{ width: 100%; height: 100%; object-fit: contain;}

/* Search */
.search_main{ width: 100%; max-width: 400px; position: relative; margin: 0 auto;}
.search_main .form-control{ width: 100%; height: 42px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); border: 1px solid #ccc; border-radius: 50px; padding: 10px 16px 10px 42px;}
.search_main button{ position: absolute; top: 50%; left: 16px; transform: translateY(-50%); border: none; background: none; opacity: 0.4;}
.search_main button:hover{ opacity: 1;}

.search_act{ background: none; border: none;}

/* header actions */
.nav-actns-links{ display: inline-flex; align-items: center; gap: 27px;}
.nav-actns-links .actn-link{ display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 600; color: var(--txtColor);}
.nav-actns-links .actn-link img{ width: 30px; height: 30px;}
.nav-actns-links .actn-link:hover{ color: var(--secondaryColor);}

/* Country */
.country .dropdown-toggle{ padding: 10px 10px; border: none; background: none; gap: 5px; display: inline-flex; align-items: center;}
.country .dropdown-toggle::after{ content: ""; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M8.57766 0.5L5.00499 4.07266L1.42226 0.5L0.213623 1.70863L5.00499 6.5L6.21363 5.29137L9.78629 1.70863L8.57766 0.5Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; background-position: center center; border: none; transition: all .3s ease-in-out; vertical-align: inherit; position: relative;}
.country .dropdown-menu{ min-width: 80px;}

.header__sec .navbar-light .navbar-nav{ gap: 40px;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin:0;}
.header__sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:8px 0; font-weight: 600; font-size: 16px; color: var(--txtColor); position: relative; transition: all .3s ease-in-out;}
.header__sec .navbar-light .navbar-nav .nav-item:first-child .nav-link{ display: flex; height: 100%; align-items: center;}
.header__sec .navbar-light .navbar-nav .nav-link > img{ width: 16px; min-width: 16px; height: 16px; object-fit: contain;}
.header__sec .navbar-light .navbar-nav .nav-link .logo-ic{ display: none;}
.header__sec .navbar-light .navbar-nav .dropdown-toggle::after{ content: ""; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M8.57766 0.5L5.00499 4.07266L1.42226 0.5L0.213623 1.70863L5.00499 6.5L6.21363 5.29137L9.78629 1.70863L8.57766 0.5Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; background-position: center center; border: none; transition: all .3s ease-in-out; vertical-align: inherit; position: relative; bottom: 2px;}
.header__sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: var(--secondaryColor); border-color: var(--secondaryColor);}
.header__sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show{ color: var(--secondaryColor); border-color: var(--secondaryColor);}
.header__sec .offcanvas .text-reset{ cursor: pointer;}
.header__sec .dropdown-menu{ border: none; border-top: 3px solid var(--primaryColor); padding: 10px; border-radius: 0; box-shadow: 0 3px 27px rgba(0,0,0,0.08);}
.header__sec .dropdown-item{ padding: 8px 20px; color: var(--txtColor); font-weight: 600; font-family: var(--bodyFont);}
.header__sec .dropdown-item.active{ background: none; color: var(--secondaryColor);}
.header__sec .dropdown-item:hover, .header__sec .dropdown-item:focus{ background: var(--primaryColor); color: var(--whiteColor); border-color: var(--primaryColor);}

@media (min-width: 1200px) {
.header__sec .offcanvas { visibility: visible; position: relative; background: none; border: none; justify-content: end; }
.header__sec .dropdown-menu{ margin-top: 0;}
.header__sec .dropdown:hover .dropdown-menu { display: block; visibility: visible; animation: dropdownMenu-slide .4s;}
}

/* HEADER STICKY */
.header__sec.sticky{ position:fixed; background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); box-shadow:0 5px 5px rgba(0,0,0,0.1); animation:slide-down 0.4s; padding: 10px 0;}

@media (min-width: 992px) {
.header__sec.sticky .navbar.first{ height: 0; visibility: hidden; opacity: 0; overflow: hidden;}
.header__sec.sticky .navbar.navbar-light{ padding-top: 0 !important;}
.header__sec.sticky .navbar-light .navbar-nav .nav-link .h-ic{ display: none;}
.header__sec.sticky .navbar-light .navbar-nav .nav-link .logo-ic{ display: block;}
}

@keyframes slide-down{
  0% {
      opacity: 0;
      transform: translateY(-100%);
  } 
  100% {
      opacity: 0.9;
      transform: translateY(0);
  } 
}

/* dropdownMenu-slide */
@keyframes dropdownMenu-slide {
  0% {
      opacity: 0;
      transform: translateY(-10%);
      z-index: -1;
  }
  100% {
      opacity: 1;
      transform: translateY(0%);
      z-index: 55;
  }
}

/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0;}

/* Hero */
.hero__sec{ position: relative; height: 682px; overflow: hidden;}
.hero_slider{ display: flex !important; height: 100%;}
.hero_slider .owl-stage{ display: flex; height: 100%;}
.hero_slider .owl-item{ display: flex;}
.hero_slider .owl-item .item{ display: flex; width: 100%;}
.hero__sec .item::before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.3); z-index: 2;}
.hero__sec .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center;}
.hero__sec .caption{ position: absolute; top: 0; left: 0; width: 100%; padding: 60px 0; z-index: 3;}
.hero__sec .owl-item .caption{ transform: translateY(80px); opacity: 0; transition: all .6s ease-in-out; transition-delay: 0.6s;}
.hero__sec .owl-item.active .caption{ transform: translateY(0); opacity: 1;}
.hero__sec .inner{ width: 100%; max-width: 524px;}
.hero__sec h1{ margin: 0 0 10px; text-shadow: 0 1px 3px rgba(0,0,0,.3);}
.hero__sec p{ margin: 0 0 20px; font-size: 18px; line-height: 26px; color: var(--whiteColor); font-weight: 400; text-shadow: 0 1px 3px rgba(0,0,0,.3);}
.hero__sec .btn-theme{ min-width: 293px;}
.hero__sec ul li{ margin: 0; font-size: 18px; line-height: 26px; color: var(--whiteColor); text-shadow: 0 1px 3px rgba(0,0,0,.3);}

.hero__sec .owl-dots{ position: absolute; left: 0; bottom: 44px; width: 100%; margin: 0; padding: 0; display: flex; justify-content: center; gap: 12px;}
.hero__sec .owl-dots .owl-dot{ background-color: hsla(0,0%,100%,.5); display: inline-block; text-indent: -9999px; border-radius: 7px; width: 7px; height: 7px; padding: 0; opacity: .5;}
.hero__sec .owl-dots .owl-dot.active{ background-color: var(--whiteColor); opacity: 1;}

.hero__sec .hero_slider:hover .owl-nav{ opacity: 1;}
.hero__sec .owl-nav{ position: static; opacity: 0; transition:all .3s ease-in-out;}
.hero__sec .owl-prev, .hero__sec .owl-next{ width: 26px; height: 50px; position: absolute; top: 50%; left: 46px; transform: translateY(-50%); z-index: 55;}
.hero__sec .owl-next{ right: 46px; left: auto;}
.hero__sec .owl-prev span, .hero__sec .owl-next span{ display: none;}
.hero__sec .owl-prev::before,.hero__sec .owl-next::before{ content: ""; width: 100%; height: 100%; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% auto; display: block; filter: brightness(0) invert(1); transform: scaleX(-1); transition:all .3s ease-in-out;}
.hero__sec .owl-next::before{ background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% auto; transform: none;}
.hero__sec .owl-prev:hover::before,.hero__sec .owl-next:hover::before{ opacity: 0.6;}

/* Values */
.values__sec{ padding: 54px 0; text-align: center;}
.values__sec .grid{ padding: 40px 30px 87px 58px; display: grid; grid-template-columns: repeat(5, auto); gap: 30px; justify-content: space-between; background: var(--whiteColor); border-left: 5px solid #AACC00; margin: 0 0 -25px 0;}
.values__sec h3{ margin: 0 0 30px; padding: 0; font-size: 16px; color: var(--txtColor); font-weight: 400;}
.values__sec figure{ margin: 0; padding: 0;}
.values__sec figure img{ width: 100%; max-width: 80px; height: 90px; object-fit: contain; transition:all .3s ease-in-out;}
.values__sec .item:hover figure img{ transform: translateY(-10px);}
.values__sec .btn-theme{ max-width: 290px; width: 100%; position: relative; z-index: 2;}

/* Review */
.reviews__sec{ padding: 80px 0 0;}
.reviews__sec .inner{ padding: 30px 60px; background: var(--whiteColor); border-left: 5px solid #AACC00;}
.review_block{ margin: 0; position: relative;}
.review_block .g-ic{ position: absolute; top: 0; right: 0; width: 20px; display: inline-flex;}
.review_block .g-ic img{ width: 100%;}
.review_block .author{ display: flex; align-items: center; gap: 20px; padding-right: 30px;}
.review_block figure{ width: 40px; height: 40px; background: #ab47bc; border-radius: 50%; display: flex; margin: 0;}
.review_block figure span{ width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--whiteColor); font-weight: 600;}
.review_block .rdtl{ margin: 0; font-size: 15px; color: var(--txtColor); font-weight: 600;}
.review_block .rating{ display: flex; margin: 10px 0;}
.review_block .rating i{ color: #f6bb06;}
.review_block .rating span{ width: 15px; display: inline-flex; margin-left: 10px;}
.review_block .rating span img{ width: 100%;}
.review_block p{ margin: 0;}
.review_block .name{ margin-top: 10px;}
.review_block .name a{ color: var(--txtColor); opacity: 0.5;}
.review_block .name a:hover{ opacity: 1;}
.reviews__sec .owl-nav{ position: static;}
.reviews__sec .owl-prev, .reviews__sec .owl-next{ width: 8px; height: 16px; position: absolute; top: 50%; left: -30px; transform: translateY(-50%); z-index: 55;}
.reviews__sec .owl-prev.disabled, .reviews__sec .owl-next.disabled{ opacity: 0 !important;}
.reviews__sec .owl-next{ right: -30px; left: auto;}
.reviews__sec .owl-prev span, .reviews__sec .owl-next span{ display: none;}
.reviews__sec .owl-prev::before, .reviews__sec .owl-next::before{ content: ""; width: 100%; height: 100%; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% auto; display: block; filter: brightness(0) invert(0); opacity: 0.6; transform: scaleX(-1); transition:all .3s ease-in-out;}
.reviews__sec .owl-next::before{ background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% auto; transform: none;}
.reviews__sec .owl-prev:hover::before, .reviews__sec .owl-next:hover::before{ opacity: 1;}
.reviews__sec .owl-dots{ width: 100%; margin: 20px 0 0; padding: 0; display: flex; justify-content: center; gap: 8px;}
.reviews__sec .owl-dots .owl-dot{ background-color: var(--whiteColor); display: inline-block; text-indent: -9999px; border-radius: 50px; width: 14px; height: 14px; border: 2px solid #aacc00;}
.reviews__sec .owl-dots .owl-dot.active{ background-color: #aacc00;}

/* CService */
.cservice__sec{ padding: 60px 0 0;}

/* Expertise */
.expertise__sec{ padding: 0 0 54px;}
.expertise__sec .title-info{ max-width: 850px; margin-left: auto; margin-right: auto; text-align: center;}
.expertise_slider{ padding: 0 80px;}
.expertise_slider .owl-stage{ display: flex;}
.expertise_slider .owl-item{ display: flex;}
.expertise_slider .owl-item .item{ display: flex;}
.expertise_block{ background: var(--whiteColor); display: flex; flex-direction: column; height: 100%;}
.expertise_block figure{ margin: 0; overflow: hidden; height: 332px; background: var(--primaryColor);}
.expertise_block figure img{ width: 100%; height: 100%; object-fit: cover; transition:all .3s ease-in-out;}
.expertise_block:hover figure img{ transform: scale(1.1); opacity: 0.6;}
.expertise_block .detail{ margin: 0; padding: 20px; display: flex; flex-direction: column; flex-grow: 1;}
.expertise_block h3{ margin: 0 0 10px; font-size: 16px; font-weight: 700; color: #333;}
.expertise_block p{ margin: 0 0 1em;}
.expertise_block .btn-theme{ padding-left: 15px; padding-right: 15px; margin-top: auto;}
.expertise_slider .owl-nav{ position: static;}
.expertise_slider .owl-prev, .expertise_slider .owl-next{ width: 26px; height: 50px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 55;}
.expertise_slider .owl-next{ right: 0; left: auto;}
.expertise_slider .owl-prev span, .expertise_slider .owl-next span{ display: none;}
.expertise_slider .owl-prev::before, .expertise_slider .owl-next::before{ content: ""; width: 100%; height: 100%; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% auto; display: block; filter: brightness(0) invert(0); opacity: 0.6; transform: scaleX(-1); transition:all .3s ease-in-out;}
.expertise_slider .owl-next::before{ background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% auto; transform: none;}
.expertise_slider .owl-prev:hover::before, .expertise_slider .owl-next:hover::before{ opacity: 1;}
.expertise_slider .owl-dots{ width: 100%; margin: 20px 0 0; padding: 0; display: flex; justify-content: center; gap: 8px;}
.expertise_slider .owl-dots .owl-dot{ background-color: var(--whiteColor); display: inline-block; text-indent: -9999px; border-radius: 50px; width: 14px; height: 14px; border: 2px solid #aacc00;}
.expertise_slider .owl-dots .owl-dot.active{ background-color: #aacc00;}

.owl-carousel .expertise_block{ height: auto;}
.owl-carousel .expertise_block figure { margin: 0; height: 342px;}
 
/* Network */
.network__sec{ margin: 0; padding: 15px 0; background: var(--primaryColor);}
.network__sec h2{ margin: 0 0 20px; font-weight: 500; color: var(--whiteColor);}
.network__sec p{ margin: 0 0 30px; font-size: 14px; font-weight: 400; color: var(--whiteColor); line-height: 21px;}
.network__sec figure {margin: 0; height: 340px; max-width: 450px; overflow: hidden;}
.network__sec figure img{ height: 100%; width: 100%; object-fit: cover; transition:all 9s ease-in-out;}
.network__sec:hover figure img{ transform: scale(1.1);}

/* Experience */
.experience__sec{ padding: 70px 0 80px; margin: 0; background-color: var(--lightColor);}
.experience__sec h2{ margin: 0 0 70px; text-align: center; color: #333;}
.experience__sec .counter_block{ padding: 0; margin: 0 0 80px; text-align: center;}
.experience__sec .counter_block p{ margin: 0 0 10px; font-size: 16px; color: #666;}
.experience__sec .counter_block strong{ margin: 0 0 20px; display: block; font-size: 64px; font-weight: 700; color: var(--primaryColor);}
.experience__sec .counter_block h3{ margin-bottom: 0;}
.cta_content{ padding: 30px 0 30px 40px; margin: 0; position: relative; background: #afcb1f; transition:all .3s ease-in-out;}
.cta_content:hover{ box-shadow: 6px 6px 0 var(--secondaryColor);}
.cta_content figure{ margin: 0;}
.cta_content .bg{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center right;}
/* .cta_content .caption{ padding: 30px; margin: 0; max-width: 560px; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} */
.cta_content h3{ margin: 0 0 10px; font-size: 26px; font-weight: 700; color: var(--whiteColor);}
.cta_content h4{ margin: 0 0 30px; font-size: 16px; font-weight: 700; color: var(--whiteColor);}
.simple_link{ font-size: 16px; font-weight: 700; color: var(--whiteColor); text-decoration: underline;}


/*===================
 		  FOOTER 
===================*/
.footer__sec{ background: var(--gray); padding: 100px 0 20px; }
.footer_top h4{ margin-bottom: 20px; font-weight: 700;}
ul.ftr_contact{margin: 0 0 35px ; padding: 0;}
ul.ftr_contact li{margin: 0 0 12px 0; padding: 0 0 0 35px; position: relative; line-height: 26px; }
ul.ftr_contact li a{ color: var(--txtColor);}
ul.ftr_contact li i{ font-size: 24px; position: absolute; left: 0; top:0px; color: #4e4e4e;}

ul.ftr-link{margin: 0 0 0; padding: 0;}
ul.ftr-link li{margin: 0 0 12px 0; padding: 0 0 0 15px; position: relative; }
ul.ftr-link li a{ color: var(--txtColor);}
ul.ftr-link li a:before{content: "\f105"; position: absolute; font-family:'Line Awesome Free'; font-weight: 900; left: 0; top: 3px; font-size: 11px; color: var(--txtColor); }
ul.ftr-link li a:hover{ color: #6b7d0c;}


.ftr-img{ margin: 0 0 30px;}
 a.btn.full{ width: 100%;}

 .footer_datapro{ padding: 60px 0 5px; font-size: 13px; font-weight: 500;}
 .footer_datapro a{ color: var(--primaryColor);}
 .footer_datapro a:hover{ color: var(--secondaryColor);}

 .ftr_copy{ border-top:1px solid var(--txtColor) ; padding: 25px 0; margin: 30px 0 0; font-weight: 600; font-size: 16px;}
 .ftr_social{ text-align: right; }
 .ftr_social ul{ margin: 0; padding: 0;}
 .ftr_social ul li{ display: inline-block; padding: 0 5px;}
 .ftr_social ul li a{font-size: 26px; color: var(--primaryColor); font-weight: normal;}

.cooki-btn{ position: fixed; width:50px; height:50px; background: var(--whiteColor); border-radius: 100%; text-align: center; bottom: 45px; left: 45px; z-index: 8; font-size:34px; color: var(--primaryColor); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.13);}
.cooki-btn a{ color: var(--primaryColor);}

.cookie-modal { max-width: 875px; }
.cookie-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #eaeaea;}
.cookie-footer button {padding: 15px 20px; }
.cookie-item .las{ font-size: 24px; cursor: pointer;}
.cookie-item .form-check-input{ width: 20px; height: 20px; margin-top: 0;}
.cookie-item  .form-check-input:checked{background-color: var(--primaryColor);    border-color: var(--primaryColor);}

.cookie-clps-body{ padding: 10px 0 5px;}
.cookie-clps-body p{ font-size: 14px; font-weight: 400; line-height: 1.8; color: var(--txtColor);}
.cookie-clps-body p:last-child{ margin-bottom: 0;}

.assec{ position: fixed; width:50px; height:50px; background: var(--primaryColor); border-radius: 100%; text-align: center; bottom: 15px; left: 20px; z-index: 8; font-size:34px; color: var(--primaryColor);}
.assec a{ color: var(--whiteColor);}

#cookieConsent{ background: var(--secondaryColor); color: var(--whiteColor);}
#cookieConsent p{ color: var(--whiteColor); margin: 0;}
#cookieConsent p a{ color: var(--whiteColor); text-decoration: underline;}
#cookieConsent p a:hover{ color: var(--primaryColor);}
#cookieConsent .btn-theme{ white-space: nowrap; min-width: max-content;}

/*======================================================= Inner Pages Start Here ========================================================*/
.inner__banner{ height: 545px;}
.inner__banner .bg{ height: 100%; position: absolute; top: 0; left: 0; object-position: center center;}
.inner__banner::before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(360deg,rgba(255,255,255,0) 52%,rgba(0,0,0,0.45) 100%); z-index: 2;}
.inner__banner h1{ margin: 0 0 20px;}

.content__card{ padding: 0; margin-bottom: 30px; background: var(--whiteColor); border-left: 5px solid #AACC00;}
.content__card:last-child{margin-bottom: 0;}
.content__card_detail{ padding: 47px 90px;}
.content__card_detail figure{ margin: 30px 0 47px; padding: 0;}
.content__card_detail figure img{ width: 100%;}
.content__card_detail p{ margin-bottom: 23px; line-height: 28px;}
.content__card_detail p:last-child{ margin-bottom: 0;}
.content__card_detail h6{ margin: 0 0 23px; color: #333;}
.content__card_bottom{ padding: 20px 90px; background-color: #AACC00;}
.content__card_bottom p{ margin: 0; font-size: 16px; font-weight: 600; color: var(--whiteColor);}
.content__card.mb--25{ padding-bottom: 25px;}
.cc-btn{ margin-bottom: 60px;}
.cc-btn .btn-theme{ max-width: 350px; width: 100%;}

.check-list{ margin: 0; padding: 0;}
.check-list li{ padding: 0 0 0 25px; margin: 0 0 6px 0; position: relative; line-height: 1.5;}
.check-list li::before{ content: "\f00c"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 7 Free"; font-weight: 900; font-size: 12px; color: #000;}

/*================================= Insurance Page =================================*/
.insurance__sec{ padding: 54px 0 50px;}
.insurance__sec h2{ margin: 47px 0 37px; text-align: center; color: #333; font-weight: 300;}
.insurance__sec h2 b{ font-weight: 500;}
.insurance__sec h3{ margin: 0 0 20px; font-size: 16px; color: #333; font-weight: 600;}
.insurance__sec h3 b{font-weight: 700;}
.txtblock_blue h3{ color: #1b4974;}
.txtblock_blue p{ color: #1b4974;}
.txtblock_red h3{ color: #d61b31 ;}
.txtblock_red p{color: #d61b31;}

/*================================= Offer Page =================================*/
.offer__sec{ padding: 80px 0; margin: 0; background: var(--lightColor);}
.offer__sec .row{ --bs-gutter-y: 30px; --bs-gutter-x: 30px;}

/*================================= Career Page =================================*/
.inner__banner .btn-theme{min-width: 253px;}
.offer__sec .title-info{ margin: 0 0 54px;}
.offer__sec .title-info .sec-title{ margin-bottom: 30px; color: #333; font-weight: 500;} 
.offer__sec .title-info p{ margin: 0 auto; max-width: 850px; width: 100%;}
.career_cta{ margin: 0 auto; max-width: 1080px; width: 100%;}
.career_cta img{ height: 100%; width: 100%;}

.career_form { padding: 54px 0 20px;}
.career_form .row{ --bs-gutter-y: 0; --bs-gutter-x: 30px;}
.career_form .form_block .form-control{ max-width: 300px; width: 100%;}

.flex_form_block{ display: flex; align-items: center; gap: 20px; justify-content: space-between;}
.form_block{ padding: 0; margin: 0 0 16px; width: 100%;}
.form_block .form-control{margin: 0; padding: 0 15px; font-size: 14px; font-weight: 400; color: #2d3940; height: 42px; border: 1px solid #e1e1e1; border-radius: 0;}
.form_block .form-control:focus{border-color: var(--primaryColor);}
.form_block label{margin: 0; font-size: 14px; font-weight: 700; color: #000;}

.career_table{ padding: 20px 0 ; margin: 0;}
.career_table table{ margin: 0; padding: 0; width: 100%; border: 1px solid #eee;}
.career_table table thead tr th{ padding: 9px 24px; background: #aaa; color: #555; font-size: 14px; font-weight: 700; }
.career_table table tbody tr td{ padding: 6px 24px; background: var(--lightColor); border-top: 1px solid #eee; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: 400; color: #000; line-height: normal;}
.career_table table tbody tr td:first-child{ font-weight: 700;}
.career_table table tbody tr:hover td{ background: var(--whiteColor);}

/*================================= Contact Page =================================*/
.contts__sec{ padding: 54px 0;}
.contts__sec h2{ margin: 54px 0 27px; padding: 0; color: #333; font-weight: 500;}
.contts__sec .content__card.style2 .content__card_detail{ padding: 0;}

.contts__sec .row{ --bs-gutter-y: 30px; --bs-gutter-x: 30px;}
.conttadd_block{padding: 47px 75px; background: var(--whiteColor); margin: 0; height: 100%; transition: all .3s ease-in-out;}
.conttadd_block:hover{ box-shadow: 5px 5px 27px rgba(0,0,0,0.08);}
.conttadd_block.active{border: 5px solid #aacc00;}
.conttadd_block p{ margin-bottom: 30px; font-size: 16px; font-weight: 500; color: #333; line-height: 27px;}
.conttadd_block .add_info{ margin: 0 0 17px; display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: #333;}
.conttadd_block .add_info a{ text-decoration: underline; color: #333;}
.conttadd_block .add_info:last-child{margin-bottom: 0;}
.conttadd_block .add_info i{ font-size: 24px; color: #4e4e4e;}
.conttadd_block .add_info a:hover{ color: var(--secondaryColor); text-decoration: none;}
.content__card.style2 .content__card_detail .conttadd_block a{ font-size: 15px; font-weight: 600; color: #aacc00;}
.content__card.style2 .content__card_detail .conttadd_block a:hover{ color: var(--secondaryColor); text-decoration: none;}

/*================================= About Page =================================*/
.about__banner::before{ background-image: linear-gradient(360deg,rgba(255,255,255,0) 18%,rgba(0,0,0,0.45) 100%);}

.about__sec .values__sec{ margin-bottom: 60px;}
.ad_cards p{ line-height: 1.5;}

.mboard__sec{ padding-top: 60px;}
.mboard__sec h2{ margin: 0 0 34px; color: #333; font-weight: 500;}
.board_id{ width: 100%;}
.board_id figure{ margin: 0; width: 100%; height: 345px; display: flex; overflow: hidden; background: var(--blackColor);}
.board_id figure img{ width: 100%; object-fit: cover; transition:all .3s ease-in-out;}
.board_id:hover figure img{ transform: scale(1.1); opacity: 0.6;}

.board_id .detail{ background: var(--whiteColor); padding: 20px;}
.board_id p{ font-weight: 600; font-size: 12px;}
.board_id p:last-child{ margin-bottom: 0;}
.board_content{ margin-bottom: 50px;}
.board_content .row{ --bs-gutter-y: 30px; --bs-gutter-x: 36px;}
.board_content .content__card_detail{ padding: 47px 60px;}
.board_content .content__card_detail p{ text-align: justify;}

/*================================= Leasing Page =================================*/
.leasing__sec{ padding: 54px 0 80px;}
.leasing__sec h2{ margin: 47px 0 37px; text-align: center; color: #333; font-weight: 300;}
.leasing__sec h2 b{ font-weight: 500;}
.iconi img{ width: 90px; height: 90px; object-fit: contain; display: inline-block;}
p a.style2{ color: var(--txtColor); text-decoration: underline;}
p a.style2 .fa{ font-size: 12px;}
p a.style2:hover{ color: var(--secondaryColor)}

.table-theme{ margin: 0 0 50px;}
.table-theme table{ width: 100%; margin: 0; border: none; border: 1px solid #eee; background: var(--whiteColor);}
.table-theme table thead tr th{ color: var(--whiteColor); font-weight: 700; padding: 13px 24px; background: var(--primaryColor);}
.table-theme table thead tr th + th{ border-left: 2px solid #f1f1f1; text-align: center;}
.table-theme table tbody tr td{ color: #313131; font-weight: 400; padding: 13px 24px;}
.table-theme table tbody tr td + td{ border-left: 2px solid #f1f1f1; text-align: center;}
.table-theme table tbody tr td .midot{ font-size: 24px; line-height: 1;}
.table-theme table tbody tr:nth-child(even){ background: #f2f2f2;}
.table-theme table tbody tr:hover{ background: #f9f9f9;}

.leasing__sec .table-theme table thead tr th{ width: 25%;}

.table_inforr{ margin-bottom: 90px;}
.table_inforr p{ margin: 0 0 7px; color: #666;}

body.modal-open{ padding-right: 0 !important;}

/* Accessibility modes */
.high-contrast { background-color: #000 !important; color: #fff !important;}
.grayscale { filter: grayscale(100%);}
.underline-links a { text-decoration: underline !important;}
.high-contrast { background-color: #000 !important; color: #fff !important;}
.grayscale { filter: grayscale(100%);}

#accessibilityModal{ padding: 20px 20px 120px 20px; height: 100vh; overflow: hidden;}
#accessibilityModal .modal-dialog{ margin: 0; width: 90%; max-width: 350px; float: right;}
#accessibilityModal .modal-content{ background-color: #f0f0f0; border: 1px solid #000; border-radius: 6px; padding: 20px; height: calc(100vh - 120px); overflow: auto; scrollbar-color: var(--primaryColor) lightgray; scrollbar-width: thin;}
#accessibilityModal .modal-header{ border: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0; margin: 0 0 20px;}
#accessibilityModal .modal-header .modal-title{ margin: 0; font-size: 24px; position: relative; font-weight: bold; color: #000;}
#accessibilityModal .modal-body{ padding: 0;}
#accessibilityModal ul { margin: 0 0 20px 0; padding: 0;}
#accessibilityModal ul li { display: block; margin: 0 0 10px 0;}
#accessibilityModal ul li a { display: block; color: #000 !important; font-size: 15px; padding: 10px; background-color: #fff; border-radius: 6px; transition: all .2s ease-in-out;}
#accessibilityModal ul li a img { margin: 0 15px 0 10px; width: 20px; height: 16px; object-fit: contain;}
#accessibilityModal ul li a:hover { box-shadow: 0px 5px 10px 10px rgba(0, 0, 0, 0.03); padding-left: 20px;}

#accessibilityModal .acc-txt { color: #000; line-height: 1.8 !important; font-size: 16px;}
#accessibilityModal .access_posRel { position: relative; margin: 10px 0 20px; }
#accessibilityModal .access_posRel .access_btn_reset { font-size: 13px; margin: 10px 0px 0 0; color: #000 !important; text-decoration: underline;}
#accessibilityModal .access_posRel .access_icon_reset { width: 18px; margin-right: 5px; position: relative; top: -1px;}

.finsimstps{ margin-top: 25px;}
.finsimstps p{ width: 100%; max-width: 278px; margin: 0 auto;}
.finsimstps .ic{ margin: 30px 0 25px;}
.finsimstps .ic img{ width: 90px; height: 90px; object-fit: contain; transition:all .3s ease-in-out;}
.finsimstps:hover .ic img{ transform: translateY(10px);}

.faq-acco{ margin-bottom: 50px;}
.faq-acco .accordion-item{ margin: 0 0 10px; padding: 0; border: none; border-radius: 0;}
.faq-acco .accordion-button{ margin: 0; padding: 20px; background: var(--whiteColor); border-radius: 0; font-size: 14px; font-weight: 600; color: var(--txtColor); box-shadow: none; align-items: center; justify-content: flex-end; flex-direction: row-reverse; gap: 10px;}
.faq-acco .accordion-button::after{ width: 22px; min-width: 22px; height: 22px; font-size: 12px; text-align: center; line-height: 20px; border: 1px solid #666; color: #666; box-shadow: inset 0 0 0 0.5px #666; border-radius: 50%; background: none; content: "\f054"; font-family: "FontAwesome"; margin: 0;}
.faq-acco .accordion-button:not(.collapsed)::after { transform: rotate(90deg);}
.faq-acco .accordion-body{ padding: 5px 20px 25px 52px;}
.faq-acco .accordion-body p{ line-height: 28px;}
.faq-acco .accordion-body p:last-child{ margin-bottom: 0;}


/*================================= Values Page =================================*/
.mainvalues__sec.leasing__sec{ padding-bottom: 50px;}
.mainvalues__sec .ilpv_ccard .content__card_detail{ padding: 47px 70px;}
.mainvalues__sec .ilpv_ccard .content__card_detail figure{ margin: 0; text-align: center;}
.mainvalues__sec .ilpv_ccard .content__card_detail figure img{ width: 80px; height: 87px; object-fit: contain; transition:all .3s ease-in-out;}
.mainvalues__sec .ilpv_ccard .col-sm-6:hover figure img{ transform: translateY(-10px);}
.mainvalues__sec .ilpv_ccard .content__card_detail h6{ text-align: center;}
.mainvalues__sec .ilpv_ccard .content__card_detail ul{ margin: 0;}

.leasing__sec .content__card_detail .iconi img{ transition:all .3s ease-in-out;}
.leasing__sec .content__card_detail .col-md-6:hover .iconi img{ transform: translateX(10px);}