html{scroll-behavior:smooth}
body{font-family:Metropolis;-webkit-font-smoothing:antialiased;-webkit-animation:fix 1s 1;animation:fix 1s 1;overflow-x:hidden;line-height:1.5em;font-weight:300;color:#000;font-size:17px}
h1,h2,h3,h4,h5{color:#000;font-weight:600;margin-bottom:20px}
a{color:#c21734}
a:hover{color:#05182b}
a,a:hover{text-decoration:none}
a:focus{outline:none}
p{margin:0 0 10px;line-height:1.5em;font-size:17px}
p:last-child{margin-bottom:0}
ul{padding: 0}
p.paragraph{line-height: 1.7em; font-size: 20px;}
p.paragraph strong{font-weight: 600; color: #4c067b;}
.dtr-pt-100,.dtr-py-100{padding-top:100px}
.dtr-pb-100,.dtr-py-100{padding-bottom:100px}
.dtr-pt-80,.dtr-py-80{padding-top:80px}
.dtr-pb-80,.dtr-py-80{padding-bottom:80px}
.dtr-pt-50,.dtr-py-50{padding-top:50px}
.dtr-pb-50,.dtr-py-50{padding-bottom:50px}
.dtr-pt-30,.dtr-py-30{padding-top:30px}
.dtr-pb-30,.dtr-py-30{padding-bottom:30px}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius:15px}
.modal-dialog{width:70%;max-width:800px;margin-top:120px}
.modal-dialog img.faculty-modal-img{height:130px;display:block;margin-bottom:15px;border-radius:5px}
.modal-dialog h4{font-size:22px;margin-bottom:5px}
.modal-dialog p{font-size:16px}
.modal-body{padding:20px}
button.btn-close{background:#FF5722;color:#fff;font-size:29px;font-weight:500;line-height:0;right:-18px;top:-19px;position:absolute;padding:3px;box-shadow:0 0 11px 0 #00000057;opacity:1;border-radius:50px;z-index:99}
.modal-dialog{width:100%;margin-top:100px;max-width:750px}
.modal-dialog iframe{width:100%;height:440px}
h2.heading { font-size: 36px; font-weight: 500;margin-bottom: 50px!important;}
h2.heading span { display: block; font-size: 16px;color: #630a9f; margin-bottom: 8px; font-weight:500; }
h2.heading span.one {color: #fff;display: block}
nav.navbar.navbar-expand-lg{width:100%;padding:0;background: transparent;margin-top: 0px;}
nav.navbar.navbar-expand-lg a.navbar-brand img { height: 72px; margin: 5px 0; }
ul.navbar-nav li.nav-item{font-size:14px;font-weight:400;padding-right:4px;padding-top:0;display:inline-block}
ul.navbar-nav li.nav-item a{color:#0a1517;font-size:16px;text-decoration:none;margin-right: 10px;}
a.nav-link.refer-link { background: #1ab15f; color: #fff !important; display: inline-block; padding: 10px 25px !important; border-radius: 5px; margin-left: 11px; margin-top: -4px;}
ul.navbar-nav li.nav-item a.nav-link.button { color: #fff; border: 1px solid #000; font-size: 20px; padding: 10px 20px; font-size: 16px; }
ul.navbar-nav li.nav-item a.nav-link.button:hover{border: 1px solid #A917FE;}
ul li.nav-item.apply-link a, p.mobile-apply a{color: #000000; padding: 10px 20px !important; border-radius: 25px; margin-left: 11px; margin-top: -4px;border: 1px solid black;}
li.nav-item.mn.apply-link a:hover{border: 1px solid #A917FE;}


.button{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:.75rem;background-color:var(--clr);color:#fff;border-radius:10rem;font-weight:600;padding:.75rem 1.5rem;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s;}
.button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:var(--clr);background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.button:hover{background: #A917FE;}
.button:hover .button__icon-wrapper,  .button__icon-wrapper{color:#000}
.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}
.button:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}
.button:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}
a.button.text-center:hover{color:#fff}
p.apply-now-cta a {color: #fff; border: 1px solid #000;font-size: 20px; }
p.apply-now-cta a:hover{border: 1px solid #A917FE;}
#contact p.apply-now-cta{padding-left: 0px;}
#contact p.apply-now-cta a { background: none; color: #fff; border: 1px solid #000000; /* background: linear-gradient(220deg, rgb(101 5 139) 0% 0%, rgb(28 6 141) 50%, rgb(17 17 61) 100%); */ color: #000000; padding: 10px 20px !important; border-radius: 25px; margin-left: 11px; margin-top: -4px; }
#contact p.apply-now-cta a:hover{background: #A917FE;color: #fff;border: 1px solid #A917FE;}
#contact p.apply-now-cta .button__icon-wrapper{color: #ffffff;background-color: #000;}
#contact p.apply-now-cta .button__icon-wrapper:hover, #contact p.apply-now-cta a:hover .button__icon-wrapper{color: #000;background-color: #ffffff;}
#contact p.apply-now-cta::before{display: none;}

header.cd-auto-hide-header.sticky nav.navbar.navbar-expand-lg {background: #fff;border-bottom: 1px solid #e5e5e5;}
/* Banner section */
section#bannersection {padding-top: 150px; padding-bottom:80px; background:#f9edff url("../images/banner-img-new.webp")no-repeat ; position: relative; background-size: cover;background-position: 100% 100%; border-bottom: 1px solid #E8E3EB;min-height: 750px;position: relative;}
h1.main-headline { color: #000000; font-weight: 600; font-size: 44px; margin-bottom: 20px; line-height: 1.2em; margin-top:20px;}
h1.main-headline span{color: #8d06dc; font-size: 60px; background: #ffffff; padding: 1px 11px; border-radius: 2px;font-weight:600;}
h4.program-byline { color: #fff; font-size: 31px;font-weight:500; }
h4.program-byline span { color: #ffc107; font-weight: 600; }
p.program-byline { color: #000000; font-size: 22px; font-weight: 400; line-height: 1.5; margin-top: 30px; letter-spacing:0;}
p.program-tagline {color:#6E01A6;font-size: 18px;font-weight: 500; background: linear-gradient(90deg, rgb(231 199 245) 0%, rgb(237 237 248 / 6%) 100%); padding: 4px 12px;    width: max-content;}
.bannersection p strong{font-weight: 600;font-size: 20px;}
p.register-cta-banner, p.knowmore-cta-banner{color:#fff;text-align: center;font-size: 16px;}
p.knowmore-cta-banner {margin-left: 20px;}
p.register-cta-banner a { font-size: 18px; background: #319a5e; padding: 18px 32px; border-radius: 5px; font-weight: 500; color: #fff; border: 2px solid #319a5e;display: block;margin-bottom:5px; }
p.knowmore-cta-banner a { font-size: 18px; background: transparent; padding: 18px 32px; border-radius: 5px; font-weight: 500; color: #fff; border: 2px solid #fff;display: block;margin-bottom:5px;}
p.start-date { font-size:18px; font-weight: 500; color: #fff; }
p.start-date svg { background: #fff; padding:10px; border-radius: 50px; margin-right: 10px;    float: left; } 
.button { line-height: 1; text-decoration: none; display: inline-flex ; border: none; cursor: pointer; align-items: center; gap: .75rem; background-color: var(--clr); color: #fff; border-radius: 10rem; font-weight: 500; padding: .75rem 1.5rem; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color .3s; padding: 15px 30px 15px 30px; }


/* companies */
section#companies{background:#FFFEFF; position: relative;}
section#companies h3 { font-weight: 400; border-right: 1px solid rgb(205, 205, 205); padding: 60px 0px; padding-right: 30px;}
section#companies ul.companiesLogo { padding-left: 20px; margin-bottom: 0px; margin-top: 20px; }
section#companies ul.companiesLogo li { display: inline-block; width: 23%; margin: 6px; margin-bottom:20px; }
section#companies ul.companiesLogo li:last-child img{width: 83%;}
section#companies ul.companiesLogo li img { height: auto; width: 75%; margin-left: auto; margin-right: auto; display: block; aspect-ratio: 5 / 2; object-fit: contain; }

/* Outcomes */
section#outcomes { background: #16182c url(../images/outcome-bg.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%;}
section#outcomes ul.outcomes-list li { color: #fff; display: inline-flex ; flex-direction: column; justify-content: center; align-items: center; font-size: 51px; font-weight: 500; width: 32%; padding: 30px; border-right: 2px solid;border-image: linear-gradient(to bottom, #e6caff 0%, #af54ff 100%); border-image-slice: 1; background: linear-gradient(to bottom, #edd7ff 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
section#outcomes ul.outcomes-list li:last-child{border: unset;}
section#outcomes ul.outcomes-list li span {font-size: 20px; margin-top: 20px; font-weight: 300; background: linear-gradient(to bottom, #d5a5ff 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

/* Competitive Edge */

section#competitiveEdge { background: #ffffff url(../images/competitative.webp) no-repeat; position: relative; background-size: contain; background-position: 50% 100%; }
section#competitiveEdge ul li { display: inline-block; width: 31%; /* margin: 0px 14px 20px 0px; */ background: #fff; padding: 30px; border-radius: 30px; min-height: 265px; vertical-align: top; color: #000; position: relative; font-size: 21px; border: 2px solid #fff; text-align: center; margin: 10px; line-height: 1.4; position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
section#competitiveEdge ul li strong {font-weight: 600;color: #7908B3;font-size: 25px;}
section#competitiveEdge ul li hr.break-line{background: #000;}
section#competitiveEdge ul li span { font-size: 14px; color: grey; }

/* Institution */
section#institutions h3.heading{font-weight: 500;}
section#institutions ul.institutions-list li { display: inline-flex ; flex-direction: column; justify-content: center; align-items: center; width: 16%; padding: 5px 15px; border-right: 1px solid #c1bdbd; }
section#institutions ul.institutions-list li:last-child{border: unset;}
section#institutions ul.institutions-list li img { height: auto; width: 100%; aspect-ratio: 6 / 2; object-fit: contain; }

/* Cards */
/*---------------ProgramCards-------------*/
section#programsList { background: #ffffff url(../images/cards-bg.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%; border-top: 1px solid #dfd9d9; background-attachment: fixed; }
ul#mainTabs { align-items: center; justify-content: center; border: unset; position: sticky; top: 105px; z-index: 999; background: #fff; padding: 25px 25px 0px 25px; margin-bottom: 20px; }
ul#mainTabs li button { color: #8E92A2; border: 1px solid #E2E2E7; display: inline-block; border-radius: 40px; padding: 3px 28px; font-weight: 500; margin: 0 6px; font-size: 15px; }
ul#mainTabs li button.active { background:#A917FE;color:#fff; }
.tab-content {z-index: 999; background: transparent; margin-bottom: -5px; padding-top: 0px; padding-bottom: 0px;}
.filter-container {display: flex ; align-items: center; position: relative;border-radius: 40px;}
.filter-buttons { display: block; overflow-x: auto; white-space: nowrap; scrollbar-width: none; scroll-behavior: smooth; min-height: 50px; margin: auto; }
.filter-buttons button { flex: 0 0 auto; background: none; padding: 7px 20px; font-size: 15px; cursor: pointer; white-space: nowrap; color: #8E92A2; border: 1px solid #bfbfbf; border-radius: 40px; }
.filter-buttons button.active { font-weight: bold; color: #a917fe;position: relative}
.filter-buttons button.active {background: #a917fe;color: #fff;border-radius: 40px;}
.filter-buttons::-webkit-scrollbar { display: none; }  
.scroll-button { background: none; border: none; font-size: 20px; cursor: pointer; padding: 5px 10px; position: absolute; z-index: 10; } 
.scroll-left { left:0px; background: #fff; } 
.scroll-right { right:0px; background: #fff; } 
.grid-item {margin-bottom: 15px;}
.grid-item .card { border-radius: 20px; border: 1px solid #D8D8D8;transition: all 0.8s cubic-bezier(0.15, 0.83, 0.66, 1); }
.all-cards{max-height: 700px;overflow-y: auto;width: 100%;overflow-x: hidden;scroll-behavior: smooth;margin-top: 40px;}
.all-cards::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; position: relative; margin-left: 10px; } 
.all-cards::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #A917FE; height: 8px; }
.grid-item .card p.program-label { line-height: normal; }
.grid-item .card p.program-label span {background:#000000;color: #fff; font-size: 14px; padding: 6px 10px 6px 25px; display: inline-block; border-radius: 0 0 8px 0; }
.grid-item .card .card-body { padding: 15px 25px 25px;}
.grid-item .card h3.card-title { font-size: 18px; font-weight: 500; }
.grid-item .card p.card-text { color: #717586; font-size: 15px; }
.grid-item .card p.program-highlights { font-size: 15px; font-weight: 500; margin-top: 5px; }
.grid-item .card img.star-icon {margin-right: 7px; float: left; margin-bottom: 10px; margin-top: 4px; }
a.view-program, a.view-program:hover { border: 1px solid #3F3F3F; padding: 10px 20px;background: #fff;font-size: 16px; }
a.download-brochure, a.download-brochure:hover {border: 1px solid #000000; padding: 10px 20px; background: #000000; color: #fff; margin-left: 12px; font-size: 16px; }
a.download-brochure:active, a.download-brochure:checked{background: #000000!important; color: #fff!important;}
a.download-brochure svg path{fill:#fff;}
a.view-program, a.download-brochure{display: none;}
/* Animation card */
#programsList .card { position: relative; width: auto;min-height: 325px; color: #2e2d31; background: #fff; overflow: hidden; border-radius: 20px; padding: 0px; } 
#programsList  .card_content p.program-label { position: absolute; left: 0; top: -18px; } 
#programsList  .card_content p.program-label span {background:#393939;color: #fff; font-size: 14px; padding: 6px 10px 6px 25px; display: inline-block;} 
#programsList  .temporary_text { font-weight: bold; font-size: 24px; padding: 6px 12px; color: #f8f8f8; } 
#programsList  .card_title { font-weight: bold; } 
.card_content { position: absolute; left: 0; bottom: 153px;top: 0; width: 100%; padding: 20px; background: #ffffff; border-top-left-radius: 20px; transform: translateY(150px); transition: transform .25s; } 
#programsList  .card_title { color: #131313; line-height: 15px; } 
#programsList  .card_subtitle { display: block; font-size: 12px; margin-bottom: 10px; } .card_description { font-size: 14px; opacity: 0; transition: opacity .5s; }
#programsList  .card:hover .card_content {transform: translateY(0);}
#programsList  .card:hover .card_content p.program-label{top:0px;}
#programsList  .card:hover .card_content p.program-label span{font-size: 16px;}
#programsList  .card:hover p.card-text{font-size: 15px;}
#programsList  .card:hover .card_content .card-title{margin-top: 25px;font-size: 21px;}
#programsList  .card:hover .card_content p.program-highlights{font-size: 15px;}
#programsList  .card:hover .card_content img.star-icon{min-height: 14px;}
#programsList  .card:hover .card_description{opacity: 1;transition-delay: .25s;}
#programsList .card:hover .card_content a{display: inline-block;}

/* animation card end */
/*---------------------------------------*/
section#mediaCoverage { background: #EFEFEF;position: relative}
ul.media-coverage li { box-shadow: 0 0 10px 0 #ddd; border-radius: 10px; margin: 7px 3px; background: #fff; width: 24%; display: inline-block; vertical-align: top; font-size: 17px; position: relative;z-index: 2; }
ul.media-coverage li img { height: 25px; position: absolute; left: 15px; bottom: 30px; }
ul.media-coverage li img.one { height: 36px;}
ul.media-coverage a { color: #000; min-height: 215px; display: inline-block; padding: 25px 20px 15px; }
p.more-news a { display: inline-block; background: #000; color: #fff; padding: 16px 30px 16px 30px; border-radius:40px; margin-top: 40px; font-size: 18px; font-weight: 500; }
p.more-news a svg { margin-left:15px; }
p.more-news a svg path { fill: #fff; }
img.lines-bg { position: absolute; top: 0; opacity: 0.4; left: 30%; } 


/* Business Outcomes */
section#BusinessOutcomes {position: relative;padding-bottom: 300px;border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
#BusinessOutcomes .BusinessOutcomesCard {width: 90%;position: relative;}
#BusinessOutcomes .BusinessOutcomesCard img{height: auto;width: 90%;}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist.one{background: linear-gradient(310deg, #86479C 0%, #662D90 50%, #572C82 100%);}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist { border-radius: 30px; width: 80%; min-height: 200px;     background: linear-gradient(42deg, #86479C 0%, #662D90 50%, #572C82 100%); position: absolute;right: 0px;bottom: -180px; padding-top: 50px;box-shadow: rgb(255, 255, 255) 18px 18px 0px 0px, #ddb6ff80 20px 20px;}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist ul {padding: 20px 50px;}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist ul li{color: #fff;position: relative;display: block;    margin-bottom: 20px;padding-left: 20px;font-size: 18px;}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist ul li:before { content: "\A"; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #B44FF3; position: absolute; left: 0px; top: 7px; }
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist .business-leader { display: inline-block; padding:5px 40px; background: white; padding-left: 50px; border-radius: 0px 50px 50px 0px; color: black; font-size:20px; font-weight: 600; position: relative; overflow: visible; }
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist .business-leader span {position: relative;z-index: 1;}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist .business-leader::before,
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist .business-leader::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);height: 100%;background: white;z-index: 0;border-radius:0px 50px 50px 0px;}
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist .business-leader::before { left: 0%; width: 105%; opacity: 0.3; }
#BusinessOutcomes .BusinessOutcomesCard .BusinessOutcomeslist .business-leader::after {left: 10%;width: 99%;opacity: 0.1;}

/* Why Talentsprint */
section#WhyTS { background: #fefefe url(../images/whyts-bg.webp) no-repeat; position: relative; background-size: contain; background-position: 50% 100%;}
section#WhyTS ul.WhyTSpoints{padding-left: 70px;margin-bottom: 25px;}
ul.WhyTSpoints.two {padding-left: 150px!important;}
section#WhyTS ul.WhyTSpoints li {display: inline-block; background: #ffffffd1; border-radius: 20px; padding: 30px 18px; width: 47%; margin: 0px 10px; vertical-align: top; padding-right: 10px; border: 1px solid #e4e4e4; }
section#WhyTS ul.WhyTSpoints li div.svgicon{background: #540098;border-radius: 48px;display: inline-block;vertical-align: top;}
section#WhyTS ul.WhyTSpoints li svg { height: 65px; width: auto; vertical-align: top; fill: #ffffff; padding: 12px; }
section#WhyTS ul.WhyTSpoints li p{font-weight: 400;font-size: 20px;display: inline-block;padding-left: 15px;}
section#WhyTS ul.WhyTSpoints li span{display: block;font-size: 16px;color: #6C6C6C;}

/* Our Clients */
section#ourClients { background: #fefefe url(../images/testimonials.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%; min-height: 720px; }
#ourClients img.leftClient{position: absolute;left: 0;}
div#carouselExampleAutoplaying { width:60%; margin: auto; text-align: center; color: #fff;margin-top: 50px;}
.carousel-indicators { position: absolute; right: 0; bottom: -50px; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; }
section#ourClients .carousel-indicators [data-bs-target] {background-color: #ffffff;width:15px;height:15px;border-radius: 50%;}
.carousel-indicators .active {opacity: 1;}
div#carouselExampleAutoplaying .carousel-inner .carousel-item {margin-top: 15px;}
div#carouselExampleAutoplaying ul.program-sops li { font-size: 26px; line-height: 1.4; color: #DDB7FF; }
div#carouselExampleAutoplaying ul.program-sops li span { display: block; font-size: 16px; margin-top: 20px;color:#fff; }
#ourClients img.leftClient { position: absolute; left: 5%; height: 100%; width: auto; top: 0; bottom: 0; }
#ourClients img.rightClient { position: absolute; right: 5%; height: 80%; width: auto; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }

/* Business Needs*/
section#businessNeeds { background: #fefefe url(../images/business-needs.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%; padding-bottom: 540px; }
#businessNeeds div.businessDetails { border: 1px solid black; border-radius: 20px; position: relative; padding: 30px; }
#businessNeeds div.businessDetails p.helptitle { position: absolute; top: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: max-content; background: #F5EDFC; font-size:22px; font-weight: 500; padding: 5px 15px; border-radius: 10px; }
#businessNeeds div.businessDetails ul.needQuote {width:85%;margin: auto;margin-top:10px;}
#businessNeeds div.businessDetails ul.needQuote li { display: inline-block; width: 33%; flex-direction: column; font-size: 18px; font-weight: 500; margin-top: 16px;text-align: center; }
#businessNeeds div.businessDetails ul.needQuote li svg{fill: #7908B3;height:32px;       margin: auto; display: block;    margin-bottom: 15px;}
#businessNeeds div.businessDetails p.mailid svg{height: 30px;margin-right: 10px;}
#businessNeeds div.businessDetails p.mailid a{color: #000;font-weight: 400;}
button.close { background: #ff5722; color: #fff; font-size: 30px; font-weight: 700; line-height: 0; right: -18px; top: -19px; position: absolute; padding: 16px 8px; box-shadow: 0 0 11px 0 #00000057; opacity: 1; z-index: 1; border-radius: 30px; }
/* Footer */
footer.footer.dtr-py-30{border: 1px solid rgb(224, 224, 224)}
section#cta { background: linear-gradient(90deg, #eecbff 0%, #f1dfff 50%, #ebd6ff 100%); margin-top: 0px; border-radius: 0px; }
.form { padding: 30px 0px 0px 0px; border: 1px solid #ccc; border-radius: 10px; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(320deg, transparent 0%, #e81cff, #40c9ff) border-box; border: 2px solid transparent; background: #ffffff00; margin-top: 9px; }
.with-icon.single-row, .with-icon.single-row2 { width: 48%; margin: 0px 0px 6px 2px; display: inline-block; min-height: 38px; vertical-align: top; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { position: relative; display: block; width: 100%; padding: 5px 15px; margin: 0 0 2px; border-width: 1px; border-style: solid; border-radius: 5px; font-size: 15px; font-weight: 400; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 42px; border: 1px solid #7f7f7f; }
p.terms-condition-label { margin-top: 5px; margin-right: 10px; width: 95%; margin-left: 1%; }
input[type=checkbox] { display: none; }
input[type=checkbox]+label { display: block; margin: 0; cursor: pointer; padding: 0; color: #000; font-weight: 300; font-size: 12px; margin-top: 0; line-height: 140%; }
input[type=checkbox]:checked+label:before { background-color: #0985ff; border-color: #0985ff; color: #fff; } input[type=checkbox]+label:before { content: "\2714"; border: .1em solid #cacaca; border-radius: .2em; display: inline-block; width: 15px; height: 15px; padding-left: 0; padding-bottom: .3em; margin-right: .2em; vertical-align: bottom; color: transparent; transition: .2s; position: relative; top: 2px; text-align: center; margin-left: 0; float: left; margin-bottom: 20px; margin-right: 8px; line-height: 1em; }
input#Phone { padding: 8px 49px; }
.submit-btn { font-weight: 400 !important; padding: 12px 0 10px !important; color: #000 !important; border-radius: 0; display: block; margin: auto; }
.submit-btn.online-apl button { color: #fff; background: #a204fe; }
p.mailid { margin-top: 30px; margin-bottom: 19px; }
.flag-dropdown.f16 { margin-top: -3px; }
div.formDetails { border-radius: 20px; position: relative; padding: 30px; background: #ffffffc7; position: absolute; width: 37%; top: 172px; z-index: 9; right: 127px; box-shadow: 2px 2px 25px #00000012;}
div.formDetails p.formtitle { position: absolute; top:20px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: max-content; font-size:22px; font-weight: 500; padding: 5px 15px; border-radius: 10px;color: #000; }
.with-icon.single-row.two { width: 97%; }
img.outcomes-img { position: absolute;    height: 550px; right: 20px; }
section#outcomes ul.outcomes-list li:nth-child(3) { border-right: none; }
input[type=checkbox]+label a {color: #a204fe;}