/*
Theme Name: cerigo
Author: cerigo
Description: Custom WordPress Theme
Version: 1.0
*/




:root{
    --primary-color: #000000;
    --secondary-color: #ffd225;
    --accent-color: #0f88c9;
    --grey-color: #f2f2f0;
    --grey-color-100: #515151;
    --grey-color-200: #fdfdfd;
    --grey-color-300: #222222;
    --white-color: #ffffff;
    --font-arial: 'ARIAL', sans-serif;
    --font-mulish: 'Mulish', sans-serif;
    --font-arialmt: 'ARIALMT', sans-serif;
    --border-default-color:#c2c2c0;
}

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-word;line-height:1.3;}
*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none;outline: none;color:inherit;}
a:hover{cursor: pointer;}
a:focus {outline:none;box-shadow: none;}
img {outline:none;border: 0;vertical-align: middle;}
ul{list-style: none}
b,strong {font-weight: 700;}
input:focus, textarea:focus, input:required, textarea:required{outline:none;box-shadow: none;}
input, textarea, select{border: none;-webkit-border-radius: 0;-moz-border-radius:0;border-radius: 0;font-family: var(--font-arial);}
input[type="submit"], input[type="button"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{	display:none;}
textarea{resize: vertical;}
input[placeholder] {text-overflow: ellipsis;}
::-moz-placeholder {text-overflow: ellipsis;}
input:-moz-placeholder {text-overflow: ellipsis;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
footer,header,nav{display: block;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;scroll-behavior: smooth;}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
img{width: 100%;height: auto;display: block;}
.commanuf__wrapper .section__heading1 {margin: 60px auto 100px auto; max-width: 890px; font-size:20px; text-align:center;}
.diffchem__wrapper .section__heading1 {margin: 80px auto 50px; text-align: center; max-width:750px; width:100%;}
.diffchem__wrapper .section__heading1 p {display: inline;background-color: rgba(0, 0, 0, 0.5);color: #ffffff;padding: 6px 10px; margin: 0; font-size:20px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height:2;font-family: var(--font-arialmt);}
.activeintegration__wrapper .section__heading1 {max-width: 100%;width: 100%;margin: 74px auto 66px;text-align: center;}
.activeintegration__wrapper .section__heading1 p {color:#ffffff; font-size:20px;font-family: var(--font-arialmt);}
nav.header__nav ul li {width:auto;}
.header__nav ul li:not(:first-child) {margin-left: 150px;}
@media (min-width:768px){.container{max-width:1440px}}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}

body{font-size: 14px;font-weight: 300;overflow-x: hidden;font-family: var(--font-arial);color: var(--primary-color);}

/* scrollbar */
/*::-webkit-scrollbar {background:var(--grey-color);width: 6px;height: 4px;border-radius: 20px;}
::-webkit-scrollbar-thumb {background:var(--secondary-color);transition: 0.3s all ease-in-out;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover{background-color: var(--secondary-color);}*/

.btn{position: relative;color: var(--accent-color);font-size: 64px;font-family: var(--font-proxima_nova);display: block;transition: transform 0.3s ease-in-out;padding: 6px 22px;border: 2px solid var(--secondary-color);text-transform: uppercase;text-align: center;letter-spacing:-2%;border-radius: 2px;overflow: hidden;}
.btn strong{font-weight: 800;}
.btn:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: var(--primary-color);z-index: -1;transition: all 0.3s ease-in-out;}
.btn:hover:before{width: 100%;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.header__wrapper{display: flex;align-items: center;justify-content: space-between;padding: 38px 0;transition: all 0.3s ease-in-out;}
.header__logo a{width: 110px;display: block;}
.header__nav ul{display: flex;align-items: center;justify-content: space-between;}
.header__nav ul li a{color: var(--white-color);font-family: var(--font-arialmt);font-size: 20px;font-weight: normal;text-transform: capitalize;transition: all 0.3s ease-in-out;}
.header__nav ul li a:hover{color: var(--secondary-color);text-decoration: underline;}
.hamburger__menu{display: none;width: 40px;font-size: 0;cursor: pointer;}
.hamburger__menu svg{width: 100%;height: auto;}
.hamburger__menu .cls__icon, .hamburger__menu.active .hamb__icon{display: none;}
.hamburger__menu.active .cls__icon{display: block;width: 24px;height: 24px;}
.hamburger__menu.active{width: auto;}
/* .hide-body-scroll{position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;} */
.fixed{background-color: var(--white-color);}
.header__logo a .black__logo{display: none;}
.fixed.header{box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);}
.fixed .header__wrapper{padding: 15px 0;}
.fixed .header__logo a .white__logo{display: none;}
.fixed .header__logo a .black__logo{display: block;}
.fixed .header__nav ul li a{color: var(--primary-color);}
.fixed .hamburger__menu .hamb__icon{path{fill: var(--primary-color);}}

.footer{position: relative;background-color: var(--grey-color);overflow: hidden;border-top: 13px solid var(--secondary-color);}
.footer__top{padding: 70px 0 55px 0;display: flex;justify-content: space-between;align-items: flex-start;}
.footer__topitems.wdt80{width: calc(100% - 420px);display: grid;grid-template-columns: repeat(3, 1fr);gap: 0 85px;}
.footer__topitems.wdt20{width:350px;}
.footer__menu h3, .footer__info h3, .mob__footer__capabilities h3{font-size: 20px;font-weight: 700;text-transform: capitalize;margin-bottom: 40px;font-family: var(--font-mulish);}
.footer__menu ul li, .mob__footer__capabilities ul li{margin-bottom: 10px;}
.footer__menu ul li a, .mob__footer__capabilities ul li a{font-size: 16px;font-weight: 500;transition: all 0.3s ease-in-out;font-family: var(--font-mulish);}
.footer__menu ul li a:hover, .mob__footer__capabilities ul li a:hover{color: var(--accent-color);text-decoration: underline;}
.footer__info p{font-size: 16px;line-height: 1.5;font-weight: 500;margin-bottom: 10px;font-family: var(--font-mulish);}
.footer__info a{display: inline-block;font-size: 16px;font-weight: 500;line-height: 1.5;transition: all 0.3s ease-in-out;margin-bottom: 6px;font-family: var(--font-mulish);}
.footer__info a:hover{color: var(--accent-color);text-decoration: underline;}
.footer__capabilities h3{margin:10px 0 15px 0;}
.mob__footer__capabilities{display: none;}


.footer__btm{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;padding: 35px 0;border-top: 1px solid var(--border-default-color);}
.footer__btm p{font-size: 20px;font-weight: 500;line-height: 1.5;font-family: var(--font-mulish);}
.footer__logo a{width: 110px;display: block;}

.hero__banner__section{position: relative;overflow: hidden;}
.hero__banner__section figure{position: relative;}
.hero__banner__section figure .mobile__img, .iex__banner__section figure .mobile__img{display: none;}
.hero__banner__content__wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.hero__banner__content__wrapper .container{height: 100%;}
.hero__banner__content__wrapper .hero__banner__content{height: 100%;display: flex;justify-content: space-between;margin:17% 8% 0 0;}
.hero__banner__content__inner{width: 100%;max-width: 480px;margin-left: auto;}
.hero__banner__content__inner h1{font-size: 31px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;color: var(--secondary-color);}
.hero__banner__content__inner h1 span{background-color: var(--primary-color);padding: 5px 10px;margin-bottom: 5px;display:inline-block;font-family: var(--font-arialmt);}
.hero__banner__content__inner p{font-size: 18px;font-weight: 700;line-height: 1.5;color: var(--white-color);max-width: 290px;font-family: var(--font-arialmt);}

.built__sulf__section{position: relative;overflow: hidden;background-color: var(--primary-color);padding: 150px 0;}
.built__sulf__wrapper{position: relative;}
.section__heading{width: 100%;max-width: 766px;margin: 0 auto 66px;text-align: center;}
.section__heading h2{font-size: 35px;font-weight: 700;line-height: 1.2;margin-bottom: 20px;}
.section__heading p{font-size: 20px;font-family: var(--font-arialmt);}
.built__sulf__wrapper .section__heading h2{color: var(--secondary-color);}
.built__sulf__wrapper .section__heading p{color: var(--white-color);}
.built__sulf__items{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0 30px;}
.built__sulf__item{position: relative;background-color: var(--white-color);border-radius: 18px;}
.built__sulf__item figure{width: 100%;overflow: hidden;border-radius: 18px 18px 0 0;}
.built__sulf__item__content{width: 100%;padding: 20px 15px;}
.built__sulf__item__content h3{font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;}
.built__sulf__item__content p{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);font-family: var(--font-arialmt);}

.fdcm__section{position: relative;overflow: hidden;padding: 66px 0 150px 0;}
.fdcm__wrapper .section__heading{margin-bottom: 50px;max-width: 100%;}
.fdcm__wrapper .section__heading h2{margin-bottom: 10px;}
.fdcm__wrapper .section__heading .label{font-size: 25px;font-weight: 700;line-height: 1.2;margin-bottom: 15px;background-color: var(--secondary-color);padding: 5px 10px;display: inline-block;}
.fdcm__items{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0 30px;}
.fdcm__item{position: relative;background-color: var(--white-color);border-radius: 18px;border: 1px solid var(--border-default-color);height: 100%;}
.fdcm__items .swiper-slide:not(:last-child) .fdcm__item:before{position: absolute;content: '';right: -75px;width: 74px;height: 46px;top:50%;transform: translateY(-50%);background: url('assets/img/brode-right-arrow-1.png') no-repeat;background-size: cover;}
.fdcm__item figure{width: 100%;overflow: hidden;border-radius: 18px 18px 0 0;}
.fdcm__item__content{width: 100%;padding: 20px 15px;text-align: center;}
.fdcm__item__content h3{font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;}
.fdcm__item__content p{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);font-family: var(--font-arialmt);}
.fdcm__item__content ul{display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 10px;justify-content: center;}
.fdcm__item__content ul li{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);position: relative;padding: 0 10px;font-family: var(--font-arialmt);}
.fdcm__item__content ul li:before{content: '';position: absolute;left: -2px;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: var(--grey-color-100);border-radius: 50%;}
.fdcm__item__content ul li:first-child:before{display: none;}
.eie__btn__wrapper{margin-top: 55px;text-align: center;}
.eie__btn{display: inline-block;font-size: 20px;font-weight: 700;line-height: 1.5;background-color: var(--white-color);padding: 10px 20px;border-radius: 50px;transition: all 0.3s ease-in-out;border: 2px solid var(--secondary-color);}
.eie__btn:hover{background-color: var(--primary-color);color: var(--white-color);}

