html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#393939; letter-spacing: 0.3px; font-family: 'Host Grotesk', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Host Grotesk', sans-serif;}
 

/*SECTION MAIN HEADING*/
.section-heading{margin-bottom: 40px; display: flex; flex-direction: column; gap: 20px;}	
.section-heading .section-heading__title{color: #000; font-size: 56px; font-weight: 700; line-height: 1.1;}	
.section-heading .section-heading__title .section-heading__title--grey{color: #8D8D8D; display: inline-block;}	
.section-heading .section-heading__subtitle{color: #525252; max-width: 820px; font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: 0.5px;}	
.section-heading--wide .section-heading__subtitle{max-width: 1120px;}

/*FONTS*/
.heading-font{font-family: 'Host Grotesk', sans-serif;}
.body-font{font-family: 'Host Grotesk', sans-serif;}



/*BUTTONS*/
.btn {font-size: 12px;padding-top: 12px;padding-bottom: 12px;padding-left: 40px; padding-right:40px;font-weight: 600;border-radius:0px;letter-spacing:0.1em; text-transform:uppercase;}
.btn-primary{ border-color:#000;color: #fff; background:#000}
.btn-primary:hover,.btn-primary:focus{background-color:#555!important; border-color:#555!important;}



.btn-section{font-size:12px; font-weight: 600; min-width: 280px; height: 52px; display: inline-flex; align-items: center; justify-content: center;}

 

/*FORM CONTROL*/
.form-control{border: 1px solid #666; padding-top: 10px; padding-bottom: 10px;border-radius:0; font-weight: 400; font-size: 15px;}
.form-control:focus {color: #000;background-color: #fff; outline: 0;}
textarea{resize: none;}
textarea.form-control {height: auto !important;}

.form-control[type="file"]{padding-top: 6px;padding-bottom: 6px;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}


/*CONTAINER*/
.custom-width{max-width: 1280px;}

/*SECTION TOP BOTTOM PADDING*/
section.section-vrtpadding{padding-top: 80px; padding-bottom: 110px;}

/*CARD*/
.theme-card{border: 1px solid #8d8d8d; background-color: #fff;}


/*TEXT COLORS*/
.heading-dark{color:#161616;}
.text-gray{color: #7D7D7D;}
.heading-black{color: #000;}
.content-text-color{color: #393939;}
.content-text-color-2{color: #525252;}

/*BACKGROUNDS COLORS*/
.bg-dark{background-color: #161616;}
.bg-light-gray-1{background-color: #FAFAFA!important;}
.bg-light-gray-2{background-color: #FBFBFB!important;}
.bg-light-gray-3{background-color: #F5F5F5!important;}
.bg-gray{background-color: #F4F4F4;}

/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}

.zoom-hover2 img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover2:hover img{transform: scale(1.05);}

/*GREY IMAGE TO COLOR ON HOVER*/
.colorizeonhover img.img-grey{filter: grayscale(1); webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.colorizeonhover:hover img.img-grey{filter: grayscale(0);}

/*READ MORE LINK*/
.readmore-link{color: #262626; font-size: 16px; font-weight: 700; display: inline-flex; letter-spacing: 1px; border-bottom: 2px solid #C4C4C4; display: inline-block; padding-bottom: 4px;}
.readmore-link:hover{color: #000; border-bottom: 2px solid #4C70FF;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
body{position: relative;}



.site-header{}
.navbar-brand {position: relative; z-index: 2; height: 65px; width: 102px; display: block;} 
.site-header .navbar{padding-top: 12px; padding-bottom: 12px;}
.site-header .navbar .navbar-collapse{justify-content: flex-end;}
.site-header .navbar .navbar-collapse .navbar-nav{align-items: center;} 
.site-header .navbar .nav-item .nav-link{font-size:16px; letter-spacing: 0.5px; color:#000; border-bottom: 2px solid transparent; padding: 4px 0; margin-left: 20px; margin-right:20px; font-weight:400;align-items: center;display: flex; }
.site-header .navbar .nav-item:last-child .nav-link{margin-right: 0;}
.site-header .navbar .nav-item.active .nav-link{border-bottom: 2px solid #4C70FF;}
.site-header .navbar .nav-item .nav-link:hover{color: #555;}
.site-header .navbar .btn{border-width: 2px; margin: 0; font-weight: 600; font-size: 14px; letter-spacing: 0.5px;} 
.site-header .navbar .btn:hover,.site-header .navbar .btn:focus{background-color: #fff!important; color: #333!important;} 
  
/*#########________HAMBURGER MENU BUTTON START________#########*/
.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #000e36; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #000e36;}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}

@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}

/*NAVIGATION DROPDOWN ON HOVER*/
.site-header .dropdown-item.active, 
.site-header .dropdown-item:active,
.site-header .dropdown-item:hover { }
.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}

 
.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:13px; color:#0C0E12;height: auto;}
.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: #00C0E4; color:#fff}
@media (max-width: 991px){
.site-header .navbar-nav .nav-link {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
.site-header .nav-item.active .nav-link {border-bottom: none; }
}
@media (min-width: 992px){
.site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}
} 
.site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 

/*HEADER FIXED ON SCROLL*/
/*.isFixed {position: fixed; top: 0; right: 0; left: 0;  z-index: 1030;background-color: rgba(255, 255, 255, .7); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}*/
 
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

.site-header .isFixed .navbar-brand .logo {margin-bottom: -24px;width: 94px}

/*#####################__________HERO BANNER SECTION __________########################*/
.hero-section{position: relative; padding-top: 160px;}

.hero-content__heading{color: #161616; font-size: 32px; line-height: 1.4; font-weight: 500;} 
.hero-content__founder{margin-top: 160px;}
.hero-content__founder-img{max-width: 110px;}
.hero-content__founder-name{color: #161616; font-size: 19px; font-weight: 600; margin-bottom: 4px;}
.hero-content__founder-designation{font-size: 15px; color:#525252; letter-spacing: 1px; margin-bottom: 6px;}
.hero-content__founder-link{font-size: 11px; text-transform: uppercase; font-weight: 700; padding-bottom:2px; color: #161616; letter-spacing: 1px;text-decoration: none;border-bottom: 2px solid transparent;}
.hero-content__founder-link:hover{color: #000; border-bottom: 2px solid #4C70FF;}


/*ABOUT SECTION*/
.about-left{display: flex; flex-direction: column; gap: 40px;}
.about-left__content{font-size: 22px; color: #525252; font-weight: 500; line-height: 1.4;}
.about-right{display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; height: 100%;}
.about-right__content{color: #393939; font-size: 16px; letter-spacing: 0.5px; line-height: 1.4;}



/*STATS SECTION*/
.stat-block{height: 100%; padding-left: 36px;padding-bottom: 36px; padding-top: 10px; border-left: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d;}
.stat-block__title{color: #161616; font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.stat-block__content{color: #7d7d7d; font-size: 56px; font-weight: 800; margin-bottom: 4px; line-height: 1.1;}



/*COMPASS SECTION*/
.compass-block{padding: 40px;}
.compass-block__icon{margin-bottom: 48px;}
.compass-block__title{margin-bottom: 16px; font-size: 24px; font-weight: 600; color: #161616; letter-spacing: 0.4px;}
.compass-block__content{margin-bottom: 0; font-size: 15px;color:#525252;}

/*JOURNEY SECTION*/
.journey-section{}
.journey-wrap{position: relative;}
.journey-wrap:before{content: ""; height: 343px; width: 340px; display: block; border: 1px dashed #8D8D8D; border-left: 0; border-top-right-radius: 200px; border-bottom-right-radius: 200px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0 auto auto;}
.journey-row-top{margin-bottom: 85px;}
.journey-block{padding: 24px; max-width: 250px; height: 100%; position: relative; z-index: 5;}
.journey-block:after{content: ""; width: 100%; height: 3px; border-bottom: 1px dashed #8D8D8D; display: block; position: absolute; top: 50%; left: 100%;}
.journey-row-bottom .journey-block:after{left:-100%;}
.journey-row-top .journey-block.journey-block--last:after{display: none; width: 0;}
.journey-row-bottom .journey-block.journey-block--last:after{display: none; width: 0;}
.journey-block:before {content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #8D8D8D; display: block; position: absolute; top: calc(50% - 10px); left: 100%; }
.journey-row-bottom .journey-block:before{content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 16px solid #8D8D8D; border-left: 0; display: block; position: absolute; top: calc(50% - 10px); left: auto; right:100%;}
.journey-row-bottom .journey-block.journey-block--last:before{display: none;}
.journey-row-bottom .journey-block.journey-block--last .journey-block__year,
.journey-row-bottom .journey-block.journey-block--last .journey-block__title,
.journey-row-bottom .journey-block.journey-block--last .journey-block__content{ color:#fff; }

.journey-row-bottom .journey-block.journey-block--last{background-image: url(../images/journey-thumb.jpg); filter: grayscale(1); background-color: #000; background-repeat: no-repeat; background-position: center; background-size: 105%; border-color: transparent; }
.journey-row-bottom .journey-block.journey-block--last:hover{filter: grayscale(0);}
.journey-block__year{ font-size:32px; font-weight: 800; color: #A1A1A1; margin-bottom: 24px;}
.journey-block__title{font-size: 16px; font-weight: 600; color: #161616; letter-spacing: 0.5px; margin-bottom: 12px;}
.journey-block__content{font-size: 14px; letter-spacing: 0.7px; line-height: 1.4;}

/*BRAND SECTION*/
.brand-section{position: relative; overflow: hidden;}
.brand-block{height: 100%;padding: 40px;}
.brand-block__logo{margin-bottom: 48px;}
.brand-block__heading{margin-bottom: 16px; font-size: 24px; font-weight: 600; color: #161616; letter-spacing: 0.4px;}
.brand-block__content{margin-bottom: 20px; font-size: 15px; letter-spacing: 0.3px;}
.brand-block__content p{margin-bottom: 20px; color:#525252;}
.brand-block__content p:last-child{margin-bottom: 0;}

.brand-bg{filter: grayscale(1); background-color: #8d8d8d; width: 30%; height: 100%; position: absolute; right: 0;top: 0;bottom: 0;z-index: 1; overflow: hidden; background-image: url(../images/brand-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.brand-section:hover .brand-bg{filter: grayscale(0);transform: scale(1.035);}

 

/*USP BLOCK*/
.usp-wrap{padding-top: 24px;}
.usp-block{font-size: 14px; letter-spacing: 0.7px; line-height: 1.4;}

/*RETAIL PRESENCE SECTION*/
.retail-block{}
.retail-block__title{font-size: 28px; font-weight: 700;letter-spacing: 0.2px; line-height: 1.2;}
.retail-block__subtitle{font-size: 18px; font-weight: 600; color: #525252; line-height: 140%;letter-spacing: 0.3px; line-height: 1.2;}
.retail-block__location{display: flex; flex-direction: column; gap: 16px; margin-top: 20px;}
.retail-block__location-list{}
.retail-block__state{font-size: 16px; text-transform: uppercase; font-weight: 600;color: #161616; margin-bottom: 2px; letter-spacing: 0.3px;}
.retail-block__location-name{font-size: 15px; color: #7d7d7d; margin-bottom: 0; letter-spacing: 0.6px;}


/*CUSTOMER STATS SECTION*/
.stat-block--customer{padding-left: 36px;padding-bottom: 36px;}
.stat-block--customer .stat-block__title{font-size: 22px;letter-spacing: 0.2px; }
.stat-block--customer .stat-block__content{font-size: 48px; margin-bottom: 0; display: flex; align-items: center;}
.stat-block--customer .stat-block__description{font-size: 15px; letter-spacing: 0.3px; line-height: 1.4;}

/*CUSTOMER TESTIMONIAL BLOCK*/
.testimonial-block{padding: 30px;}
.testimonial-block__content{}

/*FOOTER*/
.footer-brand{padding-top: 60px; padding-bottom: 60px;}
.footer-brand__logo{width: 103px; height: auto; display: inline-block;}
.footer-link{display: flex;}
.footer-link__item{font-size: 11px; color: #E0E0E0; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1; display: inline-flex; align-items: center;}
.footer-link__item a{color: #E0E0E0;}
.footer-link__item a:hover{color: #FFF; text-decoration: underline;}
.footer-link--divider{padding-left: 20px; padding-right: 20px;}

.footer-contact{padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #454545;border-top: 1px solid #454545;}

.footer-information__contact{}
.footer-information__company{color: #fff; margin-bottom: 6px; font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: 0.2px;}
.footer-information__address{color: #C6C6C6; margin-bottom: 12px; font-size: 14px; line-height: 1.3; letter-spacing: 0.3px;}
.footer-information__email{margin-bottom: 0;}
.footer-information__email a{color: #F4F4F4; font-size: 14px; line-height: 1.3; letter-spacing: 0.5px;}

.footer-information__social-title{color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin-right: 10px; text-transform: uppercase; display: inline-flex;}
.footer-information__social-item{color: #fff; font-size: 26px;}


.footer-copyright{padding-top: 30px;padding-bottom: 30px;}
.footer-copyright__text{margin-bottom: 0; color: #C6C6C6; font-size: 13px; letter-spacing: 0.2px;}

.footer-copyright__gototop{background-color: #393939; color: #fff; border: 1px solid transparent; border-radius: 50px; padding: 10px 18px; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing:0.5px; }
.footer-copyright__gototop:hover{background-color: #000; color: #fff; border-color: white;}


/*#####################################################################*/
/*################___________INNER PAGES CSS ____________##############*/
/*#####################################################################*/
.inner-hero{text-align: center;padding-top: 130px;padding-bottom: 200px;}
.inner-hero__title{font-size: 56px; font-weight: 700; color: #000; margin-bottom: 16px; line-height: 1;}
.inner-hero__sub-title{font-size: 22px; font-weight: 400; color: #525252; margin-bottom: 0;}

/*LEADERSHIP PAGE*/
.leadership-wrap{display: flex; flex-direction: column; gap: 90px;}
.leadership-block{gap:36px;}
.leadership-block__photo{width: 180px;}
.leadership-block__photo img {filter: grayscale(1);}
.leadership-block:hover img {filter: grayscale(0);}
.leadership-block__content{border-bottom: 1px solid #A1A1A1; padding-bottom: 90px;}
.leadership-block__name{font-size: 20px; color: #161616; margin-bottom: 8px; line-height: 1.1; letter-spacing: 0.3px; font-weight: 600;}
.leadership-block__designation{font-size: 13px; margin-bottom: 16px; font-weight: 600; color: #525252; text-transform: uppercase; letter-spacing: 0.5px;}
.leadership-block__about{color: #525252;}
.leadership-block__about p{margin-bottom: 16px; letter-spacing: 0.4px;}
.leadership-block__about p:last-child{margin-bottom: 0;}
.leadership-block:last-child .leadership-block__content{padding-bottom: 0; border-bottom: 0;}

/*CAPABILITY-SECTION*/
.capability-block{padding: 30px 20px;}
.capability-block__title{font-size: 24px; font-weight: 600; line-height: 110%; margin-bottom: 16px; color: #161616; letter-spacing: 0.3px;}
.capability-block__text{font-size: 14px; color: #525252; line-height: 150%; letter-spacing: 0.4px;}


/*CULTURE-SECTION*/
.culture-wrap{display: flex; flex-direction: column; gap: 110px;}
.culture-block__image img{filter: grayscale(1);}
.culture-block{padding: 30px 20px;}
.culture-block__content{padding-top: 30px;padding-bottom: 30px;}
.culture-block__title{font-size: 24px; font-weight: 600; line-height: 110%; margin-bottom: 16px; color: #161616; letter-spacing: 0.3px;}
.culture-block__text{font-size: 14px; color: #525252; line-height: 150%; letter-spacing: 0.4px;}
.culture-block:hover .culture-block__image img{filter: grayscale(0);}


/*TESTIMONIALS SECTION*/
.testimonial-block--inner{padding: 40px; height: 100%;}
.testimonial-block--inner .testimonial-block__header{gap:18px;}
.testimonial-block--inner .testimonial-block__photo{margin-bottom: 0; border-radius: 100px;}
.testimonial-block--inner .testimonial-block__photo img{max-width: 96px;filter: grayscale(1);}
.testimonial-block--inner .testimonial-block__name{font-size: 18px; color: #161616; font-weight: 600; line-height: 110%; margin-bottom: 8px; letter-spacing: 0.3px;}
.testimonial-block--inner .testimonial-block__designation{font-size: 12px; color: #525252; line-height: 120%; text-transform: uppercase; letter-spacing: 0.7px;}
.testimonial-block--inner .testimonial-block__content{padding-top: 24px; font-style: italic; font-size: 14px; color: #525252; line-height: 160%;}
.testimonial-block--inner .testimonial-block__content p:last-child{margin-bottom: 0;}
.testimonial-block--inner:hover .testimonial-block__photo img{filter: grayscale(0);}


/*JOBS SECTION*/
.job-wrap{display: flex; flex-direction: column; gap: 16px;}
.job-block{border: 1px solid #8D8D8D;}
.job-block__header{padding: 30px; font-size: 22px; font-weight: 600;color: #161616; letter-spacing: 0.4px; position: relative; cursor: pointer;}
.job-block__header i{font-size:24px; color: #8D8D8D; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.job-block__content{padding: 0 50px 30px 30px; display: none;}
.job-block__content h4{font-size: 18px; font-weight: 600; color: #161616; letter-spacing: 0.4px;}
.job-block__content p,
.job-block__content ul li{font-size: 15px; line-height: 165%; letter-spacing: 0.4px;}
.job-block__content p{margin-bottom: 20px;}
.job-block__content ul{padding-left: 18px;}
.job-block__content ul li{font-size: 15px; line-height: 165%; letter-spacing: 0.4px; margin-bottom: 5px; list-style: disc;}
.job-block__content ul li:last-child{margin-bottom: 0;}
.job-block__apply-btn{margin-top: 24px;}
.job-block--open .job-block__header i{transform: rotate(180deg); color:#000;}

/*JOB DETAILS PAGE*/
.job-detail h4{font-size: 18px; font-weight: 600; color: #161616; letter-spacing: 0.4px;}
.job-detail p,
.job-detail ul li{font-size: 15px; line-height: 165%; letter-spacing: 0.4px;}
.job-detail p{margin-bottom: 20px;}
.job-detail ul{padding-left: 18px;}
.job-detail ul li{font-size: 15px; line-height: 165%; letter-spacing: 0.4px; margin-bottom: 5px; list-style: disc;}
.job-detail ul li:last-child{margin-bottom: 0;}
.job-form{position: sticky; top:24px;}


/*CONTACT PAGE------------------------------------------------------*/
.contact-block--form{padding: 40px; height: 100%;}
.contact-block__title{font-size: 24px; font-weight: 600; color: #161616; letter-spacing: 0.3px; line-height: 1.2; margin-bottom: 20px;}
.contact-block--form .form-control{background-color: #f9f9f9; font-size: 14px; font-weight: 500; height: 50px;}
.contact-block--form textarea.form-control{height: 80px;}
.contact-block--form .contact-block__submit{margin-top: 20px; display: block; width: 100%;}

.contact-block__info{}
.contact-block__company{font-size: 15px; text-transform: uppercase; font-weight: 700; color: #161616; line-height: 120%;margin-bottom: 12px; letter-spacing: 0.3px;}
.contact-block__address{font-size: 14px; color: #7D7D7D; letter-spacing: 0.2px;}
.contact-block__email{}
.contact-block__social{}

.contact-block__figure{height: 100%; margin-bottom: 0;}


/*FOUNDER MESSAGE PAGE*/
.hero-section--founder .hero-content__founder{margin-top: 0;}
.founder-message__lg{ font-size:26px; line-height:130%; margin-bottom: 30px;}
.founder-message__sm{font-size: 18px; line-height: 1.6;}
.founder-message__sm p{margin-bottom: 24px;}

/*FORM INVALID ERROR MESSAGE*/
.wpcf7 form.invalid .wpcf7-response-output {text-align: center; font-size: 14px; line-height: 140%; padding: 10px 20px; color: #dc3545; border-color: #dc35343b!important; background-color: #dc35340d; border-width: 1px; }
.job-form .wpcf7-spinner{margin: 10px auto;}
.job-form .wpcf7 form .wpcf7-response-output{margin: 0;}

textarea.wpcf7-form-control.wpcf7-textarea.form-control.meggage{height: 100px!important;}

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (max-width: 1920px) {
	.container-xxl{max-width: 1720px;}
}
 
@media screen and (max-width: 1600px) {
	.container-xxl{max-width: 1540px;}
}
  
@media (max-width: 1440px) {  
 	.container-xxl{max-width: 1380px;}
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    .contact-section .section-heading__title{text-align: center;}
}

@media (max-width: 767.98px) {
	.bg-light-gray-2 {background-color: #f8f8f8 !important;}

	/*NAVBAR*/
	.site-header .navbar .navbar-collapse .navbar-nav .menu-item{display: block; width: 100%;}
	.site-header .navbar .nav-item .nav-link{font-size: 18px; padding:24px 0; margin: 0; border-bottom: 1px solid #ddd;}

	/*ABOUT CONTENT*/
	.about-right__content{font-size: 17px;}

	/*VISION MISSION VALUES*/
	.compass-block{padding: 24px;}
	.compass-block__content{font-size: 17px; line-height: 1.4;}
	.compass-block__content p{margin-bottom: 16px;}
	.compass-block__content p:last-child{margin-bottom: 0;}

	/*TIMELINE SECTION*/
	.journey-wrap {padding-left: 34px;}
	.journey-wrap:before{display: none;}
	.journey-wrap:after{content: ""; width: 1px; border-left: 1px dashed #8d8d8d; height: 100%; position: absolute; left: 10px; top:0; bottom:0; display: block;}
	.journey-row-top,.journey-row-bottom {margin-bottom: 24px; display: flex; flex-direction: column; gap: 24px;}
	.journey-block{max-width: inherit;}

	.journey-row-top .journey-block:before{transform: rotate(180deg);}
	.journey-row-top .journey-block:before{top: calc(50% - 78px); left: -1px; right: auto; transform: rotate(0deg);}
	.journey-row-bottom .journey-block:before{top: calc(50% - 78px); left: -1px; right: auto; transform: rotate(180deg);}

	.journey-row-top .journey-block.journey-block--last:after,
	.journey-row-bottom .journey-block.journey-block--last:after{display: block; width: 33px;}
	.journey-row-bottom .journey-block.journey-block--last:before{display: block;}

	.journey-row-top .journey-block:after,
	.journey-row-bottom .journey-block:after {left: -24px; right: auto; width: 24px;top:calc(50% - 68px);}

	.journey-block__year{margin-bottom: 10px;}
	.journey-block__title {font-size: 20px; margin-bottom: 8px; }
	.journey-block__content {font-size: 16px; line-height: 1.3;}

	/*BRANDS SECTION*/
	.brand-section.section-vrtpadding{padding-bottom: 0!important;}
	.brand-section:hover .brand-bg{transform: scale(1);}
	.brand-block__content{font-size: 17px;}
	.brand-bg {width: 100%; height: 400px; position: static; background-size: cover; display: block;background-attachment: scroll;}

	body.iphone .brand-bg,
	body.iphone-safari .brand-bg{width: 100%; height: 400px; background-size: cover; background-attachment: scroll;}


	/*STATS SECTION*/
	.stat-block--customer .stat-block__content{font-size: 36px;}

	/*INNER PAGES*/
	.leadership-block__name{font-size: 22px;}
	.leadership-block__designation {font-size: 16px;}
	.leadership-block__about{font-size: 17px; line-height: 1.6;}

	.capability-block__text{font-size: 17px;}
	.culture-wrap{gap:40px;}
	.culture-block {padding: 30px 0;}
	.culture-block__text{font-size: 17px;}
	.testimonial-block--inner{padding: 28px;}
	.testimonial-block--inner .testimonial-block__content{font-size: 17px;}

	/*JOB DETAIL PAGE*/
	.job-detail p, .job-detail ul li{font-size: 17px;}
	.job-detail ul li{margin-bottom: 16px;}
	.job-detail h4{font-size: 22px;}

	.job-form .form-control, .job-form .btn{height:64px;font-size: 16px;}
	.job-form input[type="file"]{height: auto;font-size: 16px;}
	textarea.wpcf7-form-control.wpcf7-textarea.form-control.meggage{font-size: 16px; height: 100px!important;}

}

@media (max-width: 576.98px) {
	/*ALL SECTIONS TOP BOTTOM PADDING*/
	section.section-vrtpadding {padding-top: 60px; padding-bottom: 60px;}
	
	/*SECTION HEADING*/
	.section-heading{margin-bottom: 24px;}
	.section-heading .section-heading__title{font-size: 34px; line-height: 1.3;}
	.section-heading .section-heading__subtitle{font-size: 20px; font-weight: 500;}
 
	.hero-section{padding-top: 72px;}
	.hero-content__heading{font-size: 24px;}
	.hero-content__founder {margin-top: 72px;}
	.hero-content__founder-img{width:100px;}
	.hero-content__founder-designation{line-height: 1.2;}

	/*STATS SECTION*/
	.stat-block{padding-left: 26px; padding-bottom: 26px;}
	.stat-block__content{font-size: 40px;}

	/*BRANDS SECTION*/
	.brand-block{padding: 24px;}

	
	/*LOCATIONS*/
	.retail-block__title {font-size: 24px; line-height: 1.3;}

	/*FOOTER*/
	.footer-brand__logo {width: 140px; margin-bottom: 32px;}
	.footer-link__item{font-size: 14px;}

	.footer-information__company{font-size: 17px; margin-bottom: 12px;}
	.footer-information__address{margin-bottom: 20px; line-height: 1.6;}
	.footer-information__address,
	.footer-information__email a{font-size: 16px; }
	.footer-copyright {padding-top: 40px; padding-bottom: 40px; text-align: center;}

	/*INNER PAGES*/
	.inner-hero {padding-top: 80px; padding-bottom: 120px;}
	.inner-hero__title{font-size: 40px;}

	.leadership-section .section-heading__title{text-align: center;}
	.leadership-block__content{padding-bottom: 56px;}
	.leadership-wrap{gap: 56px;}
	.leadership-block__photo {width: 260px; margin: 0 auto 24px;}
	.leadership-block__name{text-align: center;}
	.leadership-block__designation {text-align: center;}
	

	/*JOB SECTION*/
	.job-block__header {padding: 20px 48px 20px 20px; font-size: 20px; line-height: 1.3;}
	.job-block__header i{right: 20px;}
	.job-block__content {padding: 0 20px 30px 20px;}
	.job-block__content p, .job-block__content ul li {font-size: 17px;}
	.job-block__apply-btn {margin-top: 32x; height: 64px; display: flex ; align-items: center; font-size: 16px; text-align: center; justify-content: center;}

	

	/*CONTACT PAGE*/
	.contact-block--form {padding: 12px;}
	.contact-block__company {font-size: 17px;}
	.contact-block__address {font-size: 16px;}
	.contact-block--form .form-control {font-size: 16px; height: 64px;}
	.contact-block--form .contact-block__submit {padding: 16px 24px; font-size: 16px; height: 64px;}

	.contact-block__email {font-size: 18px; display: block; margin-bottom: 20px!important;}
	.contact-block__social span {font-size: 16px;}

}
