/* @font-face {
    font-family: "Futura Maxi CG Bold";
    src: url("../fontsNew/Futura-Maxi-CG-Bold-Regular.otf");
    src: url("../fontsNew/Futura-Maxi-CG-Bold-Regular.otf?#iefix") format("embedded-opentype");
} */

@font-face {
    font-family: "Futura Md BT";
    src: url("../fontsNew/Futura/FUTURAB.TTF");
}

@font-face {
    font-family: "Futura";
    src: url("../fontsNew/Futura/Real-futura.ttf");
}

@font-face {
    font-family: "Lato-Medium";
    src: url("../fontsNew/Lato/Lato-Medium.ttf");
}
@font-face {
    font-family: "Lato-Light";
    src: url("../fontsNew/Lato/Lato-Light.ttf");
}
@font-face {
    font-family: "Lato-Bold";
    src: url("../fontsNew/Lato/Lato-Bold.ttf");
}

:root {
    --custom-orange: #E55A25;
    --custom-yellow: #F9D555;
    --custom-blue: #2B486B;
    --custom-dark: #454545;
    --heading-font: "Futura";
    --heading-2-font: "Futura Md BT";
    --paragraph-font: 'Lato-Medium', sans-serif;
}

body {
    background-image: url(../imagesNew/BG-pattern.png);
    background-size: 100%;
    background-position: center;
    font-family: 'Lato-Medium', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-2-font);
}

button {
    background: #345986;
    color: white;
    padding: 7px 15px;
    min-width: 155px;
    border-top: 0;
    border-bottom: 0;
    border-left: 5px solid var(--custom-orange);
    border-right: 5px solid var(--custom-orange);
}

.btn-blue {
    background: #2b486b;
    border: none;
}

.btn-orange {
    background: #e55a25;
    border: none;
}

.bg-orange {
    background-color: var(--custom-orange);
}

.bg-blue {
    background-color: var(--custom-blue);
}

.text-blue {
    color: var(--custom-blue);
}

header {
    background: rgb(255, 255, 255);
    padding: 10px 0px;
    height: 100px;
    position: sticky;
    top: 0;
    left: 0;
    width:100%;
    z-index: 99;
    box-shadow: 0 0 6px;
	/* overflow: hidden; */
	transition:  all 0.8s;
}
header.smaller {
	height: 85px;
    font-size: 14px;
    transition:  all 0.8s;
}

header.smaller #logo {
	/* line-height: 75px; */
    width: 70px;
    transition:  all 0.8s;
}

header.smaller nav a {
	line-height: 75px;
}

.logo img {
    width: 100px;
    transition:  0.8s;
}

ul.main-menu {
    text-align: right;
    margin-bottom: 50px;
    padding-left: 0;
}

ul.main-menu li {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

ul.main-menu li a {
    text-decoration: none;
    color: var(--custom-dark);
    display: block;
    /* margin-left: 28px; */
    padding: 0 10px;
    font-weight: 400;
}

ul.header-accountss li {
    display: inline-flex;
    margin-left: 15px;
    position: relative;
    line-height: 16px;
}

.pragreams {
    background-size: cover;
}

ul.header-accountss li::after {
    content: "";
    width: 2px;
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
    background-color: var(--custom-dark);
}

ul.header-accountss li:last-child::after {
    display: none;
}

ul.header-accountss li a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
}

ul.header-accountss {
    text-align: right;
    margin-bottom: 10px;
    padding-left: 0;
}

.key-highlights-sec h1 {
    font-size: 32px;
    position: relative;
    color: #2b486b;
    font-weight: bold;
}

.key-highlights-sec h1::before {
    content: "";
    position: absolute;
    left: -40px;
    top: -8px;
    width: 7px;
    height: 60px;
    background: var(--custom-orange);
}

.key-highlights-sec h2 {
    font-size: 23px;
    font-weight: bold;
    color: #454545;
}

.key-highlights-sec img {
    width: 35px;
    margin-bottom: 0;
    margin-top: 20px;
}

.banner-bottom-sec h1 {
    color: var(--custom-orange);
    font-weight: bold;
    font-size: 23px;
    margin-top: 48px;
    margin-bottom: 22px;
    position: relative;
}

.banner-bottom-sec h1::before {
    width: 5px;
    height: 100%;
    background: var(--custom-yellow);
    position: absolute;
    left: -18px;
    content: "";
}

