/* banner slider css  */
.swiper-lazy-preloader { display: none;}
.bannerSliderContent .swiper-pagination-bullet {width: 28px !important;border-radius: 30px;border: 2px solid;opacity: 1;}
.elementor-element.bannerSliderContent .swiper .elementor-swiper-button-prev{left: 280px;}
.elementor-element.bannerSliderContent .swiper .elementor-swiper-button-next{right: 280px;}
.bannerSliderContent .swiper-pagination-bullet-active{background-color: #fff !important;}
body .bannerSliderContent .elementor-slide-heading{ font-family: var(--font-roboto) !important; font-weight: 500 !important; font-size: clamp(30px, 3vw, 48px) !important; line-height: 1.2 !important; }
body .bannerSliderContent .elementor-slide-description{ font-family: "Open Sans", serif !important; font-size: 24px !important; line-height: 1.5 !important; max-width:900px;margin:0 auto;}
body .bannerSliderContent .swiper-slide-contents { margin-bottom: 150px; padding-top: 170px; }
/* .elementor-slides .swiper-slide-inner .elementor-slide-heading .text-color-white {max-width: 1000px;margin: 0 auto;} */
body .bannerSliderContent .btnBoxWrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 40px; margin-top: 40px;max-width: 900px;margin: 40px auto;}
body .bannerSliderContent .btnBoxWrap .boxContent { font-size: 18px; padding: 10px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.4); position: relative; transition: all 0.4s ease; }
body .bannerSliderContent .btnBoxWrap .boxContent:hover { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.8); box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2); }
body .bannerSliderContent .elementor-slide-button{ background-color: var(--secondary-color) !important; color: #fff !important; border: 2px solid transparent !important; font-size:16px; transition: all .3s ease; padding: 17px 33px; }
body .bannerSliderContent .elementor-slide-button:hover{background-color: #0EC38F !important;}   
body .elementor-element .swiper .elementor-swiper-button svg,
body .elementor-element .swiper~.elementor-swiper-button svg,
body .elementor-lightbox .swiper .elementor-swiper-button svg,
body .elementor-lightbox .swiper~.elementor-swiper-button svg{height: 1.4em;width: 1.4em;}
body .bannerSliderContent .swiper-pagination{padding-bottom: 40px;}
body .bannerSliderContent .swiper-slide{height:100vh;}
body .bannerSliderContent .swiper-slide-contents p{max-width: 800px;margin: 0 auto;}
body .bannerSliderContent p{font-size:22px !important;}
body .bannerSliderContent  .elementor-button{color: #11213b !important;}
.banner-bottom-container h2.elementor-heading-title {text-transform: inherit;}

/* banner layout  */
    .home-page-banner .bannerSliderContent .swiper-slide-inner {max-width: 1440px;text-align: left !important;padding: 20px;}body .home-page-banner .bannerSliderContent .btnBoxWrap{margin-top: 20px;}
    body .home-page-banner .bannerSliderContent .swiper-slide-contents p {margin-left: 0 !important;margin-bottom: 40px !important;font-size: 22px !important;letter-spacing: 1px;}body .home-page-banner .bannerSliderContent .btnBoxWrap .boxContent {border: none;}
    body .home-page-banner .bannerSliderContent .elementor-slide-button{ padding: 14px 33px !important;font-size: 18px !important;border: 1px solid transparent !important;box-shadow: 0px 0px 15px #10DDA357 !important; font-weight: 500 !important;}
    body .home-page-banner .bannerSliderContent .elementor-slide-button.outline-btn-wrap{color: #fff !important;background: transparent !important;border: 1px solid #FFFF !important; box-shadow:none !important;}
    body .home-page-banner .bannerSliderContent .elementor-slide-heading{color:#fff !important;font-size: 58px !important;margin-bottom:10px !important;    font-weight: 600 !important;}
    body .home-page-banner .elementor-element.bannerSliderContent .swiper .elementor-swiper-button-prev {left: 55px;}body .home-page-banner .elementor-element.bannerSliderContent .swiper .elementor-swiper-button-next {right: 55px;}
    body .home-page-banner .bannerSliderContent .btnBoxWrap .boxContent:hover{background-color:transparent;box-shadow:none !important;}
    body .home-page-banner .bannerSliderContent .btnBoxWrap .boxContent{cursor: auto;font-size:18px;}body .home-page-banner .bannerSliderContent  .banner-btn-wrap {display: flex;gap: 28px;}
    body .home-page-banner .bannerSliderContent .swiper-slide .elementor-slide-heading {position: relative;padding-top: 25px;}body .home-page-banner .bannerSliderContent .swiper-pagination-bullet-active{opacity: .8;}
    body .home-page-banner .bannerSliderContent .elementor-slide-button.outline-btn-wrap:hover {background-color: var(--secondary-color) !important;color: #11213b !important;border: 1px solid transparent !important;}
    body .home-page-banner span.sec-small-heading {display: block;font-size: 24px;font-family: "Open Sans", serif !important;margin-bottom: 12px;font-weight: normal;margin-top: 10px;}
    body .home-page-banner .bannerSliderContent .elementor-slide-button:hover{color: #fff !important;background: transparent !important;border: 1px solid #FFFF !important;box-shadow: none !important;}
    body .home-page-banner .bannerSliderContent .swiper-slide[data-swiper-slide-index="0"] .elementor-slide-heading:after{
      position: absolute;left: 0;top: -65px;content:'';background-size: contain;background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/setting-desk-icon.png);width: 100%;height: 80px;background-repeat: no-repeat;
    }
    body .home-page-banner .bannerSliderContent .swiper-slide[data-swiper-slide-index="1"] .elementor-slide-heading:after{background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/proactive-defence-img-icon.png);}
    body .home-page-banner .bannerSliderContent .swiper-slide[data-swiper-slide-index="2"] .elementor-slide-heading:after{background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/ai-home-banner-img.png);}
    body .home-page-banner .bannerSliderContent .swiper-slide[data-swiper-slide-index="3"] .elementor-slide-heading:after{background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/nist2-compliance-img.png);}
    body .home-page-banner .bannerSliderContent .swiper-slide .elementor-slide-heading:after{position: absolute;left: 0;top: -65px;content:'';background-size: contain;width: 100%;height: 80px;background-repeat: no-repeat;}
    body .home-page-banner .bannerSliderContent .btnBoxWrap{display:flex;}.home-banner-hide {display: none;}body .home-page-banner .bannerSliderContent .swiper-pagination-bullet {width: 45px !important;}
    /* body  .home-page-banner .bannerSliderContent .swiper-slide {height: 90vh;} */

@media (max-width:1560px) and (min-width:1024px) {
  body .home-page-banner .elementor-element.bannerSliderContent .swiper .elementor-swiper-button-prev {left: 16px;}
  body .home-page-banner .bannerSliderContent .swiper-slide-inner{ padding-left: 71px;}
}

/* closed */

@media (max-width:820px){
body .bannerSliderContent .btnBoxWrap .boxContent{ font-size: 14px; }
body .bannerSliderContent .elementor-slide-description{ font-size: 16px; }
body .bannerSliderContent .elementor-slide-description,
body .bannerSliderContent p {font-size: 20px !important;}
}
@media (max-width:820px){
body .bannerSliderContent .swiper-slide-contents{ padding-top: 0px;margin-bottom:0; }
}

/* banner slider closed */
/* counter */
.counter.wrap {position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; background-color: var(--light-black-grey-color); padding: 60px 40px; border-radius: 10px; margin-top: 10px; }
.counter.wrap:before {position: absolute;left: 0;bottom: 0;content: '';background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/banner-top-left-img.png);right: 0;background-repeat: no-repeat;height: 238px;}
.counter.wrap:after {position: absolute;right: 0;top: 0;content: '';background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/banner-top-right-img.png);background-repeat: no-repeat;height: 238px;bottom: 0;left: 0;background-position: right;}
.counter.wrap .counter-column-content p { font-size: 20px; }
.counter-column-content { text-align: center; position: relative; }
.counter-column-content:after { position: absolute; right: 0; content: ''; background-color: hsla(0, 0%, 100%, .1); width: 1px; height: 67px; top: 0; bottom: 0; margin: auto; }
.counter-column-content:last-child:after { background: none; }
.counter.wrap span.suffix { margin-left: -14px; }
.counter.wrap .counterNumber { color: var(--primary-color); font-weight: 600; font-size: 70px; line-height: normal; font-family: var(--font-roboto) !important; }
/* closed  */
/* partner section  */
.partnerLogoWrap h3 { font-weight: 600 !important; }
.partnerLogoWrap .e-con-inner{ position: relative; z-index: 1; }
.partnerLogoWrap .e-con-inner:after{ position: absolute; content: ''; background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/partnerlogo-thumb-top.svg); left: -25px; right: 0; top: -25px; z-index: -1; bottom: 0; background-repeat: no-repeat; }
/* closed  */
/* customer-review-box */
.customer-review-box { padding: 60px 60px; background: linear-gradient(492deg, #10DDA3 -5%, #1C2D4C 10%); height: 100%; border-radius: 10px; transition: background-position 1.5s ease, box-shadow 0.3s ease, transform 0.3s ease; }
.customer-review-box-wrap p {font-size: 16px;}
.customer-review-box-wrap .opus-logo-img img{border-radius:6px;}
.customer-review-box .elementor-icon-box-description {min-height: 181px;}
.customer-review-box:after {content: "";position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #1c2d4c;}

.customer-review-box:hover{transform: translateY(-5px);background: linear-gradient(492deg, #10DDA3 10%, #1C2D4C 90%);}
.review-rating .elementor-widget-container,
.review-logo  .elementor-widget-container{line-height: 0px;}

/* customer-review-box closed */

/* drives content  */
.drivesBoxContent { border-radius: 5px; border: 5px solid transparent; padding: 34px; position: relative; transition: all .3s ease; /* animation: moveBorder 8s ease infinite;  */ /* animation-fill-mode: forwards;  */ }
.drivesBoxContent:hover{ border-color: #1C2D4C; }
/* about sec  */
.about-img-left .about-img{ position: relative; z-index: 0; }
.about-img-left .about-img:after{ position: absolute; content: ''; background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/partnerlogo-thumb-top.svg); background-repeat: no-repeat; left: 0; z-index: 1; }
.about-us-img{ position: relative; }
.badgeImageBox p { font-size: 21px; color: var(--black-color); line-height: 27px; }
.badgeImageBox { background: var(--primary-color); position: absolute; bottom: -10px; max-width: 210px; text-align: center; color: #11213B; font-weight: 700; padding: 32px 20px; border-radius: 10px; transition: all .3s ease; }
.about-img-left:hover .badgeImageBox {background: #fff;}
.about-img-left {position: relative;transition: all .3s ease;}
.badgeImageBox img { display: inline-block; margin-bottom: 10px; }
/* closed  */
/* resource blog content */
.resource-blog-wrap #tab-titles{display: flex; flex-wrap: wrap; gap: 60px;font-size: 20px;cursor: pointer;margin-bottom: 0px;}
.resource-blog-wrap #tab-titles li{padding-bottom: 10px;border-bottom:2px solid transparent;transition: all .3s ease;}
.resource-blog-wrap #tab-titles li.active,
.resource-blog-wrap #tab-titles li:hover {border-color: #10DDA3;}
.resource-blog-wrap .top-tab-wrap{margin-bottom: 30px;}
/* resource slider  */
#tab-content { position: relative; width: 100%; /* overflow: hidden; */ margin: 0 0 80px; }
.post-slider { display: flex; transition: transform 0.3s ease-in-out; }
.post-slide { min-width: 100%; padding: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.slider-navigation { display: flex; justify-content: space-between; margin-top: 10px; }
.slider-navigation button { background: #0073aa; color: white; border: none; padding: 8px 16px; cursor: pointer; }
.slider-navigation button:hover { background: #005177; }
.resource-blog-wrap a#see_all_event { color: var(--link-color); font-size: 16px; position: relative; transition: all .3s ease; padding-right: 20px;}
.resource-blog-wrap a#see_all_event:after{ background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/arrow-right.svg); background-repeat: no-repeat; padding-bottom: 10px; position: absolute; right: 0px; width: 10px; background-size: contain; top: 6px; content: ''; height: 14px; }
.resource-blog-wrap a#see_all_event:hover{ color: var(--text-color); }
.resource-blog-wrap a#see_all_event:hover:after{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.094" height="15.359" viewBox="0 0 9.094 15.359"><g id="Group_1002" data-name="Group 1002" transform="translate(-804.086 -4145.086)"><line id="Line_47" data-name="Line 47" x2="6.265" y2="6.265" transform="translate(805.5 4146.5)" fill="none" stroke="%2357c2e1" stroke-linecap="round" stroke-width="2"/><line id="Line_48" data-name="Line 48" y1="6.265" x2="6.265" transform="translate(805.5 4152.765)" fill="none" stroke="%2357c2e1" stroke-linecap="round" stroke-width="2"/></g></svg>'); filter: brightness(0) invert(1); }
.resource-blog-wrap .top-tab-wrap { display: flex; align-items: center; justify-content: space-between; }
.blogSlider{ margin: 0px -10px; }
/* service section */
.serviceContentWrap img{ margin-bottom: 30px; height: 60px;width: auto;}
.serviceContentWrap h4{ margin-bottom: 20px; font-size:20px; }
.serviceContentWrap{ text-align: left; }
.serviceContentWrap p{ font-size: 16px; }
.serviceCardWrap { padding-bottom: 80px; }
.serviceCardWrap .elementor-button-wrapper {margin-top: 24px;}
.read-more-link-v2{ font-size: 14px; color: var(--text-color); position: relative; display: block; margin-top: 20px; color: #fff; transition: all .3s ease; }
.read-more-link-v2 .arrow-icon-right{ position: relative; }
.read-more-link-v2:hover .arrow-icon-right:after{ filter: brightness(0) invert(0);}
.read-more-link-v2:hover{ color: var(--black-color); font-weight:600;}
.arrow-icon-right:after{ filter: brightness(0) invert(1); }
.flip-card-wrap {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.flip-card {background-color: transparent;height: 360px;min-height: 360px;position: relative;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;}
.flip-card-front,
.flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: opacity 0.6s ease-in-out; /* Smooth opacity transition */}
.flip-card-front {color: var(--text-color);display: flex;justify-content: center;}
.flip-card-back {
  background: linear-gradient(132deg, #0ED39C 0%, #55C2E1 100%);border: 5px solid #1C2D4C;border-radius: 10px;padding: 35px;
  opacity: 0;text-align: left;transform: translateZ(0);will-change: opacity; /* Optimization for smoother opacity transition */
}
.flip-card:hover .flip-card-back {opacity: 1;}
.flip-card-back ul li {font-size: 16px;color: var(--text-color);margin-bottom: 12px;transition: color 0.3s ease;padding-left: 18px;}
.flip-card-back ul li:hover {color: var(--black-color);font-weight: 600;}
.flip-card-back h3 {color: #fff;margin-bottom: 20px;}
.flip-card-back ul li a {position: relative;padding-left: 5px;width: 100%;display: block;}
.flip-card-back ul li a:before {
  background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/accept-check-icon.svg);
  background-repeat: no-repeat;padding-bottom: 10px;position: absolute;left: -19px;width: 20px;background-size: 18px;top: 4px;content: '';height: 14px;filter: brightness(0) invert(1);
}
.flip-card-back ul li:hover a:before {filter: brightness(0) invert(0);}

/* service section wrap */
/* drives content  */
.drivesBoxContent img { width: 73px; height:82px !important; }
/* closed  */
/* blog css  */
.blogSlider .slick-list{display: flex;margin:0px -10px;}
body .blogSlider .post-item { margin: 0 10px; background: var(--light-black-grey-color); border-radius: 10px; overflow: hidden; min-height: 100% !important; float: none; display: flex !important; flex-flow: column; justify-content: space-between; transition: 0.3s ease-in-out; }
.blogSlider .post-item:hover .post-meta div, .blogSlider .post-item:hover h3, .blogSlider .post-item:hover .post_information>p {color: #11213B;}
.blogSlider .post-item.post-meta div, .blogSlider .post-itemh3, .blogSlider .post-item.post_information>p { transition: 0.2s ease-in-out; }
.blogSlider .post-item:hover{ background: #fff; }
body .blogSlider .post-item .post_information { height: auto !important; position: relative; padding: 0 0 80px 0; margin-top: 32px; }
.blogSlider .post-thumbnail img{ width: 100%; height: 244px; object-fit: cover; }
.blogSlider .post-item:hover .post-thumbnail img { /* transform: scale(1.1); */ /* transform-origin: center; */ transition: all 0.5s ease-in-out; }
.blogSlider .post-item .post-thumbnail { margin: 0; position: relative; transition: all .5s ease-in-out; overflow: hidden; max-height: 244px;}
.blogSlider .post-item>*:not(.post-thumbnail) {margin-inline: 30px;}
.blogSlider .post-meta { display: flex; align-items: center; gap: 0 27px; }
.blogSlider .post-item:hover .post-thumbnail img { transform: scale(1.1); transform-origin: center; transition: all 0.5s ease-in-out; }
.blogSlider .post-item .post-thumbnail:after { content: ""; position: absolute; width: 300%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .2); transform: translate(-50%, -50%) rotate(-45deg); }
.blogSlider .post-meta *{ font-size: 16px; font-weight: 500; letter-spacing: .64px; line-height: 1.25em; font-family: 'Roboto Slab' !important; color: #fff; }
.blogSlider .post-meta .meta-title { color: var(--secondary-color); position: relative; letter-spacing: .64px; }
.blogSlider .post-meta .meta-title::after { content: ''; position: absolute; right: -13px; top: 3px; background: #707070; width: 1px; height: 15px; }
.blogSlider .post-item h3 { font-size: 22px; line-height: 1.4545em; font-family: 'Open Sans' !important; font-weight: 500 !important; margin-top: 16px; margin-bottom: 20px;  height:65px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;}
.blogSlider .post-item .post_information > p { font-size: 16px; line-height: 22px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.blogSlider .post-item a.read-more-btn {width:100%; font-size: 17px; color: var(--secondary-color); font-weight: 500; position: absolute; bottom: 32px; left: 0; display: flex;align-items: center;gap: 8px; overflow: hidden;}
.blogSlider .post-item:hover a.read-more-btn span {opacity: 1; margin-left: 0px;}
.blogSlider .post-item a.read-more-btn span {overflow: hidden; transition: all 0.3s ease-in-out; opacity: 0; margin-left: -97px; gap:8px;}
.blogSlider .slick-track { display: flex;}
.blogSlider .slick-arrow,
.megaMenuContentWrap .slick-arrow { z-index: 1; width: 14px; height: 20px; border-radius: 0; border: none !important; font-size: 0; background-color: transparent !important; background-position: center; background-size: contain; background-repeat: no-repeat;}
.megaMenuContentWrap .slick-prev{margin-top: -40px;}
.megaMenuContentWrap .slick-next{margin-top: -40px;}
.blogSlider .slick-prev,.megaMenuContentWrap .slick-prev,
 .blogSlider .slick-prev:hover, .megaMenuContentWrap .slick-prev:hover {left: -40px; background: url("data:image/svg+xml,%3Csvg stroke='%23c9c9c9' fill='%23c9c9c9' stroke-width='0' viewBox='0 0 320 512' height='100px' width='70px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important;}
.blogSlider .slick-next,
.megaMenuContentWrap .slick-next,
.blogSlider .slick-next:hover,
.megaMenuContentWrap .slick-next:hover {right: -40px;background: url("data:image/svg+xml,%3Csvg stroke='%23c9c9c9' fill='%23c9c9c9' stroke-width='0' viewBox='0 0 320 512' height='100px' width='70px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'%3E%3C/path%3E%3C/svg%3E")  center / contain no-repeat !important;}
.blogSlider .slick-arrow::before,
.megaMenuContentWrap .slick-arrow::before {display: none;}
.blogSlider .slick-dots { display: none; }
/* blog css closed  */


/* cloud slider css  */
.megaMenuContentWrap .megaMenuSlider { display: flex !important; align-items: center; padding: 60px 60px; background-color: #1C2D4C; justify-content: space-between; border-radius: 10px; margin-bottom: 100px; }
.partnerLeftContent { max-width: 800px; padding-right: 20px; }
.partnerContentImage { width: 300px; }
.partnerLeftContent h3 { font-size: 38px; margin-bottom: 16px; color: var(--primary-color); }
/* closed  */

/* banner bottom */
.banner-bottom-container p{font-size: 22px;}

.bannerBottomSection .banner-bottom-container{border-radius:10px;background-size: cover !important;background: linear-gradient(132deg, #55c2e1 0, #0ed39c 100%) !important;position:relative;z-index:1;}
.bannerBottomSection .banner-bottom-container:after {position: absolute; right: 0; top: 0; content: ''; z-index:-1; background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/footer-btm-vector-right.png); background-repeat: no-repeat; opacity: .5; bottom: 0; left: 0; background-position: top right;}
.bannerBottomSection .banner-bottom-container:before {position: absolute; left: 0; content: ''; background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/footer-btm-vector-left.png); right: 0; background-repeat: no-repeat; top: auto; background-position: left bottom; opacity: .5;}

/* logo comment  */

.opus-logo-img {margin-top: 27px;text-align: center;display: inline-block;}

/* linkedin post */

body .ciCnpO .febHFm button,
body .eMLFdj{border-width:5px 10px 5px 10px !important;}
.es-carousel-arrow-control-left .es-carousel-arrow-control-icon {left: -46px;}
.es-carousel-arrow-control-right .es-carousel-arrow-control-icon { margin-left: 60px;}
.swiper-wrapper .es-carousel-layout-item .cGSgLq {transition: all .3s ease;}
.swiper-wrapper .es-carousel-layout-item .cGSgLq:hover {background: #fff;}
.swiper-wrapper .es-carousel-layout-item .cGSgLq:hover div {color: #11213B;}
.swiper-wrapper .es-carousel-layout-item .cGSgLq:hover .bFzxxV svg {fill: #11213B;}
.swiper-wrapper .cGSgLq .Block-sc-3maawy-0:not(:first-child) {margin-top: 18px;}
body .cGSgLq .Block__RegularBlock-sc-3maawy-1:last-child{padding-bottom: 24px;}
body .bMMjYH .swiper-autoheight .swiper-slide {height: 550px;}
.swiper-wrapper .es-carousel-layout-item .cGSgLq:hover .derSJy{background-color: rgb(0, 0, 0);}
/* closed  */

/* media query  */

@media (min-width:1400px){
.banner-bottom-container h2 {line-height: 56px;font-size:46px}
.banner-bottom-container .mx-800{max-width: 1000px !important;}
}

@media (max-width:1600px) and (min-width:1024px) {
.elementor-element.bannerSliderContent .swiper .elementor-swiper-button-prev {left: 20px;}
.elementor-element.bannerSliderContent .swiper .elementor-swiper-button-next {right: 20px;}

}

@media (max-width:1400px){
body .serviceCardWrap {padding-bottom: 30px;}
body #tab-content {margin-bottom: 60px;} 
body .megaMenuContentWrap .megaMenuSlider{margin-bottom: 50px;}
body .counter.wrap .counterNumber{font-size: 46px;}
body .counter.wrap span.suffix {margin-left: -7px;}
.counter.wrap .counter-column-content p {font-size: 18px;}
body .counter.wrap{padding: 70px 40px;}
}

@media (max-width:1499px){
.blogSlider .slick-next,
.megaMenuContentWrap .slick-next, 
.blogSlider .slick-next:hover, .megaMenuContentWrap .slick-next:hover{ right: -10px; background-color: var(--secondary-color) !important; padding: 18px; border-radius: 100px; background-size: 11px !important; }
.blogSlider .slick-prev, 
.megaMenuContentWrap .slick-prev, 
.blogSlider .slick-prev:hover, 
.megaMenuContentWrap .slick-prev:hover{ left: -10px; background-color: var(--secondary-color) !important; padding: 18px; border-radius: 100px; background-size: 11px !important; }
.es-carousel-arrow-control-left .es-carousel-arrow-control-icon {left: -10px;
        background-color: var(--secondary-color) !important;padding: 18px;border-radius: 100px;display: flex;align-items: center;justify-content: center;}
.es-carousel-arrow-control-right .es-carousel-arrow-control-icon {margin-left: 26px;background-color: var(--secondary-color) !important;padding: 18px;border-radius: 100px;display: flex;align-items: center;justify-content: center;}

}
@media(min-width:1200px) and (max-width:1400px){
 body .bannerSliderContent .swiper-slide-contents { margin-bottom: 160px; padding-top: 225px;max-width: 750px !important;}
 body .bannerSliderContent .elementor-slide-description {font-size: 20px !important;margin-bottom:10px !important;}
 body .bannerSliderContent .btnBoxWrap .boxContent { font-size: 16px;}
 body .bannerSliderContent .elementor-slide-heading { margin-bottom: 20px !important;}
 body .bannerSliderContent .btnBoxWrap { margin-bottom: 40px; margin-top: 30px;}
 body .blogSlider .post-thumbnail img{height: 220px;}

}
@media (max-width:1024px){
body .partnerLeftContent h5{ font-size: 28px; }
body .bannerSliderContent .swiper-slide .swiper-slide-inner { padding-top: 0; padding-bottom: 0px;}
body .blogSlider .post-thumbnail img{height: 200px;}
body .elementor-element.bannerSliderContent .swiper .elementor-swiper-button-prev, 
body .elementor-element.bannerSliderContent .swiper .elementor-swiper-button-next{display:none;}
}

@media(max-width:1024px) and (min-width:768px){
.flip-card-wrap { grid-template-columns: repeat(2, 1fr); }
body .partnerLeftContent{max-width: 600px;}
}
@media (max-width:820px) {
.counter.wrap{ grid-template-columns: repeat(2, 1fr); padding: 80px 20px; }
.counter.wrap .counterNumber{ font-size: 55px; }
.counter.wrap .counter-column-content p{ font-size: 16px; }
.counter-column-content:nth-child(2):after{display: none;}
.es-carousel-arrow-control-left .es-carousel-arrow-control-icon,
.es-carousel-arrow-control-right .es-carousel-arrow-control-icon{
    display:none;
}
}
@media (max-width:768px) {
body .badgeImageBox{ left: -14px; }
body .bannerSliderContent .swiper-slide-contents { margin-bottom: 0;padding-top:0px;}

}
@media (max-width:768px) and (min-width:768px) {
.partnerLeftContent { max-width: 400px; padding-right: 20px; }
}
@media (max-width:767px) {
body .bannerSliderContent .btnBoxWrap{ grid-template-columns: repeat(1, 1fr); }
body .megaMenuContentWrap .megaMenuSlider{display: block !important;}
body .megaMenuContentWrap .megaMenuSlider{padding: 40px 20px; }
body .partnerLeftContent { max-width: 800px;padding-right: 0px;margin-bottom: 20px;} 
body .counter.wrap .counterNumber {font-size: 40px;}
}

@media (max-width:820px) and (min-width:768px) {
.customer-review-box-wrap .e-con-inner{flex-wrap: wrap !important;}
 .customer-review-box-wrap .e-con.e-child {width: 50% !important; margin-bottom: 20px;}
 .resource-blog-wrap #tab-titles {gap: 22px;font-size: 16px;}
.resource-blog-wrap a#see_all_event{ margin-top: -12px;}
body .partnerLeftContent {max-width: 400px;}
}

@media (max-width:767px) {
    .customer-review-box-wrap .e-con-inner {flex-wrap: wrap !important;}
    .customer-review-box-wrap .e-con-inner .e-con-full{--flex-wrap: auto !important;}
    .about-img-left{margin-bottom: 30px;}
    .partnerContentImage img,.partnerContentImage{width: 100%;}
    .counter-column-content:after{right: -15px;}
    body .counter.wrap {padding: 50px 10px; grid-template-columns: repeat(1, 1fr);}
    html body .blogSlider .post-item{ margin: 0 0px;}
    .counter-section-wrap .e-con-inner {padding-bottom: 20px;}
    .drivesBoxContent{border-color: #1C2D4C;margin-bottom:20px;}
    .customer-review-box {padding: 40px 20px;}
    #custom-footer .custom-logo-link img{ width: 120px;margin-bottom: 16px;}
    .counter-column-content{ margin-bottom: 5px;}
    body .badgeImageBox{max-width: 175px;padding: 10px 20px;}
    body .badgeImageBox img{height:45px;}
    body .badgeImageBox p {font-size: 16px;color: var(--black-color);line-height: 23px;}
    body .bannerSliderContent .swiper-pagination{padding-bottom:0px;}
    body .home-page-banner .bannerSliderContent .elementor-slide-heading{font-size: 32px !important;}
    body .home-page-banner .bannerSliderContent .banner-btn-wrap {display: block;gap: 28px;text-align: center;}
    body .home-page-banner .bannerSliderContent .swiper-slide-contents p {margin-left: 0 !important;margin-bottom: 10px !important;letter-spacing: 1px;}
    body .home-page-banner .bannerSliderContent .btnBoxWrap {display: grid;grid-template-columns: repeat(2, 1fr);margin-bottom: 0;}
    body .home-page-banner .bannerSliderContent .elementor-slide-button{width:100%;}
    body .home-page-banner .bannerSliderContent .swiper-slide[data-swiper-slide-index="0"] .elementor-slide-heading:after{height: 45px;top: -36px;}
}

/* Modal css */

.modal-iframe .media { height: auto; overflow: hidden; padding-bottom: 56.25%; position: relative }
.modal-iframe .media embed,.modal-iframe .media iframe,.modal-iframe .media object,.modal-iframe .media video { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; outline: 0; padding: 0; position: absolute; top: 0; width: 100% }
.modal-iframe .media img { bottom: -1000000%; left: -1000000%; margin: auto; position: absolute; right: -1000000%; top: -1000000%; width: 100% }
.modal-iframe .media.media-scroll { overflow-y: auto; -webkit-overflow-scrolling: touch }
.modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; width: 100%; height: 100%; overflow: hidden; -ms-touch-action: none; touch-action: none; background-color: rgba(0,0,0,.7); -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; text-align: center }
.modal-overlay[role=document] { padding-top: 0!important; padding: 0 15px }
.modal-overlay:before { content: ""; height: 100%; width: 1px; margin-right: -1px }
[dir=rtl] .modal-overlay:before { margin-right: 0; margin-left: -1px }
.modal-loader:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; width: 100px; height: 100px; margin: auto; content: ""; background: url(/wp-content/themes/genesis-child/images/loader-img.gif) center/contain no-repeat }
.modal-iframe.modal { max-height: 83%!important; max-width: 74%!important; margin: 0 auto; overflow: visible; background: #000 }
.modal-iframe .media,.modal-iframe iframe { max-height: 100%; max-width: 100% }
.modal-iframe .media { background: 0 0; margin-bottom: 0 }
.modal-image>img { max-height: 100% }
.modal-iframe { width: 100%; padding: 0; overflow: visible; position: relative }
.modal-iframe:before { content: ""; position: absolute; top: -34px; right: 0; color: #fff; font-size: 23px; font-weight: 900; pointer-events: none; cursor: pointer; background: url(/wp-content/themes/genesis-child/images/close_icon.svg) 0 0/contain no-repeat; width: 22px; height: 22px }
body.modal-open { overflow: hidden!important }
.hidden { display: none!important}
.fade-in,.fade-out { -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s }
.fade-out { opacity: 0!important }
.fade-in { opacity: 1!important }
.modal-close { top: 1px; right: 1px; padding: 1.245rem; font-size: 2.5rem!important; outline: 0 }
button.modal-close,button.modal-direction { background-color: transparent; border: none; padding: 12px 20px }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.modal-close,.modal-direction { position: fixed; z-index: 2; color: #fff; font-weight: 700 }

/* contact form  */
body .fancybox-content{background: transparent;padding: 0;max-width:650px;width: 100%;}

body .contact-form-wrapper .contactbtn input:hover {background: #fff !important;}
body .fancybox-content .fancybox-button{width:66px;}
body .field-wrap {display: flex;gap: 13px;}
body .contact-form-wrapper {background-color: #fff;padding: 40px;border-radius: 10px;}
body .contact-form-title {color: #17263f;font-size: 24px;font-weight: 600;margin-bottom: 27px;}
.contactbtn input {font-size: 18px !important;width: max-content !important;padding: 10px 40px !important;letter-spacing: 1px;}
body .fancybox-slide--html .fancybox-close-small {background: transparent;border: none;}
body .fancybox-button svg{width: 40px;height: 35px;}
body .contact-form-wrapper input, body .contact-form-wrapper textarea { background-color: #f5f5f5; border: none; cursor: pointer; border-radius: 10px; padding: 18px; width: 100%; margin-bottom: 14px; font-size: 16px; color: #162640 !important; font-family: var(--open-sans) !important; max-height: 100px; resize: none; }
body .contact-form-wrapper input::placeholder, body .contact-form-wrapper textarea::placeholder{ color: #a6a6a6; font-weight: 500; }
body .contactbtn input{    box-shadow: 0 0 15px 0 rgba(16.000000000000018, 221, 162.99999999999997, 0.3411764705882353);}
/* body .contact-form-wrapper form.invalid .wpcf7-response-output {color: #dc3232 !important; border-color: 2px solid #dc3232 !important;} */
/* closed */