/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 --black:#1A1817;
	 --white:#fff;
	 --yellow:#F9AE33;
	--red:#E53935;
	--green:#62C370;	
	--gray:#5E5D5D; 
	scroll-behavior: auto;
	 
	}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--white);
	letter-spacing: 0; line-height: normal;
	 scroll-behavior: auto;
	font-weight: normal;
	
	}
img{ max-width: 100%; height: auto; }

input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
/* Common CSS for All components : End */

@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
	@media (min-width: 768px) {
	.container {
	width:750px;
	padding: 0 15px;;
	}
	
	}
	@media (min-width: 992px) {
	.container {
	width:970px;
	}
	}
	@media (min-width: 1280px) {
	.container {
	width:1140px;
	max-width:1140px;
	}
	}
	.container{ position: relative; z-index: 5; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
 
	 
}
 
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p{margin: 0; padding: 0; color: var(--gray); font-weight: 400;font-size:18px;line-height: 136%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.text  p{margin: 0; padding: 0; color: var(--gray); font-weight: 400;font-size:18px;line-height: 136%;}
.text  ul li strong,
.text  ol li strong,
.text  p strong{ font-weight: bold; }
.text  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text  p + p{ padding-top: 24px; }
.text  ul li a,
.text  ol li a,
.text  p a{ margin: 0; padding: 0; color: var(--gray); font-weight: 400;font-size: 18px;line-height: 136%;   text-decoration: underline; }
.text  ol li a:hover,
.text  ul li a:hover,
.text  p a:hover{ opacity: 0.5; }
.text  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.text  ul li{ margin: 0; padding: 0; color: var(--gray); font-weight: 400;font-size: 18px;line-height: 136%; display: list-item; list-style-type: disc; list-style-position: outside; } 
.text  ul li + li{ margin-top:12px; }
.text  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.text  ol li{margin: 0; padding: 0; color: var(--gray); font-weight: 400;font-size: 18px;line-height: 136%; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text  ol li + li{ margin-top: 12px; }
.text .heading-tag:first-child{ padding-top: 0px;; }
.text  ol + p,
.text  ul + p,
.text   p + ul,
.text   p + ol,
.text   ol + ul,
.text   ul + ol{ padding-top: 24px; }
.text p + p{ padding-top: 24px; }



.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}
.py-96{  padding-top: 96px; padding-bottom: 96px; }
.pt-96{  padding-top: 96px;  }
.pb-96{padding-bottom: 96px; }
.py-48{  padding-top: 48px; padding-bottom: 48px; }
.pt-48{  padding-top: 48px;  }
.pb-48{padding-bottom: 48px; }
.py-60{  padding-top: 60px; padding-bottom: 60px; }
.pt-60{  padding-top: 60px;  }
.pb-60{padding-bottom: 60px; }
.my-60{  margin-top: 60px; margin-bottom: 60px; }
.mt-60{  margin-top: 60px;  }
.mb-60{margin-bottom: 60px; }

.main-wapper{ overflow:hidden; }
#header{ position: relative; z-index: 100; width: 100%; display: block; background: var(--white); box-shadow: rgba(0,0,0,0.1) 0 2px 4px;}
.header-top-wapper{ background: var(--black); width: 100%; display: block;  }
.header-top-block{ min-height: 44px;display: flex; align-items: center;  justify-content: space-between;}
.h-social{ gap: 10px; display: flex ;align-items: center; }
.h-social a{ display: flex ;align-items: center; }
.h-social a img{ width: 17px; height: auto; display: flex ;align-items: center; }
.header-top-right .phone-no a:hover,
.h-social a:hover{ opacity: 0.5; }

.header-top-right{ display: flex ; align-items: center; gap: 34px;}
.header-top-right .phone-no a{ display: flex;  color: var(--white); font-weight: 500; font-size: 14px; gap: 10px; align-items: center;}
.header-top-right .phone-no a i{ display: flex ;align-items: center;}
.header-bottom{ display: flex ;align-items: center; justify-content: space-between;}
.header-bottom .logo{ display: flex; align-items: center; }
.header-bottom .logo a{ display: flex; align-items: center; }
.header-bottom .logo a img{ height: 68px; width: auto; display: flex; align-items: center; }
.header-bottom-right{ gap: 36px; display: flex ;align-items: center;}
.main-nav>ul{ display: flex ;align-items: center; gap: 36px;} 
.main-nav>ul>li{ min-height: 96px; margin: -8px 0; ; display: flex; align-items: center; }
.main-nav>ul>li>a{ font-size: 16px; font-weight: 600; color: var(--black);  }
.main-nav>ul>li>a:hover{ color: var(--yellow); }
.yellow-btn{ display: flex ;align-items: center; }
.yellow-btn a{ height: 42px; border-radius: 24px; line-height: 1; padding: 0 22px; font-size: 16px; font-weight: 600; color: var(--white); background: var(--yellow); display: flex ;align-items: center; }
.yellow-btn a:hover{ background: var(--green); }




.banner-box{ width: 100%; display: block; position: relative; }
.banner-box .img{ z-index: 2; min-height: 420px; width: 100%; border-radius: 28px; overflow: hidden; display: flex; position: relative;} 
.banner-box .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.banner-over-text{ z-index: 5; position: absolute; padding: 0 44px; left: 0; bottom: 100px; width: 100%; }
.banner-text-inner{ display: flex ;flex-direction: column ;align-items: flex-start;}
.banner-text-inner .bg-text{ padding: 8px 0 22px 0; }
.banner-text-inner .bg-text span{ display: flex; padding: 2px 10px;  font-family: 'Kurale'; color: var(--white); font-size: 15px; background: #38231C; }
.banner-text-inner h1{ display: flex ;flex-wrap: wrap;}
.banner-text-inner h1 span.text-1{-webkit-background-clip:text; width: 100%; -webkit-text-stroke: 1px #E53935;  font-family: 'Special Elite'; color: var(--red); font-size:40px;;  }
.banner-text-inner h1 span.text-2{ margin: -5px -15px 0 10px; transform: rotate(-90deg); -webkit-background-clip:text; -webkit-text-stroke: 1px #1A1817;  font-family: 'Special Elite'; color: var(--black); font-size: 22px;;}
.banner-text-inner h1 span.text-3{-webkit-background-clip:text; -webkit-text-stroke: 2px #1A1817;  color: transparent;  font-family: 'Special Elite';   font-size: 36px;;}
.slick-slide {margin: 0 10px;}
.slick-list {margin: 0 -10px;}
.slick-slider .slick-dots{ gap: 8px; display: flex ;align-items: center; justify-content: center; margin: 28px 0 0 0;}
.slick-slider .slick-dots button{ width: 30px; height: 6px; font-size: 0; background: #D4D4D4; border-radius: 100px; border: 0;padding: 0;}
.slick-slider .slick-dots .slick-active button{ background: var(--red); }
.slick-slider .slick-dots li{display: flex; }
.red-link-with-arrow{ display: flex ;align-items: center;}
.red-link-with-arrow a{ overflow: hidden; gap: 8px; background: var(--red); display: flex ;align-items: center; height: 42px; border-radius: 24px; line-height: 1; padding: 0 6px 0 6px;  color: var(--white); line-height: 1; font-size: 16px; font-weight: 600;}
.red-link-with-arrow a i{ transition: all 0.3s ease-in-out; position: relative; overflow: hidden; display: flex ;align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; background: var(--white);}
.red-link-with-arrow a span{ min-width: 102px; justify-content: center; text-align: center; transition: all 0.3s ease-in-out;  padding: 0 0 0 24px; display: flex; }
.red-link-with-arrow a .hide-arrow{  position: relative; margin: 0 0 0 -48px;; }
.red-link-with-arrow a:hover .hide-arrow{ margin: 0px;}
.red-link-with-arrow a:hover .defult-arrow{ margin: 0 -48px 0 0px;}
.red-link-with-arrow a:hover span{ padding: 0 18px 0 6px; }

.icon-text-listing{ display: flex ; align-items: flex-start; width: 100%; justify-content: space-between;}
.icon-text-listing .icon-box{ width: 137px; display: block; text-align: center; }
.icon-text-listing .icon-box .img{ margin: 0 0 18px; min-height: 100px; display: flex; align-items: center; justify-content: center; }
.icon-text-listing .icon-box .img img{ max-width: 137px; max-height: 100px; }
.icon-text-listing .icon-box span{ font-size: 14px; line-height: 1.18; display: block; text-transform: uppercase; width: 100%;}


.why-choose-block{ display: flex; align-items: center; justify-content: space-between;}
.why-choose-block .why-choose-img{ width: 450px;}
.why-choose-block .why-choose-img img{ max-width: 100%;  width: auto; height: auto;}
.why-choose-right { width: 500px;}


.section-title{ text-align: center; }
.section-title.left-align{ text-align: left; }
.section-title h4{ color: var(--gray); font-size:18px; font-weight: 500;}
.section-title h2{ line-height: 1; font-weight: 600;  letter-spacing: -0.03rem; font-size: 40px; color: var(--red);}
.section-title h2 + h4,
.section-title h4 + h2{ padding-top: 16px; }
.section-title h2 span{ color: var(--yellow);}
.section-title  .text-data{ max-width: 450px; margin: 0 auto; display: block; padding: 26px 0 0 0; } 
.section-title  .text-data >i img{ width: 170px; height: auto; }
.why-text{ position: relative; margin: 28px 0 0 0; border-radius: 10px; box-shadow: rgba(0,0,0,0.1) 0  0 17px; padding: 45px 40px 45px  42px; }
.why-text::after {width: 2px; position: absolute; left: 20px; top: 20px; bottom: 20px; background: var(--yellow); content: '';}

.why-choose-right .arrow-link{ justify-content: flex-end; margin: 28px 0 0 0; }
.arrow-link{ display: flex ;align-items: center; }
.arrow-link a{ font-weight: 500;  font-size: 16px; color: var(--black); gap: 13px; display: flex ;align-items: center; }
.arrow-link a i{ transition: all 0.3s ease-in-out; width: 28px; height: 28px; padding: 0 0 0 2px; background: var(--green); border-radius: 20px; justify-content: center; display: flex ;align-items: center; }
.arrow-link a:hover i{ background: var(--yellow); }
.arrow-link a:hover{ color: var(--yellow);}

.prodcuts-slider-block{ padding: 60px 0 0 0; }
.prodcuts-slider-block .slick-slide { height: inherit; margin: 0 28px;}
.prodcuts-slider-block .slick-list {margin: 0 -28px;}
.prodcuts-slider-block .slick-track{ display: flex ;align-items: stretch;}
.prodcuts-box{ box-shadow: rgba(136,136,136,0.25) 0 4px 4px; height: calc(100% - 65px); padding: 0 20px 24px; margin: 57px 0 8px 0; border-radius: 15px; background: #E8EEF1; width: 100%; display: flex ; flex-direction: column;}
.prodcuts-box .img{ margin: -57px 0 0 0; width: 100%; min-height: 167px; display: flex; align-items: center; justify-content: center;}
.prodcuts-box .img img{ max-width: 100%; height: auto; }
.prodcuts-box .prodcuts-box-sub{ display: flex; flex-direction: column; text-align: center; width: 100%; padding:14px 8px 16px; }
.prodcuts-box .prodcuts-box-sub h4{ padding: 0 0 14px; font-size: 20px; line-height: 1.3; font-weight: 600; }
.prodcuts-box .prodcuts-box-sub p{ font-size: 14px; line-height: 1.26; color: var(--gray);}
.prodcuts-box .arrow-link-black{ margin-top: auto; justify-content: center; }
.arrow-link-black { display: flex ;align-items: center; }
.arrow-link-black a{ font-weight: 500;  font-size: 16px; color: var(--black); gap: 13px; display: flex ;align-items: center; }
.arrow-link-black a i{ transition: all 0.3s ease-in-out; width: 28px; height: 28px; padding: 0 0 0 2px; background: var(--black); border-radius: 20px; justify-content: center; display: flex ;align-items: center; }
.arrow-link-black a:hover i{ background: var(--yellow); }
.arrow-link-black a:hover{ color: var(--yellow);}
 
.custom-nav{ height: 38px; display: flex ;align-items: center; width: 98px; margin: 20px auto; border: #F4F6F8 solid 2px; border-radius: 6px; overflow: hidden; }
.custom-nav button{ transition: all 0.3s ease-in-out; height: 38px; width: 50%; background: none; border: 0; opacity: 0.3; padding: 0; font-size: 0; }
.custom-nav button:hover{  background: #F4F6F8; opacity: 1; }


.green-link-with-arrow{ display: flex ;align-items: center;}
.green-link-with-arrow a{ overflow: hidden; gap: 8px; background: var(--green); display: flex ;align-items: center; height: 42px; border-radius: 24px; line-height: 1; padding: 0 6px 0 6px;  color: var(--white); line-height: 1; font-size: 16px; font-weight: 600;}
.green-link-with-arrow a i{ transition: all 0.3s ease-in-out; position: relative; overflow: hidden; display: flex ;align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; background: var(--white);}
.green-link-with-arrow a span{ min-width: 102px; justify-content: center; text-align: center; transition: all 0.3s ease-in-out;  padding: 0 0 0 24px; display: flex; }
.green-link-with-arrow a .hide-arrow{  position: relative; margin: 0 0 0 -48px;; }
.green-link-with-arrow a:hover .hide-arrow{ margin: 0px;}
.green-link-with-arrow a:hover .defult-arrow{ margin: 0 -48px 0 0px;}
.green-link-with-arrow a:hover span{ padding: 0 18px 0 6px; }



.products-block-2{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between;} 
.products-left{ width: 480px; display: block;}
.products-right{ width: 520px; display: block;}
.products-left .text-data{ padding: 26px 0; }
.products-left .products-left-img{ padding: 48px 0 0 0; display: block; width: 100%; }
.products-left .products-left-img img{ width: 100%; display: block;}

.products-4-colum{ display: flex ;flex-wrap: wrap; justify-content: space-between;}
.products-4-colum .prodcuts-box{ margin-top:136px ;     width: 236px;}
.products-4-colum .prodcuts-box:nth-child(2n+0){ margin-top: 57px; }
.products-4-colum .prodcuts-box:nth-child(3){ margin-top: 80px; }
.products-4-colum .prodcuts-box:nth-child(4){ margin-top: 20px; }
.reletive-outer{ position: relative; overflow: hidden;  }
.reletive-outer .icon-abt{ pointer-events: none; z-index: 10; position: absolute; right: 0; bottom: 150px; }
.reletive-outer .icon-black-abt{ pointer-events: none; z-index: 10; position: absolute; left: 0; bottom: 50px; }
.reletive-outer .icon-green-abt{ pointer-events: none; z-index: 10; position: absolute; right: 0; bottom: 0px; }

.cta-block{ background: linear-gradient(135deg, rgba(249,245,243,1) 0%, rgba(255,246,230,1) 59%, rgba(226,221,227,1) 100%);
  background-size: 300% 300%; /* make background larger for movement */
  animation: gradientMove 8s linear infinite; /* adjust speed */
	border-radius: 16px;
	overflow: hidden;
	display: flex ;align-items: center; justify-content: space-between;
	padding: 42px 44px;
}
  @keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.cta-block .cta-left{ max-width: 450px; }
.cta-block  .text-data{ padding: 16px 0 24px; }
.cta-block .cta-image{ max-width: 500px; display: flex; align-items: center;}


.products-right .swiper-fade .swiper-slide{ opacity: 0 !important; }
.products-right .swiper-fade .swiper-slide.swiper-slide-active{ opacity: 1 !important;  }


.Certificates-logos{ padding: 60px 0 0 0; display: block ;width: 100%; }
.Certificates-logos ul{ display: flex ; align-items: center; justify-content: space-between;}
.Certificates-logos ul img{ max-width: 166px; max-height: 101px; display: flex ;align-items: center; width: auto; height: auto; }
.testi-section-inner{ padding: 82px 0; position: relative; display: block; width: 100%; overflow: hidden; margin: 60px 0 0 0; }
.testi-section-inner .slick-slide {margin: 0 15px;}
.testi-section-inner .slick-list {margin: 0 -15px;}

.testi-box{ padding: 15px 0; display: block; width: 100%; position: relative;}
.testi-box .testi-box-inner{ padding: 36px 30px 25px; border: #D5D5D5 solid 2px; display: block; width: 100%; position: relative;}
.testi-box .testi-box-inner .coma-1{  padding: 0 15px;  font-family: 'Special Elite'; font-weight: normal; font-size: 90px; color: var(--green); position: absolute ;left: 30px; top: -15px;}
.testi-box .testi-box-inner .coma-1 img {width: 36px; height: auto;}
.testi-box .testi-box-inner .coma-2{  padding: 0 15px; font-family: 'Special Elite'; font-weight: normal; font-size: 90px; color: var(--green); position: absolute ;right: 30px; bottom: -15px;}
.testi-box .testi-box-inner .coma-2 img {width: 36px; height: auto;}
.testi-box .testi-box-inner .coma-1 span{ position: relative; z-index: 3; display: flex ;align-items: center;}
.testi-box .testi-box-inner .coma-2 span{ position: relative; z-index: 3;display: flex ;align-items: center;}
.testi-box-inner .g-text{  gap: 8px; font-size: 14px; color: #888888; display: flex ;align-items: center; }
.testi-box-inner .g-text img{ width: 20px; height: auto;}
.testi-box-inner .text-data{ padding: 16px 0 34px;}
.testi-box-inner .name{ display: block; width: 100%;}
.testi-box-inner .name .name-sub{ padding: 0 0 0 42px; width: auto; position: relative; font-size: 18px; font-weight: 600;}
.testi-box-inner .name .name-sub::after{ background: var(--black); width: 30px; height: 2px; content: ''; position: absolute; left:0px; top: 50%; margin: -1px 0 0 0; }
.testi-box-inner .name .country{ padding: 5px 0 0 42px; font-size: 16px; font-weight: 500; color: var(--gray);}

.testi-section-inner .bg-div{ position: absolute;  background: url(../images/testi-sed.svg) no-repeat right top; background-size: auto 100%; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none;   }
.testi-section-inner  .custom-nav{ margin: 48px auto 0; }
.testi-box .testi-box-inner .coma-2::after,
.testi-box .testi-box-inner .coma-1::after{ width: 100%; z-index: 1; height: 2px; background: #F4F6F8; position: absolute; left: 0; top: 50%; margin: 0px 0 0 0; content: '';  }
.testi-box .testi-box-inner .coma-1::after{ margin: -2px 0 0 0; }
.testi-slider-block .swiper{ overflow: visible; }


.blog-section .section-title{ max-width: 50%; }

.blog-slider-block{ padding: 60px 0 0 0; }

.blog-box{ width: 100%; display: block; }
.blog-box a{ position: relative; overflow: hidden; padding:22px 16px 16px; border-radius: 20px; background: #F4F6F8; width: 100%; display: block; }
.blog-box h5{ transition: all 0.3s ease-in-out; font-size: 20px; color: var(--black); font-weight: 600; padding: 0 25% 6px 0; border-bottom: rgba(0,0,0,0.2) solid 1px; display: block; }
.blog-box .arrow{ position: absolute; right: 14px ; top: 14px; display:  flex ;align-items: center; }
.blog-box .text{ display: block; padding: 14px 0 16px;}
.blog-box .text p{transition: all 0.3s ease-in-out; font-size: 14px;}
.blog-box  .img{ width: 100%; display: flex ;align-items: center; justify-content: center; border-radius: 8px; overflow: hidden;}
.blog-box  .img img{ width: 100%; height: 202px; object-fit: cover; display: flex; }
.blog-box a:hover{ background: var(--green); }
.blog-box a:hover h5,
.blog-box a:hover .text p{ border-color: rgba(255,255,255,0.2); color: var(--white);}
.blog-slider-block{ position: relative; }
.blog-slider-block .custom-nav{ position: absolute; right: 0; top: -60px; }

.blog-section.reletive-outer .icon-abt{  left: 0; bottom: 100px;}


.contact-block{ padding: 106px 40px; background: var(--black) ; border-radius: 24px; display: flex; align-items: flex-start; width: 100%; justify-content: space-between;}
.contact-left { width: 460px;}
.contact-left  .text-data{ padding: 12px 0 0 0; }
.contact-left .ct-map{ margin: 48px 0 0 0; width: 100%; border-radius: 20px; overflow: hidden; }
.contact-left .ct-map iframe{ width: 100%; object-fit: cover; height: 310px; }
.contact-right{ width: 480px; position: relative; display: block;} 
.contact-right .fill-svg{ position: absolute; left: -94px; top: -59px; }
.contact-right .fill-svg img{ width: 80px; height: auto;}
.contact-right .line3{ position: absolute; left: -46px; bottom: -38px;}
.contact-right .line3 img{ width: 46px;}

.contact-form{ width: 100%; display: block; padding: 30px; border-radius: 14px; background: var(--white); }
.contact-form .input-box{ padding: 0 0 24px;  width: 100%; display: block;}
.contact-form .input-box .input-title{ font-size: 14px; font-weight: 500; color: var(--black);}
.contact-form .input-box .input-text{ width: 100%; display: block; font-size: 16px; color: var(--black); font-weight: 500; border: 0; padding: 5px 0; border-bottom:rgba(0,0,0,0.2) solid 1px; background: none; }
.contact-form .input-box textarea.input-text{ height: 120px; resize: none; }
.input-box.submit-row{ display: block; padding:0px 0 0 0;}
.input-box.submit-row button{ transition: all 0.3s ease-in-out; height: 52px; border-radius: 100px; background: var(--green); color: var(--white); border: 0; width: 100%; text-align: center; display: flex ; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; }
.input-box.submit-row button:hover{ background: var(--red); }


#footer{width: 100%; margin: 48px 0 0 0; display: block; padding: 0 45px; }
.footer-wapper{ border-radius: 24px; background: var(--black); }
.footer-top{ border-bottom: rgba(255,255,255,0.2) solid 1px; padding: 34px   0;  display: flex ; align-items: center; justify-content: space-between;}
.footer-top .foote-top-left h5{ padding: 0 0 8px;  font-size: 24px; font-weight: 600; color: var(--yellow); }
.footer-top .foote-top-left p{ font-size: 16px; font-weight: 500; color: #939393;}

.newslatter-box{ width: auto; display: flex;}
.news-row{ position: relative; width: 100%; display: block;}
.news-row .input-text{ height: 48px; font-size: 16px; font-weight: 500; color: #606060; padding: 0 120px 0 20px; background: var(--white); border: 0; border-radius: 40px;  min-width: 330px; display: block ;width: 100%; }

 
.news-row button{   overflow: hidden; gap: 8px; background: var(--green); display: flex ;align-items: center; height: 42px; border-radius: 24px; line-height: 1; padding: 0 6px 0 6px;  color: var(--white); line-height: 1; font-size: 16px; font-weight: 600; border: 0; position: absolute; right: 3px; top: 3px; }
.news-row button i{ transition: all 0.3s ease-in-out; position: relative; overflow: hidden; display: flex ;align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; background: var(--white);}
.news-row button span{ min-width: 0px; justify-content: center; text-align: center; transition: all 0.3s ease-in-out;  padding: 0 0 0 24px; display: flex; }
.news-row button .hide-arrow{  position: relative; margin: 0 0 0 -48px;; }
.news-row button:hover .hide-arrow{ margin: 0px;}
.news-row button:hover .defult-arrow{ margin: 0 -48px 0 0px;}
.news-row button:hover span{ padding: 0 18px 0 6px; }

.footer-middle{ padding: 34px 0 54px; display: flex ;align-items: flex-start ; width: 100%;}
.footer-middle .footer-left-2{ width: 330px;}
.footer-left-2 .f-logo{ display: flex;}
.footer-left-2 .f-logo a{ display: flex;}
.footer-left-2 .f-logo a img{ max-width: 243px; height: auto; display: flex;}
.footer-left-2 .f-text{ padding: 36px 0 26px; }
.footer-left-2 .f-text p{ font-size: 16px;color: var(--white); font-weight: normal; }
.footer-left-2 .h-social{ gap: 10px;}
.footer-left-2 .h-social a img{ width: 22px; height: auto;}
.f-link-box-main{ gap: 70px; display: flex ; margin: 0 0 0 auto;}
.f-link-box-main .f-link-box{ max-width: 320px; }
.f-link-box-main .f-link-box h5{ padding: 0 0 24px; font-size: 20px; color: #939393; font-weight: 600;}
.f-link-box-main .f-link-box .f-link ul{ display: flex; gap: 18px; flex-direction: column;}
.f-link-box-main .f-link-box .f-link ul li { display: flex;}
.f-link-box-main .f-link-box .f-link ul li  a{ color: var(--white); display: flex;}
.f-link-box-main .f-link-box .f-link ul li  a:hover{ opacity: 0.5; }

.f-icon-text{ display: flex ; gap: 14px; align-items: flex-start; font-size: 16px; font-weight: 500; color: var(--white); }
.f-icon-text a{ display: flex ; gap: 14px; align-items: center;font-size: 16px; font-weight: 500; color: var(--white);}
.f-icon-text i{ min-width: 28px;}
.f-icon-text i img{ width: 28px; height: auto;}
.f-icon-text + .f-icon-text{ margin: 18px 0 0 0; }
.f-icon-text a:hover{ opacity: 0.5; }
.footer-bottom-wapper{ width: 100%; padding: 20px 0; display: block;}
.f-bot-row{ display: flex ; align-items: center; justify-content: space-between;}
.f-bot-row .powerby,
.f-bot-row .copyright{ font-size: 14px; font-weight: 500; color: var(--black); }
.f-bot-row .powerby a{ color: var(--black); }
.f-bot-row .powerby a:hover{ color: var(--red);}
.footer-wapper.reletive-outer{ overflow: visible; }
.footer-wapper.reletive-outer .icon-black-abt{ left: -45px; bottom: 78px;; }

.footer-wapper.reletive-outer .icon-green-abt{ right: -45px; top: 78px; bottom: auto; }

.main-nav>ul>li.menu-item-has-children::after{ transition: all 0.3s ease-in-out;width: 20px; height: 20px;  width: 64px; height: 2px; background: #000; content: ''; display: flex;  position: absolute; left: 50%; bottom: 20px;  margin: 0 0 0 -32px;}
 
.main-nav>ul>li{ position: relative; }
.main-nav>ul>li ul{ z-index: 100; transform: translateY(20px); opacity: 0; visibility: hidden; pointer-events: none; background: var(--white); box-shadow: 0 0 5.4px 0 rgba(0, 0, 0, 0.10); border-radius: 16px;
 position: absolute; left: 0; top:100%; min-width: 132px;  transition: all 0.3s ease-in-out;}
.main-nav>ul>li ul li + li{ border-top: #E3E3E3 solid 1px;; }
.main-nav>ul>li ul li a{ font-size: 14px; font-weight: 500; color: var(--black); padding: 13px 18px; display: flex ; white-space: nowrap; }
.main-nav>ul>li ul li a:hover{ color: var(--yellow);}
.main-nav>ul>li:hover ul{ opacity: 1; transform: none; visibility: visible; pointer-events: all; }

.text-fade {
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}
.text-fade.animated {
    opacity: 1;
	transition-delay: 0.2s;
    -webkit-transform: none!important;
    transform: none!important;
}

.fade-loop {
  animation: fadeLoop 1s ease-in-out infinite alternate;
  /* optional: better perf when animating opacity */
  will-change: opacity;
}

@keyframes fadeLoop {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Respect reduced motion (optional) */
@media (prefers-reduced-motion: reduce) {
  .fade-loop { animation: none; opacity: 1; }
}


.cls-breadcumb{ display: block;}
.cls-breadcumb ul{ display: flex ;align-items: center;}
.cls-breadcumb ul li{ font-weight: 500; display: flex ;align-items: center; color: var(--gray); font-size: 16px; }
.cls-breadcumb ul li+ li::before{ margin: 0 5px; content: '/'; }
.cls-breadcumb ul li a{ font-weight: 500; color: var(--black); }
.cls-breadcumb ul li a:hover{ color: var(--red);}

.about-image{ border-radius: 20px; display: flex ;align-items: center;  justify-content: center; overflow: hidden;  margin: 80px 0 0; }
.about-image img{ width: 100%; height: auto;}


.mission-block{ padding-left: 100px; padding-right: 100px; background: var(--black);  border-radius: 20px;; display: block; }
.mission-box{max-width: 300px; margin: 0 auto; display: block; width: 100%; text-align: center;}
.mission-box .img{ display: flex ;align-items: center; justify-content: center;}
.mission-box .img img{ width: 64px; height: auto;}
.mission-box h4{ padding: 22px 0 8px; display: block; font-size: 32px; font-weight: 600; color: var(--red);}
.mission-box h4 span{ color: var(--yellow);}
.mission-box .text-data p{ font-size: 16px; color: var(--white);}
.about-section-3.reletive-outer .icon-green-abt{ left: 0; top: 20px; right: auto; }


.why-listing{ padding: 60px 0 0 204px; }
.why-listing .icon-row{ padding: 12px 0; gap: 20px; display: flex ; align-items: flex-start;}
.why-listing .icon-row .icon{ width: 44px;}
.why-listing .icon-row .icon img{ max-width: 36px; }
.why-listing .icon-row  .text{ min-height: 44px; font-size: 20px; color: var(--gray); display: flex ;align-items: center; width: calc(100% - 64px); }
.why-listing .icon-row + .icon-row{ border-top: rgba(0, 0, 0, 0.20) solid 1px; }


.products-listing-block .row{ margin: 0 -30px !important; row-gap: 60px; }
.products-listing-block .row>*{ padding: 0 30px !important; }
.products-section-1.reletive-outer .icon-green-abt{ left: 0; top: 20px; right: auto; }



.globle-block-1{ display: flex ;align-items: flex-start; width: 100%; justify-content: space-between; gap:48px ;}
.globle-block-1 .globle-image-1{ width: 520px; border-radius: 20px; overflow: hidden; display: flex;}
.globle-block-1 .globle-image-1 img{ width: 100%;  height: auto; }
.globle-block-1 .globle-data-block{ width: 520px;}
.globle-block-1 .globle-data-block .text-data{ padding: 40px 0 0 0;  }

.globle-block-2 { display: flex ;align-items: flex-start; width: 100%; justify-content: space-between; gap:48px ;}
 
.globle-block-2 .globle-data-block{ width: 480px;}
.globle-block-2 .globle-data-block .text-data{ padding: 40px 0 0 0;  }
.globle-block-2 .globle-images{  width: 500px; display: flex; flex-direction: column;}
.globle-block-2 .globle-images .globle-img{  width: 100%; max-width: 400px; border-radius: 20px; border: var(--white) solid 8px;  }
.globle-block-2 .globle-images .globle-img img{ width: 100%; height: auto;}
.globle-block-2 .globle-images .globle-img.img-2{ position: relative; z-index: 10; margin: -100px 0 -100px auto; }


.globle-block-3 .globle-data-block{ padding: 0 0 60px; text-align: center; max-width: 80%; margin: 0 auto;   }
.globle-block-3 .globle-data-block .text-data{ padding: 26px 0 0 0; }

.text-data p span{ position: relative; }
.text-data p span i{ position: absolute; left: -20px; bottom: -14px; right: -20px; display: flex ;align-items: center; justify-content: center; background: url(../images/line-g.svg) no-repeat center center; height: 10px; background-size: 100% auto; }
.text-data p a{ color: var(--gray); }

.flag-listing{ display: block; width: 100%;}
.flag-listing ul{ gap: 160px; row-gap: 68px; display: flex ;flex-wrap: wrap; justify-content: center;}

.flag-box{ gap: 13px; display: flex ;align-items: center; justify-content: center; flex-direction: column;}
.flag-box .img{ overflow: hidden;  width: 104px; border-radius: 8px; display: flex;}
.flag-box .img img{ width: 100%; height: auto;}
.flag-box span{font-size: 16px; color: var(--black);}

.reletive-outer.globle-section-2 .icon-abt{ top: 100px; bottom: auto;}

.contact-block-2{ display: flex ;align-items: flex-start; justify-content: space-between;}
.contact-block-2 .contact-left-2{ width: 450px;}

.contact-data-in .ct-icon-text{ display: flex ; gap: 14px; align-items: flex-start; font-size: 16px; font-weight: 500; color: var(--gray); }
.contact-data-in .ct-icon-text a{ display: flex ; gap: 14px; align-items: center;font-size: 16px; font-weight: 500; color: var(--gray);}
.contact-data-in .ct-icon-text i{ min-width: 28px;}
.contact-data-in .ct-icon-text i img{ width: 28px; height: auto;}
.contact-data-in .ct-icon-text +   .ct-icon-text{ margin: 18px 0 0 0; }
.contact-data-in .ct-icon-text a:hover{ opacity: 0.5; }
.contact-data-sub{ max-width: 360px;}
.contact-data-sub h6{ font-size: 20px; font-weight: 600; color: var(--black); padding: 0 0 22px; }
.contact-data-in + .contact-data-in{ margin-top: 40px; }

.ct-box-right{ margin-top: 60px;  width: 480px; position: relative; display: block;}
.ct-box-right .fill-svg{ position: absolute; left: -94px; top: -59px; }
.ct-box-right .fill-svg img{ filter: brightness(0) invert(0); width: 80px; height: auto;}
.ct-box-right .line3{ position: absolute; left: -46px; bottom: -38px;}
.ct-box-right .line3 img{ filter: brightness(0) invert(0);width: 46px;}
.ct-box-right  .contact-form{ background: #F4F6F8; border: #D5D5D5 solid 1px; }


.map{ display: flex ;align-items: center;  width: 100%;} 
.map iframe{ width: 100%; border-radius: 20px;  height: 450px; display: flex;}

.blog-section-1.reletive-outer .icon-abt{ left: 0; right: auto; }

.faq-listing{ max-width: 800px; margin: 0 auto; display: block ;width: 100%; }


.cls-accordion-item{ border: 0px; border-bottom:rgba(0, 0, 0, 0.20) solid  1px; padding: 0px 0;  border-radius: 0px; }
.cls-accordion-item .acc-title h5{ position: relative; display: block; width: 100%;   cursor: pointer; margin: 0px; padding: 20px 100px 20px 0px; border: 0px; background: none; box-shadow: none ; outline: none; line-height: 1;letter-spacing: 0.56px;font-size: 20px;font-weight: 500; color: var(--black);}
.cls-accordion-item .acc-title h5::after{ position: absolute;
right: 0px; top: 50%; margin: -15px 0 0 0; width: 30px; height: 30px; border-radius: 100px;background: url(../images/faq-arrow.svg) no-repeat center center  ;position: absolute;top: 50%;content: ''; transition: all 0.3s ease-in-out;}
.cls-accordion-item.active .acc-title h5::after {background: url(../images/faq-arrow2.svg) no-repeat center center  ;  }
.cla-acc-body{display: block; margin: 0px 0 0 0 ; width: 100%;position: relative;overflow: hidden;opacity: 0;height: 0px;-webkit-transition: opacity .25s ease 0s, height .5s cubic-bezier(.85,0,.15,1) .1s;transition: opacity .25s ease 0s, height .5s cubic-bezier(.85,0,.15,1) .1s;}
.cls-accordion-body{display: block;width: 100%;padding: 0 0px 0px 0px; pointer-events: none; }

.cls-accordion-item.active .cla-acc-body{ opacity: 1; }
.cls-accordion-item.active .cls-accordion-body{ pointer-events: all; }
 
.cls-accordion-item .text-data{ padding: 0px 30px 40px; margin: 0px 0 0 0;    }
.cls-accordion-item .text-data p{ color: var(--gray); }

.blog-box-2{ width: 100%; display: block; }
.blog-box-2 a{ position: relative; overflow: hidden; padding:16px 16px 28px; box-shadow: rgba(0, 0, 0, 0.16) 0 0 18px; border-radius: 20px; background: #F6F6F6; width: 100%; display: block; }
.blog-box-2 h5{ transition: all 0.3s ease-in-out; font-size: 20px; color: var(--black); font-weight: 600; padding: 0 25% 0 0;   display: block; }
.blog-box-2 .arrow{ position: absolute; right: 0px ; top: 19px; display:  flex ;align-items: center; }
.blog-box-2 .text{ display: block; padding: 14px 0 16px;}
.blog-box-2 .text p{transition: all 0.3s ease-in-out; font-size: 14px;}
.blog-box-2  .img{ width: 100%; display: flex ;align-items: center; justify-content: center; border-radius: 8px; overflow: hidden;}
.blog-box-2  .img img{ width: 100%; height: 202px; object-fit: cover; display: flex; }
.blog-box-2 a:hover{ background: var(--green); }
.blog-box-2 a:hover h5,
.blog-box-2 a:hover .text p{ border-color: rgba(255,255,255,0.2); color: var(--white);}
.blog-box-2 .title-row{ padding: 19px 0 0 0; position: relative; display: block; width: 100%; }


.blog-listing-page .row{ row-gap: 40px; }
.category-head{ display: flex ; align-items: center ; gap: 18px;}
.category-head .category-title{ font-size: 16px; color: var(--gray); }
.category-head ul{ display: flex ; gap: 24px; align-items: center;}
.category-head ul li a{ height: 34px; display: flex ;align-items: center; justify-content: center; padding: 0 24px;  background: #F6F6F6; border-radius: 20px;; font-size: 16px; color: var(--gray); }
.category-head ul li.active a,
.category-head ul li a:hover{ color: var(--white); background: var(--black);}


.blog-section-1.reletive-outer .icon-green-abt{   bottom: auto; top: 200px;  }

.cls-pagi{ border-top: #D9D9D9 solid 1px; }
.cls-pagi ul{ gap: 16px; display: flex ;align-items: center; justify-content: center; position: relative;}
.cls-pagi ul li a{ display: flex ; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 100px; color: var(--black); font-size: 18px; font-weight: 500;}
.cls-pagi ul li.next a,
.cls-pagi ul li.prev a{  width: auto; height: auto;  gap: 16px; color: var(--black);}
.cls-pagi ul li.next,
.cls-pagi ul li.prev{ transform: translateY(-50%); position: absolute; left: 0; top: 50%; }
.cls-pagi ul li.next{ left: auto; right: 0; }
.cls-pagi ul li.next a:hover,
.cls-pagi ul li.prev a:hover{ color: var(--black); opacity: 0.5; background: none; }
.cls-pagi ul li a:hover,
.cls-pagi ul li.active a{ background: var(--black); color: var(--white); }

.blog-details-page.reletive-outer .icon-green-abt{ left: 0; top: 50%; right: auto; bottom: auto;  }


.blog-details-block{display: flex; gap: 24px; }
.blog-details-block .left-colum{ width: calc(100% - 282px - 24px)}
.blog-details-block .right-colum{ width: 282px;}
.blog-details-block .left-colum .feature-img{ width: 100%; display: block; border-radius: 20px; overflow: hidden; }
.blog-details-block .left-colum .feature-img img{ width: 100%; height: auto;}
.blog-data .text-data ol li a,
.blog-data .text-data ul li a,
.blog-data .text-data p a{color: #BA5D1A; text-decoration: underline;}
.blog-data .text-data .heading-tag{ padding: 40px 0 16px; }
.blog-data .text-data .heading-tag +  .heading-tag{ padding-top: 0; }
.blog-data .text-data h4,
.blog-data .text-data h5,
.blog-data .text-data h6{ opacity: 0.8; color: var(--gray);}


.tag-block .tag-title{ display: block ;width: 100%; font-size: 24px; color: var(--black) ; font-weight: 600;}
.tag-block ul{ padding: 20px 0 0 0; display: flex ;align-items: center; flex-wrap: wrap; gap: 8px; }
.tag-block ul li a{ padding: 6px 24px; display: flex ;align-items: center; background: #F0E7DF; border-radius: 30px; font-size: 16px; color: var(--black); font-weight: 500; } 
.tag-block ul li a:hover{ background: var(--yellow); color: var(--white); }
.right-colum{ display: flex ;flex-direction: column; gap: 48px;}
.right-colum h5{ font-size: 24px; font-weight: 500; color: var(--black); padding:0 0 20px;}
.cat-list-sidebar ul li{ display: flex; width: 100%;  flex-direction: column; padding: 8px  0;}
.cat-list-sidebar ul li a{ font-size: 16px; font-weight: 600; color: var(--gray); display: flex; align-items: center; justify-content: space-between;} 
.cat-list-sidebar ul li a i{ transition: all 0.3s ease-in-out; font-style: normal; width: 28px; height: 28px; border-radius: 30px; background: var(--black); font-size: 10px; color: var(--white);  display: flex ;align-items: center; justify-content: center;}
.cat-list-sidebar ul li  { border-bottom: rgba(0, 0, 0, 0.16) solid 1px; }
.cat-list-sidebar ul li a:hover{ color: var(--red); }
.cat-list-sidebar ul li a:hover i{ background: var(--red); }

.recent-post-list{ gap: 14px;  display: flex; flex-direction: column;}
.recent-post-row a{ width: 100%; padding: 6px; border-radius: 8px; justify-content: space-between; display: flex ; align-items: flex-start; overflow: hidden; background: #F0F0F0;}
.recent-post-row a .title-box { padding: 0 0 0 8px; width: calc(100% - 111px);}
.recent-post-row a .title-box  h6{ font-size: 15px; color: var(--black); font-weight: 600;
	display: -webkit-box;
  -webkit-line-clamp: 2;   /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-post-row a .title-box .data{ font-size: 14px; padding: 10px 0 0 0; color: var(--gray);}
.recent-post-row a .post-img{ width: 100px; border-radius: 5px; overflow: hidden;}


.sidebar-tag-box ul{ display: flex; flex-wrap: wrap; gap: 8px;}
.sidebar-tag-box ul li a{ display: flex ; color: var(--gray) ; font-size: 15px; font-weight: 500; padding: 8px 16px; border: var(--gray) solid 1px; border-radius: 20px;;}
.sidebar-tag-box ul li a:hover{ border-color: var(--black); color: var(--white); background: var(--black); }



.blog-section.releted-section .section-title{ max-width: 100%; }
.blog-section.releted-section .blog-slider-block .custom-nav{ position: relative; top: auto; }

.products-details-1.reletive-outer   .icon-green-abt{ left: 0; top: 200px; right: auto; bottom: auto;}

.shop-details-block{ display: flex ; align-items: flex-start; justify-content: space-between;}
.shop-details-block .left-colum{ width: 486px;}
.products-data { margin: 0px 0 0 0; display: block; border-radius: 8px;
background: #F9F9F9;  }
.products-data ul li{ color: var(--gray); display: flex; align-items: center;}
.products-data ul li .text-1{ min-height: 38px; display: flex ;align-items: center; width: 221px; font-size: 13px;   font-weight: 500; padding: 0 30px;  }
.products-data ul li .text-2{min-height: 38px; border-left: #E6E6E6 solid 1px;display: flex ;align-items: center; width:calc(100% - 221px); font-size: 13px;  padding: 0 30px;  }
.products-data ul li + li{ border-top: #E6E6E6 solid 1px;; }
.products-data ul li:first-child{ font-weight: 500; color: var(--black);}
.products-data ul li:first-child .text-2{ font-weight: 500;}
.products-data .certi-logos{ display: flex; align-items: center; gap: 6px;}
.products-data .certi-logos img{ max-height: 25px; width: auto; }
.products-data-full{ border-radius: 14px; padding: 36px 45px; border: 1px solid #DBDBDB; display: block; width: 100%; background: #FFF;}
.products-box-big{ width: 100%; min-height:429px; display: flex; align-items: center; justify-content: center; border-radius: 14px;background: #FFF6F5; }
.products-box-big img{ max-width: 90%; max-height: 429px;  width: auto; height: auto; } 
.shop-details-block .right-colum{  width: 550px;}

.cta-block-2{ background: var(--black); border-radius: 16px; padding: 48px; }
.cta-block-inner-2{ max-width: 550px; margin: 0 auto; display: block; text-align: center; color: var(--white); }
.cta-block-inner-2 h4{ font-size: 26px; color: var(--white); font-weight: bold; padding: 0 0 10px;} 
.cta-block-inner-2 .text-data p{ color: var(--white);}
.cta-block-inner-2 .button-set{ padding: 28px 0 0 0; }
.button-set{ display: flex ;align-items: center; gap: 16px; justify-content: center;}
.border-btn{ width: auto; display: flex;}
.border-btn a{ height: 48px; border-radius: 100px; padding: 0 28px 4px; align-items: center; justify-content: center; font-size: 16px;; font-weight: 600; color: var(--white);  border: var(--white) solid 1px;  width: auto; display: flex;}
.border-btn a:hover{ background: var(--white); color: var(--black); }

.green-btn{ width: auto; display: flex;}
.green-btn a{ height: 48px; border-radius: 100px; padding: 0 28px 4px; align-items: center; justify-content: center; font-size: 16px;; font-weight: 600; color: var(--white);  border: var(--green) solid 0px; background: var(--green);  width: auto; display: flex;}
.green-btn a:hover{ background: var(--red); color: var(--white); }



.mobile-menu-outer{  }
.menu-icon{ display: none;}
.menu-icon a{ display: flex; align-items: center; }
.menu-icon a img{ width: 24px; display: flex; align-items: center; }
.mobile-menu-outer{ z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; background: var(--white);     transform: translateX(-100%);
    transition: all 0.3s ease-in-out; }
.mobile-menu-inner{ position: relative; display: block; width: 100%; }
.mobile-menu-inner .close-icon{ position: absolute; right: 16px; top: 16px; display: flex; align-items: center; }
.mobile-menu-inner .close-icon a{ display: flex ;align-items: center; justify-content: center;}
.mobile-menu-inner .logo{ padding: 48px 0 24px 28px; border-bottom: #E2E4E5 solid 1px; display: flex; align-items: center;   }
.mobile-menu-inner .logo a{display: flex; align-items: center;   }
.mobile-menu-inner .logo a img{ height: 44px ; width: auto; }
.mobile-menu-outer.active-menu{ transform: none; }

.mobile-nav-main{ padding:25px 28px; }
.mobile-nav-main>ul{ gap: 24px; display: flex; flex-direction: column;}
.mobile-nav-main>ul>li{ display: flex ;flex-wrap: wrap;}
.mobile-nav-main>ul>li>a{ gap: 16px; font-size: 18px; color: var(--black); font-weight: 500; display: flex ; align-items: center; }
.mobile-nav-main>ul>li>a>i{display: flex ;align-items: center; justify-content: center; width: 24px; height: 24px; }
.mobile-nav-main>ul>li>a>i>img{ opacity: 0.6; filter: brightness(0) invert(0); transition: all 0.3s ease-in-out; max-width: 24px; max-height: 24px; }
.mobile-nav-main>ul>li.active>a{color: var(--yellow); }
.mobile-nav-main>ul>li.active>a>i>img{ opacity: 1; filter: none; }
.mobile-nav-main>ul>li .icon{ filter: brightness(0) invert(0);  position: relative; top: 3px;  margin:   0 0 4px; transition: all 0.3s ease-in-out;width: 24px; height: 24px; background: url(../images/nav-arrow.svg) no-repeat center center; content: ''; display: flex; background-size: 14px auto;}
.mobile-nav-main>ul>li.active .icon{ filter: none;  transform: rotate(180deg); }
.mobile-nav-main>ul>li .icon +  .icon{ display: none;}
.mobile-nav-main>ul>li ul.sub-menu{ width: 100%; display: none; padding: 8px 0 8px 12px ; margin: 14px 0 14px 42px; border-left:#E2E4E5  solid 1px ; }
.mobile-nav-main>ul>li ul li + li{ margin: 14px 0 0 0;  }
.mobile-nav-main>ul>li ul li a{ gap: 16px; font-size: 18px; color: var(--black); font-weight: 500; display: flex ; align-items: center; }
.mobile-nav-main>ul>li ul li>a>i{display: flex ;align-items: center; justify-content: center; width: 24px; height: 24px; }
.mobile-nav-main>ul>li ul li>a>i>img{ opacity: 0.6; filter: brightness(0) invert(0); transition: all 0.3s ease-in-out; max-width: 24px; max-height: 24px; }
.cta-block .cta-image.tablate-show{ display: none;}	 
.mobile-show{ display: none;}

.blog-data .text-data>*:first-child{ padding-top: 0;}