/*@font-face {*/
/*    font-family: SF-Pro-Text-Bold;*/
/*    src: url(../fonts/SF-Pro-Text-Bold.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: SF-Pro-Text;*/
/*    src: url(../fonts/SF-Pro-Text.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: SF-Pro-Text-Light;*/
/*    src: url(../fonts/SF-Pro-Text-Light.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: SF-Pro-Text-Regular;*/
/*    src: url(../fonts/SF-Pro-Text-Regular.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: SF-Pro-Text-Medium;*/
/*    src: url(../fonts/SF-Pro-Text-Medium.otf);*/
/*}*/
body {
    font-family: Poppins;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 24px;
    overflow-x: hidden;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}
.logo {
    text-align: center;
}
.Loginbtn {
    float: left;
    /*font: normal normal 400 14px/23px Poppins;*/
    color: #fff;
    padding: 2px 38px;
    background: #113c49;
    border-radius: 20px;
    margin: 25px 0 25px -10px;
}
.Loginbtn:focus, .Loginbtn:hover {
    color: #fff;
    text-decoration: none;
}
.Youtubebtn {
    float: left;
    width: 100%;
    color: #113c49;
    margin: 30px 0;
}
@media (max-width:768px) {
    .hideOverflowOnMobile {
    /*overflow: hidden;*/
}
.header {
    position: relative!important;
}
#BannerContent, .header {
    background: #fff!important;
}
.logo {
    text-align: left;
    background: #fff3e4;
}
#menuzord {
    position: absolute;
    background: #fff;
    right: 2%}
.Loginbtn {
    margin: 10px 0 0;
    margin-left: 0;
}
.Youtubebtn {
    float: right;
    position: absolute;
    top: -65px;
    right: 4%;
    text-align: right;
}
}#BannerContent {
    float: left;
    width: 100%;
    background: #fff3e4;
    border-bottom-right-radius: 30% 16%;
    border-bottom-left-radius: 30% 16%}
.header {
    background: #fff3e4;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 20px #00000026;
}
.BannerText {
    float: left;
    display: inline-block;
    font-family: SF-Pro-Text-Bold;
    width: 42%;
    padding: 5% 0 12% 15px;
    margin-top: 100px;
}
.BannerText h1 {
    font-family: SF-Pro-Text;
    font-size: 45px;
    color: #113c49;
    text-align: left;
    font-weight: 900;
    margin-bottom: 5%}
.BannerText h1 span {
    color: #f48c06;
}
.BannerText p {
    color: #113c49;
    margin-bottom: 10%;
    animation-delay: 1s;
    font: normal normal 400 14px/25px Poppins;
}
.GetStarted {
    color: #fff;
    padding: 10px 20px;
    background: #f48c06;
    border-radius: 20px;
    margin-right: 5%;
    animation-delay: 1s;
}
.YoutubeWatch {
    color: #113c49;
    animation-delay: 1s;
}
.BannerImg {
    display: inline-block;
    width: 58%;
    margin-top: 100px;
}
.BannerImg img {
    width: 60%;
    height: 500px;
    margin: auto;
    filter: blur(20px);
    background-size: cover;
    animation: hd-quality .5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.BannerImg img::after {
    animation: low-quality .5s;
    animation-delay: .5s;
}
@keyframes low-quality {
    0% {
    background-image: url(../images/Swapnil-Patni.png);
}
}@keyframes hd-quality {
    0% {
    background-image: url(../images/Swapnil-Patni.png);
    filter: blur(20px);
}
100% {
    background-image: url(../images/Swapnil-Patni.png);
    filter: blur(0);
}
}.BannerBox, .BannerBox1, .BannerBox2 {
    width: 265px;
    padding: 10px 12px;
    background: #f8f9fa;
    box-shadow: 0 2px 6px #00000029;
    border-radius: 15px;
    opacity: 1;
    backdrop-filter: grayscale(.5) opacity(.8);
    position: absolute;
    top: 295px;
    right: 400px;
}
.BannerBox1 {
    top: 375px;
    right: 100px;
    animation-delay: 1s;
}
.BannerBox2 {
    top: 465px;
    right: 430px;
    animation-delay: 2s;
}
.BannerBox img, .BannerBox1 img, .BannerBox2 img {
    float: left;
    width: 48px;
    height: 48px;
    display: inline-block;
    background: #18b1f6;
    padding: 5px;
    border-radius: 15px;
    margin-right: 10px;
}
.BannerBox1 img {
    width: 70px;
    height: 70px;
    background: #f89236;
}
.BannerBox2 img {
    width: 70px;
    height: 70px;
    background: #9e56fc;
}
.BannerBox p, .BannerBox1 p, .BannerBox2 p {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    
}
.BannerBox span, .BannerBox1 span, .BannerBox2 span {
    font-size: 15px;
    font-weight: 600;
}
.CallBtn {
    position: fixed;
    z-index: 999999;
    text-align: center;
    bottom: 2%;
    left: 2%;
    /*background: #6c63ff;*/
    padding: 8px 5px;
    border-radius: 50%}
.CallBtn img {
    width: 60%}
@media (max-width:768px) {
    .BannerBox, .BannerBox1, .BannerBox2 {
    display: none;
}
.BannerText {
    /*position: absolute;*/
    bottom: 5%;
    text-align: justify;
    /*z-index: 99;*/
    padding: 15px 15px 20px;
    margin: 0 15px;
    background: #f8f9fa8f;
    border-radius: 10px;
    width: 80%}
.BannerText h1 {
    font-size: 25px;
}
.BannerImg {
    width: 100%;
    margin-bottom: 15%;
    margin-top: 50px;
}
.BannerImg img {
    width: 100%;
    margin: auto;
}
.GetStarted, .YoutubeWatch {
    font-size: 12px;
}
}@media screen and (min-width:800px) and (max-width:1200px) {
    .BannerImg img {
    width: 90%}
}#WhyUs {
    float: left;
    width: 100%;
   background: url(../images/Why-Classes.jpg);
    
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 40px 0 0;
    padding: 20px 0;
}
#WhyUs h2 {
    font: normal normal 900 50px/65px SF-Pro-Text;
    font-size: 35px;
    color: #113c49;
    font-weight: 900;
    margin: 20px 0 30px;
}
#WhyUs h2 span {
    color: #f48c06;
}
#WhyUs p {
    color: #113c49;
    font: normal normal 400 18px/30px Poppins;
}
.WhyUsBox {
    padding: 2% 10% 3%}
.WhyUsBox .row:nth-child(2) {
    margin-top: 5%}
.WhyUsBoxContent {
    padding: 30px 15px 20px;
    border-radius: 10px;
    margin-top: 20%;
    box-shadow: 0 2px 20px #00000026;
}
.WhyUsBoxContent h3 {
    font: normal normal 900 25px/32px SF-Pro-Text-Medium!important;
    text-align: left;
    font-size: 20px!important;
    font-weight: 600!important;
    color: #fff!important;
    margin: 15px 0!important;
}
.WhyUsBoxContent img {
    position: absolute;
    z-index: 1;
    top: 3%;
    left: 15%;
    width: 30%}