.iex__banner__section{position: relative;overflow: hidden;}
.iex__banner__section figure{position: relative;}
.iex__banner__section figure .mobile__img, .iex__banner__section figure .mobile__img{display: none;}
.iex__banner__content__wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.iex__banner__content__wrapper .container{height: 100%;}
.iex__banner__content__wrapper .iex__banner__content{height: 100%;display: flex;justify-content: space-between;text-align: center;}
.iex__banner__content__inner{width: 100%;max-width: 760px;margin: 0 auto 10%;align-self: flex-end;}
.iex__banner__content__inner h1{font-size: 70px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;color: var(--white-color);}
.iex__banner__content__inner p{font-size: 18px;line-height: 1.5;color: var(--white-color);max-width: 500px;margin: 0 auto;font-family: var(--font-arialmt);}

.commanuf__section{position: relative;overflow: hidden;padding: 100px 0 170px 0;}
.commanuf__wrapper .section__heading{margin-bottom: 100px;max-width: 900px;}
.commanuf__wrapper .section__heading p{font-size: 20px;}
.commanuf__wrapper h2{font-size: 35px;font-weight: 700;line-height: 1.2;margin-bottom: 60px;text-align: center;}
.commanuf__wrapper .section__heading1 p{font-family: var(--font-arialmt);}
.commanuf__items{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0 20px;}
.commanuf__item{position: relative;background: linear-gradient(to right, #f4f4f4, #fbfbfb);border-radius: 40px;border: 1px solid #f2f2f2;padding: 30px 20px 50px 20px;box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1);}
.commanuf__item:before{content: '';position: absolute;right: -32px;top: 55px;width: 32px;height: 20px;background: url('assets/img/brode-right-arrow.png') no-repeat center center;background-size: contain;z-index: 1;}
.commanuf__item figure{width: 100%;overflow: hidden;border-radius: 18px 18px 0 0;}
.commanuf__item .commanuf__num__wrapper{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 15px;}
.commanuf__item .commanuf__num__wrapper .text__1{display: block;font-size: 20px;font-weight: 700;line-height: 1.2;background-color: var(--secondary-color);padding: 8px 40px 8px 20px;border-radius: 50px;}
.commanuf__item .commanuf__num__wrapper .text__2{width: 70px;height: 70px;margin-left: -25px;box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1);background-color: var(--white-color);display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 700;line-height: 1.2;border-radius: 50%;}
.commanuf__item__content{width: 100%;}
.commanuf__item__content h3{font-size: 18px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;}
.commanuf__item__content p{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);font-family:var(--font-arialmt)}
.commanuf__item__content ul li{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);position: relative;padding: 0 10px;font-family:var(--font-arialmt)}
.commanuf__item__content ul li:before{content: '';position: absolute;left: -2px;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: var(--grey-color-100);border-radius: 50%;}
.commanuf__item.active__item{background: var(--secondary-color);}
.commanuf__item.active__item .commanuf__num__wrapper .text__1{background-color: var(--white-color);}
.commanuf__item:last-child:before{display: none;}

