body
{
    font-family: "Barlow", sans-serif;
    overflow-x: hidden;
}
.container {
    box-sizing: border-box;
    max-width: 1200px !important;
    margin-left: auto;
    margin-right: auto;
}
:root {
    --white: #ffffff;
    --black: #000000;
    --bg-gold: #A67F2D;
    --bg-grey: #3D3D3D;
    --bg-black-smoky: #0D0D0D;
    --bg-light-grey: #E6E6E6;
    --bg-black-russian: #101828;
    --bg-grey98: #FAFAFA;
    --greytext: #484848;
    --text-14: 14px;
    --text-16: 16px;
    --text-18: 18px;
    --text-20: 20px;
    --text-22: 22px;
    --text-25: 25px;
    --text-26: 26px;
    --text-28: 28px;
    --text-30: 30px;
    --text-35: 35px;
    --text-45: 45px;
}

.white {
    color: var(--white);
}
.black {
    color: var(--black);
}
.gold {
    color: var(--bg-gold);
}
.grey98{
    color: var(--bg-grey98);
}
.greytext{
    color: var(--greytext);
}
.black-smoky{
    color: var(--bg-black-smoky);
}
.fs-14{
    font-size: var(--text-14);
}
.fs-16{
    font-size: var(--text-16);
}
.fs-18{
    font-size: var(--text-18);
}
.fs-20{
    font-size: var(--text-20);
}
.fs-22{
    font-size: var(--text-22);
}
.fs-25{
    font-size: var(--text-25);
}
.fs-26{
    font-size: var(--text-26);
}
.fs-28{
    font-size: var(--text-28);
}
.fs-30{
    font-size: var(--text-30);
}
.fs-35{
    font-size: var(--text-35);
}
.fs-45{
    font-size: var(--text-45);
}
.lh-15{
    line-height: 15px;
}
.lh-20{
    line-height: 20px;
}
.lh-26{
    line-height: 26px;
}
.lh-35{
    line-height: 35px;
}
.lh-50{
    line-height: 50px;
}
.light{
    font-weight: 300;
}
.regular{
    font-weight: 400;
}
.medium{
    font-weight: 500;
}
.semibold{
    font-weight: 600;
}
.bold{
    font-weight: 700;
}
header{
    background: var(--white);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10);
}
.wrapperhead{
    height: 80px;
}
.logo img{
    width: 92px;
}
.logomain {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*Section One*/
.rightcontent p {
    padding-bottom: 17px;
}
.goldbtnmain.russianblack{
    width: 100%;
}
.goldbtnmain.russianblack button{
    background: var(--bg-black-russian);
    justify-content: space-between;
    width: 100%;
}
.goldbtnmain button {
    border-radius: 32px;
    background: var(--bg-gold);
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    padding: 12px 18px 12px 28px;
    display: flex;
    align-items: center;
    height: 50px;
}
.goldbtnmain img {
    width: 25px;
}
.goldbtnmain {
    display: inline-block;
}
.goldbtnmain button span {
    padding-left: 20px;
}
.bannerbestcompany {
    border-radius: 24px;
    background: rgba(236, 236, 236, 0.5);
    backdrop-filter: blur(2px);
    padding-top: 20px;
    padding-bottom: 35px;
}
.bannermain {
    padding-top: 25px;
}
.bannermainsub {
    padding-top: 20px;
}
.bannertxtbtnset {
    padding-top: 50px;
}
.yearend {
    padding-left: 25px;
}
.sectionone {
    padding-bottom: 50px;
    padding-top: 80px;
}
.goldbtnmain button:hover, .goldbtnmain button:focus, .goldbtnmain button:active {
    background: var(--bg-gold) !important;
    color: var(--white) !important;
}
.popularright p{
    background: var(--bg-gold);
    padding: 5px 20px 8px 20px !important;
    margin-top: -6px;
    border-radius: 12px;
}
.sectionthree {
    padding-bottom: 15px;
}
.popularhead {
    display: flex;
    justify-content: space-between;
}
/*End*/
/*Section Two*/
.powergreybg {
    border-radius: 24px;
    background: linear-gradient(0deg, #E6E6E6 0%, #E6E6E6 100%), #0D0D0D;
    padding: 40px 26px 20px 26px;
    position: relative;
    overflow: hidden;
}
.powermainhead p {
    padding-bottom: 20px;
}
.powermainsubtxt {
    padding-top: 40px;
    height: 180px;
}
.powerdate {
    padding-top: 10px;
}
.powerdate p {
    padding-bottom: 12px;
}
.greydark{
    background: linear-gradient(0deg, #5B5B5B 0%, #5B5B5B 100%), linear-gradient(0deg, #3D3D3D 0%, #3D3D3D 100%), #D4D4D4;
}
.powercategory {
    padding-top: 30px;
}
.sectiontwo {
    background: url("../images/sectiontwo-bg.png") no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
}
.sectiontwo .powerdate .goldbtnmain.russianblack button {
    width: 100%;
}
/*End*/
/*Section Three*/
.sectionthree {
    background: #FAFAFA;
    padding-bottom: 20px;
}
.upskillheading {
    padding-top: 40px;
    padding-bottom: 20px;
}
.exclusivesaving {
    border-radius: 24px;
    background: var(--bg-black-russian);
    padding: 0 45px 0 56px;
    position: relative;
}
.exclusivemain {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bordermainbg{
    height: 100%;
}
.exclusiveboxheading {
    border-radius: 24px;
    /* background: rgba(217, 217, 217, 0.5);
    backdrop-filter: blur(2px); */
    backdrop-filter: blur(4px);
    background: rgb(217 217 217 / 30%);
    padding: 20px 25px;
    padding-bottom: 10px;
}
.exlusiveboxes {
    padding-top: 35px;
    padding-bottom: 40px;
}
.exclusivemain{
    padding-top: 40px;
}
.golddark{
    background: var(--bg-gold);
}
.architectmain .powermainsubtxt{
    height: auto;
    padding-top: 10px;
}
.architectmain .powergreybg{
    padding: 20px 22px 20px 22px;
}
.borderbg {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 11;
    pointer-events: none;
}
.slick-slide img {
    margin: 0 auto;
}
/*End*/
/*Section Four*/
.sectionfour{
    background: #FAFAFA;
    padding-bottom: 20px;
}
.powermainhead sup {
    left: -5px;
    top: -14px;
}
.upcomingcenterpiece{
    padding: 30px 0;
}
.upcomingschedmain .powergreybg {
    padding: 40px 10px 20px 10px;
}
.upcoming .exclusivemain{
    padding-bottom: 40px;
}
.upcomingtrue {
    z-index: 2;
    position: relative;
}
.powerdate .goldbtnmain.russianblack button {
    width: 80%;
    margin: 0 auto;
}
/*End*/
/*Section Five*/
.sectionfive {
    background: url("../images/sectiontwo-bg.png") no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 1%;
}
.learnersbox{
    border-radius: 27px;
    background: var(--bg-light-grey);
    padding: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.learbermaintxt {
    padding-top: 15px;
}
.learnerauthor span {
    padding-top: 8px;
}
.learbermaintxt p {
    height: 65px;
}
.quoteimg {
    position: relative;
    top: -10px;
}
.quoteimg svg {
    position: absolute;
}
.quoteline p{
    padding-left: 13px;
    padding-right: 13px;
}
.form-container .goldbtnmain button {
    width: 250px;
    justify-content: space-between;
}
.exclusivearr {
    position: relative;
    z-index: 1;
}
.sectionone {
    padding-bottom: 0;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    color: white !important;
}
/*End*/

@media (min-width: 1440px) {
    .exclusiveboxheading p.fs-20{
        font-size: 17px;
    }
    .upskillheading {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .exclusiveboxheading p {
        margin-bottom: 0;
    }
    .exclusubtxt {
        height: 65px;
    }
    .exclusivemain {
        padding-top: 30px;
    }
    .exlusiveboxes {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .wrapperhead {
        height: 100px;
    }
    .sectionone {
        padding-top: 100px;
    }
    .logo img {
        width: 114px;
    }
    .rightcontent p {
        padding-bottom: 10px;
    }
}

@media (max-width: 1440px) {
    .exlusiveboxes {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .exclusivemain {
        padding-top: 30px;
    }
}
@media (max-width: 1399px) {
    :root {
        --text-16: 14px;
        --text-18: 16px;
        --text-20: 18px;
        --text-22: 18px;
        --text-25: 20px;
        --text-26: 24px;
        --text-28: 24px;
        --text-30: 25px;
        --text-35: 30px;
        --text-45: 40px;
        --text-14: 13px;
    }
    .lh-35 {
        line-height: 30px;
    }
    .lh-50 {
        line-height: 40px;
    }
    .bannertxt {
        padding-right: 40px;
    }
    .bannertxtbtnset {
        padding-top: 35px;
    }
    .wrapperhead {
        height: 80px;
    }
    .logo img {
        width: 64%;
    }
    .rightcontent p {
        padding-bottom: 10px;
    }
    .sectionone {
        padding-top: 80px;
    }
    .yearend img {
        width: 85%;
    }
    .bannerbestcompany {
        padding-bottom: 25px;
    }
    .sectiontwo {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .powercategory {
        padding-top: 20px;
    }
    .powermainsubtxt {
        padding-top: 20px;
        height: 140px;
    }
    .goldbtnmain button {
        padding: 6px 12px 6px 18px;
        height: 45px;
        font-size: 18px;
    }
    .exclusivemain {
        padding-top: 25px;
    }
    .exclusiveboxheading {
        height: 100%;
        padding: 12px 18px;
    }
    .architectmain .powergreybg {
        height: 180px;
    }
    .upskillheading {
        padding-top: 30px;
    }
    .sectionfour {
        padding-bottom: 0;
    }
    .upcomingschedmain .powergreybg {
        padding: 20px 10px 20px 10px;
    }
    .upcomingcenterpiece {
        padding: 20px 0;
    }
    .upcoming .exclusivemain {
        padding-bottom: 30px;
    }
    .learnersbox {
        padding: 14px;
    }
    .sectionfive {
        padding-bottom: 40px;
    }
    .sectionthree {
        padding-bottom: 40px;
    }
    .form-container .goldbtnmain button {
        width: 190px;
    }
    .popularright p {
        padding: 5px 20px 6px 20px !important;
    }
}
@media (max-width: 1199px) {
    .container {
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    :root {
        --text-20: 16px;
        --text-26: 20px;
        --text-28: 20px;
        --text-30: 24px;
        --text-35: 26px;
        --text-45: 35px;
    }
    .yearend img {
        width: 100%;
    }
    .powergreybg {
        padding: 20px 20px 20px 20px;
    }
    .lh-35 {
        line-height: 24px;
    }
    .exclusivesaving {
        padding: 0 25px 0 25px;
    }
    .architectmain .powergreybg {
        height: 190px;
    }
}
@media (max-width: 991px) {
    :root {
        --text-18: 15px;
        --text-20: 16px;
        --text-25: 17px;
        --text-26: 18px;
        --text-28: 20px;
        --text-30: 20px;
        --text-35: 22px;
        --text-45: 30px;
    }
    .lh-50 {
        line-height: 35px;
    }
    .lh-26 {
        line-height: 22px;
    }
    .bannertxtbtnset {
        padding-top: 20px;
    }
    .yearend img {
        width: 100%;
    }
    .bannerbestcompany {
        margin-top: 30px;
    }
    .goldbtnmain button span img {
        width: 24px;
        height: 23px;
    }
    .exclusiveleft {
        width: 60%;
    }
    .exclusiveright{
        width: 40%;
        text-align: right;
    }
    .exclusiveboxheading {
        height: 190px;
    }
    .upcomingschedsubtxt p span {
        height: 40px;
    }
    .upcomingschedmain .powergreybg {
        padding: 20px 5px 20px 5px;
    }
    .sectionfour .exclusiveleft {
        width: 48%;
    }
    .sectionfour .exclusiveright {
        text-align: left;
        width: 52%;
    }
    .quoteimg svg {
        width: 15%;
    }
    .form-container .goldbtnmain button {
        width: 190px;
    }
    .powerdate .goldbtnmain.russianblack button {
        width: 95%;
    }
    .sectionthree {
        padding-bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .powermainhead p {
        padding-bottom: 12px;
    }
    .popularright {
        display: inline-block;
    }
    .popularright.fs-16{
        font-size: 12px;
    }
    .popularright p {
        padding: 3px 8px 3px 8px !important;
    }
    .limittxt {
        height: 40px;
    }
    .popularright p {
        margin-top: -2px;
    }
    .sectiontwo .goldbtnmain button {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    :root {
        --text-20: 16px;
        --text-14: 12px;
    }
    .logo img {
        width: 100px;
    }
    .lh-50 {
        line-height: 30px;
    }
    .rightcontent p {
        padding-bottom: 8px;
    }
    .wrapperhead {
        height: 88px;
    }
    .rightcontent {
        width: 65%;
        text-align: center;
        margin: 0px auto;
        display: table;
    }
    .sectionone {
        padding-top: 88px;
    }
    .bannertxt {
        padding-right: 0;
    }
    .upskillheading {
        padding-top: 0;
    }
    .learnersbox {
        margin-bottom: 30px;
    }
    .learbermaintxt p {
        height: auto;
    }
    .sectionfour .exclusiveright {
        width: 100%;
        margin-top: 15px;
    }
    .sectionfour .exclusiveleft {
        width: 100%;
    }
    .upcoming .exclusivemain {
        display: block;
    }
    .upcomingschedsubtxt p span {
        height: auto;
    }
    .architectmain .powergreybg {
        height: auto;
    }
    .exclusiveboxheading {
        height: auto;
    }
    .exclusiveboxheading br{
        display: none;
    }
    .exclusivemain {
        display: block;
    }
    .exclusiveleft {
        width: 100%;
    }
    .exclusiveright {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    .upskillheading {
        padding-top: 15px;
    }
    .powermainsubtxt {
        padding-top: 15px;
        height: auto;
    }
    .powermainhead h2 br{
        display: none;
    }
    .quoteline p {
        padding-left: 35px;
        padding-right: 0;
        text-align: left !important;
    }
    .logomain .lh-50 {
        line-height: 20px;
    }
    .keep-me {
        display: block !important;
    }
    .bannertxtbtnset p br {
        display: none;
    }
    .bannerbestsub p {
        padding: 0px 10px;
    }
    .sectiontwo {
        padding-top: 0;
    }
    .sectionone {
        padding-bottom: 25px;
    }
    .sectionthree {
        padding-bottom: 20px;
    }
    .goldbtnmain.russianblack {
        width: auto;
    }
    .powerdate .goldbtnmain.russianblack button {
        width: 100%;
    }
    .bannerbestsub {
        padding: 0px 20px;
    }
}