.WhyUsBoxContent p {
    font: normal normal 400 18px/20px SF-Pro-Text-Light!important;
    color: #fff!important;
    text-align: left;
    font-size: 12px!important;
    line-height: 20px;
    margin: 0;
    height: 200px;
}
.SuperiorQuality {
    background: transparent linear-gradient(127deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
}
.LiveCourse {
    background: transparent linear-gradient(127deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
}
.LiveCourse img {
    width: 35%}
.VideoLessons {
    background: transparent linear-gradient(127deg, #824db6 0, #8819a9 100%) 0 0 no-repeat padding-box;
}
.VideoLessons img {
    width: 35%}
.HighlyQualifide {
    background: transparent linear-gradient(127deg, #9346df 0, #1f0b87 100%) 0 0 no-repeat padding-box;
}
.FlexibleTeaching {
    background: transparent linear-gradient(127deg, #f16969 0, red 100%) 0 0 no-repeat padding-box;
}
.FlexibleTeaching img {
    width: 38%}
.StudyAnytime {
    background: transparent linear-gradient(127deg, #545fff 0, #1101f2 100%) 0 0 no-repeat padding-box;
}
.StudyAnytime img {
    width: 25%}
@media (max-width:768px) {
    #WhyUs h2 {
    font-size: 28px;
    line-height:40px;
}
.WhyUsBoxContent {
    margin-bottom: 25px;
}
}#OurModes {
    float: left;
    width: 100%;
    background: url(../images/OurModes.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 0 50px;
}
#OurModes h2 {
    font-family: SF-Pro-Text-Bold;
    font-size: 35px;
    color: #fff;
    font-weight: 900;
    margin: 20px 0 30px;
}
#OurModes p {
    font-size: 13px;
    color: #fff;
}
.OurModesBox {
    padding: 15px;
    border-radius: 10px;
    margin-top: 10%;
    box-shadow: 0 2px 20px #00000026;
}
.BoxImg {
    float: left;
    display: inline-block;
    width: 30%;
    margin: 10px 0;
}
.BoxImg img {
    width: 65%}
.BoxContent {
    text-align: left;
    width: 70%;
    display: inline-block;
}
.BoxContent h2 {
    font-size: 22px!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
     font-family: SF-Pro-Text-Bold;
    /*font-size: 35px;*/
    color: #fff;
    font-weight: 900;
    /*margin: 20px 0 30px;*/
}
.BoxContent p {
    font-size: 12px!important;
    line-height: 24px;
    margin-bottom: 0;
    height: 100px;
}
.PenDrive {
    background: transparent linear-gradient(110deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
}
.LiveStreaming {
    background: transparent linear-gradient(110deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
}
.LiveStreaming img {
    width: 75%}
.GoogleDrive {
    background: transparent linear-gradient(110deg, #545fff 0, #1101f2 100%) 0 0 no-repeat padding-box;
}
.OTTPlatform {
    background: transparent linear-gradient(110deg, #9346df 0, #1f0b87 100%) 0 0 no-repeat padding-box;
}
@media (max-width:768px) {
    #OurModes h2 {
    font-size: 28px;
}
.BoxImg {
    float: none;
    display: inline-block;
    width: 45%;
    margin: 10px auto 20px;
}
.BoxContent {
    text-align: center;
    width: 100%;
    display: inline-block;
}
}#OnlineCoaching {
    float: left;
    width: 100%;
    background: url(../images/Why-Classes.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 0;
}
#OnlineCoaching h2 {
    font-family: SF-Pro-Text-Bold;
    font-size: 35px;
    color: #113c49;
    font-weight: 900;
    margin: 20px 0 30px;
}
#OnlineCoaching h2 span {
    color: #f48c06;
}
#OnlineCoaching p {
    font-size: 13px;
    color: #113c49;
    margin-bottom: 5%}
.OnlineCoaching img {
    width: 80%;
    margin-top: 3%;
    height: 550px;
}
.CoachingBox {
    float: left;
    width: 35%;
    padding: 15px;
    margin: 15px;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 2px 20px #00000026;
    border-radius: 12px;
}
.CoachingBox img {
    width: 35%;
    margin-bottom:10px;
}
.CoachingBox span {
    text-align: center;
    color: #113c49;
    padding: 15px 0 5px;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
}
.CoachingBox p {
    text-align: center;
    color: #113c49;
    margin-bottom: 0!important;
}
@media (max-width:768px) {
    #OnlineCoaching h2 {
    font-size: 28px;
}
.OnlineCoaching {
    display: none;
}
.CoachingBox {
    width: 42%}
}#FeaturedCourses {
    float: left;
    width: 100%;
    background: transparent linear-gradient(288deg, #1a87eb 0, #01c6e5 100%) 0 0 no-repeat padding-box;
    padding: 20px 0;
    height: 420px;
}
#FeaturedCourses h2 {
    font-family: SF-Pro-Text-Bold;
    font-size: 35px;
    color: #fff;
    font-weight: 900;
    margin: 20px 0 30px;
}
#FeaturedCourses p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5%}
#FeaturedCourses-carousel {
    margin-bottom: 20%}
#FeaturedCourses-carousel h3 {
    font-size: 13px;
    padding: 10px;
    background: #ffac00;
    color: #fff;
    margin: 0;
}
#FeaturedCourses-carousel .item {
    margin: 0 10px;
}
#FeaturedCourses-carousel img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.CoursesText img {
    float: right;
    width: 40px!important;
    height: 40px;
    position: absolute;
    bottom: 47%;
    right: 8%;
    background: #fff;
    padding-top: 6px;
    border-radius: 50%;
    border: 2px solid #ffac00;
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
}
.CoursesBox {
    float: left;
    width: 100%;
    padding: 15px 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 40%);
    background: #fff;
    margin: 0 0 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.review {
    float: left;
    display: inline-block;
    font-size: 10px;
    color: #113c49!important;
    font-weight: 600;
}
.review b {
    font-size: 14px;
    font-weight: 900;
}
.rating {
    float: right;
    display: inline-block;
    color: #ffac00!important;
}
.CoursesBox p {
    float: left;
    width: 100%;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #113c49!important;
    font-size: 12px!important;
    margin-bottom: 0!important;
    margin: 10px 0 15px!important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.BuyNow {
    font-size: 12px;
    padding: 5px 12px;
    color: #fff;
    background: transparent linear-gradient(103deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 6px #00000029;
    border-radius: 50px;
}
#FeaturedCourses .owl-theme .owl-dots .owl-dot.active span, #FeaturedCourses .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffac00;
}
#FeaturedCourses .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 15px 7px;
    background: 0 0;
    border: 2px solid #ffac00;
}
@media (max-width:768px) {
    #FeaturedCourses h2 {
    font-size: 28px;
}
}#AppFeatures {
    float: left;
    width: 100%;
    margin-top: 400px;
    padding: 20px 0;
    background: transparent linear-gradient(137deg, #1c82eb 0, #00c8e5 100%) 0 0 no-repeat padding-box;
}
#AppFeatures h2 {
    font-family: SF-Pro-Text-Bold;
    font-size: 35px;
    color: #fff;
    font-weight: 900;
    margin: 20px 0 30px;
}
#AppFeatures p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5%}
.services-lft {
    padding-top: 5%;
    padding-left: 8%}
.services-ryt {
    padding-top: 5%;
    padding-right: 10%}
.services-lft .service-box {
    margin-bottom: 15px;
    display: flex;
}
.services-lft .service-box .box-icon span {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    margin-right: 20px;
    margin-bottom: 15px;
    text-align: center;
}
.services-lft .service-box .box-icon span img {
    padding: 28% 8%;
    width: 70%;
    text-align: center;
}
.services-lft .service-box .box-content h6 {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
}
.services-lft .service-box .box-content p {
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
}
.AppDesign {
    background: url(../images/svg/App-Bg.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 0;
}
.AppDesign img {
    width: 65%}
.services-ryt .service-box {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row-reverse;
}
.services-ryt .service-box .box-icon span {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    margin-left: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.services-ryt .service-box .box-icon span img {
    padding: 30% 10%;
    width: 65%;
    text-align: center;
}
.services-ryt .service-box .box-content h6 {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
}
.services-ryt .service-box .box-content p {
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
}
@media (max-width:768px) {
    #AppFeatures {
    margin-top: 65%}
#AppFeatures h2 {
    font-size: 28px;
}
.AppDesign {
    display: none;
}
.services-ryt {
    padding-top: 0;
}
.services-ryt .service-box {
    flex-direction: row;
    text-align: left!important;
}
.services-ryt .service-box .box-icon span {
    margin: 0 15px 15px;
}
}#footer {
    float: left;
    width: 100%;
    background: url(../images/footerbg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 0;
}
#footer h2 {
    font-family: SF-Pro-Text-Bold;
    font-size: 20px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0;
}
#footer p {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 5%}
.GetInTouch {
    margin-bottom: 10%}