.diffchem__section{position: relative;overflow: hidden;padding: 80px 0 250px 0;background-size: cover;background-position: center bottom;background-repeat: no-repeat;}
.diffchem__wrapper .section__heading{margin-bottom: 50px;max-width: 100%;}
.diffchem__wrapper .section__heading h2{margin-bottom: 10px;color: var(--white-color);}
.diffchem__wrapper .section__heading p{color: var(--white-color);}
.diffchem__items{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0 30px;}
.diffchem__item{position: relative;background-color: var(--white-color);border-radius: 50px;height: 100%;}
.diffchem__item figure{width: 100%;overflow: hidden;border-radius: 50px 50px 0 0;background: linear-gradient(to bottom, rgba(208, 177, 166, 0.6), rgba(225, 177, 142, 0.6));border-bottom: 3px solid var(--secondary-color);}
.diffchem__item__content{width: 100%;padding: 20px 15px 50px 15px;}
.diffchem__item__content h3{font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;}
.diffchem__item__content p{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);font-family: var(--font-arialmt);}
.diffchem__item__content ul li{font-size: 14px;line-height: 1.5;color: var(--grey-color-100);font-family: var(--font-arialmt);position: relative;padding: 0 10px;}
.diffchem__item__content ul li:before{content: '';position: absolute;left: -2px;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: var(--grey-color-100);border-radius: 50%;}

