.bg-light { background: var(--white-color) !important; padding: 0 20px !important; }
.navbar { padding: 0; } 
.navbar-brand { padding: 20px 0;} 
.me-auto { margin: auto; }
.navbar-light .navbar-nav .nav-link {padding: 20px 15px; color: var(--black-color); white-space: nowrap;}
.navbar-light .navbar-nav .nav-link:hover { color: var(--primary-color); }
/* .navbar-light .navbar-nav .nav-link.active {} */
.middle-section { overflow: hidden; margin-top: 85px; }
.navbar-expand-lg .navbar-collapse {justify-content: space-between;}

header {position: fixed; top: 0; left: 0; width: 100%; background: var(--white-color); z-index: 99; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);}
.nav-link.active { color: var(--primary-color) !important; }

footer {background: var(--light-gray); padding: 80px 0 30px;}
footer h4 {color: var(--black-color); font-weight: 600; margin-bottom: 30px;}
footer ul {margin-bottom: 40px;}
footer ul li a, footer p {color: var(--dark-charcoal);line-height: 30px;}
footer ul li a:hover {color: var(--primary-color);}
.footerlogo {max-width: 100%; margin-bottom: 40px;}
hr.footer_line {margin-top: 40px;border-color: #999999;opacity: 1;}


.topright-btn .btn {margin-right: 5px;}
.followus {margin-bottom: 30px;}
.followus a {margin-right: 20px;}
.followus img{filter: invert(1);}


.home-platforms, .home-testimonial,.home-why, .home-features, .home-premise  {margin-bottom: 80px;}
.cmn-title {margin-bottom: 40px; font-size: 20px;}
.cmn-title .title-secondary {color:  var(--primary-color);}


/* banner section */
.home-banner {background:url("../images/home-banner-bg.png") no-repeat center; background-size: cover; height: 600px; color: var(--white-color); position: relative;}
.home-banner h2 {font-size: 48px; color: var(--white-color); line-height: 72px;}
.home-banner h2 span {background: var(--primary-btn); -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.home-banner h3 { margin-bottom: 50px; color: var(--white-color);}
.home-banner ul {margin-bottom: 50px;}
.home-banner ul li {display: inline-block; font-weight: 600; margin-right: 25px;}
.home-banner ul li img {margin-right: 5px;}
.banner-btns .btn {margin: 0 10px;}


.home-platforms {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(243,244,246,1) 25%, rgba(255,255,255,1) 100%);}
.home-platforms .card {text-align: center; padding:3em; border-radius: 24px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); border: none; height: 100%;}
.home-platforms .card img {height: 130px; width: 130px; align-self: center; margin-bottom: 40px;}
.home-platforms .mycards {margin-bottom: 40px;}