.GetInTouch h2 {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.footerText ul {
    color: #fff;
    list-style: none;
    padding-left: 55px;
}
.footerText ul a {
    color: #fff;
    font-size: 13px;
}
.footerText img {
    width: 5%;
    margin-bottom: 20px;
}
.footerText p {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    width: 95%;
    margin-bottom: 20px!important;
}
.SocialIcon {
    float: left;
    width: 38%;
    padding: 5px;
    margin-bottom: 5%;
    margin-right: 5%;
    border-radius: 10px;
}
.SocialIcon img {
    width: 15%}
.SocialIcon p {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    width: 65%;
    margin-bottom: 0!important;
}
.YoutubeBtn {
    background: red;
}
.FacebookBtn {
    background: #4267b2;
}
.InstagramBtn {
    background: transparent linear-gradient(254deg, #5a27d1 0, #a91789 31%, #ed4f32 65%, #f7bf52 100%) 0 0 no-repeat padding-box;
}
.TelegramBtn {
    background: #2ba0d9;
}
.LinkdiBtn {
    background: #0078D4;
}
.TwiiterBtn {
    background: #5FD6F8;
}

@media (max-width:768px) {
    #footer {
    padding: 20px 0;
}
.GetInTouch, .footerText {
    margin: 5% 0;
}
.footerText p {
    margin-bottom: 0!important;
}
}#footerbottom {
    float: left;
    width: 100%;
    background: #2594e9;
}
#footerbottom p {
    color: #fff;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 0;
}
.inner {
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
}
.has-search {
    float: right;
    width: 65%;
    margin: 25px 0;
}
.has-search .form-control {
    padding-left: 2.375rem;
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 99;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.has-search .form-control:focus {
    color: #dbdbdb;
    background-color: #fff;
    border-color: #dbdbdb;
    outline: 0;
    box-shadow: none;
}
.btn-secondary {
    font: normal normal 400 14px/23px Poppins;
    padding: 0 25px;
    border: 0;
    background: #f38c06 0 0 no-repeat padding-box;
    box-shadow: 0 2px 6px #00000029;
    border-radius: 0 50px 50px 0;
}
.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none!important;
}
.btn-secondary:active, .btn-secondary:hover {
    color: #fff;
    background-color: #f38c06!important;
    border-color: #f38c06;
}
::-webkit-input-placeholder {
    color: #bababa;
    font: normal normal 100 13px/21px Poppins;
}
:-ms-input-placeholder {
    color: #bababa;
    font: normal normal 100 13px/21px Poppins;
}
::placeholder {
    color: #bababa;
    font: normal normal 100 13px/21px Poppins;
}
.fa-shopping-cart {
    font-size: 28px;
    margin: 32px 0 32px -10px;
}
#BannerContent .dropdown button {
    float: left;
    width: 100%;
    text-align: left;
    margin: 28px 0 28px -10px;
    font-size: 14px;
}
#BannerContent .dropdown .btn.focus, #BannerContent .dropdown .btn:focus {
    box-shadow: none;
}
#BannerContent .dropdown-item {
    font-size: 14px;
    padding: 2px 15px;
}
@media (max-width:768px) {
    .has-search {
    width: 100%;
    margin: 15px 0;
}
#BannerContent .dropdown button, .inner .Loginbtn {
    margin: -45px 0 0;
    margin-left: 0;
}
.fa-shopping-cart {
    float: right;
    margin: 10px;
}
}.breadcrumb {
    font: normal normal 600 16px/25px SF-Pro-Text-Light!important;
    background-color: #e9ecef3d;
}
nav.breadcrumb {
    font-size: 14px;
    color: #333;
    margin-bottom: 2rem;
}
nav.breadcrumb .fa {
    padding: 5px;
}
nav.breadcrumb a {
    margin: 0 5px;
    text-decoration: none;
    color: #f7711f;
}
nav.breadcrumb a:first-child {
    margin-left: 0;
}
nav.breadcrumb a:focus, nav.breadcrumb a:hover {
    color: #333;
}
nav.breadcrumb a:active {
    color: #666;
}
nav.breadcrumb strong {
    margin-left: 5px;
    font-weight: 700;
    color: #333;
}
@media (max-width:768px) {
    .breadcrumb {
    font: normal normal 600 14px/25px SF-Pro-Text-Light!important;
}
}#ProductPage {
    float: left;
    width: 100%;
    background: url(../images/Why-Classes.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 95px 0 0;
    padding: 40px 0;
}
#ProductPage h2 {
    text-align: left;
    font: normal normal 600 28px/30px SF-Pro-Text-Medium;
    padding: 15px 0 20px;
    color: #222;
}
#ProductPage .CourseDetails {
    background: #fefeff 0 0 no-repeat padding-box;
    box-shadow: 0 2px 20px #00000029;
    border-radius: 20px;
    text-align: left;
}
#ProductPage .CourseDetails h6 {
    text-align: left;
    font: normal normal 500 16px/18px SF-Pro-Text;
    border-bottom: 1px solid #dbdbdb;
    color: #f7711f;
    text-transform: uppercase;
    padding: 15px 15px;
}
.InstructorBox {
    padding: 15px 20px;
}
.InstructorBox .image {
    float: left;
    width: 22%;
    margin-right: 10px;
}
.image img {
    width: 66px;
    height: 90px;
    background: #fff;
    padding: 5px 0 0;
    border: 1px solid #fff;
}
.Details h3 {
    text-align: left;
    font: normal normal 600 20px/30px SF-Pro-Text-Bold;
    color: #222;
    margin: 0;
}
.Details h4 {
    text-align: left;
    font: normal normal 100 15px/20px SF-Pro-Text-Light;
    color: #222;
    letter-spacing: 0;
    margin: 0;
}
.Details p {
    color: #ffac00;
    margin: 0;
}
#CoursesDetails img {
    background: #f7eeee;
    border-radius: 20px;
    height: 261px;
    width: 300px;
    margin-left: 20px;
}
#CoursesDetails .owl-theme .owl-dots .owl-dot.active span, #CoursesDetails .owl-theme .owl-dots .owl-dot:hover span {
    background: #18b1f6;
    border: 2px solid #18b1f6;
}
#CoursesDetails .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 2px solid #18b1f6;
}




.cardProduction{
    /*display:grid;*/
    /*width: 100%;*/
    /*height: 20%;*/
    /*margin-top: 5px;*/
}
.cardProduction input[type=radio] {
    position: relative !important;
    z-index: 999;
    margin-top: 6px !important;
    margin-left: 15px;
    float: left !important;
}
.cardProduction label {
   width: 55% !important;
    height: 70px  !important;
    display: inline-block;
    background: #fff;
    border: 2px solid #fefeff;
    border-radius: 20px;
    padding: 15px 0;
    margin-right: 5px;
    text-align: center;
    position: relative;
    font: normal normal 600 18px/18px SF-Pro-Text-Regular;
    letter-spacing: 0;
    color: #fff;
}
.cardProduction lable2{
   display:inline;
}




.PlanDuration {
    text-align: left;
    position: relative;
    margin-bottom: 5px;
}
.PlanDuration input[type=radio] {
    position: absolute;
    z-index: 999;
    margin-top: 18px;
    margin-left: 15px;
}
.PlanDuration input[type=radio]:checked+.lable1 {
    box-shadow: 0 2px 25px #f55e00;
}
.PlanDuration input[type=radio]:checked+.lable2 {
    box-shadow: 0 2px 20px #1fc5fa;
}
.PlanDuration input[type=radio]:checked+.lable3 {
    box-shadow: 0 2px 20px #824db6;
}
.PlanDuration input[type=radio]:checked+.lable4 {
    box-shadow: 0 2px 20px #545fff;
}
.PlanDuration input[type=radio]:checked+.lable5 {
    box-shadow: 0 2px 20px #9346df;
}
.PlanDuration input[type=radio]:not(:disabled)~label {
    cursor: pointer;
}
.PlanDuration label {
    width: 40%;
    height: 100%;
    display: inline-block;
    background: #fff;
    border: 2px solid #fefeff;
    border-radius: 20px;
    padding: 15px 0;
    margin-right: 5px;
    text-align: center;
    position: relative;
}
.PlanDuration .lable1 {
    background: transparent linear-gradient(312deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
}
.PlanDuration .lable2 {
    background: transparent linear-gradient(311deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
}
.PlanDuration .lable3 {
    background: transparent linear-gradient(312deg, #824db6 0, #8819a9 100%) 0 0 no-repeat padding-box;
}
.PlanDuration .lable4 {
    background: transparent linear-gradient(270deg, #545fff 0, #1101f2 100%) 0 0 no-repeat padding-box;
}
.PlanDuration .lable5 {
    background: transparent linear-gradient(270deg, #9346df 0, #1f0b87 100%) 0 0 no-repeat padding-box;
}
.PlanDuration label h3 {
    text-align: center!important;
    font: normal normal 600 24px/20px SF-Pro-Text-Regular;
    letter-spacing: 0;
    color: #fff;
}
.ClassicProductTable input[type=radio], .LightProductTable input[type=radio], .PlanDuration input[type=radio], .PlusProductTable input[type=radio] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: 0;
    border: 2px solid #fff;
}
.ClassicProductTable input[type=radio]:before, .LightProductTable input[type=radio]:before, .PlanDuration input[type=radio]:before, .PlusProductTable input[type=radio]:before {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    margin: 20% auto;
    border-radius: 50%}
.ClassicProductTable input[type=radio]:checked:before, .LightProductTable input[type=radio]:checked:before, .PlanDuration input[type=radio]:checked:before, .PlusProductTable input[type=radio]:checked:before {
    background: #fff;
}
.PlanDuration h4 {
    color: #fff;
    font: normal normal 900 50px/32px SF-Pro-Text-Medium;
    padding: 20px 0;
    margin: 0;
}
.PlanDuration p {
    color: #fff;
    font: normal normal 100 20px/30px SF-Pro-Text-Light;
    margin: 0;
}
.PlanDuration hr {
    border-top: 1px solid #f9f6f682;
}
.credithour {
    color: #fff;
    border: 1px solid #fffFFF63;
    border-radius: 5px;
    width: 30%;
    margin: 10px auto;
}
.credithourtext {
    color: #fff;
    font: normal normal 100 14px/30px SF-Pro-Text-Light;
}
.yourMode h2 {
    font: normal normal 600 17px/30px SF-Pro-Text-Light!important;
    padding: 5px 12px 5px 45px!important;
    margin: 0;
    color: #fff!important;
}
.yourMode input[type=radio] {
    position: absolute;
    z-index: 999;
    top: 28px;
    margin-left: 15px;
}
.Sorting {
    margin: 25px 0 10px;
}
.FinalPrice h2 {
    padding: 15px 0 10px!important;
    margin: 0;
}
.FinalPrice p {
    font: normal normal 600 20px/26px SF-Pro-Text-Light;
    color: #222;
    margin: 0;
}
.FinalPrice p i {
    font-style: normal;
}
.FinalPrice h5 {
    font: normal normal 900 30px/40px SF-Pro-Text;
    color: #f48c06;
    margin: 5px 0;
}
.FinalPrice h5 b {
    color: #222;
}
#ChoosenPlan {
    padding: 50px 0 0;
}
#ChoosenPlan h2 {
    text-align: center;
    font: normal normal 900 50px/65px SF-Pro-Text-Bold;
}
#ChoosenPlan h2 span {
    color: #f48c06;
}
#ChoosenPlan p {
    font: normal normal 400 18px/30px Poppins;
    color: #113c49;
}
.CustomerSupport {
    padding: 30px 20px;
    background: #f9f9fb 0 0 no-repeat padding-box;
    border-radius: 15px;
}
.CustomerCare {
    float: left;
    width: 25%}