.activeintegration__section{position: relative;overflow: hidden;padding: 150px 0;background-color: var(--primary-color);}
.activeintegration__wrapper{max-width: 665px;margin: 0 auto;}
.activeintegration__wrapper .section__heading{max-width: 100%;}
.activeintegration__wrapper .section__heading h2, .activeintegration__wrapper .section__heading p{color: var(--white-color);}
.activeintegration__items{position: relative;}
.activeintegration__item{position: relative;background-color: var(--white-color);border-radius: 22px;display: flex;justify-content: space-between;}
.activeintegration__item:not(:last-child){margin-bottom: 25px;}
.activeintegration__item figure{width: 100%;overflow: hidden;border-radius: 22px;}
.activeintegration__item figure img{height: 100%;object-fit: cover;}
.activeintegration__item figure .mobile__img{display: none;}
.activeintegration__item__content{width: 100%;padding: 20px 15px;align-self: center;}
.activeintegration__item__content h3{font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 15px;}
.activeintegration__item__content p{font-size: 16px;line-height: 1.5;color: var(--grey-color-300);font-family: var(--font-arialmt);}
.activeintegration__item__content ul li{font-size: 16px;line-height: 1.5;color: var(--grey-color-300);position: relative;padding-left: 15px;margin-bottom: 10px;font-family: var(--font-arialmt);}
.activeintegration__item__content ul li:before{content: '';position: absolute;left: -2px;top: 9px;width: 6px;height: 6px;background-color: var(--secondary-color);border-radius: 50%;}
.activeintegration__shortcontent{text-align: center;margin-top: 60px;}
.activeintegration__shortcontent p{font-size: 20px;color: var(--white-color);}


