/* Theme Name:  Cruxels Child
Version:     17.0.3
Description: An Ultra Responsive Multi-Purpose Theme.
Theme URI:   https://cruxels.com/
Author:      Cruxels
Author URI:  https://cruxels.com/
Template: cruxels-theme */
/*-------------------------------------------------------------------------*/
@font-face {font-family: 'Sequel Sans Book Disp'; src: local('./fonts/Sequel Sans Book Disp'), local('./fonts/SequelSans-BookDisp'), url('./fonts/SequelSans-BookDisp.woff2') format('woff2'), url('./fonts/SequelSans-BookDisp.woff') format('woff'), url('./fonts/SequelSans-BookDisp.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}

 @font-face {font-family: 'Sequel Sans Semi Bold Disp'; src: local('./fonts/Sequel Sans Semi Bold Disp'), local('./fonts/SequelSans-SemiBoldDisp'), url('./fonts/SequelSans-SemiBoldDisp.woff2') format('woff2'), url('./fonts/SequelSans-SemiBoldDisp.woff') format('woff'), url('./fonts/SequelSans-SemiBoldDisp.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;}

@font-face {font-family: 'Aventa'; src: local('./fonts/Aventa Bold'), local('./fonts/Aventa-Bold'), url('./fonts/Aventa-Bold.woff2') format('woff2'), url('./fonts/Aventa-Bold.woff') format('woff'), url('./fonts/Aventa-Bold.ttf') format('truetype'); font-weight: bold;font-style: normal; font-display: swap;}

@font-face {font-family: 'Sequel Sans Medium Disp';src: local('./fonts/Sequel Sans Medium Disp'), local('./fonts/SequelSans-MediumDisp'), url('./fonts/SequelSans-MediumDisp.woff2') format('woff2'), url('./fonts/SequelSans-MediumDisp.woff') format('woff'), url('./fonts/SequelSans-MediumDisp.ttf') format('truetype'); font-weight: 500; font-style: normal;font-display: swap;}
@font-face {font-family: 'dm_serif_textregular'; src: url('./fonts/dmseriftext-regular-webfont.woff2') format('woff2'), url('./fonts/dmseriftext-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal }
@font-face {font-family: 'open_sansregular'; src: url('./fonts/opensans-regular-webfont.woff2') format('woff2'), url('./fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
/* <style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
</style>

.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */
body{font-family: 'open_sansregular'; font-size: 20px; line-height: 1.5; color: #333; background-color: #f1f1f1;}
h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 70px; line-height: 75px; font-weight:normal;}
h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 60px; line-height: 65px; font-weight:normal;}
h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 30px; line-height: 35px; font-weight:normal;}
p{font-family: 'open_sansregular'; font-size: 18px; line-height: 1.5; color: #333;}
#top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 16px; line-height: 20px; transition: color .2s ease; padding: 0 15px;}
/* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
.breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
/*-------------------------------------------------------------------------*/
#header-outer #top{border: none !important;}
#sec-01-banner h1 {font-size: 73px; line-height: 1; }
.banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
.column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 20px; min-height: 200px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
.column-box-white {background-color: #fff; color: #000;}
.column-box-black {background-color: #262424; color: #fff;}
#header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}
#header-outer[data-permanent-transparent="1"][data-transparent-header=true].transparent.dark-slide a {color: #000;}
/*Dropdown menu*/
#header-outer[data-lhe="animated_underline"] ul.sub-menu li > a span.menu-title-text {font-size: 20px; color: #000; font-weight: 600; line-height: 1.5;}
#header-outer header ul.sub-menu li.menu-item > a .nectar-menu-icon.svg-icon svg {color: #333;}
#header-outer header ul.sub-menu li.menu-item > a  small.item_desc {color: #464545;}
#header-outer nav >ul >.megamenu >ul ul.sub-menu li.menu-item-object-page a:hover,#header-outer nav >ul >.megamenu >ul ul.sub-menu li.menu-item-object-page a:active {background: #f5f5f5 !important; border-radius: 10px;}

#header-outer nav>ul.sub-menu>.megamenu ul li {margin-bottom: 20px;}
/* Rounded corners for each box */
.corner1 {border-top-left-radius: 50px;}
.corner2 {border-top-right-radius: 50px;}
.corner3 {border-bottom-left-radius: 50px;}
.corner4 {border-bottom-right-radius: 50px;}
.column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
#sec-01-banner .extra-gap{height: 70px;}
.banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
#sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
#sec-03-menu{background: #f8f8f8;}
#sec-03-menu .menu-page-home.fst-box {background: #000;}
#sec-03-menu .menu-page-home.fst-box h3 {color:#fff;}
#sec-03-menu .menu-page-home h3 { border-bottom: 1px solid #606166; padding-bottom: 20px;}
#sec-03-menu .menu-page-home ul {margin-left: 0;}
#sec-03-menu .menu-page-home h3 span{background: #fff; border-radius: 15px; padding: 15px; color: #333; font-size: 20px;}
#sec-03-menu .menu-page-home.fst-box ul.mymeny li a{ border: 1px solid #606166;  border-radius: 7px; background: #000; color:#fff; }
#sec-03-menu .menu-page-home.fst-box ul.mymeny li a:hover{ border: 1px solid #606166; background: #fff; color:#000;}
#sec-03-menu .menu-page-home.fst-box ul.mymeny li a{color:#fff;}
#sec-03-menu .menu-page-home.fst-box ul.mymeny li a:before {display: inline-block; content: url(./img/arrow-white.png);vertical-align: text-bottom; margin-right: 8px;}
#sec-03-menu .menu-page-home.fst-box ul.mymeny li:hover a:before {display: inline-block; content: url(./img/arrow-black.png);vertical-align: middle;margin-right: 8px;}
#sec-03-menu .menu-page-home ul.mymeny li{float: left;  margin: 0 4px 8px; list-style: none;}
#sec-03-menu .menu-page-home {display: flex; background: #EDEDED; height: auto; padding: 20px; border-radius: 30px; margin: 0 0 17px; clear: both;}
#sec-03-menu .menu-page-home ul.mymeny li a{display: flex; list-style: none; list-style-position: outside;  float: left; padding: 10px; border-radius: 7px; background: #fff;}
#sec-03-menu .menu-page-home.fst-box p {color: #fff;}
#sec-03-menu .menu-page-home ul.mymeny li a:hover{background: #000; color:#fff;} 
#sec-03-menu .menu-page-home ul.mymeny li a{color:#333;}
#sec-03-menu .menu-page-home ul.mymeny li a:before {display: inline-block; content: url(./img/arrow-black.png);vertical-align: middle;margin-right: 8px;}
#sec-03-menu .menu-page-home ul.mymeny li:hover a:before {display: inline-block; content: url(./img/arrow-white.png);vertical-align: text-bottom;margin-right: 8px;}
img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 270px;float: right; right: 123px; top: -12px;}
.boxes-elivate .vc_col-sm-3.wpb_column.column_container {border: 1px solid #ececec; margin: 0.5%;  width: 24%; padding: 2%; border-radius: 20px;}
.boxes-elivate span.numb { font-size: 50px; font-family: 'Sequel Sans Semi Bold Disp'; color: #e1e1e1;}
.boxes-elivate .vc_col-sm-3.wpb_column.column_container:hover {background: #000; color:#FFF;}
.boxes-elivate .vc_col-sm-3.wpb_column.column_container:hover span.numb, .boxes-elivate .vc_col-sm-3.wpb_column.column_container:hover h3, .boxes-elivate .vc_col-sm-3.wpb_column.column_container:hover p {color: #fff;}
.goal { padding: 45px 22px; background: #fff; border-radius: 30px; }
.goal.goal-dark{background: #000;}
.goal.goal-dark h3, .goal.goal-dark p{color: #fff;}
.testimonial_slider .flickity-prev-next-button {display: inline-block; margin: 12px; width: 60px; height: 60px; padding: 0; border: 1px solid #ebebeb; border-radius: 50%!important;}
body.material .nectar-button.has-icon span {transform: translateX(-18px); text-transform: uppercase; letter-spacing: 0px; font-size: 16px; font-weight: 500;}
.form-footer .row_col_wrap_12.col.span_12{clear: both;}
.form-footer .vc_col-sm-6.wpb_column {float: left;margin: 0 0 15px 0;}
.form-footer .vc_col-sm-6.wpb_column p span {color: #fff !important; }
.form-footer .vc_col-sm-6.wpb_column .intl-tel-input .country-list{background: #000;}
.form-footer .vc_col-sm-6.wpb_column .span_12.light select {background-color: #000 !important;}
.form-footer > .span_12.light .select2-container--default .select2-selection--single, .span_12.light input[type=date], .span_12.light input[type=email], .span_12.light input[type=password], .span_12.light input[type=search], .span_12.light input[type=tel], .span_12.light input[type=text], .span_12.light input[type=url], .span_12.light select, .span_12.light textarea, body[data-fancy-form-rcs="1"] .span_12.light .select2-container--default .select2-selection--single {background-color: transparent; border-color: rgba(255, 255, 255, 0); color: #fff; border-bottom: 1px solid;}
.industry-item.casestudies {float: left; width: 31%; margin: 0 1% 30px; max-height: 458px;}
.faq-quest div[data-style*=minimal] .toggle>.toggle-title a {font-size: 17px; font-family: 'Sequel Sans Book Disp'; font-weight: 600; letter-spacing: 1px;}
.faq-quest div[data-style="minimal"] .toggle.open > .toggle-title a{font-size: 20px; font-family: 'Sequel Sans Book Disp'; font-weight: 600; letter-spacing: 1px;} 
.accord-sect li.tab-item {border: 1px solid; border-radius: 10px;}
.accord-sect li.tab-item a.active-tab {color: #000; position: relative;}
.accord-sect li.tab-item a:after { display: inline-block; content: url(./img/arrow-ac-w.png); vertical-align: middle; right: 25px; position: absolute; }
.accord-sect li.tab-item a.active-tab:after { display: inline-block; content: url(./img/arrow-acc-b.png);}
.flickity-prev-next-button:disabled {display: block !important;}
.box-number-text p {text-align: center; font-size: 140px; line-height: 150px; color: #8b898996; font-family: 'dm_serif_textregular';}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {border: 1px solid #ebebeb !important;}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {right: -50px !important; }
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous { left: -50px !important;}
.case-study-tags {position: absolute; z-index: 99; top: 20px; left: 20px;}
.case-study-tags span.case-study-tag {  background: rgba(255, 255, 255, 0.7); padding: 5px; margin: 2px; border-radius: 4px; font-size: 13px; font-weight: 500;}
.iwithtext .iwt-text {padding-left: 55px;color: #fff;}
.iwithtext .iwt-icon {position: absolute; left: 15px; vertical-align: middle; top: 10px;}
.iwithtext .iwt-icon img{filter: sepia(1);}
.iwithtext:hover .iwt-icon img{filter: none;}
.iwithtext {position: relative; width: 49%; float: left; background: #555; padding: 16px 0; margin: 0 0.5% 10px; text-align: center; border-radius: 5px;}
.iwithtext .iwt-text {padding-left: 15px; color: #fff;}
.tech-col2 .iwithtext {position: relative; width: 19%; float: left; background: #555; padding: 16px 0; margin: 0 0.5% 10px; text-align: center; border-radius: 5px;}
.why-choose-box {background: #fff; padding: 35px 25px; border-radius: 20px;}
.why-choose-box:hover{background: #3a3b40; }
.why-choose-box span {font-family: 'Aventa'; font-weight: 700; font-size: 60px; color: #d7d6d6; float: left; line-height: 80px; padding: 0 20px 20px 0;}
.why-choose-box:hover h3, .why-choose-box:hover p{color: #fff;}
.why-choose-box:hover span { color: #5f6064;}
.awards img.img-with-animation.skip-lazy.nectar-lazy.loaded { width: max-content; text-align: center; margin: 0 auto;}
.awards .cell .img-with-aniamtion-wrap {background: #f8f8f8; margin: 0 auto; text-align: center; border-radius: 15px; padding-top: 15px; min-height: 165px;}
/*box*/
.industry-item.casestudies .overlay-content {position: absolute; background: #ffffffb3; border-radius: 20px; width: 95%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform:translateX(-50%); transition: 0.5s; left:50%; max-height: 90%; padding: 10px; bottom: 20px; min-height: 90px;}
.industry-item.casestudies {position: relative; transition: 0.6s; overflow: hidden;}
.overlay-content h3 {font-size: 20px; line-height: 30px;}
.industry-item.casestudies:hover .overlay-content h3{font-size: 30px; line-height: 35px;}
.industry-item.casestudies .overlay-content p,.industry-item.casestudies .overlay-content a {height: 0; line-height: 0; padding: 0; transition: 0.4s; opacity: 0;}
.industry-item.casestudies:hover .overlay-content p, .industry-item.casestudies:hover .overlay-content a {height: auto; line-height: normal; padding: 0 0 10px; opacity: 1; transition: 0s; color:#000;}
.industry-item.casestudies .overlay-content h3 a {color:#000; opacity:1;}
.industry-item.casestudies:hover .overlay-content {padding: 27% 10px; z-index:9999;}
.carousel-prev, .carousel-next {position: absolute; top: 50%; transform: translateY(-50%); background: #000; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 50%; font-size: 18px; z-index: 10;}
.indus-single {text-align: left; border: 1px solid; border-radius: 14px; padding: 30px 20px;}
.carousel-prev {left: 10px;}
.carousel-next {right: 10px;}
body.case_studies-template-default.single.single-case_studies div#header-space {display: none;}
body.case_studies-template-default.single.single-case_studies .container-wrap{padding-top:0;}
body.industries-template-default.single div#header-space {display: none;}
body.industries-template-default.single .container-wrap{padding-top:0;}
body.industries-template-default.single #header-outer, body.case_studies-template-default.single #header-outer{background:transparent !important;}
#sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell .inner-wrap:hover, #sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell.is-selected .inner-wrap {background-color: #000 !important;}
#sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell .inner-wrap:hover h3,#sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell .inner-wrap:hover p,#sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell .inner-wrap:hover a, #sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell.is-selected .inner-wrap h3, #sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell.is-selected .inner-wrap p,#sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell.is-selected .inner-wrap,#sec-02-sub-sec .nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .cell.is-selected .inner-wrap a {color: #fff;}
ul li {line-height: 1.5;}
#gallery-sec .work-item.style-3 {border-radius: 20px;}
#footer-outer .widget h4 {color: #fff; font-size: 24px;}
#footer-outer #footer-widgets .col p{color:#fff !important;}
.material #footer-outer .widget li a{color: #fff;}
span.foo-head {font-size: 18px;font-weight: 600;}
body #footer-outer #copyright p{color: #fff;}
body.material #footer-outer .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover{color:#fff !important;}
.disclaimer p {color: rgb(119, 119, 119);font-size: 12px;}
.disclaimer{margin:30px 0 0;}
.material #footer-outer #footer-widgets .col ul li {padding: 7px 0 !important;}
.material #footer-outer #footer-widgets .col ul li a {padding: 3px 0 !important;}
#footer-outer #copyright li a, #footer-outer #copyright p a, #footer-outer #copyright p a:hover, #footer-outer #copyright li a i, #footer-outer #copyright li a i:hover{color: #fff !important;}
.span_12.light .select2-container--default .select2-selection--single, .span_12.light input[type=date], .span_12.light input[type=email], .span_12.light input[type=password], .span_12.light input[type=search], .span_12.light input[type=tel], .span_12.light input[type=text], .span_12.light input[type=url], .span_12.light select, .span_12.light textarea, body[data-fancy-form-rcs="1"] .span_12.light .select2-container--default .select2-selection--single {background-color: #000000 !important;}
.grecaptcha-badge { width: 70px !important;overflow: hidden !important;transition: all 0.3s ease !important; left: 4px !important;}
.grecaptcha-badge:hover {width: 256px !important;}
div#footer-outer {border-radius: 30px;}
.brand-slider-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
}

.brand-slider {
  width: 100%;
}

.slide-track {
  display: flex;
  animation: scroll-left 20s linear infinite;
  width: calc(200px * 24); /* 10 slides x 250px */
}

.slide {
  width: 200px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.slide img {
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}

.slide img:hover {
  filter: grayscale(0%);
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1250px); /* 5 slides x 250px */
  }
}

/* Target devices with a maximum width of 1440px */
@media (max-width: 1440px) {
    body{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.5; color: #333; background-color: #f1f1f1;}
    h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 60px; line-height: 1; font-weight:normal;}
    h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 50px; line-height: 1; font-weight:normal;}
    h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 30px; line-height: 1; font-weight:normal;}
    p{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.4; color: #333;}
    #top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 15px; line-height: 1.4; transition: color .2s ease; padding: 0 15px;}
    /* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
    .breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
    /*-------------------------------------------------------------------------*/
    #header-outer #top{border: none !important;}
    #sec-01-banner h1 {font-size: 60px; line-height: 1; }
    .banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
    .column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 15px; min-height: 120px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
    .column-box-white {background-color: #fff; color: #000;}
    .column-box-black {background-color: #262424; color: #fff;}
    #header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}

    /* Rounded corners for each box */

    .column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
    #sec-01-banner .extra-gap{height: 20px;}
    .banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
    #sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) {padding-right: 20px; padding-left: 30px;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3), body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo[class*=m-extra-color-gradient-] {padding-right: 40px; padding-left: 40px; padding-top: 15px;padding-bottom: 15px;}
    img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 200px;float: right; right: 60px; top: -12px;}
}
  
  /* Target devices with a maximum width of 1200px */
  @media (max-width: 1200px) {
    body{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.4; color: #333; background-color: #f1f1f1;}
    h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 60px; line-height: 1; font-weight:normal;}
    h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 50px; line-height: 1; font-weight:normal;}
    h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 30px; line-height: 1; font-weight:normal;}
    p{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.4; color: #333;}
    #top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 14px; line-height: 1.4; transition: color .2s ease; padding: 0 15px;}
    /* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
    .breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
    /*-------------------------------------------------------------------------*/
    #header-outer #top{border: none !important;}
    #sec-01-banner h1 {font-size: 60px; line-height: 1; }
    .banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
    .column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 20px; min-height: 110px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
    .column-box-white {background-color: #fff; color: #000;}
    .column-box-black {background-color: #262424; color: #fff;}
    #header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}

    /* Rounded corners for each box */
    .column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
    #sec-01-banner .extra-gap{height: 20px;}
    .banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
    #sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) {padding-right: 20px; padding-left: 30px;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3), body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo[class*=m-extra-color-gradient-] {padding-right: 40px; padding-left: 40px; padding-top: 15px;padding-bottom: 15px;}
    img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 170px;float: right; right: 40px; top: -12px;}
  }
  
  /* Target devices with a maximum width of 992px */
  @media (max-width: 992px) {
    body{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.5; color: #333; background-color: #f1f1f1;}
    h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 50px; line-height: 1; font-weight:normal;}
    h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 42px; line-height: 1; font-weight:normal;}
    h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 26px; line-height: 1; font-weight:normal;}
    p{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.4; color: #333;}
    #top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 14px; line-height: 1.4; transition: color .2s ease; padding: 0 15px;}
    /* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
    .breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
    /*-------------------------------------------------------------------------*/
    #header-outer #top{border: none !important;}
    #sec-01-banner h1 {font-size: 73px; line-height: 1; }
    .banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
    .column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 20px; min-height: 200px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
    .column-box-white {background-color: #fff; color: #000;}
    .column-box-black {background-color: #262424; color: #fff;}
    #header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}

    /* Rounded corners for each box */
    .column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
    #sec-01-banner .extra-gap{height: 20px;}
    .banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
    #sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) {padding-right: 20px; padding-left: 30px;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3), body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo[class*=m-extra-color-gradient-] {padding-right: 40px; padding-left: 40px; padding-top: 15px;padding-bottom: 15px;}
    img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 170px;float: right; right: 40px; top: -12px;}
  }
  
  /* Target devices with a maximum width of 768px */
  @media (max-width: 768px) {
    body{font-family: 'open_sansregular'; font-size: 16px; line-height: 22px; color: #333; background-color: #f1f1f1;}
    h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 70px; line-height: 75px; font-weight:normal;}
    h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 60px; line-height: 65px; font-weight:normal;}
    h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 30px; line-height: 35px; font-weight:normal;}
    p{font-family: 'open_sansregular'; font-size: 16px; line-height: 25px; color: #333;}
    #top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 16px; line-height: 20px; transition: color .2s ease; padding: 0 15px;}
    /* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
    .breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
    /*-------------------------------------------------------------------------*/
    #header-outer #top{border: none !important;}
    #sec-01-banner h1 {font-size: 73px; line-height: 1; }
    .banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
    .column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 20px; min-height: 200px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
    .column-box-white {background-color: #fff; color: #000;}
    .column-box-black {background-color: #262424; color: #fff;}
    #header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}
    
    /* Rounded corners for each box */
    .column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
    #sec-01-banner .extra-gap{height: 20px;}
    .banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
    #sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) {padding-right: 20px; padding-left: 30px;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3), body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo[class*=m-extra-color-gradient-] {padding-right: 40px; padding-left: 40px; padding-top: 15px;padding-bottom: 15px;}
    img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 170px;float: right; right: 40px; top: -12px;}
  }
  
  /* Target devices with a maximum width of 576px */
  @media (max-width: 576px) {
    body{font-family: 'open_sansregular'; font-size: 16px; line-height: 22px; color: #333; background-color: #f1f1f1;}
    h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 70px; line-height: 75px; font-weight:normal;}
    h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 60px; line-height: 65px; font-weight:normal;}
    h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 30px; line-height: 35px; font-weight:normal;}
    p{font-family: 'open_sansregular'; font-size: 16px; line-height: 25px; color: #333;}
    #top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 16px; line-height: 20px; transition: color .2s ease; padding: 0 15px;}
    /* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
    .breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
    /*-------------------------------------------------------------------------*/
    #header-outer #top{border: none !important;}
    #sec-01-banner h1 {font-size: 73px; line-height: 1; }
    .banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
    .column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 20px; min-height: 200px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
    .column-box-white {background-color: #fff; color: #000;}
    .column-box-black {background-color: #262424; color: #fff;}
    #header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}
    
    /* Rounded corners for each box */
    .column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
    #sec-01-banner .extra-gap{height: 20px;}
    .banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
    #sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) {padding-right: 20px; padding-left: 30px;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3), body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo[class*=m-extra-color-gradient-] {padding-right: 40px; padding-left: 40px; padding-top: 15px;padding-bottom: 15px;}
    img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 170px;float: right; right: 40px; top: -12px;}
  }
  
  /* Target devices with a maximum width of 480px */
  @media (max-width: 480px) {
    body{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.4; color: #333; background-color: #f1f1f1;}
    h1{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 35px; line-height: 1.2; font-weight:normal;}
    h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 30px; line-height: 1.2; font-weight:normal;}
    h3{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 25px; line-height: 1.2; font-weight:normal;}
    p{font-family: 'open_sansregular'; font-size: 14px; line-height: 1.4; color: #333;}
    #top nav>ul>li>a, .pull-left-wrap>ul>li>a {font-family: 'Sequel Sans Semi Bold Disp'; color: #fff; font-size: 16px; line-height: 20px; transition: color .2s ease; padding: 0 15px;}
    /* #sec-06-case-stud h2{font-family: 'Sequel Sans Semi Bold Disp'; font-size: 95px; line-height: 95px;} */
    .breadcrumb, .breadcrumb a {font-size: 13px; padding: 0 8px 0 0;}
    /*-------------------------------------------------------------------------*/
    #header-outer #top{border: none !important;}
    #sec-01-banner h1 {font-size: 35px; line-height: 1.2; }
    .banner-right-box {max-width: 470px; margin: 0 auto; display: flex;  flex-wrap: wrap;  gap: 10px;}
    .column-box-white, .column-box-black {flex: 1 1 calc(50% - 10px); padding: 16px; min-height: 160px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative;overflow: hidden;}
    .column-box-white {background-color: #fff; color: #000;}
    .column-box-black {background-color: #262424; color: #fff;}
    #header-outer .nectar-button.has-icon span {color: #000000; font-weight: 600;}
    
    /* Rounded corners for each box */
    .column-box-white img, .column-box-black img {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
    #sec-01-banner .extra-gap{height: 20px;}
    .banner-4boxes .vc_col-sm-3 .vc_column-inner {background: #262424; padding: 20px 0; min-height: 110px; border-radius: 15px;}
    #sec-02-logo .cell .inner-wrap {background: #f7f6f6;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) {padding-right: 20px; padding-left: 30px;}
    body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3), body.material:not([data-button-style^=rounded]) .nectar-button.has-icon.jumbo[class*=m-extra-color-gradient-] {padding-right: 40px; padding-left: 40px; padding-top: 15px;padding-bottom: 15px;}
    img.img-with-animation.img-elivate.skip-lazy.nectar-lazy.loaded {width: 170px;float: right; right: 40px; top: -12px;}
    .boxes-elivate .vc_col-sm-3.wpb_column.column_container {width: 100%; margin: 0 0 10px;}
    .industry-item.casestudies {width: 100%;margin: 0 1% 30px;max-height: 458px;}
    .tabbed[data-style="vertical_modern"] >div { padding-left: 0px;}
    .accord-sect li.tab-item a:after,.accord-sect li.tab-item a.active-tab:after {display: none;}
    .tech-col2 .iwithtext {width: 49%;}
  }