.CustomerCare img {
    width: 70%}
.CustomerContact h3 {
    font: normal normal 600 30px/20px SF-Pro-Text-Bold;
    color: #222;
}
.CustomerContact p {
    font: normal normal 600 16px/20px SF-Pro-Text;
    color: #9044dd!important;
    margin: 0;
}
.YourPlan p {
    text-align: left;
    font: normal normal 600 18px/20px SF-Pro-Text-Light!important;
    color: #222!important;
    margin: 0;
}
.YourPlan h4 {
    text-align: left;
    font: normal normal 900 30px/20px SF-Pro-Text;
    color: #000;
    padding: 10px 0 15px;
}
.YourPlan div {
    padding: 10px 15px;
    width: 140px;
    background: #e5deff 0 0 no-repeat padding-box;
    border-radius: 8px;
    font: normal normal normal 15px/20px SF-Pro-Text-Light;
    color: #270f8d;
}
.PlanView {
    padding: 15px;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #cfcfcf;
    border-radius: 15px;
}
.productname-table {
    margin: 15px;
    width: 90%}
.productname-table td {
    font: normal normal normal 22px/35px SF-Pro-Text-Light;
    color: #222;
}
.ProductTable {
    padding: 15px;
    background: #f9f9fb 0 0 no-repeat padding-box;
    border-radius: 15px;
}
.ProductTable table {
    margin: 0;
}
.ProductTable label {
    display: block;
    margin: 0;
}
.ProductTable td, .ProductTable th {
    border-top: 1px solid #dee2e65e;
}
.ClassicProductTable, .LightProductTable, .PlusProductTable {
    text-align: center;
    padding: 0 10px;
    background: transparent linear-gradient(163deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
    border-radius: 15px;
}
.ClassicProductTable {
    background: transparent linear-gradient(163deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
}
.PlusProductTable {
    background: transparent linear-gradient(163deg, #824db6 0, #8819a9 100%) 0 0 no-repeat padding-box;
}
.ClassicProductTable input[type=radio], .LightProductTable input[type=radio], .PlusProductTable input[type=radio] {
    position: absolute;
    top: 20px;
    left: 30px;
}
.ClassicProductTable .icon-success .fa, .LightProductTable .icon-success .fa, .PlusProductTable .icon-success .fa {
    background-color: #fff;
    color: #f9ca5b;
    width: 35px;
    height: 35px;
    align-items: center;
    border-radius: 50%;
    padding: 10px;
}
.ClassicProductTable .icon-danger .fa, .LightProductTable .icon-danger .fa, .PlusProductTable .icon-danger .fa {
    background-color: #403030;
    color: #f9ca5b;
    width: 35px;
    height: 35px;
    align-items: center;
    border-radius: 50%;
    padding: 10px;
}
.ClassicProductTable .icon-danger .fa, .ClassicProductTable .icon-success .fa {
    color: #1fc5fa!important;
}
.PlusProductTable .icon-danger .fa, .PlusProductTable .icon-success .fa {
    color: #824db6!important;
}
.CouponSection .btn-secondary {
    border-radius: 0;
}
.CouponSection .form-control:focus {
    color: #dbdbdb;
    background-color: #fff;
    border-color: #dbdbdb;
    outline: 0;
    box-shadow: none;
}
.CouponSection .ResponceMsg {
    text-align: left;
    font: normal normal normal 12px/16px SF-Pro-Text-Light;
    color: #008159;
    padding: 10px 0;
}
.CouponSection .FinalPrice p {
    font: normal normal 600 16px/19px SF-Pro-Text-Bold!important;
    color: #222;
}
.CouponSection .FinalPrice h5 {
    font: normal normal 900 30px/29px SF-Pro-Text!important;
}
.EnrollNow {
    text-align: center;
    color: #fff;
    background: transparent linear-gradient(104deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
    border-radius: 4px;
    padding: 8px;
}
#accordionExample {
    margin: 20px 0 30px;
}
#accordionExample h3 {
    font: normal normal 600 28px/30px SF-Pro-Text-Medium;
    text-align: left;
    padding: 15px 0;
}
#accordionExample h2 {
    font: normal normal normal 22px/35px SF-Pro-Text-Bold;
    padding: 0;
}
#accordionExample h2 .btn-link, #accordionExample h2 .btn-link:hover {
    color: #222;
    text-decoration: none;
    box-shadow: none;
}
#accordionExample .card-header {
    padding: 8px 0;
    background: #fff;
}
#accordionExample .card {
    border-radius: 10px;
}
.more-less {
    float: right;
}
@media (max-width:768px) {
    #ProductPage {
    margin: 0;
}
#ProductPage h2 {
    font: normal normal 600 22px/30px SF-Pro-Text-Medium;
}
#ProductPage .CourseDetails h1 {
    font: normal normal 900 30px/20px SF-Pro-Text!important;
    padding: 30px 20px!important;
}
#ProductPage .mt-5, #ProductPage .my-5 {
    margin-top: 1rem!important;
}
.PlanDuration input[type=radio] {
    margin-left: 10px;
}
.PlanDuration label {
    width: 32.33%!important;
    margin-right: 0!important;
}
.PlanDuration label h3 {
    font: normal normal 600 17px/20px SF-Pro-Text-Regular!important;
    margin-left: 20px;
}
.PlanDuration h4 {
    font: normal normal 900 40px/32px SF-Pro-Text-Medium!important;
    padding: 15px 0;
}
.PlanDuration p {
    font: normal normal 100 15px/30px SF-Pro-Text-Light!important;
}
.credithour {
    width: 45%!important;
}
.credithourtext {
    font: normal normal 100 12px/20px SF-Pro-Text-Light;
}
.yourMode h2 {
    font: normal normal 600 15px/20px SF-Pro-Text-Light!important;
    padding: 5px 12px 5px 35px!important;
}
.yourMode {
    float: left;
    width: 100%}
.yourMode input[type=radio] {
    top: 22px!important;
}
.firstmode label {
    float: left;
    width: 33.33%!important;
    height: 80px;
}
.secondmode label {
    width: 49%!important;
}
.secondmode h2 {
    padding: 5px 25px 5px 35px!important;
}
.FinalPrice p {
    font: normal normal 600 18px/26px SF-Pro-Text-Light;
}
.FinalPrice h5 {
    font: normal normal 900 25px/40px SF-Pro-Text;
}
#ChoosenPlan {
    padding: 35px 0 0;
}
#ChoosenPlan h2 {
    font: normal normal 900 30px/65px SF-Pro-Text-Bold;
}
#ChoosenPlan p {
    font: normal normal 400 16px/30px Poppins;
}
.CustomerSupport {
    padding: 20px 10px;
}
.CustomerCare {
    width: 20%}