.fdcm__slider__pagination, .diffchem__slider__pagination{text-align: center;font-size: 0;margin-top: 50px;}
.fdcm__slider__pagination .swiper-pagination-bullet, .diffchem__slider__pagination .swiper-pagination-bullet{background-color: #dadada;width: 45px;height: 5px;opacity: 1;margin: 0 5px;border-radius: 0;}
.fdcm__slider__pagination .swiper-pagination-bullet-active, .diffchem__slider__pagination .swiper-pagination-bullet-active{background-color: var(--secondary-color);}

.diffchem__shortcontent{position: relative;width: 100%;max-width: 770px;margin: 60px auto 0;}
.diffchem__shortcontent p{font-size: 20px;text-align: center;}
.diffchem__shortcontent p span{padding: 5px 10px;background-color: #6d4e2d;display: inline-block;margin-bottom: 7px;color: var(--white-color);}


/* Product page */
.driven__prod__section{position: relative;padding: 80px 0 120px 0;}
.driven__prod__wrapper{position: relative;}
.driven__prod__wrapper .section__heading{max-width: 514px;margin: 0 auto 60px;}
.driven__prod__tabs{position: relative;}
.driven__prod__tab__header__wrapper{overflow: hidden;max-height: 39px;margin-bottom: 50px;position: sticky;top: 92px;z-index: 2;background-color: var(--white-color);}
.driven__prod__tabs .driven__prod__tab__header{overflow-y: auto;}
.driven__prod__tabs .driven__prod__tab__header ul{display: flex;justify-content: space-between;text-align: center;min-width: 1160px;}
.driven__prod__tabs .driven__prod__tab__header ul li{flex: 1 1 auto;border-bottom: 3px solid #e5e5e5;}
.driven__prod__tabs .driven__prod__tab__header ul li a{display: block;font-size: 20px;font-weight: 700;color: #c9c9c9;padding: 5px 10px;}
.driven__prod__tabs .driven__prod__tab__header ul li.active{border-bottom-color: var(--secondary-color);}
.driven__prod__tabs .driven__prod__tab__header ul li.active a{color: var(--primary-color);font-weight: 700;}
.driven__prod__tab__panel{display: none;}
.driven__prod__tab__panel.active{display: block;}
.driven__prod__tab__panel .driven__shortcontent{max-width: 540px;margin: 0 auto 50px;text-align: center;}
.driven__prod__tab__panel .driven__shortcontent p{font-size: 20px;color: #707070;font-family: var(--font-arialmt);}
.driven__prod__items:not(:last-child){margin-bottom: 26px;}
.driven__prod__item{position: relative;overflow: hidden;border-radius: 30px;padding: 30px 25px;}
.driven__prod__item figure{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.driven__prod__item figure img{height: 100%;object-fit: cover;}
.driven__prod__item figure .mobile__img{display: none;}
.driven__prod__item__content__wrapper .driven__prod__item__content{margin-bottom: 45px;position: relative;padding-left: 20px;}
.driven__prod__item__content__wrapper .driven__prod__item__content:before{position: absolute;content: '';left: 0;top: 15px;width:7px;height: 7px;border-radius: 50%;background-color: var(--secondary-color);}
.driven__prod__item__content__wrapper .driven__prod__item__content h3{font-size: 30px;font-weight: 700;color: var(--white-color);margin-bottom: 6px;font-family: var(--font-arialmt);}
.driven__prod__item__content__wrapper .driven__prod__item__content p{font-size: 20px;color: var(--white-color);font-family: var(--font-arialmt);}

.driven__prod__slider__wrapper{margin-bottom: 50px;}
.driven__prod__item__cards{position: relative;}
.driven__prod__item__cards .swiper-slide{height: unset;}
.driven__prod__item__card{position: relative;background-color: var(--white-color);padding: 64px 20px;border-radius: 30px;height: 100%;}
.driven__prod__item__card h4{font-size: 24px;color: var(--primary-color);font-weight: 700;}
.driven__prod__item__card .text__1{font-size: 18px;color: var(--primary-color);display: block;font-family: var(--font-arialmt);}
.driven__prod__item__card p{font-size: 18px;color: #787878;margin: 15px 0;padding: 15px 0;border-top: 1px solid #9d9d9d;border-bottom: 1px solid #9d9d9d;font-family: var(--font-arialmt);}
.driven__prod__item__card .text__2{font-size: 18px;color: var(--primary-color);display: block;font-family: var(--font-arialmt);}
.driven__prod__item__card .plus__btn{position: absolute;right: -14px;bottom: -14px;width: 44px;height: 44px;border-radius: 50%;background-color: #ff6d25;font-size: 40px;font-weight: 500;color: var(--white-color);display: flex;justify-content: center;align-items: center;line-height: 1;}
.driven__prod__item__card .hidden__content{display: none;}

.driven__prod__accordion__wrapper{position: relative;overflow: hidden;background-color:rgba(255,255,255,0.6);backdrop-filter: blur(25px);border-radius: 30px;padding: 20px;}
.driven__prod__accordion__wrapper h3{margin-bottom: 35px;}
.driven__prod__accordion__wrapper h3 span{font-size: 25px;font-weight: 700;display: inline-block;background-color: var(--primary-color);padding: 3px 8px;color: var(--secondary-color);}
.driven__prod__accordion__item{position: relative;}
.driven__prod__accordion__item:not(:last-child){border-bottom: 1px solid #9d9d9d;padding-bottom: 15px;margin-bottom: 15px;}
.driven__prod__accordion__item .accordion__header{padding: 0 50px 0 0;position: relative;cursor: pointer;}
.driven__prod__accordion__item .accordion__header:before{position: absolute;content: '';right: 10px;top: 50%;transform: translateY(-50%);width: 15px;height: 3px;background-color: #ff6d25;transition: all 0.3s ease-in-out;}
.driven__prod__accordion__item .accordion__header:after{position: absolute;content: '';right: 16px;top: 50%;transform: translateY(-50%);width: 3px;height: 15px;background-color: #ff6d25;transition: all 0.3s ease-in-out;}
.driven__prod__accordion__item .accordion__header h5{font-size: 24px;font-weight: 700;color: var(--primary-color);position: relative;padding-left: 20px;}
.driven__prod__accordion__item .accordion__header h5:before{position: absolute;content: '';left: 0;top: 12px;width:7px;height: 7px;border-radius: 50%;background-color: var(--secondary-color);}
.driven__prod__accordion__item .accordion__body{opacity: 0;visibility: hidden;display: none;padding: 20px;font-family: var(--font-arialmt); font-size:18px;}
.driven__prod__accordion__item .accordion__body p{font-size: 18px;color: var(--primary-color);font-family: var(--font-arialmt);}
.driven__prod__accordion__item.active .accordion__body{opacity: 1;visibility: visible;display: block;}
.driven__prod__accordion__item.active .accordion__header:after{display: none;}

.driven__prod__slider .swiper-slide{height: auto;}
.driven__prod__slider__pagination{text-align: center;font-size: 0;margin-top: 28px;}
.driven__prod__slider__pagination .swiper-pagination-bullet{background-color: #dadada;width: 28px;height: 4px;opacity: 1;margin: 0 4px;border-radius: 0;}
.driven__prod__slider__pagination .swiper-pagination-bullet-active{background-color: var(--secondary-color);}
.slider__prev{position: absolute;left: -25px;top: 50%;transform: translateY(-50%) rotate(180deg);width: 40px;height: 80px;background-color: var(--white-color);border: 1px solid #cbcbcb;border-radius: 10px;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 1;}
.slider__next{position: absolute;right: -25px;top: 50%;transform: translateY(-50%);width: 40px;height: 80px;background-color: var(--white-color);border: 1px solid #cbcbcb;border-radius: 10px;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 1;}

.ifs__popup__overlay,
.ifs__popup{visibility: hidden;opacity: 0;pointer-events: none;transition: opacity 0.25s ease, visibility 0.25s ease;}
.ifs__popup__overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--primary-color);z-index: 1000;}
body.ifs-popup-open .ifs__popup__overlay{visibility: visible;opacity: 0.6;pointer-events: auto;}
.ifs__popup{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 750px;z-index: 1001;background-color: var(--white-color);padding: 30px;border-radius: 30px;max-height: 95vh;}
body.ifs-popup-open .ifs__popup{visibility: visible;opacity: 1;pointer-events: auto;}
.ifs__popup .close__btn{position: absolute;right: -7px;top: -7px;width: 35px;height: 35px;border-radius: 50%;background-color:#ff6d25;font-size: 35px;font-weight: 500;color: var(--white-color);border: 0 none;display: flex;justify-content: center;align-items: center;transform: rotate(45deg);cursor: pointer;}
.ifs__popup__block__wrapper{overflow-y: auto;max-height: 80vh;}
.ifs__popup__item__1{position: relative;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.ifs__popup__item__1 h3, .ifs__popup__item__2 h3{font-size: 24px;color: var(--primary-color);margin-bottom: 10px;font-weight: 700;position: relative;padding-left: 20px;}
.ifs__popup__item__1 h3:before, .ifs__popup__item__2 h3:before{position: absolute;content: '';left: 0;top: 12px;width:7px;height: 7px;border-radius: 50%;background-color: var(--secondary-color);}
.ifs__popup__item__1 p, .ifs__popup__item__2 p{font-size: 18px;color: var(--primary-color);font-family: var(--font-arialmt);}
.ifs__popup__item__2 ul{list-style: disc;list-style-position: outside;margin: 15px 0 15px 18px;}
.ifs__popup__item__2 ul li::marker{background-color: var(--primary-color);}
.ifs__popup__item__2 ul li{font-size: 18px;font-family: var(--font-arialmt);}


.contactus__tab__section{padding: 85px 0;}
.contactus__tab__wrapper{position: relative;}
.contactus__tab__header__wrapper{overflow: hidden;max-height: 39px;margin-bottom: 50px;}
.contactus__tab__wrapper .contactus__tab__header{overflow-y: auto;text-align: center;}
.contactus__tab__wrapper .contactus__tab__header ul{display: inline-flex;justify-content: center;text-align: center;min-width: 540px;margin: 0 auto;border-bottom: 3px solid #e5e5e5;}
.contactus__tab__wrapper .contactus__tab__header ul li{border-bottom: 3px solid transparent;margin-bottom: -3px;}
.contactus__tab__wrapper .contactus__tab__header ul li button{display: block;font-size: 20px;font-weight: 700;color: #c9c9c9;padding: 5px 20px;border: none;outline: none;background: transparent;cursor: pointer;}
.contactus__tab__wrapper .contactus__tab__header ul li.active{border-bottom-color: var(--secondary-color);}
.contactus__tab__wrapper .contactus__tab__header ul li.active a{color: var(--primary-color);font-weight: 700;}
.contactus__tab__panel{display: none;}
.contactus__tab__panel.active{display: block;}
.contactus__tab__items{position: relative;}
.contactus__tab__items .contactus__tab__item{display: flex;justify-content: space-between;}
.contactus__tab__items .contactus__tab__item .map__block{width: calc(100% - 445px);}
.contactus__tab__items .contactus__tab__item .contact__block{width: 430px;background-color: #f7f7f7;border-radius: 30px;padding: 44px;display: flex;justify-content: center;flex-direction: column;}
.contactus__tab__items .contactus__tab__item .map__block iframe{width: 100%;border-radius: 30px;}
.contact__block{position: relative;}
.contact__block .phoneaddress, .contact__block .emailaddress, .contact__block .address__block{display: flex;justify-content: flex-start;margin-bottom: 20px;gap: 0 15px;}
.contact__block .phoneicon, .contact__block .emailicon, .contact__block .addressicon{flex-shrink: 0;width: 40px;height: 40px;border-radius: 50%;background-color: var(--secondary-color);display: flex;justify-content: flex-end;align-items: flex-end;position: relative;top: -9px;}
.contact__block .phoneicon img, .contact__block .emailicon img, .contact__block .addressicon img{width: 22px;}
.contact__block .phoneaddress a, .contact__block .emailaddress a, .contact__block .address__block p{font-size: 20px;font-weight: 700;align-self: center;}

.getintouch__section{position: relative;padding: 100px 0 180px 0;}
.getintouch__wrapper{position: relative;background: url('assets/img/contact-us-desktop-bg.jpg') no-repeat;background-size: cover;width: 100%;padding: 75px 0;}
.getintouch__form__wrapper{max-width: 620px;margin: 0 auto;}
.getintouch__form__wrapper h2{font-size: 35px;font-weight: 700;margin-bottom: 66px;text-transform: capitalize;text-align: center;}
.getintouch__form .form__group{position: relative;margin-bottom: 18px;}
.getintouch__form .form__group .form__input{width: 100%;font-size: 20px;color: #9f9f9f;padding: 14px 44px;border-radius: 10px;}
.getintouch__form .form__group .form__textarea{width: 100%;font-size: 20px;color: #9f9f9f;padding: 14px 44px;border-radius: 10px;}
.getintouch__form .form__group__btn{text-align: center;margin-top: 30px;}
.getintouch__form .submit__btn{font-size: 25px;font-weight: 700;padding: 10px 35px;border-radius: 50px;border: none;outline: none;background-color: var(--secondary-color);cursor: pointer;transition: all 0.3s ease-in-out;}
.getintouch__form .submit__btn:hover{background-color: var(--primary-color);color: #ffffff;}


@media screen and (max-width: 1280px){
.hero__banner__content__wrapper .hero__banner__content{margin:17% 0 0 0;}
}
@media screen and (max-width: 1200px){
.footer__topitems.wdt80{gap: 0 50px;width: calc(100% - 380px);}
.footer__topitems.wdt20{width: 320px;}
.iex__banner__content__inner{margin: 0 auto 3%;}
}
@media screen and (max-width: 1024px){
.header__wrapper{padding: 20px 0;}
.header__logo a, .footer__logo a{width: 80px;}
.hamburger__menu{display: block;}
.header__nav{position: fixed;top: -130%;left: 0;width: 100%;height: 100vh;background-color: var(--primary-color);transition: all 0.3s ease-in-out;z-index: -1;display: block;padding: 100px 30px;overflow-y: auto;align-self: unset;flex: none;margin-bottom: 0;}
.header__nav ul{flex-direction: column;gap: 0;}
.header__nav ul li:not(:last-child){margin-bottom: 35px;}
.header__nav.menu-open{top: 0px;}
.fixed .header__nav ul li a{color: var(--white-color);}
.hide-body-scroll .header__logo a .white__logo{display: block;}
.hide-body-scroll .header__logo a .black__logo{display: none;}
.footer__top{padding: 50px 0 30px 0;flex-direction: column;}
.footer__btm{padding: 20px 0;}
.footer__topitems.wdt80{width: 100%;gap: 0 25px;}
.footer__topitems.wdt20{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;gap: 0 30px;padding-top: 30px;margin-top: 30px;border-top: 1px solid var(--border-default-color);}
.footer__capabilities{display: none;}
.mob__footer__capabilities{display: block;width: 300px;flex-shrink: 0;}
.footer__info{width: 100%;}
.footer__menu h3, .footer__info h3, .mob__footer__capabilities h3{margin-bottom: 20px;}
.hero__banner__content__inner h1{font-size: 24px;}
.hero__banner__content__inner{max-width: 404px;}
.built__sulf__section{padding: 90px 0;}
.built__sulf__item{border-radius: 12px;}
.built__sulf__item figure{border-radius: 12px 12px 0 0;}
.section__heading h2{font-size: 24px;}
.section__heading p{font-size: 18px;}
.fdcm__section{padding: 66px 0 80px 0;}
.iex__banner__content__inner h1{font-size: 50px;}
.commanuf__items {grid-template-columns: repeat(2, 1fr);}
.commanuf__item{margin-bottom: 30px;border-radius: 24px;}
.commanuf__section{padding: 70px 0 80px 0;}
.commanuf__item:nth-child(2n):before{display: none;}
.commanuf__wrapper .section__heading{margin-bottom: 60px;}
.activeintegration__section{padding: 70px 0 100px 0;}
.driven__prod__accordion__wrapper h3 span{font-size: 22px;}
.driven__prod__accordion__item .accordion__header h5{font-size: 20px;}
.driven__prod__item{padding: 16px;}
.driven__prod__accordion__wrapper{padding: 14px;}
.driven__prod__item__content__wrapper .driven__prod__item__content h3{font-size: 24px;}
.driven__prod__item__content__wrapper .driven__prod__item__content p{font-size: 18px;}
.ifs__popup__item__1 h3, .ifs__popup__item__2 h3{font-size: 20px;}
.driven__prod__tab__header__wrapper{top: 75px;}
.fdcm__items .swiper-slide:not(:last-child) .fdcm__item:before{width: 40px;height: 25px;right: -40px;}

.getintouch__section {padding: 40px 0 120px 0;}
}

@media screen and (max-width: 899px){
.built__sulf__items{grid-template-columns: repeat(1, 1fr);gap: 0;width: 100%;max-width: 500px;margin: 0 auto;}
.built__sulf__item{margin-bottom: 15px;}
.ifs__popup{left: 15px;right: 15px;width: auto;transform: translateY(-50%);}


.contactus__tab__items .contactus__tab__item{flex-direction: column;}
.contactus__tab__items .contactus__tab__item .map__block{width: 100%;margin-bottom: 30px;}
.contactus__tab__items .contactus__tab__item .contact__block{width: 100%;}
.contactus__tab__items .contactus__tab__item .contact__block{padding: 24px;}
.contact__block .phoneaddress a, .contact__block .emailaddress a, .contact__block .address__block p{font-size: 18px;}
nav.header__nav ul li {margin:40px 0!important;}
}

@media screen and (max-width: 767px){
.mob__footer__capabilities{width: 250px;}

.hero__banner__section{background-color: var(--primary-color);}
.hero__banner__section figure .mobile__img, .iex__banner__section figure .mobile__img{display: block;}
.hero__banner__section figure .desktop__img, .iex__banner__section figure .desktop__img{display: none;}
.hero__banner__content__wrapper{top: auto;bottom: 0;height: auto;position: relative;}
.hero__banner__content__wrapper .hero__banner__content{margin: 17% 0 0 0;}
.hero__banner__content__wrapper .container{height: auto;}
.hero__banner__content__inner{margin: 0 auto;text-align: center;}
.hero__banner__content__inner p{margin: 0 auto;}
.hero__banner__content__inner h1{color: var(--primary-color);}
.hero__banner__content__inner h1 span{background-color: var(--secondary-color);padding: 2px 10px;}
.iex__banner__content__inner h1{font-size: 38px;}
.iex__banner__content__inner{margin: 0 auto 13%;}
.commanuf__items {grid-template-columns: repeat(1, 1fr);width: 100%;max-width: 400px;margin: 0 auto;}
.commanuf__item:before {right: auto;left: 50%;top: auto;bottom: -29px;transform: translateX(-50%) rotate(90deg);}
.commanuf__item{margin-bottom: 22px;}
.commanuf__item:nth-child(2n):before{display: block;}
.commanuf__item:last-child:before{display: none;}
.driven__prod__item__card .plus__btn{width: 35px;height: 35px;font-size: 30px;bottom: -10px;right: -10px;}
}

@media screen and (max-width:599px) {
.footer__topitems.wdt80{grid-template-columns: repeat(1, 1fr);gap: 0;}
.footer__menu{margin-bottom: 20px;}
.mob__footer__capabilities{width: 220px;}
.hero__banner__content__inner h1{font-size: 20px;}
.hero__banner__content__inner p{font-size: 16px;}
.built__sulf__items{max-width: 325px;}
.commanuf__items{max-width: 325px;}
.commanuf__wrapper h2{font-size: 24px;}

.activeintegration__items{grid-template-columns: repeat(1, 1fr);}
.activeintegration__item:not(:last-child){margin-bottom: 20px;}
.activeintegration__item figure .mobile__img{display: block;}
.activeintegration__item figure .desktop__img{display: none;}
.activeintegration__item{flex-direction: column;}
.activeintegration__item figure{border-radius: 22px 22px 0 0;}
.contactus__tab__wrapper .contactus__tab__header ul{min-width: 100%;}
}

@media screen and (max-width:480px) {
.footer__btm{flex-direction: column-reverse;text-align: center;}
.footer__logo{margin-bottom: 15px;}
.footer__topitems.wdt20{flex-direction: column;gap: 0;}
.footer__info{margin-bottom: 20px;}
}
@media screen and (max-width:400px) {
    .driven__prod__item__card .text__1 {font-size:13px;}
}
@media screen and (max-width:380px) {
.fdcm__items .swiper-slide:not(:last-child) .fdcm__item:before{display: none;}
}