.banner-bottom-sec p {
    color: var(--custom-blue);
}

.hsa-programs h2 {
    color: #bfbfbf;
    font-size: 21px;
    text-align: center;
    margin-bottom: 20px;
    padding: 15px 5px 15px 0;
    position: relative;
}

.hsa-programs p {
    margin-top: 22px;
    color: #bfbfbf;
}

.hsa-programs h2::after {
    width: 6px;
    content: "";
    position: absolute;
    height: 100%;
    background: var(--custom-orange);
    top: 0;
    right: calc(-10% - 15px);
}

.hsa-programs img {
    width: 100%;
}

.hsa-programs {
    width: 80%;
    margin: 0px auto;
}

.find-program {
    background: #e3e3e3;
    padding: 54px;
    margin-top: -56px;
    margin-bottom: 100px;
    box-shadow: 0 0 9px 0px #a1a1a1;
}

.find-program-left {
    border-top: 6px solid var(--custom-orange);
}

.find-program-left h1 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 16px;
    margin-bottom: 0;
    color: var(--custom-blue);
}
.program-text {
    color: #345986;
    font-size: 17px;
    font-weight: bold;
}

.testmonial-title {
    border-left: 7px solid var(--custom-orange);
    padding: 7px 18px;
    margin-bottom: 36px;
}

.testmonil-left {
    width: 65px;
    height: 65px;
    background: var(--custom-orange);
    position: relative;
}

.testmonil-left::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--custom-yellow);
    left: 10px;
    top: 10px;
    z-index: -1;
}

.testmonil-right {
    margin-left: 13px;
    border-top: 1px solid var(--custom-orange);
    border-bottom: 1px solid var(--custom-orange);
    padding: 11px 0;
}

.testmonil-right h1,
.testmonil-right h4 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0;
}

.testmonil-right h4 {
    margin-bottom: 28px;
}

.testmonial-title h1 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--custom-blue);
}

.testmonial-title p {
    font-size: 25px;
    color: var(--custom-blue);
    margin-bottom: 0;
}
.success-stories-text {
    font-weight: 500;
}

.more-about {
    background-size: cover;
}

.contact-from-home {
    background: var(--custom-orange);
    padding: 60px;
}

.more-about h3 {
    color: var(--custom-yellow);
    font-weight: bold;
    font-size: 28px;
}

.more-about p {
    color: #fdf4d3;
    font-size: 26px;
}


/*about us start*/

.about-banner-img {
    width: 100%;
    margin-top: calc(-100vh + 222px);
}

.inception-sec {
    padding: 58px 0;
    background: rgba(82, 82, 82, 0.2784313725);
    margin-top: 234px;
}

.inception-sec h1 {
    font-weight: bolder;
    font-size: 30px;
    color: var(--custom-blue);
    margin-top: 20px;
    text-align: center;
}