.CustomerContact h3 {
    font: normal normal 600 24px/20px SF-Pro-Text-Bold;
}
.planview .col-lg-4 {
    width: 33.33%;
    padding: 0 5px;
}
.YourPlan {
    padding: 20px 0;
}
.YourPlan p {
    text-align: center;
}
.YourPlan h4 {
    text-align: center;
    font: normal normal 900 22px/20px SF-Pro-Text;
}
.YourPlan div {
    padding: 12px 8px;
    width: 100%}
.InstructorBox {
    padding: 15px 20px!important;
}
.TitleSection {
    width: 30%;
    padding: 0 5px;
}
.productname-table {
    margin: 0;
    margin-top: 25px;
    width: 100%}
.productname-table td {
    font: normal normal normal 14px/26px SF-Pro-Text-Light!important;
    border: 0;
}
.ClickSection {
    width: 70%}
.ClickSection .col-lg-4 {
    width: 32%;
    padding: 0 5px;
}
.ClassicProductTable, .LightProductTable, .PlusProductTable {
    padding: 0 10px;
}
.ClassicProductTable input[type=radio], .LightProductTable input[type=radio], .PlusProductTable input[type=radio] {
    top: 8px!important;
}
.ProductTable {
    padding: 0!important;
}
.ProductTable label {
    padding-top: 35px;
}
.ProductTable td, .ProductTable th {
    padding: 20px 0!important;
    border: 0!important;
}
.ClassicProductTable .icon-success .fa, .LightProductTable .icon-success .fa, .PlusProductTable .icon-success .fa {
    width: 30px!important;
    height: 30px!important;
    padding: 8px!important;
}
.ClassicProductTable .icon-danger .fa, .LightProductTable .icon-danger .fa, .PlusProductTable .icon-danger .fa {
    width: 30px!important;
    height: 30px!important;
    padding: 7px!important;
}
.border-bottom {
    border: 0!important;
}
#accordionExample h3 {
    font: normal normal 600 24px/30px SF-Pro-Text-Medium;
}
.CouponSection .FinalPrice {
    padding: 20px 0;
}
.CouponSection .FinalPrice h5 {
    font: normal normal 900 25px/29px SF-Pro-Text!important;
}
.EnrollNow {
    width: 40%}
}#ChooseCourse {
    float: left;
    width: 100%;
    background: url(../images/Why-Classes.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 95px 0 0;
    padding: 40px 0;
}
#ChooseCourse h1 {
    font: normal normal 600 28px/30px SF-Pro-Text;
    color: #222;
    padding: 20px 0 35px;
}
#ChooseCourse input[type=radio] {
    position: absolute;
    z-index: 999;
    top: 30px;
    margin-left: 10px;
}
#ChooseCourse input[type=radio]:not(:disabled)~label {
    cursor: pointer;
}
#ChooseCourse label {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 2px solid #fefeff;
    border-radius: 20px;
    padding: 15px 0;
    margin: 0;
    margin-right: 5px;
    position: relative;
}
#ChooseCourse .lable1 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 120px;
}
#ChooseCourse .lable11 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 90px;
}
#ChooseCourse .lable12 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 90px;
}

#ChooseCourse .lable13 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 80px;
}
#ChooseCourse .lable14 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 100px;
}
#ChooseCourse .lable16 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 70px;
}
#ChooseCourse .lable17 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 90px;
}
#ChooseCourse .lable19 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 60px;
}
#ChooseCourse .lable15 {
    background: transparent linear-gradient(270deg, #1fc5fa 0, #0f97f3 100%) 0 0 no-repeat padding-box;
    padding-left: 90px;
}
  .clickable-div {
            display: block;
            cursor: pointer;
            padding: 10px;
            /*text-align: center;*/
            background-color: #f9f9f9;
            transition: background-color 0.3s, box-shadow 0.3s;
            text-decoration: none;
            color: inherit;
  }

#ChooseCourse .clickable-div:hover .lable1 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable11 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable12 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable14 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable13 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable2 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable3 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable16 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable4 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable5 {
     background: #f48c06;
}
#ChooseCourse .clickable-div:hover .lable17 {
     background: #f48c06;
}#ChooseCourse .clickable-div:hover .lable19 {
     background: #f48c06;
}
#ChooseCourse .lable2 {
    background: transparent linear-gradient(270deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
    padding-left: 45px;
}
#ChooseCourse .lable3 {
    background: transparent linear-gradient(270deg, #824db6 0, #8819a9 100%) 0 0 no-repeat padding-box;
    padding-left: 45px;
}
#ChooseCourse input[type=radio]:checked+.lable1 {
    box-shadow: 0 2px 25px #1fc5fa;
}
#ChooseCourse input[type=radio]:checked+.lable2 {
    box-shadow: 0 2px 25px #f9ca5b;
}
#ChooseCourse input[type=radio]:checked+.lable3 {
    box-shadow: 0 2px 25px #824db6;
}
#ChooseCourse input[type=radio] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: 0;
    border: 2px solid #fff;
}
#ChooseCourse input[type=radio]:before {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    margin: 22% auto;
    border-radius: 50%}
#ChooseCourse input[type=radio]:checked:before {
    background: #fff;
}
#ChooseCourse label h2 {
    font: normal normal 900 22px/16px SF-Pro-Text;
    margin-bottom: 15px;
    color: #fff;
}
#ChooseCourse label p {
    font: normal normal normal 13px/16px SF-Pro-Text-Regular;
    color: #fff;
    margin: 0;
}
#ChooseCourse ul {
    position: relative;
    z-index: 99;
    list-style: none;
    margin: 10px 0;
    padding: 5px 0;
    min-width: 90%;
    white-space: nowrap;
    text-transform: capitalize;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 20px #00000033;
}
#ChooseCourse ul li {
    clear: both;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #99999933;
}
#ChooseCourse ul li a {
    text-align: left;
    font: normal normal normal 14px/16px SF-Pro-Text-Medium;
    width: 100%;
    background: 0 0;
    padding: 8px 25px 8px 22px;
    color: #222;
    text-decoration: none;
    display: inline-block;
    clear: both;
    position: relative;
    outline: 0;
}
#ChooseCourse ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    top: -20px;
    left: 47%}
#ChooseCourse ul li:last-child {
    border-bottom: 0;
}
.switch {
    position: relative;
    display: inline-block;
    width: 165px!important;
    height: 40px;
    border: 0!important;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0f98f3;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 6px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateX(125px);
    -ms-transform: translateX(125px);
    transform: translateX(125px);
}
input:checked+.slider {
    background-color: #f38c06;
}
input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}
input:checked+.slider:before {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.on {
    display: none;
}
.off, .on {
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font: normal normal medium 16px/20px SF-Pro-Text-Light;
}
input:checked+.slider .on {
    display: block;
}
input:checked+.slider .off {
    display: none;
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%}
.CourseDiv, .FacultyDiv {
    padding: 25px 0;
    height: 145px;
}
.FacultyDiv img {
    width: 110px!important;
    height: 110px!important;
    margin: auto;
    background: #f38c06;
    border-radius: 50%;
    padding: 5px 0 0;
    border: 1px solid #fff;
}
.FacultyDiv .owl-carousel .owl-dots.disabled, .FacultyDiv .owl-carousel .owl-nav.disabled {
    display: block;
}
.FacultyDiv .owl-nav div {
    position: absolute;
    top: 25%;
    font-size: 30px!important;
    background: 0 0!important;
    border: 0;
    color: #333!important;
    opacity: 1;
    margin: 0;
    padding: 0 5px;
    border-radius: 30px;
}
.FacultyDiv .owl-prev {
    left: -35px;
}
.FacultyDiv .owl-next {
    right: -35px;
}
.FilterCourses, .FilterCoursesResult {
    margin-top: 5%;
    padding: 15px 25px;
    background: #fff;
    box-shadow: 0 2px 20px #00000029;
    border-radius: 15px;
}
.exchangefilter {
    margin-top: -18%;
    padding: 10px 10px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 15px;
    width: 70%}
.FilterCourses label {
    font: normal normal 400 16px/16px SF-Pro-Text-Light;
    padding: 0!important;
}
.FilterCourses button[type=submit] {
    font: normal normal 400 16px/16px SF-Pro-Text-Light;
    background: #f48c06;
    color: #fff;
    border-color: #f48c06;
    padding: 10px;
    margin: 28px 0 0;
    width: 100%}
.FilterCoursesResult .InstructorBox {
    padding: 0;
}
.FilterCoursesResult .InstructorBox .image {
    float: left;
    width: 100%;
    /*height: 170px!important;*/
       height: auto!important;
    padding: 5px 0;
}
.FilterCoursesResult .InstructorBox .image img {
    float: center;
    width: 68px!important;
    background: #fff;
}
.FilterCoursesResult .InstructorBox h3 {
    font: normal normal 600 14px/18px SF-Pro-Text-Light;
    margin-bottom: 5px;
}
.FilterCoursesResult .InstructorBox h4 {
    position: absolute;
    left: 85px;
    bottom: 5px;
    font: normal normal 600 14px/18px SF-Pro-Text-Light;
    color: #222;
    opacity: .6;
}
.FilterCoursesResult .InstructorBox .Details {
    position: absolute;
    left: 100px;
    top: 5px;
}
.FilterCoursesResult .InstructorBox .Details p {
    padding-top: 18px;
}
.FilterCoursesResult .owl-dots {
    margin-top: -2px!important;
    margin-left: 10px;
    text-align: left;
}
.FilterCoursesResult .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px;
}
.FilterCoursesResult .col-lg-7 {
    margin: 20px 0;
}
.FilterCoursesResult .LecturesBtn {
    float: left;
    width: 20%;
    display: inline-block;
    text-align: center;
    font: normal normal 600 14px/22px SF-Pro-Text-Light;
    color: #222;
    padding: 10px;
    background: #ffebc2 0 0 no-repeat padding-box;
    box-shadow: 0 1px 6px #00000029;
    border-radius: 8px;
}
.FilterCoursesResult .LecturesDriveFee, .FilterCoursesResult .LecturesPendriveFee {
    float: left;
    width: 30%;
    display: inline-block;
    text-align: center;
    font: normal normal 600 14px/22px SF-Pro-Text-Light;
    color: #222;
    padding: 5px 10px 0 20px;
}
.LecturesPendriveFee {
    border-right: 2px solid #ced4da;
}
.Lecturesimg {
    float: left;
    width: 35%}
