/* bgcolor--primary */

.bgcolor--primary { background-color: #124775; }
.text-align-left { text-align: left!important; }
.noPadding { padding: 0!important; }
/* .innerPage  .cardCoveringWrap .secHeadingTitle { font-size: 47px!important; } */
.bannerSmallSize .title-name { font-size: 57px; }
.pad-top-80 { padding-top: 80px!important; }
.font-bold{font-weight: 600;}
.mb-60{margin-bottom: 60px;}
.pt-60{padding-top: 60px !important;}
/* reset css closed */

/* culture page css */
.instaFeedSectionWrap { background-color: #fdfdfd; }
.secPadSm { padding-top: 60px!important; padding-bottom: 60px!important; }
.secPadMd { padding-top: 80px!important; padding-bottom: 80px!important; }
.lightGrayColor { background-color: #faffffdb!important; }
.pb-80 { padding-bottom: 80px!important; }
.testimonialWrap .slick-slide { margin: 0 0; }
.testimonialWrap .review-div { background-color: #e0fbfc; padding: 20px 13px; border-radius: 11px; text-align: center; margin: 10px 0; }
/* Apply different colors to each row */
.testimonialWrap .item:nth-child(4n + 1) .review-div { background-color: #d9eefd; }
.testimonialWrap .item:nth-child(4n + 2) .review-div { background-color: #f5eee6; }
.testimonialWrap .item:nth-child(4n + 3) .review-div { background-color: #e8fff1; }
.testimonialWrap .item:nth-child(4n + 4) .review-div { background-color: #f9eff1; }
.culturePage .secHeadingTitle { font-size: 47px; line-height: 60px; line-height: normal; padding: 10px 0; font-family: 'p-bold'; }
.culturePage h1:after { content: ""; background-color: #fff; width: 100px; height: 5px; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.culturePage .title-name h1 { font-size: 70px; font-weight: 600; position: relative; padding-bottom: 23px; margin-bottom: 19px; line-height: normal; }
.culturePage .title-text p { font-size: 25px; line-height: 40px; color: #fff; }
.culturePage p, .culturePage section.flex-area-content .flex-content p { font-size: 18px; }
.culturePage .primaryText { display: inline-block; }
.culturePage .secHeadingTitle .primaryText { font-size: 47px; }
/* right-image-culture */
.culturePage .content-deep-div .top-slider-wrap { display: flex; max-width: 1260px; width: 100%; margin: auto; }
.culturePage .sphere-item-title h4 { font-size: 21px!important; font-family: p-bold; }
.culturePage .seventhCol.fifthCol h4::before, .culturePage .sphere .title--with-bullet-small h4:before { display: none; }
.culturePage .hrTextSection { padding: 25px 90px 71px 30px; }

.culturePage .suprem-value-section .sphere-item-title h4{color: #fff;}
/* news feed */
.culturePage #sbi_images { margin-bottom: 40px; }
.culturePage .sbi_follow_btn svg { width: 20px; }
.sbi_feedtheme_header_text .sbi_bio{display: none;}

.seniorCultureSec img { width: 100%; }
.culturePage .flex-content .swap-mob h4 { max-width: max-content; }
.sbi_header_hashtag_icon { background: url(/wp-content/themes/supreme/inc/assets/images/ai-images/icon-images/instagram-icon.svg)!important; background-size: cover!important; opacity: 1!important; }
.sbi_no_avatar .sbi_header_img { background: none; }
.sbi_header_hashtag_icon svg { display: none; }
.culturePage .sb_instagram_header { margin-bottom: 20px; }
.sbi_feedtheme_header_text h3 { font-size: 36px!important; line-height: normal!important; padding: 10px 0!important; font-family: 'p-bold'; padding-bottom: 20px!important; }
.darkmode .new_Heartfelt_Area .heartfelt-service-para { background: #262626!important; }
.darkmode .new_Heartfelt_Area { padding-bottom: 60px!important; }


/* ------------- Custom Phone number with country flag dropdown ---------- */
.phone_flag_dropdown .iti__flag-container ul#iti-0__country-listbox {list-style: none;padding: 0;margin: 0;position: absolute;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 999;background: white;top: 60px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);left: 0;max-width: 300px;border-radius: 5px;     overflow-x: hidden;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown .iti__flag-container {display: none;}
.phone_flag_dropdown .iti__flag-container {display: flex;position: absolute;left: 0;z-index: 1;padding: 5px 15px 5px 15px;background: rgba(0,0,0,.05);border-radius: 14px 0 0 14px;border-radius: 7px;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown {position: relative;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown input {padding-left: 70px !important;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown .iti__flag-container .iti__country-list {position: absolute;top: 60px;height: 100vh;max-height: 250px;background: #fff;z-index: 99999999;left: 0;box-shadow: 0px 5px 13px -8px #000;border-radius: 7px;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown .iti__flag-container .iti__country-list::-webkit-scrollbar {width: 8px;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown .iti__flag-container .iti__country-list::-webkit-scrollbar-thumb {background: #bfbfbf;border-radius: 10px}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown .iti__flag-container .iti__selected-flag {background: none;display: flex; gap: 5px;}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color: #f2f2f2;}
.phone_flag_dropdown .iti--allow-dropdown .iti--allow-dropdown .iti__flag-container li#iti-0__item-is span{font-size: 16px !important;}
div.wpforms-container-full .iti__flag-container li.iti__country span{
  font-size: 16px !important;
}
.dropdown_capital select {
    border-radius: 10px !important;
    padding: 13.4px 16px !important;
    height: unset !important;
}
/* closed */
@media screen and (max-width: 1399px) {
  .culturePage section.suprem-value-section.sphere.sphere--items-4.sphere--page-methodology.bgcolor--white { padding-top: 60px; padding-bottom: 60px; }
  .culturePage .secHeadingTitle { margin-bottom: 0; }
  .culturePage .value-headingDiv { padding-bottom: 23px; }
}
@media screen and (max-width: 1399px) and (min-width: 1025px) {
  .culturePage section.suprem-value-section.sphere.sphere--items-4.sphere--page-methodology.bgcolor--white { padding-top: 60px; padding-bottom: 0; }
}
@media screen and (max-width: 1024px) {
  body .culturePage .secHeadingTitle, body .culturePage .secHeadingTitle .primaryText { font-size: 36px; }
  body .culturePage .hrTextSection { padding: 0 40px 60px; }
}
@media screen and (min-width: 768px) {
  .culturePage section.suprem-value-section .sphere-item-text ul li { font-size: 16px!important; }
}
@media screen and (max-width: 767px) {
  .culturePage .title-text p { font-size: 18px; line-height: 30px; }
  body .culturePage .title-name h1 { font-size: 47px; }
  body section.culture-first-section .culture-left-text { margin-bottom: 10px; }
  body .pb-80 { padding-bottom: 50px!important; }
  body .sbi_feedtheme_header_text h3 { font-size: 24px!important; }
}

/* culture page css closed */

/* dark mode ai pages  */

.chatbot-image { display: flex; justify-content: flex-start; }
.chatbot-image .videoImgWrap { margin-top: -200px; }
.chatbot-image video { width: auto; height: 640px; border-radius: 26px; }
section.welcome-chatbot { padding: 100px 0; padding-top: 80px; }
.flex-end-self { align-self: end; justify-content: flex-end; display: flex; }
.align-self-center { align-self: center; }
.bannerTextContent { text-align: left; }
.darkmodedesign section.title.title--landing { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #000 100%)!important; }
.darkmodedesign section.title.title--landing { background: linear-gradient(to bottom, #1d87d4 73%, #000 106%)!important; background-color: #1d87d4!important; padding-bottom: 0; padding-top: 220px; }
h1.title-name.themeGradientColor { color: #fff; background: transparent; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; }
h1.title-name.themeGradientColor span { background: linear-gradient(270deg, rgb(55 123 251) 0, rgb(80 146 255) 35%, rgb(3 168 247) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.darkmodedesign .title-name { margin-top: 0; font-size: 61px; line-height: 70px; z-index: 1; text-align: left; text-transform: capitalize; margin-bottom: 40px; }
.darkmode .darkmodedesign .title-text, .darkmode .darkmodedesign .title-text p { color: #fff; }
.darkmode .darkmodedesign .title-name { color: #fff; }
.darkmodedesign .title--landing .title-name:before { display: none; }
.darkmodedesign .title-text, .darkmodedesign .title-text p { padding-left: 0; padding-right: 20px; font-size: 20px; line-height: 29px; text-align: left; z-index: 1; font-weight: 400; /* text-shadow: 0 0 3px #fff; */ }
.darkmode .darkmodedesign section { background-color: #000!important; color: #fff; }
.darkmode .darkmodedesign section  .stack_content{  color: #000000; !important }
.slider-counter {
    display: none;
}
.aiFlexSection.mlSecWrap .chatbot-heading h2, .aiFlexSection.mlSecWrap .chatbot-heading p { color: #fff; }
.darkmode section.logo-image { padding: 100px 0; background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, #131516 41%)!important; }
.darkmode section.logo-image .logo-image-row .count-textinfo { justify-content: space-between; }
.darkmode .darkmodedesign .portfolio-chatbot-wrap.brands-wrap .bg-color:nth-child(2), .darkmode .darkmodedesign .portfolio-chatbot-wrap.brands-wrap .bg-color:nth-child(even) { background-color: #262626; }
.darkmode .darkmodedesign .portfolio-chatbot-wrap .brands-content svg { filter: brightness(0) invert(1); }
.brands-wrap.portfolio-chatbot-wrap .brands-content img{width: 60px; height: 60px;  margin-bottom: 24px;}

.heart-soul-sec.soul-sec-wrap .heartfelt-service-para img,
.brands-wrap.portfolio-chatbot-wrap .brands-content img{filter: brightness(8) invert(1);}
.darkmode .brands-wrap.portfolio-chatbot-wrap .brands-content img{filter: brightness(0) invert(1);}

.chatbotDevelopment .heartfelt-service-para img{
	    filter: brightness(8) invert(1);
}

/* .heartfelt-service */
.darkmode .darkmodedesign .heartfelt-service-para svg,
.darkmode .darkmodedesign .heartfelt-service-para img { filter: brightness(0) invert(1); }
.darkmode .darkmodedesign .heartfelt-service-para img {width: 60px;height: 60px;}
.darkmode .darkmodedesign .chatSectionHeading:after { border: 1px solid #e4ab07; }
.darkmode .heartfelt-title h4 { color: #fff; }
.darkmode .heartfeltService .chatSectionHeading:after { border: 1px solid #e4ab07; }
.darkmode .darkmodedesign section.heart-soul-sec { margin-bottom: 0; }
body.darkmode .darkmodedesign section.heart-soul-sec.card-box-sec { background: none; padding-bottom: 0; }
body.darkmode .darkmodedesign .soul-sec-wrap .heartfelt-service-para { background-color: transparent; }
body.darkmode .darkmodedesign section.technicleStackWrap { padding-bottom: 0; }
body.darkmode .darkmodedesign section.companys.ranking .card-1, body.darkmode .darkmodedesign section.companys.ranking .card-2, body.darkmode .darkmodedesign section.companys.ranking .card-3 { box-shadow: 0 0.5rem 2rem rgba(255, 255, 255, .15)!important; }
body.darkmode .darkmodedesign .companys.human-chatbot svg { filter: brightness(0) invert(1); }
body.darkmode .darkmodedesign section.companys.ranking .card-2 .card-body p.card-text, body.darkmode .darkmodedesign section.companys.ranking .card-3 .card-body p.card-text { color: #fff; }
body.darkmode .darkmodedesign section.companys.ranking.human-chatbot .card-1 { border-top: 21px solid #3f3e3d; }
body.darkmode .darkmodedesign section.companys.ranking.human-chatbot .card-2 { border-top: 21px solid #636363; }
body.darkmode .darkmodedesign section.companys.ranking.human-chatbot .card-3 { border-top: 21px solid #878989; }
body .welcome-chatbot .chatbot-image { padding-left: 0; }
.page-id-2755 .owl-carousel .owl-stage { display: flex; }
.page-id-2720 .owl-carousel .owl-stage { height: 100%; display: flex; flex-wrap: wrap; }
/* owl carousel closed */

@media (max-width:820px) {
  .darkmodedesign section.title.title--landing { padding-top: 65px; }
  .darkmodedesign section.title.title--landing img { width: 300px; }
  html body .welcome-chatbot .chatbot-image { padding-left: 16px; }
  .darkmodedesign section.title.title--landing .pb-200 { padding-bottom: 50px; }
  .chatbot-image .videoImgWrap { margin-top: 0; }
  body .Ai-chatbot-page .title-name { padding-top: 30px; font-size: 36px; }
}

/* closed */

/* darkmode consultant section */

.newCardIdentity { padding: 80px 0 70px 0; }
.newCardIdentity .owl-item.active.center .cards-item { background: #7070707a; }
.newCardIdentity .owl-item>.col-md-3 { width: 100%!important; height: 100%!important; max-width: 100%!important; }
.newCardIdentity .owl-carousel .owl-nav button { top: -80px; transform: unset; left: auto!important; right: 0; }
.newCardIdentity .owl-carousel .owl-nav button span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #7070707a; font-size: 26px; font-weight: 700; color: #fff; border-radius: 0; transition: 0.5s ease; }
.newCardIdentity .owl-carousel .owl-nav button span:hover { background: #000; }
.newCardIdentity .owl-carousel .owl-nav button.owl-prev { right: 70px; }
.newCardIdentity .slider.owl-carousel { margin: 0!important; }
.newCardIdentity .heading { width: 100%!important; margin: 0!important; }
.newCardIdentity h2.commonSectionTitle, .newCardIdentity h2.commonSectionTitle span.themeGradientColor { text-align: left!important; font-size: clamp(24px, 5vw, 48px)!important; line-height: 1.2em; font-weight: 900; text-transform: capitalize!important; font-family: 'p-bold'; color: #fff; }
.newCardIdentity h2.commonSectionTitle { color: #000; }
.darkmode .newCardIdentity h2.commonSectionTitle { color: #fff; }
.newCardIdentity h2.commonSectionTitle span.themeGradientColor { display: inline-block!important; }
.newCardIdentity .heading-description { margin-bottom: 40px!important; }
.newCardIdentity .slider-counter .divider { margin: 0 7px; }
.newCardIdentity .slider-counter { font-weight: 800; color: #1379fd; font-family: 'p-bold'; font-size: 30px; margin: 0 0 25px 0; }
.newCardIdentity .owl-item.active.center { transform: scale(1); }
.newCardIdentity .slider.owl-carousel .cards-item { border: none; height: 100%!important; align-items: flex-start; transition: 0.4s ease-in-out; margin: 0!important; border-radius: 28px; background: #4444447a; }
.newCardIdentity.cards--page-main-1 .cards-item:before { display: none!important; }
.newCardIdentity .slider.owl-carousel .cards-item * { color: #fff; }
.newCardIdentity .slider.owl-carousel .cards-icon { width: 74px; display: block; margin: 0 auto; }
.newCardIdentity .slider.owl-carousel .cards-item .cards-item-link-image { display: none!important; }
.newCardIdentity .slider.owl-carousel .owl-item .cards-item:hover { background: #1379fd; }
.newCardIdentity .slider.owl-carousel .cards-name h4 { font-weight: 700; transition: 0.4s ease-in-out; }
.newCardIdentity .slider.owl-carousel .owl-item .cards-item:hover .cards-name h4 { color: #fff!important; }
.newCardIdentity .owl-item>.col-md-3>a { height: 100%; }
.newCardIdentity .slider.owl-carousel .cards-item .cards-wrapper { margin: 0 auto!important;display: flex;flex-direction: column;height: 100%;  }
.newCardIdentity .owl-item .cards-text p { text-align: center!important; }
.newThirdSection { background: transparent; }
.page-id-256 .newCardIdentity h2.commonSectionTitle { color: #fff; }
.newCardIdentity.mainBoxSlider .slider-counter { display: none; }

/* mainBoxSlider */
.mainBoxSlider.newCardIdentity .slider.owl-carousel .cards-item { background: #f7f8fd; color: #000; }
.mainBoxSlider.newCardIdentity .slider.owl-carousel .cards-item * { color: #000; }
.mainBoxSlider.newCardIdentity .slider.owl-carousel .cards-name h4 { text-transform: capitalize; font-size: 22px; margin-bottom: 5px; margin-top: 0; }
.mainBoxSlider.newCardIdentity .cardsContentBox { padding: 16px 26px 24px; text-align: left; height: 100%;display: flex;flex-direction: column;align-items: baseline; }
.mainBoxSlider.newCardIdentity .slider.owl-carousel .owl-item .cards-item:hover h4 { color: #000!important; }
.mainBoxSlider.newCardIdentity .slider.owl-carousel .cards-icon { width: 100%; }
.cards--page-main-1.mainBoxSlider.newCardIdentity .cards-wrapper { padding: 0; width: 100%; }
.mainBoxSlider.newCardIdentity .slider.owl-carousel .cards-item p {
    font-size: 18px;
    text-align: left!important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newCardIdentity.mainBoxSlider .slider.owl-carousel .owl-item .cards-item:hover { background: #f7f8fd; }

/* mainBoxSlider closed */

/* section closed */

/* Hide the light mode icon by default */
.darkModeIcons, .darkmode .lightModeIcons { display: none; }
.darkmode .darkModeIcons, .lightModeIcons { display: block; }
.darkmode .darkmodedesign .chatbot-heading .sectionTitle__title:after { border: 1px solid #f26804; }

/* button  */
.darkmodebtn { position: fixed; right: 0; top: 50%; border: none!important; padding: 11px 16px; border-radius: 10px 0 0 10px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) -15%, #1d87d4 49%)!important; color: #fff!important; z-index: 9999; /* Ensure button appears above other content */ cursor: pointer; transition: background-color 0.3s ease-in-out; }
.darkmodebtn svg { width: 24px; height: 24px; transition: fill 0.3s ease-in-out; }
.darkmodebtn:hover { background: linear-gradient(270deg, rgba(255, 255, 255, 0) -15%, #0f6eca 49%)!important; /* Change hover background color */ }
.heartfelt-sec .engagement-col-service img { margin-bottom: 20px; }
.darkmodebtn:hover svg { fill: #fff; }

/* service page design */
.darkmode .candidatestep-wrap h4.sub-heading { color: #000; }
.darkmode .engagement-col-service .heartfelt-title h4, .darkmode .engagement-col-service .services__description { color: #000; }
.engagementTopHeader .engagement-col-left .chatSectionHeading:after { margin-left: auto; margin-right: auto; }
body .cardModalEngagement .engagementTopHeader { text-align: center; }
.darkmode .why-choose-list .list-wrap span { color: #fff!important; }

/* darkmode closed */

.engagement-col-service svg .pb-200 { padding-bottom: 200px; }
.btm-space { margin-bottom: 30px; }
/* devServiceWrap */
.devServiceWrap { background: #f8f9fa; padding: 60px 0; }
.darkmode .devServiceWrap { background: linear-gradient(to bottom, #191b1c 73%, #191b1c 106%)!important; background-color: #60686e!important; }
.devServiceWrap .engagement-col-left .sec-title h2 { color: #234; }
.darkmode .devServiceWrap .engagement-col-left .sec-title h2 { color: #fff; }
.devServiceWrap .engagementTopHeader { text-align: center; }
.devServiceWrap .engagement-col-left { margin-bottom: 80px; }
.devServiceWrap .engagement-col-service { height: 100%; }
.devServiceWrap .expertiseColWrap .leftRow { margin-bottom: 60px; text-align: center; }
@keyframes floatUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.devServiceWrap .expertiseColWrap .leftRow img { animation: floatUpDown 3s ease-in-out infinite; }
.devServiceWrap .expertiseColWrap .rightRow { padding: 0 50px; }
.devServiceWrap .expertiseColWrap .leftRow .secTitle { font-size: 55px; margin-bottom: 30px; }
.darkmode .devServiceWrap .engagement-col-service { background-color: #262626; color: #fff; }
.devServiceWrap .engagement-col-service img { margin-bottom: 30px; }
.darkmode .devServiceWrap .engagement-col-service img { filter: brightness(0) invert(1); }
.devServiceWrap .leftRow img { max-width: 450px; }
.darkmode .devServiceWrap .engagement-col-service h4 { color: #fff; }
.darkmode .devServiceWrap .engagement-col-service .heartfelt-title h4, .darkmode .devServiceWrap .engagement-col-service .services__description { color: #fff; }
.darkmode .whyChooseWrap .list-wrap li:before { filter: brightness(0) invert(1); }
.darkmode .darkmodeListContent .secHeadingTitle, .darkmode .darkmodeListContent ul li { color: #fff; }
.darkmodeListContent.seniorCultureSec.darkmodeBgColor ul li::before { display: none; }
.darkmodeListContent.seniorCultureSec.darkmodeBgColor ul li { font-size: 16px; margin-bottom: 0; }
.darkmodeListContent.seniorCultureSec.darkmodeBgColor .secHeadingTitle { margin-left: 50px; margin-bottom: 0; }
.darkmodeListContent.seniorCultureSec.darkmodeBgColor i { color: #ffad00; }
.darkmode .darkmodeListContent.seniorCultureSec.darkmodeBgColor i { color: #fff; }
html body.darkmode section.darkmodeBgColor { background-color: #171717!important; }
.darkmodeListContent.seniorCultureSec.darkmodeBgColor img { border-radius: 50px; }
.darkmodeListContent.seniorCultureSec.darkmodeBgColor .col-md-6 { align-items: center; }
.app-dev-process .chosse-us-content { background: #191b1c; }
.app-dev-process .chosse-us-content ul li i { color: #f5faff; }
.app-dev-process .chosse-us-content .main-heading:after { background-color: #fff; }
.app-dev-process.choose-us-sec-wrap .choose-us-img-bg { position: relative; background-image: url(/wp-content/themes/supreme/inc/assets/images/ai-images/app-development-process.jpg); }
.app-dev-process.choose-us-sec-wrap .choose-us-img-bg:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background-color: rgba(0, 0, 0, 0.5); }
.whyChooseWrap.chatbotSolutionWrap { padding-top: 40px; padding-bottom: 80px; }
@media (max-width:992px) {
  .darkmode .darkmodeListContent.seniorCultureSec .secHeadingTitle { margin-left: 0; }
}
@media(min-width:768px) and (max-width:781px){
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-item {min-width: 369px;}
}
@media(min-width:782px) and (max-width:991px){
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-item {min-width:387.5px; }
}
@media(min-width:992px) and (max-width:1024px){
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-item {min-width:489.5px;}
}
@media(min-width:1025px) and (max-width:1366px){
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-item {min-width:320.25px;}
}
@media(min-width:1400px){
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-item {min-width: 468.75px;}
}

/* section closed */

/* .technicleStackWrap */
.technicleStackWrap .technicleStack-Service .imagesSecWrap .imagesSec span { color: #223354; }

/* closed */

/* Add your dark mode styles here */

/* closed */
/* dark mode closed */

/* custom button css */
.commonBtn { background: #e67e00; color: #fff; padding: 14px 20px 14px 20px; display: inline-block; position: relative; font-family: 'p-bold'; font-size: 19px; transition: all 0.6s cubic-bezier(0, 0, 0.2, 1); border-radius: 8px; border: 2px solid #ff8f08; box-shadow: 0 0 0 0 transparent; }
.commonBtn:hover { background: transparent; backdrop-filter: blur(11px); color: #ff8f08; box-shadow: 8px 8px 0 -4px #ff8f08; }
/* .commonBtn:before { content: ''; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="phone"><path d="M23.45 20.93a3 3 0 0 0-4.25 0l-1.45 1.45a26.14 26.14 0 0 1-4.51-3.62 26.14 26.14 0 0 1-3.62-4.51l1.45-1.45a3 3 0 0 0 0-4.25L8.24 5.73a2.93 2.93 0 0 0-2.11-.88h0A3 3 0 0 0 4 5.73L2.64 7.08A6.37 6.37 0 0 0 1 12.33c.32 3.75 2.78 8.26 6.57 12.06S15.92 30.64 19.67 31a7.87 7.87 0 0 0 .84 0 6.07 6.07 0 0 0 4.41-1.64L26.27 28a3 3 0 0 0 .88-2.13 2.93 2.93 0 0 0-.88-2.11zM26.6 5.39A14.92 14.92 0 0 0 16 1a1 1 0 1 0 0 2A13 13 0 0 1 29 16.11a1 1 0 0 0 1 1h0a1 1 0 0 0 1-1A14.91 14.91 0 0 0 26.6 5.39z" style="&%2310; fill: %23ff8f08;&%2310;"/><path d="M20.91,11.11a6,6,0,0,1,1.77,4.31,1,1,0,0,0,1,1h0a1,1,0,0,0,1-1,8,8,0,0,0-8-8.1,1,1,0,1,0,0,2A6,6,0,0,1,20.91,11.11Z" style="&%2310; fill: %23ff8f08;&%2310;"/></svg>') center/70% no-repeat; position: absolute; z-index: 3; top: 50%; right: 16px; width: 37px; height: 37px; transform: translateY(-50%); background-color: #fff!important; border-radius: 50%; transition: 0.4s ease-in-out; border: 2px solid #ff8f08; } */
.commonBtn:hover:before { background-color: transparent!important; }
.heartfelt-sec.cardModalEngagement .midBlankContent { background-color: #2a648f; }

/* New home page design css */

.home .secHeadingTitle { font-size: 60px; font-family: 'p-bold'; }
.justify-between { display: flex; align-items: center; justify-content: space-between; }
.grayColorBg { background-color: #f7f8fd; }
.pb-200 { padding-bottom: 200px; }
.align-right { text-align: right; }
.font-bold { font-family: p-bold; }
.spaceBannerWrap { padding-top: 190px; padding-bottom: 150px; }
/* .homeBannerWrap.spaceBannerWrap h1.mainTitle { line-height: 114px; font-size: 97px; margin-top: 0; margin-bottom: 20px; } */
.homeBannerWrap.spaceBannerWrap h1.mainTitle {
    line-height: 96px;
    font-size: 75px;
    margin-top: 0;
    margin-bottom: 20px;
}
span.primaryText {
    font-size: 45px;
    line-height: 60px;
    font-weight: 900;
}
.info-code b {
    color: #ffa000;
}
.mx-900 { margin: 0 auto; max-width: 900; }
.justify-center { justify-content: center; }
.align-center { text-align: center; }
.spaceSecWrapTop { padding-top: 80px!important; }
.spaceSecWrapBottom { padding-bottom: 80px; }
.spaceSecWrap { padding: 80px 0; }
.homeBannerWrap { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 9; background-image: url('/wp-content/themes/supreme/inc/assets/banner-video/banner-bg-img-reduce-size.jpg'); background-size: cover; }
.homeBannerWrap.spaceBannerWrap:after { background-color: var(--e-global-color-secondary); background-image: url(https://supremetechnologies.us/wp-content/uploads/2024/06/hero-bg-min.png); background-position: bottom center; background-repeat: no-repeat; opacity: .1; }
.primaryText { /* background: linear-gradient(270deg, rgb(55 123 251) 0, rgb(80 146 255) 35%, rgb(3 168 247) 100%); */ background: linear-gradient(270deg, rgb(3 168 251) 0, rgb(31 149 208) 35%, rgb(3 168 247) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.primaryText::selection { color: white !important;   -webkit-text-fill-color: rgb(255, 255, 255) ;}
/* .homeBannerWrap .secContent { margin-bottom: 40px; } */
.homeBannerWrap .secContent {
    margin-bottom: 40px;
    font-size: 22px;
}
.bold-color {
    color: #fd8d08;
}
.btnWrap .commonBtn { border-radius: 100px; }
.brandLogoWrap.logoCarouselModule { clear: both; padding: 24px 0; background: linear-gradient(to bottom, #f9f9f9 73%, #fff 106%)!important; background-color: #f9f9f9!important; }
.brandLogoWrap.logoCarouselModule .slider { margin-top: 0; }
.brandLogoWrap.logoCarouselModule .imageWrapper { border-right: 2px solid #dde2e5; padding: 38px 0; }

/* ourServiceWrap */
.ourServiceWrap { padding-top: 80px; background-color: #f7f8fd; padding-bottom: 80px; }
.mainHeadingSec { margin-bottom: 30px; }
.cardBoxWrap .cardBox { background: #fff; border-radius: 39px; padding: 20px; margin-bottom: 40px; padding-bottom: 20px; display: block; }
.cardBoxWrap .cardBox .boxBtmContent p { color: #234; min-height: fit-content !important; }
.cardBoxWrap .cardBox .secTitle a { color: #000; }
.cardBoxWrap .cardBox .topRow { padding: 0px 20px 10px 20px; border-bottom: 2px solid #f2f2f2; }
.cardBoxWrap .cardBox .topRow .arrowIcon { background: #172b5e; width: 38px; height: 38px; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all .5s ease; }
.cardBoxWrap .cardBox:hover .arrowIcon svg { transform: rotate(45deg); }
.cardBoxWrap .cardBox .topRow .arrowIcon svg { width: 12px; transition: all .5s ease; }
.cardBoxWrap .cardBox p { padding: 0 16px; }
.cardBoxWrap img { transition: all 0.5s ease-in-out; width: 100%; border-radius: 29px; height: auto; }
.cardBoxWrap .imgWrap { position: relative; border-radius: 29px; transition: all 0.5s ease-in-out; overflow: hidden; }
.cardBoxWrap .imgWrap: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); }
.cardBoxWrap .imgWrap:hover:after { height: 250%; transition: all 600ms linear!important; background-color: transparent; }
.cardBoxWrap .cardBox:hover img { transform: scale(1.1); transform-origin: center; }
/* buildingSoftwareWrap */
.buildingSoftwareWrap .infoRotator-link:after { background-color: #239ffa; }
.buildingSoftwareWrap .infoRotator-box h4 { color: #319bfc; }

/* closed  */

/* whyChooseUs */
.whyChooseUs .cardBox:hover svg { filter: brightness(0) invert(1); }
.whyChooseUs .cardBox svg { transition: all .5s ease; filter: brightness(3) invert(1); }
.whyChooseUs .cardBox svg path { fill: #5D56F1; }
.whyChooseUs .cardBoxWrap .cardBox p { padding: 0; }
.whyChooseUs .cardBoxWrap .cardBox .iconWrap { display: inline-block; margin-bottom: 20px; }
.whyChooseUs .colSecWrap { display: flex; flex-wrap: wrap; }
.cardBoxFull .topRowContent { display: flex; align-items: center; justify-content: space-between; }
.cardBoxFull .secTitle { font-size: 76px; line-height: 92px; }
.cardBoxFull .iconWrap { position: absolute; top: 20px; right: 20px; }
.cardBox.cardBoxFull:hover .secTitle { color: #fff; }
.cardBox.cardBoxFull { padding: 40px 60px; }
.cardBoxFull .iconWrap { position: absolute; top: 57px; right: 46px; }
.cardBoxFull .btnSecContent { display: flex; justify-content: space-between; }
.btnSecContent .btnFlexWrap { display: flex; align-items: center; }
.cardBox.cardBoxFull .secContent { max-width: 550px; padding-right: 70px; }
.cardBoxFull a { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 17px; padding: 11px 2.7em; background: #f7f8fd; color: #000; border: none; position: relative; overflow: hidden; cursor: pointer; border-radius: 100px; margin-right: 10px; font-weight: 500; }
.cardBoxFull .gradient { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 0.6em; margin-top: -0.25em; }
.cardBoxFull .label { position: relative; top: -1px; }
.cardBoxFull .transition { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 500ms; background-color: #ff8f08; border-radius: 9999px; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.cardBoxFull a:hover .transition { width: 14em; height: 14em; }
.cardBoxFull a:active { transform: scale(0.97); }
.cardBoxFull a:hover { color: #fff; }
.btnSecContent .btnFlexWrap a.socialBtnWrap { font-size: 16px; font-weight: 700; text-transform: capitalize; line-height: 1.2em; color: var(--e-global-color-primary); background-color: #f7f8fd; border-style: none; position: relative; overflow: hidden; z-index: 1; transition: all 0.2s ease-in-out; padding: 15px 36px; margin-right: 20px; border-radius: 100px; }
.whyChooseUs .cardBox:after, .whyChooseUs .cardBox:before { border-radius: 29px; }
.whyChooseUs .cardBox:hover h3, .whyChooseUs .cardBox:hover p { color: #fff!important; }
.whyChooseUs .cardBox:after, .whyChooseUs .cardBox:before { background: linear-gradient(270deg, rgb(55 123 251) 0, rgb(80 146 255) 35%, rgb(3 168 247) 100%); }
.Ai-chatbot-page .newCardIdentity .slider.owl-carousel .cards-name h4 { text-transform: capitalize; }
.Ai-chatbot-page .owl-carousel .owl-nav.disabled { display: block!important; }
.Ai-chatbot-page .newCardIdentity .cards-wrapper .cards-icon img { width: 60px; display: inline-block; }
.Ai-chatbot-page .newCardIdentity .cards-wrapper .cards-icon { text-align: center; }

/* closed */

.mainBoxSlider .cards-wrapper .commonBtn { border-radius: 100px; padding: 6px 56px 6px 13px; background-color: transparent; border-color: #d3d3d3; color: #000!important; font-weight: 500!important; font-family: 'p-regular'; position: relative; }
.mainBoxSlider .cards-wrapper .commonBtn:before { display: none; }
.mainBoxSlider .cards-wrapper .commonBtn:hover { box-shadow: 8px 8px 0 -4px #1b2f62; background-color: transparent; color: #000!important; }
.mainBoxSlider .cards-wrapper .commonBtn svg { background: transparent linear-gradient(270deg, #172b5e 0, #00649e 100%) 0 0 no-repeat padding-box!important; width: 38px; height: 38px; right: 5px; background: #fff; height: 34px; width: 34px; border-radius: 50%; padding: 10px; position: absolute; transition: .5s; right: 10px; animation: wobble 1s ease infinite; top: 4px; color: #fff!important; }
.mainBoxSlider .cards-wrapper .commonBtn svg path { fill: #fff!important; }

@keyframes wobble {
  0% { transform: translateX(0); }
  15% { transform: translateX(-12%) rotate(-5deg); }
  30% { transform: translateX(10%) rotate(3deg); }
  45% { transform: translateX(-8%) rotate(-3deg); }
  60% { transform: translateX(6%) rotate(2deg); }
  75% { transform: translateX(-3%) rotate(-1deg); }
  100% { transform: translateX(0); }
}

/* Ai-banner-Wrap */
@media (max-width:1024px) {
  .darkmode .chatbotSolutionWrap { padding-top: 0; }
}
@media (max-width:1024px) and (min-width:768px) {
  .Ai-banner-Wrap .pb-200 { padding-bottom: 75px; }
  .Ai-banner-Wrap .col-md-12, .Ai-banner-Wrap .col-md-6 { flex: 0 0 auto; width: 100%!important; }
  .darkmodedesign .title-name { font-size: 36px; line-height: 50px; }
  .darkmodedesign section.title.title--landing { padding-top: 130px; }
  .darkmodedesign section.title.title--landing img.Ai-banner-Wrap { width: 100%; }
  .darkmodedesign section.title.title--landing.Ai-banner-Wrap { padding-top: 150px; }
  .Ai-chatbot-page section.title { height: 100%; min-height: 550px; }
  .Ai-chatbot-page section.title .pb-200 { padding-bottom: 34px; }
  .darkmode .welcome-chatbot { padding-top: 0; }
}
@media (max-width:767px) {
  .whyChooseWrap .subheading { margin-bottom: 30px; }
  .darkmode section.whyChooseWrap { padding-bottom: 0; }
  .darkmode .cardModalEngagement { background-color: #282828; padding: 0 0 40px; }
  .darkmode .whyChooseWrap .subheading { padding-top: 0; }
  .darkmode section.logo-image { padding-bottom: 50px; }
}
/* closed */

/* responsiveness */
@media (max-width:1024px) {
  .chatbot-image .videoImgWrap { margin-top: 20px; margin-bottom: 40px; }
  .devServiceWrap .expertiseColWrap .rightRow { padding: 0 0; }
  section.welcome-chatbot { padding-bottom: 40px; }
}
.ast-mobile-popup-content .ast-header-button-1 { padding-left: 10px; padding-top: 10px; }

/* closed */

/* fotter css */
.footer { padding-top: 60px; background: #1c1b1b; }
.footer .footer-tel { transition: all .5s ease; }
.footer .footer-tel:hover { color: #d9d9da; text-decoration: none; }

/* footer css closed */

@media (max-width: 921px) {
  .site-below-footer-wrap[data-section="section-below-footer-builder"] { padding-left: 20px; padding-right: 0; }
  .site-primary-footer-wrap[data-section="section-primary-footer-builder"] { padding-left: 20px; padding-right: 20px; }
}

@media (max-width:921px) and (min-width:768px) {
  body .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element { text-align: right; }
}

/* contact form css */

.contactUswrap .newContactView { background-color: white; }
.homePageWrap .newContactView { background-color: transparent; }
.homePageWrap .newContactView input, .homePageWrap .newContactView textarea { background-color: transparent!important; }
.homePageWrap .newContactView input::placeholder { color: red!important; }
.contactUswrap input::placeholder { color: #212529!important; }
.contactUswrap .commonSectionTitle { font-size: 60px; font-family: 'p-bold'; }
.contactUswrap textarea.form-control { resize: none; }
.contactUswrap .form-control { padding: .775rem .75rem; border-radius: 10px; }
.contactUswrap .form-control:focus { box-shadow: none; }
.formMain .singleField:not(.submitField) input::placeholder, .formMain .singleField:not(.submitField) textarea::placeholder { color: #212529!important; font-weight: 400!important; }
.formMain .wpcf7-not-valid-tip { font-size: 16px; font-weight: 600; }
.contactUswrap .wpcf7-response-output { margin-top: 0!important; }
.contactUswrap .bottomContactRow { margin: 50px 0 0 0; }
.contactImageWrapper img { width: 100%; height: auto; border-radius: 12px; }
.contactImageWrapper { padding: 16px 50px 0 0; }
.newContactView { background: #000; padding: 60px 0 60px; }
.singleField.submitField .form-control { background: transparent!important; margin: 40px 0 0 0; }

.singleField.submitField .form-control { background: transparent!important; margin: 0; border: none; padding: 0; }

.singleField.submitField .wpcf7-spinner { background-color: #f8f8f8; bottom: 16px; left: 98px; position: absolute; }

.singleField.submitField input[type="submit"] { background: #00f; }
.singleField.submitField input[type="submit"] { background: #ff8f08!important; border: none; font-size: 18px; letter-spacing: 1px; font-weight: 600; padding: 20px 50px; border-radius: 0!important; transition: all 0.6s cubic-bezier(0, 0, 0.2, 1); }
.singleField.submitField input[type="submit"]:hover { background: #377bfb; color: #fff; }
p.responsePara { font-size: 18px!important; }
.darkMode--active .wpcf7 form .wpcf7-response-output { color: #000!important; text-align: center; padding: 8px!important; }
.bottomContactRow { background: #bed5ff; padding: 40px 30px; margin: 70px 0 0 0; display: flex; flex-wrap: wrap; border-radius: 16px; }
.bottomContactRow .leftCol { font-size: 23px; font-weight: 700; font-family: 'p-bold'; width: 28%; }
.bottomContactRow .rightCol { width: 72%; }
.bottomContactRow .leftCol span { color: #377bfb; }
.bottomContactRow>div { float: none!important; }
.bottomContactRow .leftCol:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 3px; background: #377bfb; transform: translateX(50%); }
.bottomContactRow .innerRight { display: flex; height: 100%; justify-content: space-evenly; }
.bottomContactRow .innerRight h3 { font-family: 'p-bold'; letter-spacing: 1px; font-size: 22px; }
.bottomContactRow .innerRight>div { width: calc(100% / 3 - 40px); }
.bottomContactRow .innerRight span { font-size: 16px; line-height: 1.4em!important; display: inline-block; font-weight: 600; }
/* ourServiceWrap ourPortfollioWrap */
.ourServiceWrap.ourPortfollioWrap { background-color: #fff; padding-bottom: 40px; }
.ourPortfollioWrap .cardBoxWrap .cardBox { background: #f7f8fd; }
.ourPortfollioWrap .cardBoxWrap .cardBox p { padding: 0 0; }
.ourPortfollioWrap .cardBoxWrap .imgWrap { margin-bottom: 20px; }
.ourPortfollioWrap .cardBoxWrap img { height: auto; }

/* ourPortfollioWrap closed */

/* tab design css */

.tab-content { display: none; }
.active-tab { display: block; }
.btn-tab-wrap button { background: #e9e9e9; /* color: #000 !important; */ padding: 18px 100px; width: 100%; font-size: 18px; border: none; transition: all 1s ease; border-radius: 4px 100px 20px 100px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); font-family: p-bold; }
.btn-tab-wrap button.active-tab, .btn-tab-wrap button:hover { background-color: #1a2e63; color: #fff!important; }
.btn-tab-wrap { margin: 0 auto; margin-bottom: 51px; margin-left: 34px; }
.tab-sec-wrap { padding-top: 0; padding-bottom: 30px; }
.logo-image-wrap { border-radius: 10px; border: 1px solid #e6e6e6; background: #fff; padding: 40px 20px; text-align: center; }
.logo-image-row, .logo-tab-row { margin: 0 -10px; display: flex; justify-content: center; }
.logo-image-col, .logo-tab-col { padding: 0 10px; }

/* tab design closed */

/* carosel nav */
.mainBoxSlider .owl-carousel .owl-nav.disabled { display: block; }
.newCardIdentity.mainBoxSlider .owl-carousel .owl-nav button span { background: #1a2e63; font-size: 26px; border-radius: 100px; }
.newCardIdentity.mainBoxSlider .owl-carousel .owl-nav button span:hover { background: #000; }
.newCardIdentity.mainBoxSlider .owl-carousel .owl-nav button.owl-prev { right: 54px; }

/* carousel nav closed */

.callIconHide .commonBtn, .readBtn .commonBtn { padding: 8px 20px 6px 20px; }
.callIconHide .commonBtn:before, .readBtn .commonBtn:before { display: none; }
/* caseStudyWrap caseSec */
.caseStudyWrap.caseSec { background-image: url(/wp-content/themes/supreme/inc/assets/images/ai-images/case-study-bg.jpg); background-size: cover; background-repeat: no-repeat; position: relative; color: #fff; z-index: 9; background-position: center; }
.caseStudyWrap.caseSec:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; content: ''; background-color: rgba(0, 0, 0, .8); }
.caseStudyWrap .commonBtn:before, .icon-arrow .commonBtn:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 19 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.62582 1.36304C9.15504 0.83381 10.0131 0.83381 10.5423 1.36303L18.4474 9.26817C18.7016 9.52231 18.8444 9.867 18.8444 10.2264C18.8444 10.5858 18.7016 10.9305 18.4474 11.1847L10.5423 19.0898C10.0131 19.619 9.15504 19.619 8.62582 19.0898C8.09659 18.5606 8.09659 17.7025 8.62582 17.1733L14.2175 11.5816H1.67893C0.930494 11.5816 0.323766 10.9749 0.323766 10.2264C0.323766 9.47798 0.930494 8.87125 1.67893 8.87125H14.2175L8.62582 3.27953C8.09659 2.7503 8.09659 1.89226 8.62582 1.36304Z' fill='%23FF8F08'/%3E%3C/svg%3E"); }

/* closed */

@media (max-width:767px) {
  /* DIGITIAL MARKETING PAGE NEW CSS STARTS */
  .dmPanel section.title { min-height: unset!important; }
  .pinnedSpacer { padding: 0 16px; }
  .dmMainBannerContent .title-text, .dmMainBannerContent .title-text p { padding: 0; }
  .dmMainBannerContent .title-text p { font-size: 16px!important; line-height: 1.5em; }
  .dmMainBannerContent h1 { margin: 0 0 30px!important; }
  .bannerBottomImage { margin: 50px 0 0!important; }
  .newCardIdentity .slider.owl-carousel { margin: 0!important; transform: translateX(-12px); }
  /* DIGITIAL MARKETING PAGE NEW CSS ENDS */
}

@media (min-width: 768px) {
.dmPanel section.title { min-height: unset!important; }
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-stage { display: flex; }
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-item { float: none; }
.newCardIdentity .slider.owl-carousel .owl-stage-outer .owl-stage[style="transform: translate3d(0px, 0px, 0px); transition: all; width: 7969px;"] .owl-item { min-width: inherit;}
}

@media (min-width:768px) and (max-width:991px) {
  .dmPanel section.title { padding-bottom: 0; }
  .bannerBottomImage { margin: 70px 0 0!important; }
  .newCardIdentity .slider.owl-carousel .owl-stage-outer { transform: translateX(-10px); }
  .newCardIdentity .slider-counter { opacity: 0; }
}

@media (min-width: 991px) {
  .newCardIdentity .slider.owl-carousel .owl-stage-outer { -webkit-mask-image: linear-gradient(to right, #0000004a, black 12%, black 88%, #0000004a 100%); height: unset!important; }
}

@media (min-width: 991px) {
  .mainBoxSlider.newCardIdentity .slider.owl-carousel .owl-stage-outer { -webkit-mask-image: none; }
}

@media (max-width:1300px) {
  .homeBannerWrap.spaceBannerWrap h1.mainTitle { line-height: 78px; font-size: 71px; }
  .cardBoxFull .secTitle { font-size: 52px; line-height: 60px; }
  .contactUswrap .commonSectionTitle, .home .secHeadingTitle { font-size: 40px; font-family: 'p-bold'; }
  .page-id-2802 h3 { font-size: 21px; line-height: 28px; }
  .page-id-2802 h4 { font-size: 22px; }
  .btnSecContent .btnFlexWrap { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; padding-left: 31px; }
  .bottomContactRow .leftCol { font-size: 19px; font-weight: 700; font-family: 'p-bold'; width: 24%; }
  .ourServiceWrap { padding-bottom: 40px; }
  body .spaceBannerWrap { padding-bottom: 100px; }
  .readBtn { padding: 30px 16px; }
  .mainBoxSlider.newCardIdentity { padding: 65px 0 48px 0; }
  .contactUswrap .newContactView { padding: 60px 0 70px; }
}

@media (max-width:1024px) and (min-width:768px) {
  .ourServiceWrap .cardBoxWrap .col-md-4 { flex: 0 0 auto; width: 50%; }
  .homeBannerWrap.spaceBannerWrap h1.mainTitle { line-height: 60px; font-size: 48px; }
  .contactUswrap .commonSectionTitle, .home .secHeadingTitle { font-size: 36px; font-family: 'p-bold'; }
  .cardBoxFull .secTitle { font-size: 34px; line-height: 45px; }
  .spaceSecWrap { padding: 50px 0; }
  body .spaceBannerWrap { padding-bottom: 70px; }
}

@media (max-width:768px) {
  .bottomContactRow .leftCol:after { display: none; }
  .bottomContactRow .leftCol { width: 100%; }
  .bottomContactRow .rightCol { width: 100%; display: block; margin-top: 16px; }
  .bottomContactRow .innerRight { display: block; }
  .bottomContactRow .innerRight>div { width: 100%; margin-bottom: 20px; }
  .bottomContactRow .leftCol { font-size: 22px; }
    .innerPage  .cardCoveringWrap .secHeadingTitle {
    font-size: 34px!important;
}
}

@media (max-width:767px) {
  .caseStudyWrap.caseSec .serviceSecTitle { margin-bottom: 24px; }
  body .ourServiceWrap .secTitle { font-size: 26px; line-height: normal; }
  body .cardBox.cardBoxFull { padding: 40px 26px; }
  body .whyChooseUs .cardBoxWrap .cardBox .iconWrap { display: inline-block; margin-bottom: 20px; right: 0; top: 30px; }
  .homeBannerWrap.spaceBannerWrap h1.mainTitle { line-height: 46px; font-size: 40px; }
  .contactUswrap .commonSectionTitle, .home .secHeadingTitle { font-size: 36px; font-family: 'p-bold'; }
  .cardBoxFull .secTitle { font-size: 26px; line-height: normal; padding-right: 23px; }
  .spaceSecWrap { padding: 50px 0; }
  body .spaceBannerWrap { padding-bottom: 70px; }
  .mob-testimonial .owl-carousel .owl-item img { display: block; width: 200px; margin: 0 auto; }
  body .mob-testimonial { display: block!important; border: solid 2px #f8f8f8; padding: 42px 10px; margin: 20px 0; position: relative; }
  body .mob-testimonial .owl-buttons { display: none; }
  body .ourServiceWrap { padding-top: 60px; padding-bottom: 20px; }
  .cardBoxFull .btnSecContent { display: block; }
  .cardBoxFull button { margin-bottom: 16px; }
  main.home section.info--main.info--with-right-visual.lists--bullets--blue { margin-top: 0; }
  .contactImageWrapper { padding: 16px 0 0 0; }
  .tab-sec-wrap .btn-tab-wrap { margin: 0 auto; margin-bottom: 51px; margin-left: 0; }
  .btn-tab-wrap button { padding: 18px 41px; font-size: 16px; border-radius: 4px 100px 20px 100px; }
  .newCardIdentity .owl-carousel .owl-nav button span { margin-top: 24px; }
  .whyChooseUs .cardBox .btnSecContent .btnFlexWrap a { margin-bottom: 10px; }
  .caseStudyWrap .serviceSecTitle h4 { font-size: 18px; }
  .caseStudyWrap .btnWrap { text-align: center; }
  .commonBtn { font-size: 14px; }
}

/* .header-two .menu ul li .menu-mega.width-menu.fitContent {
  max-width: fit-content;
} */

.header-two nav#menu ul li .title { background: none!important; }

/* closed css new  */

/* startup page design */
.innerPageWrap .mainTitle { font-size: 50px; }
.innerPageWrap .bannerContent { text-align: left; }
.innerPageWrap .secContent { margin-bottom: 50px; }
.innerBlogWrap .innerBannerWrap.spaceBannerWrap {
    background-image: url(https://supremetechnologies.us/wp-content/uploads/2025/09/blog-page.jpeg);
    background-position: center;
    background-size: cover;
}
.innerBannerWrap.spaceBannerWrap { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 9; background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/Engagement-Models-Img.webp); background-size: cover; }
.innerBannerWrap.spaceBannerWrap:after { position: absolute; content: ''; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }


@media screen and (min-width: 767px) {
  main.home.innerPageWrap section.title { min-height: 100%; }

}

/* accordion section */

.accordion-section { background-color: #fff; position: relative; padding-top: 100px; }
.accordion-section:after { background-color: #f8f8f8; content: ""; width: 50%; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; }
.accordion-section .accordian-row .col-left { flex-basis: 50%; position: relative; overflow: hidden; }
.accordion-section .accordian-row .col-left .image-wrap { width: 100%; overflow: hidden; position: relative; position: absolute; display: block; bottom: 0; height: 100%; padding-top: 60px; }
.accordion-section .accordian-row .col-left .soft-img { width: 100%; display: block; height: 100%; }
.accordion-section .accordian-row .col-left .soft-img img { width: 100%; display: block; height: 100%; object-fit: cover; object-position: top center; }
.accordion-section .accordian-row .col-left .head-txt { padding-left: calc(50vw - 740px); padding-right: 45px; width: 100%; padding-bottom: 80px; }
.accordion-section .accordian-row .col-right { z-index: 1; flex-basis: 50%; padding-left: 75px; padding-right: calc(50vw - 740px); padding-bottom: 90px; }
.accordion-section .accordian-row .col-right .accordionItem { position: relative; margin-top: 40px; }
.accordion-section .accordian-row .col-right .accordionItem .accordion-toggle a { display: none; }
.accordion-section .accordian-row .col-right .accordionItem:first-child { margin-top: 15px; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-content { display: block; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle { border-bottom: 1px solid transparent; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle.has-link span { font-size: 0; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle.has-link:hover { cursor: pointer; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle:before { display: none; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle a { display: inline-block; width: auto; position: absolute; left: 0; top: 0; color: #3f3f3f; transition: all 0.3s ease; font-weight: 600!important; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle a:after { content: ""; width: 48px; height: 48px; border: 1px solid #d1d1e1; background: url(../images/new-page-images/inner-images/arrow-image-right.webp) no-repeat center; position: absolute; right: -71px; top: -10px; cursor: pointer; transition: all 0.3s ease; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle a:hover { text-decoration: underline; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle a:hover:after { background-color: rgb(230 234 236); background-position: 25px center; transition: all 0.3s ease; }
.accordion-section .accordian-row .col-right .accordionItem.active .open-icon { display: none; }
.accordion-section .accordian-row .col-right .accordionItem.active .accordion-content::after { display: none; }
.accordion-section .image-wrap img { width: 100%; height: 100%; }
.accordion-section .accordian-row .col-right .accordion-toggle { display: block; text-decoration: none; display: flex; align-items: center; transition: all 0.2s ease-in-out; padding: 0 60px 25px 0; position: relative; font-weight: 600; color: #3f3f3f; border-bottom: 1px solid #d1d1e1; transition: all 0.3s ease; }
.accordion-section .accordian-row .col-right .accordion-toggle:before { content: ""; width: 48px; height: 48px; border: 1px solid #d1d1e1; background: url(../images/new-page-images/inner-images/arrow-up.webp) no-repeat center; border-bottom: 0; position: absolute; right: 0; bottom: 0; cursor: pointer; transition: all 0.3s ease; }
.accordion-section .accordian-row .col-right .accordion-toggle:hover:before { background-color: rgb(230 234 236); background-position: center 25px; transition: all 0.3s ease; }
.accordion-section .accordian-row .col-right .accordion-content { display: none; border-bottom: 1px solid #d1d1e1; padding-bottom: 40px; }
.accordion-section .accordian-row .col-right ol, .accordion-section .accordian-row .col-right ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; }
.accordion-section .accordian-row .col-right ol li, .accordion-section .accordian-row .col-right ul li { font-size: 16px; position: relative; margin-bottom: 15px; padding-left: 0; flex-basis: 48%; line-height: 25px; }
.accordion-section .accordian-row .col-right ol li:before, .accordion-section .accordian-row .col-right ul li:before { content: ""; /*background: url(../images/acr-list.svg) no-repeat center;*/ width: 19px; height: 18px; position: absolute; left: 0; top: 4px; }
.accordion-section .accordian-row .col-right ol li a, .accordion-section .accordian-row .col-right ul li a { color: #656565; }
.accordion-section .accordian-row .col-right ol li a:hover, .accordion-section .accordian-row .col-right ul li a:hover { text-decoration: underline; }
.accordion-section .accordian-row .col-right .exbtn { margin: 25px 0 0; }
.accordion-section .accordian-row .w-100 ul li { flex-basis: 100%; }
.accordion-section .accordian-row .content-col .inner-box { border-bottom: 1px solid #d1d1e1; padding: 0 0 35px; margin: 0 0 40px; }
.accordion-section .accordian-row .content-col .inner-box:last-child { margin: 0; }
.accordion-section .accordian-row .content-col .inner-box ul { justify-content: flex-start; }
.accordion-section .accordian-row .content-col .inner-box ul li { border: 1px solid #d1d1e1; border-radius: 5px; padding: 4px 9px; display: inline-block; margin: 18px 18px 0 0; line-height: 22px; text-align: center; color: #666; flex-basis: auto; font-weight: 400; background-color: rgba(217, 217, 217, 0.32); position: relative; }
.accordion-section .accordian-row .content-col .inner-box ul li:before { display: none; }
.accordion-section .accordian-row .content-col .inner-box ul li a { display: contents; color: #666; }
.accordion-section .accordian-row .content-col .inner-box ul li a:after { content: ''; position: absolute; left: 0; top: 0; background: transparent; width: 100%; height: 100%; }
.accordion-section .accordian-row .content-col .inner-box ul li a:hover { color: #212121; border-color: #ffad00; }
.accordion-section .accordian-row .content-col .inner-box ul li a:hover:after { background: rgba(255, 173, 0, 0.15); }
.accordion-section.list-full .accordian-row .col-right ul li { flex-basis: 100%; }
.bg-blue-section:before { background: linear-gradient(180deg, #211f47 0, #05164d 100%); content: ""; width: 50%; height: 100%; position: absolute; left: -1px; top: 0; bottom: 0; }
.bg-blue-section .accordian-row .col-left .head-txt { position: relative; z-index: 9; }
.bg-blue-section .accordian-row .col-left .head-txt h2 { color: #fff; }
.bg-blue-section .accordian-row .col-left .head-txt p { color: #9b9b9b; }
.bg-blue-section .accordian-row .col-left .soft-img { position: relative; z-index: 9; }
.innerPageWrap .secHeadingTitle { font-size: 36px; font-family: 'p-bold'; }
@media screen and (min-width: 4560px) {
  .accordion-section .accordian-row .col-left .head-txt { padding-left: 0; max-width: 100%; }
}

@media screen and (min-width: 2500px) {
  .accordion-section .accordian-row .col-left .head-txt { padding-left: calc(50vw - 1100px); }
}

@media only screen and (max-width: 1600px) {
  .accordion-section .accordian-row .col-left .head-txt { padding-left: calc(50vw - 690px); }
  .accordion-section .accordian-row .col-right { padding-right: calc(50vw - 690px); }
}

@media only screen and (max-width: 1440px) {
  .accordion-section .accordian-row .col-left .head-txt { padding-left: calc(50vw - 630px); }
  .accordion-section .accordian-row .col-right { padding-right: calc(50vw - 630px); }
}

@media only screen and (max-width: 1320px) {
  .accordion-section .accordian-row .col-left .head-txt { padding-left: calc(50vw - 580px); padding-bottom: 60px; }
  .accordion-section .accordian-row .col-right { padding-right: calc(50vw - 580px); }
  .accordion-section .accordian-row .content-col .inner-box { padding: 0 0 25px; margin: 0 0 30px; }
  .accordion-section .accordian-row .content-col .inner-box ul { margin: 5px 0 0; }
  .accordion-section .accordian-row .content-col .inner-box ul li { margin: 10px 10px 0 0; }
}

@media only screen and (max-width: 1200px) {
  .accordion-section .accordian-row .col-left .head-txt { padding-left: 20px; }
  .accordion-section .accordian-row .col-right { padding-right: 20px; padding-left: 40px; }
  .bg-blue-section:before { display: none; }
  .bg-blue-section .accordian-row .col-left .head-txt h2 { color: #05164d; }
  .bg-blue-section .accordian-row .col-left .head-txt p { color: #666; }
}

@media only screen and (max-width: 1100px) {
  .accordion-section { background-color: #f8f8f8; padding: 80px 20px; }
  .accordion-section:after { display: none; }
  .accordion-section h2 br { display: none; }
  .accordion-section .accordian-row .col-left { flex-basis: 100%; }
  .accordion-section .accordian-row .col-left .soft-img { display: none; }
  .accordion-section .accordian-row .col-left .head-txt { padding-left: 0; padding-right: 0; margin: 0 0 20px; padding-bottom: 0; text-align: center; }
  .accordion-section .accordian-row .col-right { flex-basis: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0; }
  .accordion-section .accordian-row .col-right .accordionItem { margin-top: 25px; }
  .accordion-section .accordian-row .col-right .accordionItem.active .accordion-toggle a:after { width: 40px; height: 40px; top: -10px; }
  .accordion-section .accordian-row .col-right .accordion-toggle { padding: 0 50px 10px 0; }
  .accordion-section .accordian-row .col-right .accordion-toggle:before { content: ""; width: 40px; height: 40px; }
  .accordion-section .accordian-row .col-right .accordion-content { padding-bottom: 25px; }
  .accordion-section .accordian-row .col-right .accordion-content ol, .accordion-section .accordian-row .col-right .accordion-content ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .accordion-section .accordian-row .col-right .accordion-content ol li, .accordion-section .accordian-row .col-right .accordion-content ul li { flex-basis: 33.33%; }
  .accordion-section .image-wrap img { display: none; }
}

@media only screen and (max-width: 991px) {
  .accordion-section .accordian-row .col-right .accordion-content ol li, .accordion-section .accordian-row .col-right .accordion-content ul li { flex-basis: 100%; line-height: 24px; }
  .accordion-section .accordian-row .col-right .accordion-content ol li:before, .accordion-section .accordian-row .col-right .accordion-content ul li:before { top: 3px; }
  .accordion-section .accordian-row .col-right .accordion-content .exbtn { margin-top: 10px; }
  .accordion-section .accordian-row .col-right ol li, .accordion-section .accordian-row .col-right ul li { flex-basis: 100%; line-height: 24px; }
  .accordion-section .accordian-row .col-right ol li:before, .accordion-section .accordian-row .col-right ul li:before { top: 6px; }
}

@media only screen and (max-width: 767px) {
  .accordion-section { padding: 50px 20px; }
  .accordion-section .accordian-row .content-col .inner-box { padding: 0 0 15px; margin: 0 0 20px; }
  .accordion-section .accordian-row .content-col .inner-box ul { margin: 10px 0 0; }
  .accordion-section .accordian-row .content-col .inner-box ul li { margin: 8px 8px 0 0; }
  .accordion-section.bg-blue-linear { background: #fff; }
  .accordion-section.bg-blue-linear h2 { color: #000; }
}

/* callChatSecWrap */
.callChatSecWrap { padding: 100px 0; background-color: #003452; background: linear-gradient(to bottom, #081f2f 73%, #161616 106%)!important; background-color: #1d87d4!important; color: #fff; }

/* callChatSecWrap closed */

.innerFaqWrap { background: #0f1a22; }
.faqContent.innerFaqWrap .accordion-body { color: #fff; }
.caseSec ul.listWrap li { font-size: 18px; margin-bottom: 27px; }
.caseSec ul.listWrap li i { color: #ffad00; margin-right: 7px; }
.faqContent.innerFaqWrap .list-wrap li { background: none; font-size: 18px; color: #fff; padding-left: 20px; line-height: 36px; margin-bottom: 6px; }
.faqContent.innerFaqWrap .list-wrap { margin-bottom: 20px; }
.faqContent.innerFaqWrap .list-wrap li i { margin-right: 10px; }

@media (max-width:820px) {
  .callChatSecWrap img { width: 100%; }
  .caseSec ul.listWrap li { font-size: 16px; margin-bottom: 16px; }
}

@media (max-width:767px) {
  .innerPageWrap .mainTitle { font-size: 33px; line-height: normal; margin-bottom: 18px!important; }
  .innerPageWrap .innerBannerWrap section.title p { font-size: 17px; line-height: 27px; }
  body .innerPageWrap .innerBannerWrap.spaceBannerWrap { padding-top: 130px; }
  .caseSec ul.listWrap li { font-size: 14px; margin-bottom: 19px; }
  body .callChatSecWrap { padding: 80px 0; }
  body .callChatSecWrap .image-wrap { margin-top: 40px; }
  .brandsLogoWrap { margin-top: 40px; }
  .brandsLogoWrap .container { padding: 0; }
  .accordion-section .accordion-toggle { font-size: 20px; line-height: normal; }
  .accordion-section .accordian-row .col-right .accordion-toggle { margin-bottom: 40px; }
  .innerPageWrap .secHeadingTitle { font-size: 24px; font-family: 'p-bold'; }
}

.brandsLogoWrap { margin-bottom: 50px; }
.brandsLogoWrap .imageWrapper { background-color: #f1f1f1; margin: 0 5px; padding: 30px 30px; }
.brandsLogoWrap .rowFirst { margin-bottom: 10px; }

/* page design closed */

/* agency  */
.competencyPageWrap { padding-top: 80px; }

/* .competencyPageWrap ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  } */
/* .competencyPageWrap .lists--bullets ul li {
    color: #223344;
    width: 50%;
    float: left;
  } */
.competencyPageWrap.info--appdev-2 h4:before { top: 25%; }
.outsourceLoadOff ul li { font-size: 18px; margin-bottom: 10px; }
.outsourceLoadOff ul.listWrap li i { color: #ffad00; margin-right: 7px; position: absolute; left: 0; top: 7px; }
.outsourceLoadOff ul.listWrap .list-item { position: relative; }
.outsourceLoadOff ul.listWrap li { float: left; width: 50%; line-height: 31px; padding-left: 32px; }
.page-id-2827 .brandsLogoWrap .imageWrapper { background-color: #fff; }
.page-id-2827 .enterpriseCardContent h3 { font-size: 26px; margin: 0 0 18px; }

/* agency closed     */

.experienceListWrap ul li { border: 1px solid #d1d1e1; border-radius: 5px; padding: 4px 9px; display: inline-block; margin: 18px 18px 0 0; line-height: 22px; text-align: center; color: #666; font-size: 18px; font-weight: 400; background-color: rgba(217, 217, 217, 0.32); position: relative; font-weight: 600; }
.experienceListWrap .row { justify-content: center; }
.experienceListWrap h4 { font-size: 26px; font-weight: 600; position: relative; padding-bottom: 10px; border-image-slice: 1; border-image-source: linear-gradient(to right, #ffcf66, #e19b01); border-bottom: 4px solid; }
@media (max-width:1200px) {
  .enterpriseCardsRow { margin-top: 0; margin-bottom: 0; }
  .competencyPageWrap { padding-top: 80px; padding-bottom: 70px; }
  .callChatSecWrap { padding: 65px 0; }
  .page-id-2827 .enterpriseCardsRow { margin-bottom: 0; }
  .page-id-2827 .enterprise_services { padding-top: 70px; }
  .page-id-2827 .enterpriseCardContent h3 { font-size: 20px; margin: 0 0 18px; }
}

@media (max-width:820px) {
  .innerPageWrap .secHeadingTitle { font-size: 26px; font-family: 'p-bold'; }
  .page-id-2827 .heading span { font-size: 26px; }
  .innerPageWrap .mainTitle { font-size: 32px; line-height: normal; margin-bottom: 20px!important; }
  .competencyPageWrap .info-text { margin-bottom: 30px; }
  .competencyPageWrap { padding-top: 65px; padding-bottom: 30px; }
}

@media (max-width:767px) {
  .page-id-2827 .enterprise_services .col { flex: 1 0 100%; }
  .perkAgencyWrap .caseSec ul.listWrap li { font-size: 16px; margin-bottom: 19px; line-height: 27px; }
  .outsourceLoadOff ul.listWrap li { width: 100%; }
  .brandLogoWrap.logoCarouselModule .imageWrapper { border-right: none; }
  .btnSecContent .btnFlexWrap { padding-left: 0; }
  .caseSec.perkAgencyWrap ul.listWrap li { font-size: 16px; }
}

/* chat icon */
.chat-icon-arrow .commonBtn:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="64.000000pt" height="64.000000pt" viewBox="0 0 64.000000 64.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)" fill="%23ff8f08" stroke="none"><path d="M156 585 c-123 -44 -187 -177 -138 -288 20 -46 20 -47 2 -109 -24 -79 -15 -86 62 -47 68 35 86 33 172 -20 48 -29 70 -36 125 -39 36 -2 77 1 91 6 20 7 37 3 87 -21 80 -40 90 -32 62 50 -19 57 -19 63 -4 86 25 39 31 120 11 171 -22 57 -91 121 -148 137 -23 7 -58 23 -75 36 -70 51 -168 66 -247 38z m172 -41 l37 -16 -49 -15 c-73 -22 -140 -93 -156 -166 -11 -47 -10 -63 2 -101 15 -46 15 -46 -7 -40 -13 3 -37 -2 -55 -11 -39 -20 -45 -16 -31 27 9 28 8 40 -9 73 -48 95 -1 213 102 254 37 15 125 12 166 -5z m168 -81 c93 -48 130 -154 84 -242 -18 -36 -20 -48 -11 -73 17 -47 14 -50 -29 -28 -33 17 -44 18 -63 9 -12 -7 -47 -13 -77 -13 -153 -2 -253 139 -188 263 52 100 181 138 284 84z"/><path d="M304 309 c-10 -17 13 -36 27 -22 12 12 4 33 -11 33 -5 0 -12 -5 -16 -11z"/><path d="M382 304 c4 -21 22 -23 26 -1 2 10 -3 17 -13 17 -10 0 -15 -6 -13 -16z"/><path d="M454 309 c-10 -17 13 -36 27 -22 12 12 4 33 -11 33 -5 0 -12 -5 -16 -11z"/></g></svg>'); /* additional CSS properties */ }

/* chat icon closed */

/* button with effect  */
.logo-tab-col .btn { background-color: transparent; border-radius: .3em; position: relative; overflow: hidden; cursor: pointer; transition: .5s; font-weight: 400; font-size: 17px; border: 1px solid; font-family: inherit; text-transform: capitalize; color: #1a2e63; max-width: fit-content; z-index: 1; }
.logo-tab-col .btn { max-width: fit-content; background: #e9e9e9; padding: 18px 100px; width: 100%; font-size: 18px; border: none; transition: all 1s ease; border-radius: 4px 100px 20px 100px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); font-weight: 600; }
.logo-tab-col .btn::after, .logo-tab-col .btn::before { content: ''; display: block; width: 50px; height: 50px; transform: translate(-50%, -50%); position: absolute; border-radius: 50%; z-index: -1; background-color: #1a2e63; transition: 1s ease; }
.logo-tab-col .btn::before { top: -1em; left: -1em; }
.logo-tab-col .btn::after { left: calc(100% + 1em); top: calc(100% + 1em); }
.logo-tab-col .btn:hover::after, .logo-tab-col .btn:hover::before { height: 410px; width: 410px; }
.logo-tab-col .btn:hover { color: rgb(10, 25, 30); color: #fff; /* border: 1px solid #1a2e63; */ }
.logo-tab-col .btn:active { filter: brightness(.8); }
/* css closed */

/* popup-content  */
.popup { display: none; position: fixed; padding: 0 20px; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; opacity: 0; /* Initially hidden */ transition: opacity 0.3s ease; /* Transition for opacity */ }
.popup-content { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); overflow-y: auto; max-height: 820px; max-width: 900px; margin-top: 20px; border-radius: 30px; opacity: 0; /* Initially hidden */ transition: opacity 0.3s ease; /* Transition for opacity */ }
.popup.show-popup { display: block; opacity: 1; }
.popup.show-popup .popup-content { opacity: 1; transition-delay: 0.3s; /* Delay the fade-in of the content */ outline: 2px solid #5e8ddc; /* Add outline */ }
.popupWrap .closeIcon { background: #5e8ddc; padding: 15px; border-radius: 100px; width: 40px; height: 40px; display: flex; align-items: center; z-index: 99999999; top: 10px; right: 10px; justify-content: center; cursor: pointer; position: sticky; left: auto; margin: 0 0 0 auto; }
.popupWrap .bottomContactRow .innerRight span, .popupWrap .bottomContactRow .leftCol { color: #000; }
.popupWrap .contactUswrap .newContactView { background: #000; margin-top: -70px; padding: 60px 30px 50px; }
.popupWrap::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; }
.popupWrap::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; }
.popupWrap::-webkit-scrollbar-thumb { background-color: #5e8ddc; }
.popupWrap .contactUswrap .commonSectionTitle { font-size: 34px; font-family: 'p-bold'; }
.popupWrap .darkMode--active .wpcf7 form .wpcf7-response-output { color: #fff!important; }
.popupWrap .contactImageWrapper img { margin-bottom: 40px; }
.popupWrap .bottomContactRow { display: none; }
.popupWrap .contactUswrap textarea.form-control { height: 112px; }
.popupWrap .contactUswrap .form-control { padding: .775rem .75rem; border-radius: 10px; margin-bottom: 8px; }
.popupWrap .contactUswrap p:first-child { margin-top: 6px; }
.popup.show-popup .popup-content .contactForm__privacy p { font-family: 'p-regular'; font-size: 18px; text-align: left; margin-bottom: 5px; line-height: 27px; }
/* @media (max-width:1366px){
  
  .popupWrap  .contactUswrap .commonSectionTitle {
      font-size: 34px;
      font-family: 'p-bold';
  }
} */

.enterpriseColWrap .box { height: 100%; transition: all .3s ease-in-out; position: relative; border-radius: 10px; border: 1px solid #e2e9ef; padding: 40px; background: #fff; margin-bottom: 20px; }
.enterpriseColWrap .box h3 { color: #000; font-weight: 600; margin-bottom: 24px; }
.enterpriseColWrap .exbtn { position: absolute; bottom: 17px; }
.enterpriseColWrap ul { height: calc(100% - 80px); }
.enterpriseColWrap .box li { font-size: 18px; margin-bottom: 10px; line-height: 29px; }
.enterpriseColWrap .box .explore-btn { color: #000; text-decoration: underline; position: relative; font-weight: 600; }
.enterpriseColWrap .box .explore-btn:after { content: ""; background: url(../images/explore-btn.svg) no-repeat center; width: 11px; position: absolute; height: 11px; margin-left: 8px; top: 6px; transition: all .3s ease-in-out; }
.enterpriseColWrap .box:after { counter-increment: section; content: "0"counter(section); position: absolute; top: 9px; right: 20px; color: #05164d; opacity: .05; font-size: 59px; font-style: normal; font-weight: 700; line-height: normal; }
.enterpriseColWrap .rows { display: flex; flex-wrap: wrap; counter-reset: section; }
.engagementCardWrap p { margin-bottom: 0; font-size: 19px!important; line-height: 28px!important; }
.engagementCardWrap .cards-name h3 { margin-bottom: 18px; }
.engagementCardWrap.cards--with-borders .cards-item { height: 100%!important; }
/* coreWebVitalWrap */

.homeBannerWrap.coreWebVitalBanner { background: #124674; }
.coreWebVitalBanner ul li { padding: 1rem 1rem 1rem 1rem; /* flex: 45% 1; */ max-width: 32.5rem; font-size: 22px; line-height: 2.6rem; box-shadow: 0 3px 14px hsla(227, 4%, 52%, .1); border-radius: 1.2rem; background: #15436b; display: flex; align-items: center; }
.coreWebVitalBanner ul li::before { margin-right: 16px; width: 40PX; height: 40PX; border-radius: .8rem; content: ""; display: flex; flex-shrink: 0; background: #f6f6f6; }
.coreWebVitalBanner ul li:after { top: 52PX; left: 25px; height: 3rem; background-size: 24px; content: ""; position: absolute; transform: translateY(-50%); width: 3rem; background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/check-icon.png); background-repeat: no-repeat; }
.homeBannerWrap.coreWebVitalBanner { padding-bottom: 20px; }
.coreWebVitalBanner ul { list-style: none; padding: 0; margin: 0 0 2.8rem; display: flex; margin-bottom: 5.6rem; flex-wrap: wrap; gap: 2rem; }
.homeBannerWrap.coreWebVitalBanner.spaceBannerWrap h1.mainTitle { line-height: 80px; font-size: 75px; text-align: left; margin-bottom: 27px!important; }

/* metricsContentWrap */
.metricsContentWrap .secContentWrap .secContent { font-size: 20px; margin-bottom: 24px; }
.listWithIcon .listItem { font-size: 20px; margin-bottom: 30px; line-height: 28px; display: flex; }
.listWithIcon .listItem i { position: relative; display: flex; top: 7px; align-items: center; height: 36px; margin-right: 18px; font-size: 19px; color: #124775; }
.listWithIcon .listItem i:before { content: "\f00c"; z-index: 1; position: relative; left: 0; right: 0; display: flex; justify-content: center; width: 42px; }
.listWithIcon .listItem i:after { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: #fff; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: .8rem; }

/* metricsContentWrap closed */

/* vertical slider tab  */

/* vertical slider tab closed */

/* coreWebVitalWrap closed */

@media (max-width:767px) {
  .popupWrap.popup-content { margin-top: 40px; }
  section.search_engine_faqs.faqContent #accordionFlushExample .accordion-item button.accordion-button.collapsed { font-size: 16px; padding: 1rem 1.25rem; line-height: 23px; }
}

/* popup-content closed */

/**
 * Article Container
 */
.optimizingTabsContent .article-container { padding: 2rem; }

/**
 * Article Block
 */
.optimizingTabsContent .article-block { text-align: center; }
.optimizingTabsContent .article-block .entry-content>p { color: #666; }

/**
 * Tabs Block
 */
.optimizingTabsContent .tabs-block { display: flex; align-items: center; justify-content: center; }

/**
 * Tabs
 */
.optimizingTabsContent .tabs { display: flex; }
.optimizingTabsContent .tabs>ul { list-style-type: none; margin: 0; padding: 0; width: 15%; }
.optimizingTabsContent .tabs>ul li { display: block; }
.optimizingTabsContent .tabs>ul li:not(:last-child) { border-bottom: 1px solid #262626; }
.optimizingTabsContent .tabs>ul li a, .optimizingTabsContent .tabs>ul li a:visited { display: flex; border-bottom: none; text-decoration: none; background-color: #000; color: #fff; padding: 1.5rem 1.5rem; transition: all 0.2s ease-in-out; word-wrap: break-word; }
.optimizingTabsContent .tabs>ul li a:active, .optimizingTabsContent .tabs>ul li a:focus, .optimizingTabsContent .tabs>ul li a:hover { border-bottom: none; outline: 0; }
.optimizingTabsContent .tabs>ul li a.active { background-color: #124775; color: #fff; font-size: 19px; font-family: p-regular; text-transform: capitalize; }
.optimizingTabsContent .tabs-wrapper { padding-left: 0; }
.optimizingTabsContent .tabs { padding-top: 0; padding-bottom: 0; }
.optimizingTabsContent { padding-top: 80px; padding-bottom: 80px; }
.optimizingTabsContent .tabs .secTitle { font-size: 32px; margin-bottom: 18px; }
.optimizingTabsContent .tabs>ul li a:hover:not(.active) { background-color: #124775; color: #fff; font-size: 18px; font-family: p-regular; text-transform: capitalize; }
.optimizingTabsContent .tabs>ul li a { font-size: 18px; font-family: p-regular; text-transform: capitalize; }
.optimizingTabsContent .tabs>ul li a>span { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.optimizingTabsContent .tabs>ul li a>span.tab-label { display: none; }
.optimizingTabsContent .tabs section { width: 85%; background-color: #fff; padding: 1rem; display: none; word-wrap: break-word; }
.optimizingTabsContent .tabs section>* { opacity: 0; transform: translateY(20px); transition: opacity 0.2s,transform 0.2s; }
.optimizingTabsContent .tabs section>*:nth-child(1) { transition-delay: 0.2s; }
.optimizingTabsContent .tabs section>*:nth-child(2) { transition-delay: 0.3s; }
.optimizingTabsContent .tabs section>*:nth-child(3) { transition-delay: 0.4s; }
.optimizingTabsContent .tabs section>*:nth-child(4) { transition-delay: 0.5s; }
.optimizingTabsContent .tabs section>*:nth-child(5) { transition-delay: 0.6s; }
.optimizingTabsContent .tabs section>*:nth-child(6) { transition-delay: 0.7s; }
.optimizingTabsContent .tabs section>*:nth-child(7) { transition-delay: 0.8s; }
.optimizingTabsContent .tabs section>*:nth-child(8) { transition-delay: 0.9s; }
.optimizingTabsContent .tabs section>*:nth-child(9) { transition-delay: 1s; }
.optimizingTabsContent .tabs section>*:nth-child(10) { transition-delay: 1.1s; }
.optimizingTabsContent .tabs section>*:nth-child(11) { transition-delay: 1.2s; }
.optimizingTabsContent .tabs section>*:nth-child(12) { transition-delay: 1.3s; }
.optimizingTabsContent .tabs section>*:nth-child(13) { transition-delay: 1.4s; }
.optimizingTabsContent .tabs section>*:nth-child(14) { transition-delay: 1.5s; }
.optimizingTabsContent .tabs section>*:nth-child(15) { transition-delay: 1.6s; }
.optimizingTabsContent .tabs section>*:nth-child(16) { transition-delay: 1.7s; }
.optimizingTabsContent .tabs section>*:nth-child(17) { transition-delay: 1.8s; }
.optimizingTabsContent .tabs section>*:nth-child(18) { transition-delay: 1.9s; }
.optimizingTabsContent .tabs section>*:nth-child(19) { transition-delay: 2s; }
.optimizingTabsContent .tabs section>*:nth-child(20) { transition-delay: 2.1s; }
.optimizingTabsContent .tabs section.active { display: block; max-height: 550px; overflow-y: auto; }
.tab-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; }
.tab-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; }
.tab-body::-webkit-scrollbar-thumb { background-color: #124775; }
.optimizingTabsContent .tabs section.active-content>* { opacity: 1; transform: translateY(0); }
@media (min-width: 576px) {
  .optimizingTabsContent .tabs>ul { width: 400px; }
  .optimizingTabsContent .tabs>ul li a { flex-wrap: wrap; }
  .optimizingTabsContent .tabs>ul li a>span { width: 100%; line-height: 31px; }
  .optimizingTabsContent .tabs>ul li a>span.tab-label { width: 100%; display: block; margin-top: 0.2rem; }
  .optimizingTabsContent .tabs section { width: calc(100% - 150px); padding: 2rem 3rem; }
}

@media (min-width: 768px) {
  .optimizingTabsContent body { font-size: 1.125rem; }
}

.brands-wrap.coreFeaturesWrap .overlay-wrap .overlay-content h3:after { position: absolute; bottom: 36px; content: ''; background: #fff; width: 100px; height: 2px; display: inline-block; z-index: 999; }
.brands-wrap.coreFeaturesWrap .overlay-wrap .overlay-content h3 { position: relative; padding-bottom: 50px; }
.brands-wrap.coreFeaturesWrap .sec-title .about-cus-font { font-size: 40px; line-height: 52px; letter-spacing: 2px; margin-bottom: 21px; display: block; }
.brands-wrap.coreFeaturesWrap .dark-overlay { background-color: rgba(0, 0, 0, .69); }
.brands-wrap.coreFeaturesWrap .image-wrap { background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/home-image/core-web-services.jpg); }
.brands-wrap.coreFeaturesWrap.chessBoardWrap .image-wrap { background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/chess-board.jpg); }
.brands-wrap.coreFeaturesWrap .overlay-wrap .overlay-content { padding: 70px!important; padding-left: 50px!important; }
.websiteExperienceWrap .cardBoxWrap .cardBox .boxBtmContent p { min-height: auto; font-size: 20px; font-weight: 600; font-family: 'p-bold'; margin-bottom: 24px; }
.websiteExperienceWrap .cardBoxWrap .cardBox { background: #f8f9fa; background-image: linear-gradient(to bottom right, rgb(255 255 255 / 50%), transparent); box-shadow: 0 0 20px 10px rgb(245 245 245 / 50%); }
.websiteExperienceWrap .cardBoxWrap img { object-fit: contain; }
.boxBtmContent ul li { font-size: 18px; color: #000; font-weight: 600; line-height: 24px; margin-bottom: 20px; }
.websiteExperienceWrap .boxBtmContent ul { padding-left: 16px; }
.websiteExperienceWrap .listWithIcon .listItem i { top: 0; }
.websiteExperienceWrap .listWithIcon .listItem { align-items: center; font-size: 18px; }
.websiteExperienceWrap .mainHeadingSec { margin-bottom: 80px; }
.optimizeSecWrap h3 { font-size: 22px; }
.optimizeSecWrap p { font-size: 18px; line-height: 26px; }
.optimizeSecWrap .serviceSecTitle { padding-right: 110px; }
.optimizeSecWrap .secContentWrap ul { counter-reset: a 0; }
.optimizeSecWrap .secContentWrap ul li { position: relative; padding-bottom: 60px; }
.optimizeSecWrap .secContentWrap ul li:before { margin-bottom: 2.8rem; content: "0"counter(a); counter-increment: a; position: absolute; left: -70px; top: 0; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; font-weight: 500; font-size: 23px; line-height: 2.2rem; color: #fff; background: #124775; border-radius: 16px; z-index: 1; }
.optimizeSecWrap .secContentWrap ul li:after { width: 0; height: 100%; border: 1px dashed #d1d1d1; content: ""; position: absolute; top: 0; left: -45px; height: 100%; border: 1px solid #ebebeb; }
.optimizeSecWrap .secContentWrap ul li:last-child:after { display: none; }
.websiteExperienceWrap.achieveWrap .cardBoxWrap .cardBox { background-color: #fff; height: 100%; }
.websiteExperienceWrap.achieveWrap .cardBoxWrap .cardBox .topRow { border-bottom: none; }
.websiteExperienceWrap.achieveWrap .listWithIcon.closeIcon i:before { content: "\f00d"; color: #ce3715; }
.websiteExperienceWrap.achieveWrap .listWithIcon .listItem i:after { background-color: #f6f6f6; }
.cwv-img-wrap { text-align: center; display: flex; align-items: flex-start; justify-content: center; height: 100%; }
.cwv-img-wrap img { width: 380px; height: auto; }
.optimizingTabsContent #tabs-section p { margin-bottom: 60px; }

/* enterprise software development */

/* Enterprise Software Development Services Page*/
.enterprise_services { padding: 100px 0 0; clear: both; }
.enterpriseCardsRow { margin-top: 90px; margin-bottom: 50px; }
.enterpriseCardContent { padding: 50px 20px 34px; position: relative; border-radius: 8px; overflow: hidden; }
.enterpriseCardContent::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: linear-gradient(270deg, rgb(55 123 251) 0, rgb(80 146 255) 35%, rgb(3 168 247) 100%); transition: 0.5s ease; }
.enterpriseCardContent h3 { font-size: 26px; font-weight: 600; margin: 0 0 30px; }
.enterpriseCardContent:hover::before { height: 100%; }
.enterpriseCardContent:hover h3, .enterpriseCardContent:hover p { color: #fff!important; }
.enterpriseCardContent h3, .enterpriseCardContent p { transition: 0.5s ease; }
.enterpriseCardsRow .singleCard { margin-bottom: 40px; }
.enterprise_services.bottomModule { background: #f9f9f9; }
.enterpriseCardContent * { position: relative; }
.sphere-item-title .text-right { text-align: right; padding: 0 18px 0 0!important; }
.sphere-item-title h4 { font-size: 22px!important; color: #000; font-weight: 600; text-decoration: underline; text-underline-offset: 9px; margin: 0 0 15px; }
.customSphericalSection { background: #fff!important; }
@media (max-width:767px) {
  .enterprise_services .row { flex-flow: column!important; }
  .enterprise_services { padding: 50px 0 0; }
  .enterpriseCardsRow { margin-top: 50px; margin-bottom: 0!important; }
  .enterpriseCardContent h3 { font-size: 22px; margin: 0 0 10px; }
  .enterpriseCardContent { padding: 30px 20px 24px; }
  .btnWrap .commonBtn { font-size: 15px; }
  .customSphericalSection h2.secHeadingTitle { margin: 0 0 30px!important; padding: 0!important; }
  .sphere-item-title .text-right { text-align: left; }
  .customSphericalSection { padding: 40px 0 40px!important; }
}
@media (min-width:768px) and (max-width:991px) {
  .enterpriseCardsRow .singleCard { width: 50%; }
  .enterpriseCardsRow { margin-top: 40px; margin-bottom: 0; }
  .enterpriseCardContent h3 { font-size: 23px; margin: 0 0 20px; }
  .enterpriseCardContent p { font-size: 16px; }
}
@media (min-width:768px) and (max-width:1029px) {
  .sphere-item-title .text-right { text-align: left; }
  .customSphericalSection { padding: 60px 0 20px!important; }
  .customSphericalSection .secHeadingTitle { margin: 0!important; }
}
/* sec closed */
@media (max-width:1024px) and (min-width:768px) {
  .homeBannerWrap.coreWebVitalBanner.spaceBannerWrap h1.mainTitle { line-height: 66px; font-size: 61px; }
  .coreWebVitalBanner ul li { flex: 50% 1; }
  .homeBannerWrap.coreWebVitalBanner { padding-top: 150px; }
  .websiteExperienceWrap.achieveWrap .cardBoxWrap .cardBox { background-color: #fff; height: auto; }
}
@media (max-width:767px) {
  body .listFlexBox h2 {
    line-height: 30px!important;
    font-size: 30px!important;
}
  .homeBannerWrap.coreWebVitalBanner { padding-top: 100px; }
  .homeBannerWrap.coreWebVitalBanner.spaceBannerWrap h1.mainTitle { line-height: 54px; font-size: 46px; }
  .coreWebVitalBanner ul { margin-bottom: 1.6rem; }
  .listWithIcon .listItem i { top: 0; margin-right: 6px; }
  body .ourServiceWrap { padding-bottom: 30px; padding-top: 56px; }
  .optimizingTabsContent { padding-top: 60px; padding-bottom: 80px; }
  .optimizingTabsContent p:first-child { margin-top: 0; }
  .optimizingTabsContent .tabs { display: block; }
  .optimizingTabsContent .tabs .secTitle { font-size: 22px; margin-bottom: 18px; }
  .brands-wrap.coreFeaturesWrap .image-wrap { min-height: 700px; }
  body .optimizingTabsContent .tabs>ul { width: 100%; }
  .brands-wrap.coreFeaturesWrap .sec-title .about-cus-font { font-size: 27px; line-height: 37px; }
  .optimizingTabsContent .tabs section { width: 100%; padding: 2rem; }
  .websiteExperienceWrap .mainHeadingSec { margin-bottom: 40px; }
  .coreWebVitalBanner ul li { flex: 100% 1; }
  .optimizingTabsContent { padding-top: 50px; padding-bottom: 70px; }
  .brands-wrap.coreFeaturesWrap .overlay-wrap .overlay-content { padding: 30px!important; padding-left: 50px!important; }
  .websiteExperienceWrap.achieveWrap .cardBoxWrap .cardBox { height: auto; }
  .page-id-2832 .contactUswrap .newContactView { padding-top: 0; }
  .cardBoxWrap .cardBox .topRow { padding: 10px; }
  .websiteExperienceWrap .boxBtmContent ul { padding-left: 0; }
  .websiteExperienceWrap .listWithIcon .listItem i { margin-right: 16px; }
}

@media (max-width: 767px) {
  .innerPagesWrap .secHeadingTitle { font-size: 32px; font-family: 'p-bold'; }
  .innerPagesWrap h3 { font-size: 28px; }
  .popupWrap .contactUswrap .newContactView { padding: 70px 15px 50px; }
  .popupWrap .contactUswrap .container { padding: 0 10px; }
  .popup.show-popup .popup-content { margin-top: 64px; }
  .popup-content { border-radius: 10px; }
  .newCardIdentity .tab-sec-wrap .btn-tab-wrap .logo-tab-row { margin: 0 0; display: block; justify-content: center; }
  .newCardIdentity .tab-sec-wrap .btn-tab-wrap .logo-tab-col { padding-bottom: 30px; text-align: center; display: flex; justify-content: center; }
}
.achieveWrap .popupWrap .contactUswrap .commonSectionTitle, .achieveWrap .popupWrap .contactUswrap .responsePara, .achieveWrap .popupWrap .contactUswrap p { color: #fff; text-align: left; }
.achieveWrap .popupWrap .contactUswrap p { padding-left: 0; padding-right: 0; }
.achieveWrap .popupWrap .closeIcon { color: #fff; }
.full-wd-popup { overflow: hidden; }
/* blogPageWrap */
.blogPageWrap { padding-top: 80px; background-color: #f7f8fd; padding-bottom: 80px; }
.blogPageWrap .post-grid-item img { width: 100%; margin-bottom: 24px; object-fit: cover;     height: auto; }
.blogPageWrap .post-grid-item { background: #fff; border-radius: 39px; padding: 20px; margin-bottom: 40px; padding-bottom: 30px; display: block; }
.blogPageWrap .blogContent { padding: 12px; }
.blogPageWrap .post-title { text-transform: capitalize; font-family: p-regular; font-weight: 600; font-size: 28px; }
.blogPageWrap .post-title a { color: #124775; font-family: 'p-bold'; font-size: 22px; min-height: 68px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 34px; }
.post-grid-item .post-excerpt p { font-size: 18px; margin: 15px auto 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.post-grid-item .colCustom { display: flex; flex-wrap: wrap; }
.post-grid-item .btnWrap { margin-top: 24px; }
.post-grid-item .commonBtn { background: #124775; border-color: #124775; }
.post-grid-item .commonBtn:hover { background: transparent; backdrop-filter: blur(11px); color: #124775; box-shadow: 8px 8px 0 -4px #124775; }
#tableOfcontents{background: #fff;margin-top: 12px;}
ul#tableOfcontents li a {
    margin-bottom: 2px;
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 26px;
    padding: 6px 0px;
    border-bottom: solid 1px #dbdbdb;
}
.single_post_container .sidebar h3{
   font-family: p-bold;
   color: #124775;
}
/* blogPageWrap */
@media only screen and (min-width: 1140px) {
  .header-two .menu ul li.menu-item-has-children:hover .small-menu-inner.innerContentContainer { max-width: max-content; }
}
/* challangeWrap */
.about-sec.challangeWrap .about-container > .wp-block-column { max-width: 730px; margin-left: auto; padding: 20px; }
.about-sec.challangeWrap img { height: 100%; }
.about-sec.challangeWrap .about-container h2 { line-height: 62px; font-size: 47px!important; }
.coreFeaturesWrap  .list-wrap li, .goalsWrap .list-wrap li { font-size: 20px; padding-left: 34px; background-size: 21px; line-height: 36px; margin-bottom: 6px; }
.secPadTop { padding-top: 80px; margin-bottom: 50px; }
.page-id-2966  h2 { line-height: 60px!important; font-family: 'p-bold'; font-size: 47px!important; }
.page-id-2966  .card-img-box-odd, .page-id-2966 .lastFlexContainer { margin-bottom: 54px; }
body .listFlexBox h2 { line-height: 48px!important; font-family: 'p-bold'; font-size: 42px !important; color: #000!important; }
/* contact page design  */
.newContactView  .contactForm__privacy { text-align: left; font-size: 18px; line-height: 30px; max-width: max-content; margin: 0 auto; }
.newContactView .singleField.submitField input[type="submit"] { border-radius: 100px!important; }
.newContactView .singleField.submitField input:focus { outline: none; box-shadow: none; }
/* closed  */

/* case study pages css */
.Kalgreens-banner { background: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/house-banner-img.jpg) center/cover no-repeat; height: 100%; padding: 200px 0; position: relative; z-index: 1; }
.Kalgreens-banner:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: -1; content: ''; }
/* css closed */
.about-sec.challangeWrap img { object-fit: cover; }
.week-resources-wrap img { filter: brightness(0.2); }
.space-sec-all { padding: 30px; }
.list-wrap li { filter: grayscale(1); }
.goalsWrap { padding: 0 20px; }

/* seniorCultureSec email-flex-content */
.seniorCultureSec .list-wrap li { background-image: none; }
.challenge-encountered-wrap .cus-card, .financialSecWrap .cus-card-col { margin-bottom: 30px; }
.financialSecWrap .cus-card-col img { margin-bottom: 20px; }

/* closed */
.websiteExperienceWrap .imgWrap.fullWidth img { object-fit: cover; height: 100%; }
.page-id-1346 h2, .page-id-1479 h2, .page-id-1573 h2, .page-id-1610 h2, .page-id-1655 h2, .page-id-1672 h2, .page-id-1702 h2, .page-id-1735 h2, .page-id-1773 h2, .page-id-1804 h2, .page-id-1831 h2 { line-height: 62px; font-size: 47px; }
body .wp-block-group.caseStudyFlexContent h2 { line-height: 46px!important; }
.about-container > .wp-block-column { max-width: 730px; margin-left: auto; padding: 20px; }
.universal-weather .list-wrap ul li { filter: brightness(0) invert(1); }
.need-sec { padding-left: 16px; padding-right: 16px; }

.page-id-1479.page-template-fullwidth .col-sm-12, .page-id-1573.page-template-fullwidth .col-sm-12, .page-id-1655.page-template-fullwidth .col-sm-12, .page-id-1702.page-template-fullwidth .col-sm-12, .page-id-1735.page-template-fullwidth .col-sm-12, .page-id-1804.page-template-fullwidth .col-sm-12, .page-id-1831.page-template-fullwidth .col-sm-12 { padding-right: 0; }

body .listGroupBox h2 { line-height: 34px; font-size: 24px!important; }
.listGroupBox  .wp-block-image { margin-bottom: 14px; }

@media (max-width:1024px) {
  .brands-wrap.chessBoardWrap .text-foreground .text-wrap .text-title { font-size: 1.6rem; font-family: p-bold; }
  .brands-wrap.coreFeaturesWrap .sec-title .about-cus-font { font-size: 36px; line-height: 48px; }
  body .Kalgreens-banner h2 { line-height: 46px!important; font-family: 'p-bold'; font-size: 38px!important; }
  .about-sec.challangeWrap .about-container h2 { line-height: 62px; font-size: 36px!important; }
  .page-id-1346 h2,   .page-id-1479 h2,   .page-id-1573 h2,   .page-id-1610 h2,   .page-id-1655 h2,   .page-id-1672 h2,   .page-id-1702 h2,   .page-id-1735 h2,   .page-id-1773  h2,   .page-id-1804 h2, .page-id-1831 h2 { line-height: 48px; font-size: 36px!important; }
  .page-id-2966 h2 { line-height: 46px!important; font-family: 'p-bold'; font-size: 36px!important; }
  .investing-sec { padding-bottom: 60px; padding-top: 116px; }
}

@media (max-width:820px) {
  .brands-wrap.chessBoardWrap .image-wrap { min-height: 350px; }
  .investing-sec .investing-heading h2 { font-size: 38px; line-height: 50px; }
}
@media (max-width:767px) {
  .Kalgreens-banner { padding: 110px 0; padding-bottom: 60px; }
  .tech-used-sec { padding: 60px 0 30px; }
  .about-sec.challangeWrap .about-container > .wp-block-column { padding: 0; }
  .goalsWrap  .card-img-box .wp-block-column:first-child { padding: 30px 30px 15px; }
  body .listFlexBox.goalsWrap h2 { font-size: 28px!important; }
  .goalsWrap { padding-top: 40px!important; padding-bottom: 10px!important; }
  .page-id-1346 h2,   .page-id-1479 h2,   .page-id-1573 h2,   .page-id-1610 h2,   .page-id-1655 h2,   .page-id-1672 h2,   .page-id-1702 h2,   .page-id-1735 h2,   .page-id-1773 h2,   .page-id-1804 h2, .page-id-1831 h2 { line-height: 37px; font-size: 30px!important; }
  .digicrates-banner,   .freetube-banner,   .frp-live-banner,   .indigo-visual-banner,   .retail-app-banner,   .superfit-banner,   .teleagent-banner,   .wedding-banner, .worldcast-banner { padding: 113px 0 37px; }
  .caseStudyFlexContent { padding: 0 16px; }
  .card-img-box .wp-block-column:first-child { padding: 34px 22px 15px; }
  .card-img-box-odd .wp-block-column:nth-child(2) { padding: 34px 22px 15px; }
  .space-sec-all { padding: 0; }
  .cardBoxWrapper .size-full { margin-bottom: 20px; }
  body .wp-block-group.caseStudyFlexContent h2, body .wp-block-group.caseStudyFlexContent h2 { line-height: 36px!important; font-size: 28px!important; }
  .listGroupBox  .wp-block-columns.pt-5.mt-5 { padding-top: 0!important; margin-top: 0!important; margin-bottom: 0; }
  body .listGroupBox h2 { line-height: normal; font-size: 22px!important; }
  body .listGroupBox .investing-heading h2 { font-size: 28px!important; }
}

/* testimonial design css  */
.customers-section-avatar { border-radius: 10px; }
.customers-section.customers-section-platform .customers-section-avatar-8 { top: 257px; left: 77%; }
.customers-section.customers-section-platform .customers-section-avatar-5 { bottom: 143px; left: 88%; }
.customers-section.customers-section-platform .customers-section-avatar-2 { top: 165px; left: 71%; }
.customers-section.customers-section-platform .customers-section-avatar-3 { top: 156px; left: 45%; }
.customers-section.customers-section-platform .customers-section-avatar-12 { top: 152px; left: 62%; }
.customers-section.customers-section-platform .customers-section-avatar-13 { top: 30px; left: 13%; }
.customers-section.customers-section-platform .customers-section-avatar-14 { top: 0; left: 37%; }
.customers-section.customers-section-platform .customers-section-avatar-15 { top: 30px; left: 20%; }
.customers-section.customers-section-platform .customers-section-avatar-16 { top: 75px; left: 13%; }
.customers-section.customers-section-platform .customers-section-avatar-17 { top: 126px; left: 49%; }
.customers-section.customers-section-platform .customers-section-avatar-18 { top: 173px; left: 49%; }
.customers-section.customers-section-platform .customers-section-avatar-16 { top: 30px; left: 13%; }
.customers-section.customers-section-platform .customers-section-avatar-19 { top: 117px; left: 12%; }
.customers-section.customers-section-platform .customers-section-avatar-20 { top: 30px; left: 33%; }
.customers-section.customers-section-platform .customers-section-avatar-21 { top: 30px; left: 28%; }
.customers-section.customers-section-platform .customers-section-avatar-22 { top: 98px; left: 24%; }
.customers-section.customers-section-platform .customers-section-avatar-23 { top: 40px; left: 8%; }
.customers-section.customers-section-platform .customers-section-avatar-24 { top: 175px; left: 18%; }
.customers-section.customers-section-platform .customers-section-avatar-25 { top: 275px; left: 43%; }
.customers-section.customers-section-platform .customers-section-avatar-26 { top: 418px; left: 25%; }
.customers-section.customers-section-platform .customers-section-avatar-27 { top: 200px; left: 30%; }
.customers-section.customers-section-platform .customers-section-avatar-28 { top: 219px; left: 44%; }
.customers-section.customers-section-platform .customers-section-avatar-29 { top: -22px; left: 29%; }
.customers-section.customers-section-platform .customers-section-avatar-30 { top: 60px; left: 71%; }
.customers-section.customers-section-platform .customers-section-avatar-31 { top: 30px; left: 66%; }
.customers-section.customers-section-platform .customers-section-avatar-32 { top: 100px; left: 65%; }
.customers-section.customers-section-platform .customers-section-avatar-33 { top: 111px; left: 50%; }
.customers-section.customers-section-platform .customers-section-avatar-34 { top: 69px; left: 46%; }

/* testimonial design css closed */

@media (max-width:1399px) {
  .customers-section.customers-section-platform .customers-section-avatar-26 { top: 291px; left: 25%; }
}

@media (max-width: 991.98px) {
  .customers-section-author { font-size: 14px; letter-spacing: 0; line-height: 18px; margin-top: 0!important; margin-bottom: 3px; }
  .customers-section-author-wrapper { margin-top: 24px; }
  .customers-section-author-rating { max-width: max-content!important; }
  .customers-section-content.active p { padding: 0 10px; text-align: left; }
}

@media (max-width:767px) {
  .customers-section-author-wrapper { margin-top: 0; justify-content: center; }
  .mob-testimonial p.testimonial { padding-top: 10px; }
  .customers-section-author-role { margin-bottom: 0; }
  .mob-testimonial .owl-carousel { display: block; text-align: center; margin: 0 auto; }
  body .mob-testimonial { padding: 0; border: none; }
  .mob-testimonial .mob-testi .item { margin-top: 16px; }
  .mob-testimonial .mob-testi .item img { border-radius: 10px; }
  .mbMobileSpace { margin-top: 40px; }
  .challangeWrap.challengeContentWrap .about-container { padding: 0 16px; }
}

/* footer css  */
.footer .footer-contactsList .footer-link { font-size: 17px; }
/* footer css closed */

/* web development page design css */

/* solutionCardWrap */
.solutionCardWrap, .webApp section.cards.cards--webappdev-1.solutionCardWrap .col-lg-4 { display: flex; flex-wrap: wrap; }
.webApp section.cards.cards--webappdev-1 .cards-item { padding: 48px; border-radius: 24px; }
.innerPage .subHeadingTitle.smallHeading { font-size: 22px; }
.securityCardWrap.lists--bullets--white ul li:before { background-color: #124775; }
.securityCardWrap.cards--webappdev-3 .cards-item, .securityCardWrap.cards--webappdev-3 .cards-row, .securityCardWrap.cards--webappdev-3 .cards-wrapper { border: none; }
.securityCardWrap h3 { margin-bottom: 24px; }

body .sphereWrapper .sphere-item-title { padding-left: 0; }

@media (max-width:1049px) {
  section.sphere.sphere--webappdev-1.sphere--items-4.bgcolor--dark.bg--cover.lazy { padding: 50px 0; padding-bottom: 20px; }
  section.sphere.sphere--webappdev-1.sphere--items-4 .pb-80 { padding-bottom: 0!important; }
  section.cards.cards--webappdev-1 .sphere-item-title { padding-left: 0; }
}

/* solutionCardWrap closed */

/* inner banner css  */

@media (max-width:1024px) and (min-width:768px) {
  .full-width-media { width: 100%!important; }
  .space-small-media { padding-top: 50px; padding-bottom: 50px; }
  .vendorProjectWrap .heading-title { margin-bottom: 40px; }
}

@media (max-width:1024px) {
  .mobileRotator .pb-80 { padding-bottom: 0!important; }
  body .infoList { padding-top: 50px; }
}

@media (max-width:768px) {
  .bannerTitleSpace, .mobileapp .title-name { padding-top: 100px; }
  .infoList { padding-top: 40px; }
  .iconSlider { padding-top: 0; }
  .info  .text-align-left { text-align: center!important; }
  .info-text h3 { padding-top: 0; }
  .secPadMd { padding-top: 30px!important; padding-bottom: 30px!important; }
}
/* background after effect */
.bgAfterEffect { position: relative; z-index: 1; }
.bgAfterEffect:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); content: ''; }

.tabImageWrap .tab-content { display: block; }

/* closed */

/* social-media-marketing */

/* pillarsSectionWrap */

.cards--page-omnichannel-ecommerce-1.secPadMd { padding-bottom: 20px!important; }

section.pillars-section.pillarsSectionWrap { padding: 90px 20px 30px; }
section.unlock { padding: 90px 0 100px; }

@media (max-width:1024px) {
  .hide-btm-pad { padding-bottom: 0!important; }
  .heading-title.spaceHeading { margin-bottom: 40px; }
  body .innerPage .subHeadingTitle { font-size: 27px; }
}
@media (max-width:1024px) {
  .fullImageView img { width: 100%; max-width: 100%; }
  .infoList1 { padding-top: 60px; padding-bottom: 20px; }
  body .circleRotatorContent { padding-top: 50px; }
  .pad-top-mob { padding-top: 70px; }
  .heading.spaceBtmMargin { padding-bottom: 50px; }
}

@media (max-width:767px) {
  .expertiseWrap .scheme1-content { margin-bottom: 30px; }
  .expertiseWrap { padding-left: 0!important; padding-right: 0!important; }
  .expertiseWrap .mb-0 { margin-bottom: 30px!important; }
  .expertiseWrap .secHeadingTitle { margin-bottom: 0!important; }
}

/* pages banner button wrap */
.intelligenceWrap a { background: transparent; color: #fff; }



/* startupBannerImage agencyImage */

.startupBannerImage.agencyImage .spaceBannerWrap{
  	background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/agency-page-banner.jpg);
}
.startupWrap .startupBannerImage .spaceBannerWrap{
 	background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/startup-banner.jpg);
}

.enterprise-development-wrap .spaceBannerWrap{
 	background-image: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/Eterprises.jpg);
}

.heartfelt-sec.aiModelWrap .heartfelt-service-para img{filter: none;}



/* contact form design  */
.newContactView input {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 5px !important;
  padding: 26px 16px !important;
}

.newContactView .wpforms-submit {
  background: #e67e00 !important;
  color: #fff !important;
  padding: 16px 40px 16px 40px !important;
  display: inline-block !important;
  position: relative;
  font-family: "p-bold" !important;
  font-size: 19px !important;
  border-radius: 100px !important;
  border: 2px solid #ff8f08 !important;
  box-shadow: 0 0 0 0 transparent;
  height: auto !important;
  margin-top: 20px;
}
.newContactView textarea{
  border-radius: 10px !important;
}
.newContactView .wpforms-submit:hover {
  background: transparent !important;
  color: #ff8f08 !important;
  box-shadow: 8px 8px 0 -4px #ff8f08;
}

.newContactView div.wpforms-container-full  button[type=submit]:hover{
  background: transparent !important;
}

.newContactView .wpforms-submit {
  border-radius: 100px;
}
.newContactView .wpforms-submit {
  transition: all .6s cubic-bezier(0,0,.2,1);
}

.newContactView button:focus,
.newContactView input:focus,
.newContactView textarea:focus,
div.wpforms-container-full button[type=submit]:focus:after{
  box-shadow: none !important;
  outline: none !important;
   border: 1px solid #ff8f08 !important;
}

/* wpforms-3265 */
.newContactView #wpforms-3265{margin-top: 0px;}

/* IOS Development */

.pt-80{padding-top: 100px !important;}

@media (max-width: 1600px) {
  body .iosImageDiv img {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .lists--checkmarks ul li, .lists--checkmarks--blue ul li, .lists--checkmarks--green ul li {font-size: 16px;}
  body .blue-section{padding-top: 60px !important;padding-bottom: 16px !important;}
  .netCloudWrap.iconSlider{padding-top: 50px;}
  /* iconSlider--page-bigdata */
  .iconSlider--page-bigdata{ padding-top: 0px !important;}
}

@media (max-width:1024px){
  .table--ios .lists--bullets{padding-bottom: 10px;}
  .iosAppPageWrap img{width: 100%;}
}


/* dot-net-developers */

.dotNetCardsWrap .cards-name .secTitle{padding: 16px 0px;}
.dotNetCardsWrap{padding-top: 50px;}
body .statistics--page-net-1 .statistics-subtitle-big {font-size: 65px;}
body .statistics-description {font-size: 20px; text-align: center;}
body .statistics--page-net-1 {padding-top: 60px;padding-bottom: 60px;}
.dotNetCardsWrap .cards-item{margin-bottom: 20px;}
.net-page .title-text{font-size: 18px;}
.net-page .title-name:before{display: none;}


@media (max-width: 1200px) {
  body main.net-page .sphere-item.sphere-item--1,
  body .sphere-item.sphere-item--7,
  body .sphere-item.sphere-item--6 {
    left: 0;
  }
}

/* Phone number field css */
div#wpforms-3265-field_7-container .iti.iti--allow-dropdown {position: relative; display: inherit;}
div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container { position: absolute;padding: 1px;}
div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {z-index: 1; position: relative; display: flex; align-items: center; height: 100%;padding: 0 6px 0 8px; background-color: rgba(0, 0, 0, .05);}
.iti__highlight {
    background-color: rgba(0, 0, 0, .05);
}
div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container ul#iti-0__country-listbox li {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 8px;
    outline: 0;
    font-size: 19px;
}

div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container ul#iti-0__country-listbox li .iti__flag-box {
    margin-right: 8px;
}

div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container ul#iti-0__country-listbox li span.iti__country-name {
    margin-right: 8px;
    font-size:16px !important;
}
div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container ul#iti-0__country-listbox li.iti__divider {
    display: none;
    padding: 0;
}
div#wpforms-3265-field_7-container .iti.iti--allow-dropdown .iti__flag-container ul#iti-0__country-listbox {
    max-height: 185px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    z-index: 999;
    border: 1px solid #ccc;    margin-left: -1px;
}