.our-expanding.top h1 {
    color: var(--custom-yellow);
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.our-expanding.top img {
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 42px 42px 0 43px;
}

.our-expanding.bottom img {
    width: 100%;
    border-radius: 42px 42px 42px 0px;
    position: relative;
    z-index: 1;
}

.our-expanding.top h2,
.our-expanding.bottom h2 {
    color: #fff;
    font-size: 45px;
    line-height: 40px;
    padding-top: 27px;
}

.our-expanding.top h2 label,
.our-expanding.bottom h2 label {
    font-size: 23px;
    width: 100%;
}

.our-expanding.top p,
.our-expanding.bottom p {
    color: #fff;
    font-size: 21px;
}

.yellow-strips {
    position: relative;
}

.our-expanding.top .yellow-strips {
    padding-right: 30px;
}

.our-expanding.top .yellow-strips::after {
    /* background: red; */
    background-image: url(./../imagesNew/BG-YELLOW-strips.png);
    position: absolute;
    width: 50%;
    height: calc(100% + 30px);
    content: "";
    bottom: 0;
    right: 0;
    z-index: 0;
    background-size: cover;
}

.our-expanding.top .yellow-strips::before {
    content: "";
    background: var(--custom-orange);
    height: 100%;
    width: 10000%;
    top: 35px;
    position: absolute;
    right: 90px;
}

.our-expanding.bottom .yellow-strips {
    padding-left: 30px;
}

.our-expanding.bottom .yellow-strips::before {
    /* background: red; */
    background-image: url(./../imagesNew/BG-YELLOW-strips.png);
    position: absolute;
    width: 50%;
    height: 100%;
    content: "";
    top: 0px;
    left: 0;
    z-index: 0;
    background-size: cover;
}

.our-expanding.bottom .yellow-strips::after {
    content: "";
    background: var(--custom-orange);
    height: 100%;
    width: 10000%;
    top: 35px;
    position: absolute;
    left: 90px;
}

.abt h2 {
    color: var(--custom-orange);
    font-weight: bold;
}

.abt h1 {
    color: #1c324d;
    font-weight: bold;
    position: relative;
    font-size: 30px;
}

.abt h1::before {
    width: 6px;
    height: 100%;
    content: "";
    background-color: var(--custom-yellow);
    position: absolute;
    left: -17px;
}


/* about us end */


/*why us start*/

.why-bottom-card-top {
    display: inline-flex;
    width: 24%;
}

.why-bottom-card-top img {
    width: 100%;
}

.why-bottom-card-bottom {
    display: inline-flex;
    width: calc(33.3333333333% - 29px);
}

.why-bottom-card-bottom img {
    width: 100%;
}

.why-key {
    padding: 42px;
    text-align: center;
    border-radius: 12px;
    margin-bottom: 30px;
}

.why-key h2 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.why-key img {
    width: 60px;
    display: block;
    margin: 0px auto;
    margin-bottom: 28px;
}

.why-choose {
    padding: 50px;
    background: #2b486b;
    color: #fff;
    margin-bottom: 40px;
    margin-top: -40px;
}

.why-choose h1 {
    color: var(--custom-yellow);
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 35px;
}

.why-choose p {
    margin-bottom: 0;
}

.why-choose img {
    margin-bottom: 30px;
    width: 60px;
}


/*why us end */


/* start testmonial*/

.testmonial-sec {
    background-image: url(../imagesNew/Testimonials-bg.png);
    padding: 60px;
}

.success-stories {
    margin-top: -165px;
}


/*testmonial end */


/*contact us stat*/

.contact-left h1 {
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    border-left: 9px solid var(--custom-yellow);
    padding-left: 24px;
    line-height: 45px;
}

.contact-left p {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-left: 34px;
}

.contact-us-form {
    margin-top: -180px;
}

.contact-address {
    border-left: 8px solid var(--custom-yellow);
    padding-left: 20px;
    position: relative;
    width: 100%;
    margin-bottom: 38px;
}

.contact-address h1 {
    font-weight: bold;
    font-size: 25px;
    color: var(--custom-blue);
}

.contact-address::after {
    content: "";
    border-bottom: 2px solid #939393;
    height: 0px;
    /* background: #fff; */
    width: 63%;
    position: absolute;
}

ul.contact-ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

ul.contact-ul li img {
    width: 32px;
    margin-right: 13px;
}

ul.contact-ul li a {
    color: #000;
    text-decoration: none;
}


/*contact us end*/


/*venus start*/

.venus-header [class^="customtd-"] {
    background-color: #dbdbdb !important;
    color: var(--custom-blue);
    font-weight: 600;
}

.venu-body {
    font-size: 14px;
    padding: 10px;
    font-weight: 600;
    background-color: #eee;
}

.venu-header {
    background-color: #dbdbdb;
    padding: 10px;
    color: var(--custom-blue);
    font-weight: bold;
}

.venus-body .btn-blue,
.venus-body .btn-orange {
    min-width: 130px;
    font-size: 12px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}


/*venus end*/


/*skil india*/

.skil-india-header-banner {
    margin-top: calc(-100vh + 200px);
}

.skil-india-header-card-sec {
    margin-top: -165px;
}

.skil-india-header-card {
    background: #fff;
    box-shadow: 0 0 13px #d7d7d7;
    border-radius: 4px;
    padding: 60px;
    position: relative;
    z-index: 9;
}

.skil-india-header-card::after {
    content: "";
    position: absolute;
    right: -8px;
    top: -8px;
    width: 150px;
    height: 150px;
    border-right: 8px solid var(--custom-orange);
    z-index: -999;
    border-top: 8px solid var(--custom-orange);
}

.skil-india-header-card::before {
    content: "";
    position: absolute;
    left: -8px;
    bottom: -8px;
    width: 150px;
    height: 150px;
    border-left: 8px solid var(--custom-orange);
    z-index: -999;
    border-bottom: 8px solid var(--custom-orange);
}

.skil-india-header-card-sec h2 {
    text-align: center;
    margin-bottom: 29px;
    color: var(--custom-yellow);
}

.skil-india-header-card-sec h3 {
    text-align: center;
    margin-bottom: 29px;
    color: var(--custom-orange);
    font-size: 18px;
    text-align: left;
}


/*skil india start*/

footer {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    padding-top: 30px;
}

footer h1 {
    font-size: 18px;
    font-weight: bold;
}

footer h2 {
    font-size: 18px;
}

footer ul {
    padding-left: 0;
}

footer ul li {
    list-style-type: none;
    line-height: 32px;
}

footer ul li a {
    text-decoration: none;
    color: #000;
}

.footer-bottom p {
    font-size: 11px;
    color: #a9a7a7;
    padding-bottom: 20px;
    padding-left: 50px;
}
/* .partnership {
  padding: 30px 0 30px 0;  
} */

.main-border {
    position: relative;
}
 .line {
    width: 1px;
    content: "";
    position: absolute;
    height: 35px;
    background: #d71717;
    text-align: center;
    margin-top: 25px;
    right: calc(3% - 10px);
    
} 
.justify-center {
    display: flex;
    justify-content: center;
}

.about-banner-text {
    position: absolute;
    color: #fff;
    left: 185px;
    bottom: 50px;
}
.find-text {
    position: relative;
    top: 450px;
    color: #fff;
    z-index: 10;
    left: 25px;

}
.venue-success-text {
    top: 560px;
    font-weight: 500;
    font-size: 20px;
}
.search-btn.w-100 {
    border-right: 5px solid #f9d555;
    border-left: 5px solid #f9d555;
    background: #345986;
    color: white;
    padding: 7px 15px;
    min-width: 155px;
    border-top: 0;
    border-bottom: 0;
}
.underline {
    text-decoration: underline;
}
.yellow-borders {
    position: relative;
    z-index: 9;
}
.yellow-borders::after {
    content: '';
    position: absolute;
    background-image: url(../imagesNew/Borderright.png);
    z-index: -1;
    height: 150px;
    width: 150px;
    top: 22px;
    right: -14px;
}
.bg-orange {
    position: relative;
}
.bg-orange::before {
    content: url(../imagesNew/Border-red.png); 
    position: absolute;
    z-index: -1;
    bottom: 0px;
    left: -14px;
    opacity: 0.3;
    height: 120px;
    
   }
   
   .bg-orange::after {
    content: url(../imagesNew/Border-Yellow.png);
    position: absolute;
    z-index: -1;
    top: -1px;
    bottom: 0;
    height: 100px;
    right: -14px;
}
.training-borders{
    position: relative;
}
.training-borders::before {
    content: " ";
    background: var(--custom-orange);
    position: absolute;
    top: -15px;
    bottom: 0;
    height: 4px;
    width: 360px;
    right: -50px;
}
.border-top {
    border-top: 4px solid #e55a25 !important;
}
.card.skill-card {
    border-radius: 50px 50px 0 50px;
}
.card.distributors {
    border-radius: 50px 50px 0 0;
}
.card.cities {
    border-radius: 50px 50px 50px 0;
}
.why-key:hover {
background-color: var(--custom-orange);
}
.img.skill-icon-first:hover{
    color: var(--custom-blue);
}
.card:hover p.skill-para-first {
    color: #fff !important;
}
.why-key,p.skill-para-first {
    color: #000 !important;
}
.card,skill-para-first {
    color: #000;
} */
button.enroll-btn{
    border-left: 5px solid #f9d555 !important;
    border-right: 5px solid #f9d555 !important;
}
.col-md-1.certification-border-left {
    border-left: 3px solid #ddd;
    margin-left: 29px;
    height: 90px;
}
.contact-banner-text {
    color: var(--custom-orange);
    margin-top: 310px;
    margin-left: -55px;
}
.location-border-right {
    display: inline-flex;
    color: #fff;
    margin-left: -65px;

}
p.loc-name {
    padding-left: 10px;
    position: relative;
}
p.loc-name::after {
    content: "";
    position: absolute;
    background: #fff;
    height: 15px;
    right: -6px;
    width: 1px;
    top: 5px;
}
p.loc-name.city::after {
    display: none;
}
.row,.contact-center {
    justify-content: center;
}
.contact-top {
    margin-top: 0;
}
.lady-img {
    margin-top: -30px;
    margin-bottom: 70px;
    margin-left: 35px;
}
.col-md-5.group-image-align {
    align-self: end;
}
img.w-100.group-image-width {
    width: 460px !important;
    margin-left: -50px !important;
}
h4.why-us-text {
    margin-right: 10px;
}
.why-us-text-border {
    border-right: 8px solid #f9d555;
}
.card,h2.why-us-formula-text {
    color: #000;
}
.card:hover .why-us-formula-text  {
    color: #fff !important;
}
h1.text-center.fw-bold {
    color: var(--custom-orange);
}
h4.text-center.hsa-txt {
    color: var(--custom-orange);
}
h4.programs-offer-text {
    color: var(--custom-orange);
    margin-top: 100px;
}
p.programs-offer-para {
    color: #fff;
}
.container-fluid.program-users {
    background: var(--custom-orange);
    margin-top: 90px;
}
.card.programs-card {
    border-radius: 50px 0 50px 0;
    border: none;
    background: none;
}
.program-card-align {
    margin-top: -35px;
    margin-bottom: 20px;
}
.prg-objective {
    background: var(--custom-blue);
}
.row.prg-objective-align {
    padding: 30px 0 30px 0;
    color: #fff;
}
.Objective-border {
    position: relative;
}
.Objective-border::before {
    content: "";
    position: absolute;
    border-left: 8px solid #e55a25 !important;
    height: 35px;
    left: 260px;
    margin-bottom: 170px;
}
.Objective-border::before {
    content: "";
    position: absolute;
    border-left: 8px solid #e55a25 !important;
    height: 35px;
    left: 0;
    margin-bottom: 170px;
}

.col-md-6.col-6.footer-link-borders {
    border-left: 5px solid #e55a25;
    height: 50px;
    margin-bottom: 200px;
}
.col-md-10.mx-auto.mt-4.program-steps {
    background: #fff;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.row.program-steps-align {
    padding: 30px 0 30px 0;
}
.fss-img-top {
    margin-top: 150px;
}
input.btn-orange {
    border-left: 5px solid #f9d555;
    border-right: 5px solid #f9d555;
    padding: 7px 15px;
}
/* ul.fss-list li {
    list-style-image: url(../imagesNew/icons/bullet-point-copy-14@2x.png);

} */
.program-steps {
    position: relative;
}
.program-steps::before {
    content: url(../imagesNew/Border-left.png);
    position: absolute;
    top: -8px;
    left: -10px;
    z-index: -1 !important;
}
.program-steps::after {
    content: url(../imagesNew/Border-right.png);
    position: absolute;
    z-index: -1;
    right: -6px;
    bottom: -13px;
}
.professional-title{
    margin-left: 65px;
    padding-top: 45px;
    color: #f9d555;
}
.key-head-title {
    color: var(--custom-blue);
}
.key-focus-area-icons {
    display: flex;
    align-items: center;
}
.rising-head-title {
    color: var(--custom-orange);
}
.rising-icons {
    display: flex;
    align-items: center;
    justify-content: end;
}
.workshop-title {
    margin-left: 200px;
}
.workshop-title-two {
text-align: right;
margin-right: 150px;
}
hr {
    border-bottom: 5px solid #444444;
    width: 95% !important;
}
.skill-india-title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: -380px;
}
hr.skill-india-border {
    margin: 0 auto !important;
    width: 50% !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    border-bottom: 3px solid #b2b2b2 !important;
    opacity: 0.8 !important;
}
h3.skill-enquiry-text.text-center {
    color: var(--custom-yellow);
}
label.slill-enquiry-label {
    color: #fff;
    font-family: 'lato-light';
    margin-bottom: 10px;
}
.text-right {
    text-align: right !important;
}
.basic-details {
    margin-left: 0;
    margin-bottom: 30px;
    font-family: 'lato-light';
}
.enquiry-border-style {
    margin: 0 auto !important;
    width: 100% !important;
    border-bottom: 2px solid #bababa;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.enquiry-city {
    margin-top: 83px;
}