.Lecturesimg img {
    width: 35px;
    height: 35px;
}
.Lecturesdetails p {
    text-align: left;
    font: normal normal 600 12px/15px SF-Pro-Text-Light;
    color: #222;
    margin: 0;
}
.Lecturesdetails h2 {
    text-align: left;
    font: normal normal 600 16px/22px SF-Pro-Text;
    letter-spacing: 0;
    margin: 0;
}
.FilterCoursesResult .LecturesEnroll {
    float: left;
    width: 20%;
    display: inline-block;
    text-align: center;
    font: normal normal 600 14px/22px SF-Pro-Text-Light;
    color: #f48c06;
    padding: 10px;
    border: 1px solid #f48c06;
    border-radius: 8px;
}
@media (max-width:768px) {
    #ChooseCourse {
    margin: 0!important;
}
#ChooseCourse h1 {
    font: normal normal 600 24px/30px SF-Pro-Text!important;
}
#ChooseCourse label {
    padding: 15px 0;
    margin: 0 0 10px 0;
}
#ChooseCourse input[type=radio] {
    margin-left: 15px;
}
.switch {
    height: 48px;
}
.slider:before {
    bottom: 12px;
}
.FacultyDiv .owl-prev {
    left: -15px;
}
.FacultyDiv .owl-next {
    right: -15px;
}
.CourseDiv, .FacultyDiv {
    padding: 0;
    height: auto;
    margin: 25px 0 60px;
}
.FilterCourses, .FilterCoursesResult {
    padding: 30px 15px 15px;
}
.FilterCourses button[type=submit] {
    width: 40%;
    margin: 10px 0 0;
}
.FilterCoursesResult .col-lg-7 {
    text-align: center;
}
.FilterCoursesResult .InstructorBox {
    /*padding: 0!important;*/
}
.FilterCoursesResult .InstructorBox h4 {
    left: 100px;
}
.FilterCoursesResult .InstructorBox .Details {
    left: 115px;
}
.FilterCoursesResult .InstructorBox .image {
    width: 30%}
.FilterCoursesResult .InstructorBox .image img {
    width: 85px!important;
    height: 85px;
}
.FilterCoursesResult .LecturesBtn {
    float: initial;
    width: 50%;
    display: block;
    margin: auto;
}
.FilterCoursesResult .LecturesDriveFee, .FilterCoursesResult .LecturesPendriveFee {
    float: left;
    width: 50%;
    padding: 5px 5px 5px 5px;
    margin: 30px 0;
}
.FilterCoursesResult .LecturesEnroll {
    float: initial;
    width: 50%;
    margin: auto;
}
}#ContactUsPage {
    float: left;
    width: 100%;
    background: url(../images/Contact-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 95px 0 0;
    padding: 40px 0 215px;
}
#ContactUsPage h1 {
    color: #fff;
    font: normal normal 900 50px/65px SF-Pro-Text-Bold;
    padding: 60px 0 20px 0;
}
#ContactUsPage p {
    font: normal normal 400 18px/30px Poppins;
    color: #fff;
    margin: 0;
}
#ContactUsPage form {
    padding: 40px 20px 80px;
}
#ContactUsPage form label {
    color: #fff;
    letter-spacing: 0;
}
#ContactUsPage .form-control {
    height: calc(1.5em + 1.5rem + 2px);
    background-color: white;
    border: 1px solid  white;
    border-radius: 0;
}
#ContactUsPage .form-group {
    margin-bottom: 2rem;
}
#ContactUsPage textarea.form-control {
    height: auto;
}
#ContactUsPage button {
    font: normal normal 400 18px/30px Poppins;
    color: #fff;
    width: 100%;
    padding: 20px;
    background: transparent linear-gradient(312deg, #f9ca5b 0, #f76d1d 100%) 0 0 no-repeat padding-box;
}
#ContactUsPage h2 {
    text-align: center;
    color: #fff;
    font: normal normal 900 30px/45px SF-Pro-Text-Light;
    padding: 20px 0 40px;
}
.HelpSupport {
    float: left;
    width: 100%;
    margin-top: 150px;
    padding-bottom: 50px;
}
.TechnicalSupport {
    text-align: center;
    padding: 40px 0;
    background: url(../images/TechnicalSupport.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.Salesinquiries {
    text-align: center;
    padding: 40px 0;
    background: url(../images/Salesinquiries.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.GeneralQuestion {
    text-align: center;
    padding: 40px 0;
    background: url(../images/GeneralQuestion.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.recep {
    text-align: center;
    padding: 40px 0;
    background-color: coral;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pkey {
    text-align: center;
    padding: 40px 0;
    background-color: #884ea0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.drivesl {
    text-align: center;
    padding: 40px 0;
    background-color: #ff0100;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.Support img {
    width: 40%}
.Support h2 {
    color: #fff;
    padding: 8px 0;
    font: normal normal 400 18px/30px SF-Pro-Text-Light;
}
.Support p {
    color: #fff;
    font: normal normal 400 13px/22px SF-Pro-Text-Light;
    margin: 5px 0 0;
}
.Support .fa-phone {
    font-size: 16px;
}
#Branches {
    float: left;
    width: 100%;
    padding: 40px 0 80px;
}
#Branches h3 {
    text-align: center;
    font: normal normal 400 14px/22px SF-Pro-Text-Bold;
    color: #55a6da;
    letter-spacing: 5px;
}
#Branches h2 {
    text-align: center;
    font: normal normal 900 30px/35px SF-Pro-Text-Light;
    color: #333;
    margin-bottom: 80px;
}
.Branches {
    text-align: center;
    padding: 10px;
    margin: 20px 0;
    box-shadow: 0 2px 20px #00000029;
    height: 400px;
}
.Branches img {
    width: 100%;
    height: 200px;
}
.Branches h2 {
    font: normal normal 400 14px/22px SF-Pro-Text-Bold!important;
    margin-bottom: 10px!important;
}
.Branches p {
    font: normal normal 400 13px/18px SF-Pro-Text-Light!important;
}
.ViewBranch {
    color: #fff;
    padding: 15px;
    width: 75%;
    margin: 40px auto;
    background: transparent linear-gradient(311deg, #1fc5fa52 0, #0f97f3 70%) 0 0 no-repeat padding-box;
}
@media (max-width:768px) {
    #ContactUsPage {
    margin: 20px 0 0;
    padding: 0;
}
#ContactUsPage h1 {
    font: normal normal 900 40px/65px SF-Pro-Text-Bold!important;
    padding: 30px 0 20px 0;
}
#ContactUsPage p {
    font: normal normal 400 14px/30px Poppins;
}
#ContactUsPage form {
    padding: 40px 0 80px;
}
.HelpSupport {
    margin: 0;
    padding: 15px 0;
}
.Support {
    margin: 15px 0;
}
.Support img {
    width: 30%}
#Branches h2 {
    margin-bottom: 40px;
}
.Branches {
    margin: 20px 15px;
}
.Branches img {
    width: 75%}
}#TestimonialPage {
    float: left;
    width: 100%;
    background: #fff;
    margin: 95px 0 0;
}
.TestimonialBanner {
    float: left;
    width: 100%;
    background: url(../images/Testi-Banner.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 110px 0;
}
.TestimonialBanner h1 {
    color: #fff;
    font: normal normal 900 45px/50px SF-Pro-Text-Medium;
    margin: 0;
    letter-spacing: 2px;
}
.TestimonialBanner p {
    color: #c3c0c0;
    text-transform: uppercase;
    font: normal normal 400 12px/30px SF-Pro-Text-Light;
    letter-spacing: 2px;
}
.TestimonialSlider {
    background: transparent linear-gradient(100deg, #482769 0, #1e00ae 100%) 0 0 no-repeat padding-box;
}
.TestimonialSlider nav.breadcrumb {
    width: 265px;
    margin: -25px auto 40px;
    display: block;
    background-color: #23bdee;
}
.TestimonialSlider nav.breadcrumb a {
    color: #fff;
}
.TestimonialSlider nav.breadcrumb strong {
    color: #000;
}
.TestimonialSlider .sliderleft {
    position: relative;
    width: 100%;
    height: 500px;
    background: 0 0;
    padding: 10% 40% 10% 0;
}
.sliderleft h2 {
    font: normal normal 900 24px/30px SF-Pro-Text-Bold;
    color: #fff;
}
.sliderleft span {
    font-family: SF-Pro-Text-Light;
    color: #fff;
    font-size: 12px;
    margin-bottom: 5px;
}
.sliderleft hr {
    width: 20%;
    margin: 12px 0 15px;
    border-top: 2px solid #a4a7fe;
}
.sliderleft p {
    font: normal normal 400 14px/24px Poppins;
    color: #fff;
    margin-bottom: 15px;
}
.sliderleft .star {
    color: #ffc662;
    font-size: 20px;
}
.TestimonialSlider .sliderright img {
    width: 100px!important;
    height: 95px;
    margin: auto;
    border-radius: 50%}
.TestimonialSlider .sliderright {
    position: absolute;
    top: 4rem;
    right: 2rem;
    width: 30%;
    max-width: 700px;
    min-width: 300px;
    height: 380px;
    padding: 2rem;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
}
.sliderright a:focus, a:hover {
    color: #fff;
}
.sliderright h3 {
    font: normal normal 900 18px/22px SF-Pro-Text-Bold;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    margin: 0;
}
.sliderright span {
    font-family: SF-Pro-Text-Light;
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
}
.sliderright p {
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
}
.TestimonialSlider .owl-theme .owl-dots .owl-dot span {
    background: #869791;
}
.TestimonialSlider .owl-theme .owl-dots .owl-dot.active span, .TestimonialSlider .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
@media (max-width:768px) {
    #TestimonialPage {
    margin: 0;
}
.TestimonialBanner {
    background-size: 100% 100%;
    padding: 50px 0;
}
.TestimonialBanner h1 {
    font: normal normal 900 28px/40px SF-Pro-Text-Medium;
}
.TestimonialSlider {
    padding: 20px 0;
}
.TestimonialSlider nav.breadcrumb {
    width: 225px;
}
.TestimonialSlider .sliderleft {
    padding: 2%;
    height: 450px;
}
.TestimonialSlider .sliderright {
    position: relative;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%}
}#ShoppingCart {
    float: left;
    width: 100%;
    background: url(../images/Shopping-Cart.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 95px 0 0;
    padding: 40px 0;
}
#ShoppingCart h1, #ShoppingCart h2 {
    font: normal normal 600 28px/30px SF-Pro-Text;
    color: #fff;
    text-align: center;
    padding: 20px 0 10px;
}
#ShoppingCart h2:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100px;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #fff;
}
#ShoppingCart .ProductDetails, .OrderSummary {
    margin-top: 25px;
}
#ShoppingCart .ProductDetails th {
    font: normal normal 400 18px/35px SF-Pro-Text-Bold;
    color: #fff;
}
#ShoppingCart .ProductDetails td:first-child {
    width: 55%}