.tm-card {padding:3.75em; border-radius: 24px;  height: 100%; background: var(--light-gray-color);margin-bottom:50px;}
.tm-card .tm-user {height: 90px; width: 90px; border-radius: 50%; border: solid 1px var(--primary-color);}
.tm-card p {position: relative; margin-bottom: 0;}
.user-rating {display: flex;align-items: center;column-gap: 46px;margin-bottom: 15px;}
.user_name h4 {margin-bottom: 9px;}
.quote {display: flex;flex: 1;justify-content: flex-end;}
.rating-text {color: #9747FF;padding-left: 10px;margin-left: 5px;position: relative;}
.testimonial_slider.owl-carousel .owl-item img {width: auto;display: inline-block;}

.rating-text::before {position: absolute;content: "";width: 1px;height: 16px;background: #999999;top: 50%;transform: translateY(-50%);left: 0;}

.home-why {background: url("../images/home-why-graphic.png") no-repeat right bottom var(--black-color); padding: 104px 0;background-size: 380px;}
.home-why h2 {margin-bottom: 50px;}
.home-why p {color: var(--white-color); font-size: 20px;}
.home-why ul.cmn-listing li {color: var(--white-color); font-size: 20px; font-weight: 600;}

ul.cmn-listing {margin-bottom: 30px;}
ul.cmn-listing li {padding-left: 42px; background:url("../images/bullet.svg") no-repeat center left; font-size: 16px; margin-bottom: 20px;}

.home-cta {background: url("../images/home-cta-bg.jpg") no-repeat center; background-size: cover; padding: 80px 0 50px 0;margin-bottom:80px;}
.home-cta h2 {margin-bottom: 50px; line-height: 60px;}
.cta-cards {background: var(--white-color); border-radius: 24px; padding: 2em; text-align: center; min-height: 200px; justify-content: center; color: var(--primary-color); margin-bottom: 30px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); border: none;}
.cta-cards h2 {margin-bottom: 0;}
.cta-cards h2.tertiary {color: var(--primary-color);}
.cta-cards span {font-size: 16px; font-weight: 600; color: var(--black-color);}

.home-premise .card {padding:4em; border-radius: 24px;  height: 100%; background: var(--light-gray-color); border: none;}
.home-premise .card h3 {margin-bottom: 5px;}
.home-premise .card h4 {color: var(--spanish-gray); margin-bottom: 40px;}

.home-getdemo {background: var(--light-gray-color); padding: 80px 0;}

.home-accordion .accordion-button:not(.collapsed), .home-accordion .accordion-collapse {background: var( --primary-btn);color:var(--white-color);}
.home-accordion .accordion-button:not(.collapsed)::after{filter: invert(1);}

/* ======================================================
New Home Page
====================================================== */
.HeroTopBanner {background: linear-gradient(180deg, var(--black-90) 0%, var(--black-color) 109.79%);padding: 40px 0px;}
.HeroBoxVector { position: absolute; right: 0; }
.HeroText h1 {color: var(--white-color);font-weight:500;}
.HeroText p { color: var(--white-color); margin-bottom: 30px; margin-top: 20px; }
.HeroTopBanner + section.random-sharp {margin-top: -260px;position: relative;}
.HeroTopBanner + section.random-sharp + section.Trustedby {margin-top: -120px;padding-top: 220px;}

.TrustedList{display: grid; gap: 1rem;grid-template-columns: repeat(2, 1fr);align-items: center;}
.icon-global img { mix-blend-mode: multiply; }
.icon-global.Top-Left {margin-top: -270px; max-width: 200px; position: absolute;}
.IconWithText {background-color:var(--white-color);border-radius: 12px;box-shadow: 0px 2px 16px 0px rgba(117, 108, 108, 0.08);padding: 30px;height:100%;position:relative;overflow:hidden;border: 1px solid var(--white-color);transition: all 0.9s;text-align: center;}
.IconWithText h4 {margin-bottom: 5px;margin-top: 20px;}
.IconWithText p {margin-bottom: 0;}
.icon-global.Top-Right { position: absolute; max-width: 110px; right: -40px; top: -40px; opacity: 0.5; transition: all 0.9s;}

.AIProctoringBest{background-image: url("../images/ring-bg.png");background-size: cover; background-position: center; background-repeat: no-repeat;}
.mi-text { font-size: 18px; font-weight: 500; }

.IconCard { border-radius: 12px; border: 1px solid rgba(192, 192, 192, 0.16); box-shadow: 0px 2px 16px 0px rgba(117, 108, 108, 0.08); height: 100%; padding: 30px;background-image: url("../images/small-box-bg.svg");background-size: contain; background-position: center; background-repeat: no-repeat; }
.IconCard p { margin-bottom: 0; margin-top: 20px; }

.HowVideoCard {position: relative;overflow: hidden;border-radius: 12px;}
.VideoOverlay { position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0, 0.7); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.VideoBTNCard { background: rgba(207, 169, 49, 0.10); border-radius: 100px; display: flex; justify-content: center; align-items: center; width: 140px; height: 140px; flex-shrink: 0; aspect-ratio: 1/1; }
.icon-global.Bottom-Right { position: absolute; right: 0; max-width: 260px; bottom: -200px; }

.VideoR1 { background: rgba(207, 169, 49, 0.20); border-radius: 100px; width: 110px; height: 110px; flex-shrink: 0; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; }
.ViderBTN {font-size: 36px;color:var(--white-color); cursor: pointer; width: 80px; height: 80px; flex-shrink: 0; aspect-ratio: 1/1; background: var(--primary-color); display: flex; justify-content: center; align-items: center; border-radius: 100px; }

.StepItem {display: flex;gap: 20px;align-items: center;position:relative;}
.StepItem::before { position: absolute; content: ""; width: 10px; height: 42px; top: 40px; background-size: contain !important; background-position: right !important; background-repeat: no-repeat !important; }
.StepItem:last-child:before{display: none;} 
.StepItem:nth-child(odd)::before{left: -6px;background: url("../images/Icon-curve-arrow-l.svg"); }
.StepItem:nth-child(even)::before{left: 46px;background: url("../images/Icon-curve-arrow-r.svg"); }
.StepIcon { width: 50px;height: 50px;flex-shrink: 0;background: var(--light-gray);aspect-ratio: 1/1;border-radius: 100px;display: flex;justify-content: center;align-items: center;}
.StepGrid {display: grid;grid-template-columns: 1fr;gap: 20px;}
.SecurityBox { background: linear-gradient(180deg, var(--black-color) 0%, var(--black-90) 74.52%); position: relative;}
.SecurityBoxVector {position: absolute;bottom: 0;}
.SecurityBox h2 {color: var(--white-color);}
.SecurityIcon { display: flex; width: 100%; height: 204px; padding: 30px; flex-direction: column; align-items: center; gap: 20px; flex-shrink: 0; background:var(--black-color); border-radius: 12px; border-top: 2px solid var(--primary-color); background: var(--black-color); }
.SIconBox { display: flex; width: 80px; height: 80px; padding: 17px; align-items: center; gap: 10px; border-radius: 40px; background: var(--primary-btn); }
.SecurityIcon h6 {color: var(--white-color);text-align: center;margin-bottom: 0;font-weight:600;}

.LiveDemoAction { background-color:var(--black-90); padding-top: 80px; background-image: url("../images/box-bg.svg");background-size: contain; background-position: right; background-repeat: no-repeat;}
.LiveDemoAction h2, .LiveDemoAction p, .LiveDemoAction h5 {color: var(--white-color);}
.LiveDemoAction p{font-weight:400;}
.LiveDemoAction h5 {font-weight: 600;margin-bottom: 30px;}

/* ======================================================
Inner Page
====================================================== */
.InnerHeroTopBanner{padding-top: 110px; padding-bottom: 110px; background: url("../images/inner-hero-banner.jpg");background-size: cover; background-position: center; background-repeat: no-repeat;position:relative;}
.InnerHeroTopBanner::before {position:absolute;content:"";width:100%;height:100%;left:0;right:0;top:0;background: linear-gradient(180deg, var(--black-90) 0%, var(--black-color) 109.79%);opacity: 0.9;}
.InnerHeroTopBanner::after {position:absolute;content:"";width:100%;height:100%;left:0;right:0;top:0;background: url("../images/box-bg.svg");background-size: 700px; background-position: 70% 20px; background-repeat: no-repeat;}

.InnerHeroText h1 {color: var(--white-color);}
.InnerHeroText .breadcrumb {justify-content: center;color: var(--white-color);margin-bottom: 0;}
.InnerHeroText .breadcrumb-item a {color: var(--white-color);}
.InnerHeroText .breadcrumb-item.active {color: var(--primary-color);}
.InnerHeroText .breadcrumb-item+.breadcrumb-item::before {color: var(--white-color);}

/* ======================================================
Solutions Page
====================================================== */
.RichTextContent p { font-weight: 600; line-height: 30px; }
.Rich-max-content {max-width: 1024px;}

.PointIconFlex {display: grid;grid-template-columns: 1fr;gap: 30px;}
.PointIconText {display: flex;align-items: center;gap: 20px;}
.PointIcon { flex-shrink: 0; width: 40px; }
.BulletsPoints {padding-left: 60px;margin-top: 10px;}
.BulletsPoints li {padding-left: 20px;margin-bottom: 10px;position:relative;}
.BulletsPoints li::before { position: absolute; content: ""; width: 4px; height: 4px; background: var(--dark-charcoal); border-radius: 100px; left: 0; top: 11.5px; }
.BulletsPoints li:last-child {margin-bottom: 0;}

/* ======================================================
Features Page
====================================================== */
.wdo-container {max-width: 1180px;}
.IconHoverCard:hover {border-color: #B6922F;background: linear-gradient(90deg, rgba(182, 146, 47, 0.10) 0%, rgba(207, 169, 49, 0.10) 100%);}
.IconHoverCard:hover .icon-global.Top-Right {transform: translateX(100px);}
.IconHoverCard:hover h4 {color: var(--primary-color);}
.primary-arrow-hover {position: absolute;right: 30px;transition: all 0.9s;transform: translateX(-50px);opacity: 0;}
.IconHoverCard:hover .primary-arrow-hover {opacity: 1;transform: translateX(0px);}


/* ======================================================
How It Works Page
====================================================== */
.JourneyGrid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 80px; align-items: self-start;}
.JourneyItem {display: flex;flex-direction: column;gap: 20px;text-align: center;position:relative;height:100%;}
.JourneyIcon { width: 150px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 100px; border: 2px dashed var(--spanish-gray); margin: 0px auto;aspect-ratio:1/1;}
.JourneyItem p {font-weight: 600;}
.JourneyItem::before {position: absolute; content: ""; width: 140px; height: 20px; right: -121px; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;}
.JourneyItem:last-child:before{display: none;} 
.JourneyItem:nth-child(odd)::before{top: 50px;background: url("../images/Icon-curve-top-arrow.svg"); }
.JourneyItem:nth-child(even)::before{bottom: 90px;background: url("../images/Icon-curve-bottom-arrow.svg"); }
.AdminsJourney{background-image: url("../images/ring-bg.png");background-size: cover; background-position: center; background-repeat: no-repeat;}


/* ======================================================
About Us Page
====================================================== */

.AboutUsCardContent .section-heading p {color: rgba(44, 46, 51, 0.60);}
.AboutUsCardContent .PIFlexItem {padding: 30px;}
.AboutUsCardContent .PIFlexItem:nth-child(odd) {background-color: var(--light-gray);border-radius: 10px;}
.AboutUsCardContent .PIFlexItem p {padding-left: 60px;margin-top: 10px;color: rgba(44, 46, 51, 0.80);margin-bottom: 0;}

.AboutTeamCard { display: flex; gap: 30px; background-color: #EAEAEA; align-items: center; padding-right: 20px; position: relative; padding-bottom: 0; }
.TmProfile { flex: 0 0 50%; }
.TmContent h4 { margin-bottom: 10px; }
.TmSocial { display: flex; align-items: center; gap: 15px; align-self: center;}
.tmsLink { color: #6B7280; } 
.tmsLink:hover { color: var(--primary-color); }

.Teamcard{box-shadow:0 19.656px 24.57px -4.914px rgba(0,0,0,.1),0 9.828px 9.828px 0 rgba(0,0,0,.04);border-radius:8px;padding:15px;min-height: 100%;}
.Teamcard img{width:100%;border-radius:8px;}
.QTInfo{padding:10px 0 10px;}
.QTInfo h4{margin-bottom:5px;color:var(--primary-color);}
.QTInfo h5,.QTInfo p,.QTshare a{color:#6B7280;}
.QTInfo h5{font-weight:500;font-size:14px;margin-bottom: 0px;}
.QTInfo p{line-height:24px;font-weight: 400;}
.QTshare{display: flex ; align-items: center; gap: 11.794px; align-self: center; justify-content: center; margin-top: -20px;}
.QTshare a {font-size: 24px; width: 42px; height: 42px; background: #fff; flex-shrink: 0; display: flex ; justify-content: center; align-items: center; border-radius: 100px;}
.QTshare a:hover{color:var(--primary-color);}
.loadmore .btn-outline-secondary {border-color: var(--primary-color);border-radius: 100px;color: #0C0C0C;min-width: 135px;}
.loadmore .btn-outline-secondary:hover {background: var(--primary-color);color: var(--white-color);}

.JoinUs .container{max-width: 590px;}
.JoinForm form {border-radius: 10px;border: 1px solid #CDCDCD;background: #EFEEEE;display: flex;align-items: center;padding: 14px 20px;gap: 20px;flex-wrap: wrap;}
.form-group {flex: 1;}
.JoinForm form .form-control {background: transparent;border: none;}
.JoinForm form .form-control:focus {box-shadow: none;}

/* ======================================================
Resources Page
====================================================== */
.blog-card {background: var(--white-color);border-radius: 20px;overflow:hidden;}
.post_img { border-radius: 20px 20px 0px 0px; aspect-ratio: 16 / 9; object-fit: cover;}
.post-dt {gap: 7px;font-weight: 600;color: #2C2E33;}
.post_info {padding: 20px 17px;display: flex;flex-direction: column;gap: 10px;background-color: #FDFDFD;}
.post_info h5 { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 48px; }
.post_info a {font-weight: 600;}

.CSThumbImg { border-radius: 10px; overflow: hidden; }
.LinkwithArrow.text-black:hover{color: var(--primary-color) !important;}
.LinkwithArrow.text-black img {filter: brightness(0);}
.LinkwithArrow.text-black:hover img {filter: brightness(1);}
.CSLastestPost {height: 100%;position:relative;}
.CSLastestPost img {height: 100%;object-fit: cover;}
.lastestPostInfo { position: absolute; top: 0; left: 0; right: 0; height: 100%; background: rgba(0,0,0, 0.6); padding: 36px; display: flex; flex-direction: column; justify-content: space-between; }
.PastTag { border-radius: 3.601px; border: 1.2px solid #EBEEF3; width: 140px; text-align: center; padding: 4px; color: #EBEEF3; }
.ReleaseDate { color: var(--white-color); } 
.LPHeading h2 { margin-bottom: 0; color: var(--white-color); font-weight: 600; margin-top: 10px; text-transform: capitalize; }

.FAQCard { border-radius: 22.941px; background: #F6F6F6; box-shadow: 0 6.373px 20.392px 0 rgba(8, 15, 52, 0.06); padding: 60px 20px 60px 60px; }
.FAQCard .accordion-item {border-bottom: 1px solid #D9DBE9;border-radius: 0;padding: 0;background: transparent;}
.FAQCard .accordion-item:first-of-type {border-radius: 0;}
.FAQCard .accordion-button:not(.collapsed) {background: transparent;color: var(--primary-color);}
.FAQCard .accordion-collapse {background: transparent;}
.FAQCard .accordion-button {background: transparent;}
.FAQCard .accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");transition: all 0.5s;}
.FAQCard .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");filter: brightness(0) saturate(100%) invert(76%) sepia(16%) saturate(1801%) hue-rotate(3deg) brightness(89%) contrast(86%);}
.FAQCard .accordion-button::after {transition: all 0.5s;}
.FAQCard .accordion-button:not(.collapsed)::after, .FAQCard .accordion-button::after{top: 15px;width: 30px; height: 30px;background-size: 30px;}

.SupportContent {display: grid;grid-template-columns: 1fr;gap: 30px;}
.HelpContent {display: grid;column-gap: 30px;grid-template-columns: 1fr 1fr;}
.supporttext img {width: 64px;height: 64px;object-fit: contain;margin-bottom: 16px;}
.SocialMediaContant {display: flex;gap: 30px;}
.SocialMediaContant a {width: 42px; height: 42px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 100px; font-size: 24px; color: var(--primary-btn); text-transform: uppercase; background: var(--primary-btn); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.SocialMediaContant a:hover { background: #cfa931; color: #fff; -webkit-background-clip: inherit; -webkit-text-fill-color: #fff; }

/* ======================================================
Plans and Solutions Page
====================================================== */
.LeadForm {background-color: #F3F4F6;border-radius: 10px;padding-top: 30px;padding-bottom: 40px;margin-bottom:40px;}
.LeadForm h2 {border-bottom: 1px solid #959595;padding-bottom: 30px;margin-bottom:0px;}
.LeadForm .GravityForm { padding: 40px; }
.LeadPoints {display: grid;gap: 20px;grid-template-columns: 1fr;position:relative;}
.LPRound {width: 20px;height: 20px;background-color: var(--primary-color);border-radius: 100px;flex-shrink: 0;margin-top: 5px;outline: 8px solid #fff;}
.LeadFlex {display: flex;gap: 20px;}
.LeadPoints::before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 50px);
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #cfa931, #cfa931, #cfa931, #cfa931, #cfa931);
    background-size: 3px 5px, 100% 8px;
    border: none;
    left: 9px;
    z-index: -1;
}
.LPText p{margin-bottom: 5px;}

/* ======================================================
Gravity Form Design
Gravity Form Design
====================================================== */
.GravityForm .ginput_container_text input, .GravityForm .ginput_container_select select, .gform-theme--foundation .ginput_container .gform-grid-col input, .ginput_container input.large {
    border-radius: 8px !important;
    border: 1px solid #D0D5DD !important;
    background-color: var(--white-color) !important;
    padding: 5px 14px !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
    height: 50px !important;
}
.ginput_container_textarea .textarea {
    border-radius: 8px !important;
    border: 1px solid #D0D5DD !important;
    background-color: var(--white-color) !important;
    padding: 5px 14px !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;  
}
.gform-theme--foundation .gform_fields{row-gap: 25px !important;}
.gform_footer .gform_button{background: var(--primary-color) !important;}
.ginput_container_textarea .textarea:focus, .ginput_container input.large:focus, .gform-theme--foundation .ginput_container .gform-grid-col input:focus, .gform_footer .gform_button:focus, .ginput_container_text input:focus, .ginput_container_select select:focus, .gform-theme--framework input:focus[type=checkbox], button.gf-secondary-button:focus{outline-color: var(--primary-color) !important;}
.gform-theme--framework input[type=checkbox]{ border-color: var(--primary-color) !important;}
.gform-theme--framework input[type=checkbox]::before {color: var(--primary-color) !important;}
.ContactForm .gform_footer .gform_button{width: 100% !important;padding: 20px !important;}
.gf-secondary-button {background: transparent !important;border: 1px solid var(--black-color) !important;color: var(--black-color) !important;}
.modal-body form { background: #F3F4F6; padding: 40px 20px; border-radius: 10px; }
.gform-theme--framework .gfield--type-choice .gfield_checkbox {display: grid !important;grid-template-columns: repeat(2, 1fr);}

.gform_title{
  display: none !important;
}
.gform-ajax-spinner,.primary-arrow-hover{
  display: none !important;
}

/* Hide the default (required) text */
.gfield_required {
    display: none !important;
}

/* Add a red asterisk after the field label */
.gfield_label::after {
    content: " *";
    color: red;
}
.btn-close:focus { box-shadow: none; }
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background: var(--primary-btn);border-color: var(--primary-color);}

.HeroTopBanner .btn-secondary{background: var(--black-color);}
.HeroTopBanner .btn-secondary:hover{background: var(--primary-color);}
.HeroTopBanner .btn-secondary img {filter: brightness(0) saturate(100%) invert(62%) sepia(90%) saturate(345%) hue-rotate(8deg) brightness(91%) contrast(90%);}
.HeroTopBanner .btn-secondary:hover img {filter: brightness(10);}

/* ======================================================
Case Studies Page
====================================================== */
.CaseStudieContent ol {margin-left: 18px;margin-bottom:40px;}
.CaseStudieContent ol li {list-style: decimal;margin-bottom: 10px;}
.CaseStudieContent ol li:last-child { margin-bottom: 0; }
.btn i.fa-solid.fa-angle-right {vertical-align: -2px;margin-left: 8px;}
.CasStudiesList{background-color:#F5F5F5;padding-left: 30px !important; padding-right: 30px !important;}


.RecentImg img {aspect-ratio: 4/3;object-fit: cover;border-radius: 6px;} 
.RecentImg {margin-bottom: 30px;} 
.RecentInfo h5 { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 48px; font-weight: 600; }

/* ======================================================
Blogs Details Page
====================================================== */
.HeroBlogsDetails { height: calc(100vh - 90px); display: flex; align-items: end; position: relative; }
.HeroBlogsDetails::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; background: linear-gradient(173deg, rgba(0, 0, 0, 0.00) 1.96%, rgba(0, 0, 0, 0.70) 42.04%); }
.BlogShortInfo { padding-bottom: 60px; padding-top: 60px;color:var(--white-color);font-size:18px;max-width: 850px;} 
.BlogShortInfo h1 { color: var(--white-color); font-weight: 500; text-transform: uppercase; }
.HeroBlogsDetails .breadcrumb {color: var(--white-color);}
.HeroBlogsDetails .breadcrumb-item a {color: var(--white-color);}
.HeroBlogsDetails .breadcrumb-item.active {color: var(--primary-color);}
.HeroBlogsDetails .breadcrumb-item+.breadcrumb-item::before {color: var(--white-color);}
.BDFullContent { color: #121416; font-weight: 400; }
.BDFullContent h2 { font-weight: 700; margin-bottom: 30px; margin-top: 40px; }
.BDFullContent ul li {padding-left: 16px;position: relative;margin-bottom: 10px;}
.BDFullContent ul li::before { position: absolute; content: ""; width: 4px; height: 4px; background: #121416; border-radius: 100px; left: 0; top: 10px; }
.HBBDImg {border-radius: 10px;overflow: hidden;}

.gform_required_legend{
    display: none !important;
}