.enquiry-checkbox {
    color: #fff;
}
.venue-slot-edit {
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    margin-top: 65px;
    text-decoration: underline;
}
.col-md-10.mx-auto.mt-4.prg-objective.venue-border {
    position: relative;
}
.col-md-10.mx-auto.mt-4.prg-objective.venue-border::before {
    content: url(../imagesNew/Border.png);
    position: absolute;
    right: -14px;
    top: 0px;
}
.col-md-10.mx-auto.mt-4.prg-objective.venue-border::after {
    content: url(../imagesNew/Border-bottom.png);
    position: absolute;
    left: -14px;
    bottom: 0px;
}
.col-md-10.mx-auto.mt-4.prg-objective{
    position: relative;
}
.col-md-10.mx-auto.mt-4.prg-objective::before {
    content: url(../imagesNew/Border.png);
    position: absolute;
    right: -14px;
    top: 0px;
}
.col-md-10.mx-auto.mt-4.prg-objective::after {
    content: url(../imagesNew/Border-bottom.png);
    position: absolute;
    left: -14px;
    bottom: 0px;
}
h3.program {
    margin-left: 25px;
}
p.program-para {
    margin-left: 25px;
}
.footer-logo {
    width: 110px;
}
.skil-india-header-banner {
    position: relative;
    z-index: 9;
}
.skil-india-header-banner::before {
    content: url(../imagesNew/Border-red.png); 
    position: absolute;
    z-index: -1;
    bottom: 400px;
    left: -8px;
}
.skil-india-header-banner::after {
    content: url(../imagesNew/Border-Yellow.png);
    position: absolute;
    z-index: -1;
    top: 0;
    right: -8px;
}
.col-md-10.mx-auto.why-us-carousel-programs{
    position: relative;
}
.col-md-10.mx-auto.why-us-carousel-programs::after {
    content: '';
    position: absolute;
    height: 250px;
    width: 250px;
    background-color: var(--custom-orange);
    z-index: -1;
    top: 231px;
    right: -7px;
}
.why-us-arrow, .why-us-dull-arrow {
    position: absolute;
    top: 185px;
    right: 0;
}
img.why-us-arrow {
    width: 40px;
}
.why-us-dull-arrow {
    top: 190px;
    left: 0;
}
img.why-us-dull-arrow {
    width: 36px;
}
.hsa-prgrams-img {
    position: relative;
    z-index: 9;
}
.hsa-prgrams-img::before {
    content: url(../imagesNew/image-overlay-yellow-bottom.png);
    position: absolute;
    bottom: 0;
    left: -10px;
}
.hsa-prgrams-img::after {
    content: url(../imagesNew/image-overlay-yellow-top.png); 
    position: absolute;
    z-index: -1;
    top: 0;
    right: -10px;
}
h2.professionsnal-head {
    color: var(--custom-yellow);
}
.hsa-prgrams-marketers {
    position: relative;
    z-index: 9;
}
.hsa-prgrams-marketers::before {
    content: url(../imagesNew/image-overlay-grey-bottom.png);
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: -10px;
}
.hsa-prgrams-marketers::after {
    content: url(../imagesNew/image-overlay-grey-top.png); 
    position: absolute;
    z-index: -1;
    top: 0;
    right: -10px;
}
i.las.la-sync.refresh-icon {
    color: #fff;
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    /* margin: 5px 7px; */
    background: var(--custom-orange);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-dots {
    text-align: center;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
.more-about {
    position: relative;
}
.more-about::before {
    content: "";
    position: absolute;
    background-image: url(../imagesNew/Group-779-Copy-7@3x.png);
    width: 200px;
    height: 200px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 635px;
    left: 80px;
}

.contact-from-home {
    position: relative;
    /* z-index: 9; */
}
.contact-from-home::before {
    content: ""; 
    position: absolute;
    background-image: url(../imagesNew/Group-779-Copy-7@3x.png);
    width: 200px;
    height: 200px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    bottom: 0;
    left: -100px;
} 

.contact-from-home::after {
    content: ""; 
    position: absolute;
    background-image: url(../imagesNew/Group-779-Copy-5@3x.png);
    width: 200px;
    height: 200px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    top: 0;
    right: -100px;
}

.find-program {
    position: relative;
}
.find-program::before {
    content: "";
    position: absolute;
    background-image: url(../imagesNew/Group-779-Copy-5@3x.png);
    width: 200px;
    height: 200px;
    z-index: -1;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    bottom: -85px;
    left: -85px;
}

.find-program::after {
    content: "";
    position: absolute;
    background-image: url(../imagesNew/pattern@3x.png);
    width: 200px;
    height: 200px;
    z-index: -1;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    right: -85px;
    top: -85px;
}
.pragreams {
    position: relative;
}
.pragreams::before {
    content: "";
    position: absolute;
    background-image: url(../imagesNew/pattern@3x.png);
    width: 200px;
    height: 200px;
    /* z-index: -1; */
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 670px;
    left: 80px;
}
.owl-nav {
    text-align: end;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    margin-left: -110px !important; 
}

h1.fw-bold.text-white {
    font-size: 28px;
}
h3.fw-light.text-white {
    font-size: 23px;
}
h2.text-center.fw-bold {
    font-size: 25px;
}
h1.text-center.fw-bold {
    font-size: 28px;
}
h4.text-center.hsa-txt {
    font-size: 23px;
}
.contact-sub-btn {
    border-left: 5px solid #f9d555 !important;
    border-right: 5px solid #f9d555 !important;
    background: #345986;
    color: white;
    padding: 7px 15px;
    min-width: 155px;
    border-top: 0;
    border-bottom: 0;
}
.owl-carousel button.owl-dot {
    max-width: 50px !important;
    min-width: 18px !important;
}

.col-md-10.col-11.mx-auto.mt-4.mb-5.program-border::before{
    display: none;
}
.col-md-10.col-11.mx-auto.mt-4.mb-5.program-border::after{
    display: none;
}

li.active{
    color:var(--custom-orange);
    border-bottom: 5px solid var(--custom-orange);
  }
  h2.professionsnal-head {
    color: #bfbfbf;
  }
  .homeprograms .card {
    background: none;
    border: none;
}
  .card:hover h2 {
    color: var(--custom-yellow);
}
.card:hover p {
    color: #fff;
}
.hsa-prgrams-marketers:hover::after {
    content: url(../imagesNew/image-overlay-yellow-top.png);
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: -10px;
}
.hsa-prgrams-marketers:hover::before {
    content: url(../imagesNew/image-overlay-yellow-bottom.png);
    position: absolute;
    bottom: 0;
    left: -10px;
}

.why-us-prev {
    position: absolute;
    top: 230px;
    width: 13px !important;
    right: -25px;
}
.why-us-next {
    position: absolute;
    left: -25px;
    width: 11px !important;
    top: 230px;
}

img.hprograms {
    filter: brightness(0.5); 

}
img.hprograms:hover {
    filter: none;
      /* -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01); */
}

label.form-label {
    text-align: left;
    padding-left: 0;
}

/*  sign in css strat  */
.row.text-center.login {
    margin-bottom: 100px;
    margin-top: 100px;
}
.main-content{
	width: 50%;
	border-radius: 20px;
	box-shadow: 0 5px 5px rgba(0,0,0,.4);
	margin: 0 auto;
}
.company__info{
	background-color: var(--custom-orange);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
    align-items: center;
	justify-content: center;
	color: #fff;
}
 h2.sign-in-heading{
	color:var(--custom-dark);
    text-align: center;
}
.login_form{
	background-color: #fff;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
/* form{
	padding: 0 2em;
} */
.sign-in{
	width: 100%;
	border:1px solid var(--custom-blue);
	border-radius: 5px;
	border-bottom: 1px solid var(--custom-blue);
	padding: 10px 10px 10px;
	padding-left: 10px;
	outline:none;
	margin:9px auto;
	transition: all .5s ease;
}
.sign-in:focus{
	border-bottom: 1px solid var(--custom-dark);
	/* box-shadow: 0 0 5px rgba(0,80,80,.4);  */
	border-radius: 4px;
}

.btn{
	transition: all .5s ease;
	padding: 6px 40px;
	border-radius: 30px;
	color:var(--custom-dark);
	font-weight: 600;
	background-color: #fff;
	border: 2px solid var(--custom-yellow);
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn:hover, .btn:focus{
	background-color: var(--custom-yellow);
	color:var(--custom-dark);
}

/*  sign in css end  */

.why-us-carousel-programs .owl-dots span {
    background: #bfbfbf;
}


.row.register.text-center {
    width: 80%;
}
.register-bottom {
    margin-bottom: 200px;
}

img.testmonial-prev {
    position: absolute;
    top: 250px;
    left: 20px;
    width: 15px;
}
img.testimonial-next {
    position: absolute;
    top: 250px;
    right: 20px;
    width: 15px;
}

.views-border::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 20px;
    top: 450px;
    left: 80px; 
    background: rgb(179, 176, 176);
}
.views-text {
    color: rgb(179, 176, 176);
}
.contact-us-form {
    position: relative;
    z-index: 1;
}
.contact-us-form::before {
    content: '';
    position: absolute;
    background-image: url(../imagesNew/Borderleft.png);
    left: -10px;
    height: 250px;
    width: 250px;
    z-index: -1;
    bottom: -10px;
}
.contact-us-form::after {
    content: '';
    position: absolute;
    background-image: url(../imagesNew/Borderright.png);
    right: -10px;
    height: 250px;
    width: 250px;
    z-index: -1;
    top: -10px;
}
.bg-orange.contactus::after {
    display: none;
}
.bg-orange.contactus::before {
    display: none;
}
.contact-para {
    font-weight: 600;
    color: var(--custom-dark);
}
.contact-add  {
    font-weight: 600;
    color: var(--custom-dark) !important;
}
p.traning-text {
    font-size: 17px !important;
    width: 62%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.key-highlights-icon {
    width: 50px !important;
}
.key-highlights-para {
    color: #2b486b;
    font-family: Lato-Bold;
}
.form-check-input {
    border: 1px solid #e55a25 !important;
    box-shadow: none !important;
}
.form-control::placeholder {
    color: #b3b3b3 !important;
  }
  .formcontrol-color {
    color: #b3b3b3 !important;
  }
input[type="checkbox"] {
    background-color: transparent !important;
    color: #000 !important;
}
.form-check-input:checked[type=checkbox] {
    background-image: url('/imagesNew/icons/check.png') !important;
}
input[type="checkbox"]:enabled:checked{
    background-color: #e55a25 !important;
    color: #000 !important;
}
.terms-and-conditions-section {
    min-height: 500px;
    background-color: #6697b8;
}
.skill-india-calendar {
    position: absolute;
    top: 240px;
    color: #979797;
    left: 210px;
}
.list-height {
    line-height: 40px;
}
.terms-title {
    color: #e55a25;
    padding: 15px;
}

/* accordian styles */
/* .accordion {
    width: 90%;
    max-width: 1000px;
    margin: 2rem auto;
  } */
  .accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  }
  .accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
  }
  .accordion-item-header.active::after {
    content: "\2212";
  }
  .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
  }

  /* skill-india page styles */
  .colored {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/candidates.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/candidates.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .colored {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }

  .dist {
    background-color:#E55A25; 
    mask: url(../imagesNew/icons/Distrbutors.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Distrbutors.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .card:hover .dist {
    background-color:#fff;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .cities-img {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/141-cities.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/141-cities.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .card:hover .cities-img {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .certificates-img {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/certificate.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/certificate.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .card:hover .certificates-img {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .fee-img {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/No-fee.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/No-fee.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .card:hover .fee-img {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .edu-img {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/Recognised.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Recognised.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
  .card:hover .edu-img {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
  }
   /* skill-india page styles end*/


/* Why-Hsa styles start */
   .formula {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/Formula-btn.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Formula-btn.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .formula {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .diversified-prg {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/Diversified-programs-3@3x.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Diversified-programs-3@3x.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .diversified-prg {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .wide-presence {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/Presence.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Presence.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .wide-presence {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .stuctured-content {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/Diversified-programs-2.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Diversified-programs-2.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .stuctured-content {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .multilingual-training {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(..imagesNew/icons/Diversified-programs-4.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Diversified-programs-4.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .multilingual-training {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .nurturing-trainers {
    background-color:#E55A25; /* defines the background color of the image */
    mask: url(../imagesNew/icons/Diversified-programs.png) no-repeat;
    -webkit-mask: url(../imagesNew/icons/Diversified-programs.png) no-repeat;
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  .card:hover .nurturing-trainers {
    background-color:#fff; /* defines the background color of the image */
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;

  }
  /* Why-Hsa styles end */
  .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

/* Programs page css start */
ul.fss-list {
    list-style:none;   
    padding-left: 0;
}
.fss-li::before {
    content: '';
    display: inline-block;
    background-image: url(../imagesNew/icons/bullet-point-copy-14@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 10px;
    position: relative;
    width: 10px;
    padding: 7px;
    left: -5px;
    top: 3px;
}
/* Programs page css end */
  
  @media (max-width: 767px) {
    html {
      font-size: 14px;
    }
  }
  







/* .card .hsa-prgrams-marketers img {
    background: #474747;
}
.card:hover .hsa-prgrams-marketers img {
    background: #a8a8a800;
} */


/* .enquiry-calender-icon {
    color: #fff;
    position: absolute;
} */

/*# sourceMappingURL=style.css.map */