#ShoppingCart .ProductDetails td:nth-child(2) {
    width: 17%}
#ShoppingCart .ProductDetails td {
    width: 13%;
    color: #fff;
}
#ShoppingCart .ProductDetails h3 {
    font: normal normal 400 14px/20px Poppins;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
}
#ShoppingCart .ProductDetails span {
    font-size: 14px;
    font-style: italic;
    color: #ffffffcf;
}
.quantity button[class*=btn] {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    outline: 0;
}
.quantity input {
    -webkit-appearance: none;
    border: none;
    text-align: center;
    width: 32px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background: 0 0;
    border: 1px solid #fff;
    outline: 0;
}
.selectedplan {
    margin: 0;
    padding-top: 5px;
}
.removeitem {
    font-size: 14px;
    color: #ffffffcf;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}
.addmore, .addmore:focus, .addmore:hover {
    color: #fff;
}
.OrderSummary {
    padding: 20px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .32);
}
.OrderSummary h3 {
    font: normal normal 600 18px/30px SF-Pro-Text!important;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 15px 0 10px;
    margin: 0;
}
.OrderSummary hr {
    border-top: 1px solid #ffffff80;
}
.OrderSummary .table td {
    color: #fff;
    padding-left: 5px;
}
.OrderSummary .text-align {
    width: 25%;
    text-align: center;
    padding: .75rem 0;
    padding-left: 0!important;
}
.OrderSummary span {
    font-size: 14px;
    font-style: italic;
    color: #ffffffcf;
}
.GrandTotal, .GrandTotal h4 {
    font: normal normal 600 17px/30px SF-Pro-Text!important;
    margin-bottom: 0;
}
.GrandTotal td:first-child {
    width: 65%}
.GrandTotal td:nth-child(2) {
    width: 35%}
.CheckOut {
    background: #fff;
    padding: 10px 25px;
    margin: 15px 0 0;
    border-radius: 10px;
    text-transform: uppercase;
    border: 0;
    outline: 0;
}
.CheckOut:focus {
    outline: 0;
}
@media (max-width:768px) {
    #ShoppingCart h2 {
    font: normal normal 600 22px/20px SF-Pro-Text;
}
.ProductDetails thead {
    display: none;
}
#ShoppingCart .ProductDetails td:first-child {
    width: 100%}
#ShoppingCart .ProductDetails td:nth-child(2) {
    width: 40%;
    float: left;
    display: inline-block;
}
#ShoppingCart .ProductDetails td {
    width: 30%;
    float: left;
    display: inline-block;
}
}#ShoppingCart form {
    padding: 25px 10px 0;
}
#ShoppingCart label, .ForgotPassword {
    color: #ffffffcf;
}
#ShoppingCart label span {
    color: red;
}
.GenerateOTP {
    font: normal normal 600 14px/20px SF-Pro-Text;
    background: #fff;
    color: #4c0086;
    text-transform: uppercase;
    padding: 10px 20px;
}
.CheckAccount {
    text-align: center;
    padding: 20px 0;
    font: normal normal 600 18px/20px SF-Pro-Text-Light;
    color: #ffffffcf;
    letter-spacing: 1px;
}
.CheckAccount a {
    color: #ffffffcf;
    border-bottom: 1px solid #ffffffcf;
}
#ShoppingCart ::-webkit-input-placeholder {
    font-size: 15px;
    color: #ffffffcf;
}
#ShoppingCart ::-moz-placeholder {
    font-size: 15px;
    color: #ffffffcf;
}
#ShoppingCart :-ms-input-placeholder {
    font-size: 15px;
    color: #ffffffcf;
}
#ShoppingCart :-moz-placeholder {
    font-size: 15px;
    color: #ffffffcf;
}
#ShoppingCart .form-control {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    height: calc(1.5em + .75rem + 8px);
    border-radius: .25rem;
    box-shadow: none;
}
#ShoppingCart select {
    background-color: #9e00b6!important;
}
#ShoppingCart option:disabled {
    color: #ffffffcf;
}
#ShoppingCart input[type=checkbox] {
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px!important;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
#ShoppingCart .checkbox {
    color: #fff;
}
#ShoppingCart .checkbox a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.OPTSuccess {
    display: none;
}
.Login, .OPTSuccess button {
    font: normal normal 600 17px/20px SF-Pro-Text;
    background: #fff;
    color: #4c0086;
    text-transform: uppercase;
    padding: 10px 40px;
    margin: 15px 0 0;
}
.ProductDetails h2 {
    text-align: left!important;
    font: normal normal 400 22px/35px SF-Pro-Text-Bold!important;
    padding: 0!important;
}
.ProductDetails h2:after {
    width: 0!important;
}
.ProductDetails form {
    padding: 10px 20% 0 0!important;
}
.ProductDetails .form-control {
    height: calc(1.5em + .75rem + 6px)!important;
}
.ProductDetails .checkbox, .ProductDetails select {
    color: #ffffffcf!important;
}
.ProductDetails .btn-secondary {
    color: #4c0086;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff!important;
    border-radius: .25rem!important;
}
.ProductDetails .btn-secondary:active, .ProductDetails .btn-secondary:hover {
    background-color: #fff;
    color: #4c0086;
}
.ProductDetails .input-group-append {
    margin-left: 5px;
}
.ProductDetails .ResponceMsg {
    text-align: left;
    font: normal normal normal 12px/16px SF-Pro-Text-Light;
    color: #ffffffcf;
    padding: 10px 0;
}
#PaymentMethod {
    padding: 20px 10px;
    border-radius: 10px;
    margin: 20px 0;
    background: transparent linear-gradient(312deg, #f76d1d 0, #f9ca5b 100%) 0 0 no-repeat padding-box;
}
#PaymentMethod h2 {
    font-size: 18px!important;
    padding: 0!important;
    margin-bottom: 15px;
    text-transform: uppercase;
}
#PaymentMethod h2:after {
    width: 0!important;
}
.PaymentMethod {
    width: 48%;
    text-align: center;
    display: inline-block;
    margin: 5px 3px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}
.PaymentCard {
    text-align: center;
    padding: 10px 0 0;
}
.PaymentCard img {
    width: 55px;
}
@media (max-width:768px) {
    #ShoppingCart {
    margin: 0;
    padding-bottom: 0;
}
#ShoppingCart form {
    padding: 10px 0!important;
}
#PaymentMethod h2 {
    font-size: 18px!important;
    margin-bottom: 20px;
}
.PaymentMethod {
    height: 70px;
    float: left;
}
}.FreeResource {
    float: left;
    width: 100%;
    background: linear-gradient(90deg, #fe8c00 45%, #f83600 60%);
    margin: 95px 0 0;
    padding: 40px 0 75px;
}
.FreeResource h1 {
    font: normal normal 600 28px/30px SF-Pro-Text;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
.FreeResource h1:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 140px;
    left: 0;
    right: 0;
    margin: auto;
    border: 2px solid #fff;
}
#FreeResource {
    float: left;
    width: 100%;
    background: url(../images/Free-Resource.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 0;
}
#FreeResource h2 {
    font: normal normal 600 24px/30px SF-Pro-Text;
    color: #333;
    text-align: center;
    margin: 30px 0;
}
#FreeResource .Heading h2, #FreeResource .Heading img {
    display: inline-block;
}
.CourseBox {
    margin-bottom: 30px;
}
.CourseBoxTitle {
    background: linear-gradient(90deg, #9400d3 35%, indigo 60%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.CourseBoxTitle h2 {
    font: normal normal 600 20px/30px SF-Pro-Text-Light!important;
    color: #fff!important;
    padding: 20px 0;
    margin-bottom: 0!important;
}
.CourseBoxList {
    background: #fff;
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 2px 20px #00000026;
}
.CourseBoxList h3 {
    font: normal normal 600 16px/20px SF-Pro-Text-Light;
    background: linear-gradient(90deg, #00c6ff 35%, #0072ff 75%);
    padding: 15px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    margin: 10px 0;
}
.MaterialsList {
    border-radius: 20px;
}
.MaterialsList img {
    width: 100%;
    margin-bottom: 25px;
}
#FreeResource .addmore {
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}
#FreeResource .table td, #FreeResource .table th {
    border: 0;
    padding: 15px 20px;
}
#FreeResource .table th {
    color: #fff;
}
#FreeResource .table th:first-child {
    border-top-left-radius: 20px;
}
#FreeResource .table th:last-child {
    border-top-right-radius: 20px;
}
#FreeResource .table thead tr {
    background: linear-gradient(90deg, #9400d3 35%, indigo 60%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#FreeResource .table tbody td {
    background: #fff;
}
#FreeResource .fa-download {
    font-size: 25px;
}
@media (max-width:768px) {
    .FreeResource {
    margin: 0;
}
.FreeResource h1 {
    font: normal normal 600 24px/30px SF-Pro-Text;
}
#FreeResource h2 {
    font: normal normal 600 22px/30px SF-Pro-Text;
}
.MaterialsList img {
    margin-bottom: 15px;
}
}.TestimonialSection #TestimonialPage {
    margin: 0 0 0;
}
.TestimonialSection #TestimonialPage h2 {
    font-family: SF-Pro-Text-Bold;
    font-size: 28px;
    color: #fff;
    font-weight: 900;
    margin: 45px 0 10px;
}
.TestimonialSection #TestimonialPage p {
    font-size: 13px;
    color: #c3c0c0;
    text-transform: uppercase;
}
.TestimonialSection #TestimonialPage .sliderleft {
    height: 575px;
}
@media (max-width:768px) {
    .TestimonialSection .TestimonialSlider {
    padding-bottom: 30%}
.TestimonialSection #TestimonialPage .sliderleft {
    height: 465px;
}
}#AboutUs {
    float: left;
    width: 100%;
    background: url(../images/Free-Resource.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 0;
}
#AboutUs h2 {
    font: normal normal 600 24px/30px SF-Pro-Text;
    color: #333;
    text-align: center;
    margin: 30px 0;
}
#AboutUs h3 {
    font: normal normal 500 24px/30px SF-Pro-Text;
    color: #333;
    margin: 0 0 15px;
}
#AboutUs iframe {
    width: 100%;
    height: 350px;
    margin: 20px 0;
    border-radius: 20px;
    box-shadow: 0 10px 20px #333;
}
#AboutUs .Mobile {
    display: none;
}
@media (max-width:768px) {
    .AboutUs {
    margin: 0;
}
#AboutUs .Mobile {
    display: block;
}
#AboutUs .Desktop {
    display: none;
}
}
#AboutUs .Mobile1 {
    display: none;
   
   

}

#AboutUs .Desktop1 {
   
     max-width: 700px;
    height:  700px;
   

}
.topmarg {
    display: block;
    margin-top: 13px;
}
.topmarg1 {
    display: none;
  
}
@media (max-width:768px) {
    .AboutUs {
    margin: 0;
}
#AboutUs .Mobile1 {
    display: block;
    max-width: 100%;
    height:  auto;

}
#AboutUs .Desktop1 {
    display: none;
}
.topmarg {
    display: none;
    margin-top: 10px;
}
.topmarg1 {
    display: block;
    margin-top: -25px;
     margin-left: 130px;
}
}

.CAFoundation{
float: left;
    width: 100%;
background: linear-gradient(90deg, #FE8C00 45%, #F83600 60%);
    margin: 95px 0px 0px;
    padding: 40px 0px 75px;
}
.CAFoundation h1{
font: normal normal 600 28px/30px SF-Pro-Text;
    color: #fff;
text-align:center;
    padding: 10px 0px;
}
.CAFoundation h1:after{
position: absolute;
bottom:0px;
    content: "";
    width: 140px;
    left: 0px;
right:0px;
margin:auto;
border:2px solid white;
}
#CAFoundation{
float: left;
    width: 100%;
background: url(../images/Free-Resource.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 0px;
}
#CAFoundation h2{
font: normal normal 600 18px/25px SF-Pro-Text;
    color: #333;
margin: 25px 0px 15px;
}
#CAFoundation h3{
font: normal normal 500 16px/25px SF-Pro-Text;
    color: #333;
    margin: 0px 0px 15px;
}

@media (max-width: 768px){
.CAFoundation{
margin:0px;
}
}

#BlogContent{
float: left;
    width: 100%;
font-size:13px;
background: white;
margin: 95px 0px 0px;
    padding: 2% 0px 2%;
}

#BlogContent h1{
font: normal normal 600 30px/40px SF-Pro-Text;
    color: #F48C06;
text-align:left;
    padding: 10px 0px;
}
#BlogContent h2{
font: normal normal 500 20px/30px SF-Pro-Text;
    color: #F48C06;
    text-align: left;
    padding: 5px 0px;
}
#BlogContent img{
width:100%;
}
#BlogContent .mobileview{
display:none;
}
@media (max-width: 768px){
#BlogContent{
margin: 15px 0px 0px;
}
#BlogContent .mobileview{
display:block;
}
#BlogContent .desktopview{
display:none;
}
}