.rowwwwwww {
    display: flex;
    flex-wrap: wrap;
}
.contentlive {
    max-width: 60%;
    flex: 0 0 60%;
    height: 280px;
    padding: 25px;
    background: #ff8971;
}
.videoportals.video3 h3 {
    color: #fff;
}

.videoportals.video3 a {
    border: 1px solid white;
    color: #fff;
    padding: 10px 20px;
}

.youtubechanel.video3 {
    background: #5aa8e0;
    padding: 25px;
}

.youtubechanel.video3 h3 {
    color: #fff;
}

.youtubechanel.video3 a {
    border: 1px solid white;
    color: #fff;
}

.livedemo .row {}

.livedemo .row .col-sm-7,.livedemo .row .col-sm-5 {
    padding: 0 10px;
}
.livedemo {
    padding: 0 0 60px;
}

.livedemo h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.contentlive h3 {
    color: #fff;
}

.livedemo p {
    color: #ffffff;
}

a {}

.livedemo a {
    padding: 12px 20px;
    line-height: 15px;
    display: inline-block;
    border-radius: 2px;
    margin-top: 6px;
}

.contentlive a {
    border: 1px solid #ffffff;
    color: #fff;
}

.col-sm-5.livedemovideo.livedemovideo2 {}

.videoportals.video3 {
    background: #ff9a31;
    padding: 25px;
    margin-bottom: 20px;
}
.imglive {
    max-width: 40%;
    flex: 0 0 40%;
    height: 280px;
    background: url(../img/liveclassimage.jpg);
    background-position: center;
}
.gallerysection {
    padding: 60px 0;
}
.galleryitem {
    max-width: calc(33.33% - 20px);
    flex: 0 0 33.33%;
    margin: 10px;
    position: relative;
    overflow: hidden;
    padding: 0;
}
.galleryitem-img img {
    width: 100%;
}
.galleryitem-para {
    background: rgb(28 38 62 / 50%);
    padding: 15px;
    width: 100%;
    opacity: 0;
    position: absolute;
    border-radius: 2px;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.galleryitem-para h4 {
    color: #fff;
    margin: 0;
    font-size: 22px;
    transform: scale(0);
    text-align: center;
    font-weight: 400;
}
.pagetitlebg {
    background: url(../img/vatican-2.jpg);
    background-size: cover;
    background-position: center;
}
.pagetitlecontactus{
    background: url(../img/vatican-2.jpg);
    background-size: cover;
    background-position: center;
}
.pagetitlecareers{
    background: url(../img/vatican-2.jpg);
    background-size: cover;
    background-position: center;
}
.pagetitle {
    padding: 100px 0;
    position: relative;
}
.pagetitleheading h1 {
    text-align: center;
    color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: 500;
}
.pagetitle:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    content: '';
    opacity: .4;
    background: linear-gradient(45deg, #6c9600, #5f0303);
}

.pagetitle .container {
    z-index: 1;
    position: relative;
}
.galleryitem:hover img {transition: all .8s linear;transform: scale(1.3);}

.galleryitem:hover .galleryitem-para {
    transition: all .8s linear;
    opacity: 1;
}
.galleryitem:hover h4 {transform: scale(1);transition: all .8s linear;}
.contactInfo h2 {
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 15px;
    color: #29334c;
}
.contact-form form select {
    margin-bottom: 18px;
    padding: 10px 10px;
    height: 45px;
    width: 100%;
    color: #666;
    background: rgb(255 255 255);
    font-size: 14px;
    border: 1px solid #e0e0e0;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 15%), inset 0 0 6px 6px rgb(233 239 235); */
    border-radius: 4px;
}
section#slide .section-title .subtitle {
    color: #757575;
    letter-spacing: 5px;
    position: relative;
    font-size: 25px;
    color: white !important;
}
section#slide .section-title .subtitle:before, section#slide .section-title .subtitle:after {
    content: ".";
    font-size: 60px;
    left: -45px;
    pointer-events: none;
    position: absolute;
    text-shadow: unset;
    top: -8px;
    line-height: 0;
    color: transparent;
    text-shadow: unset;
}
section#slide .section-title .subtitle:after {
    right: -28px;
    left: inherit;
}
/*=============================PROFILE PAGE*/
.profilesection {
    padding: 60px 0;
}
.fdfright {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.downloadApp {
    margin: 0 0 0 20px;
}
.downloadApp a {
    font-weight: 600;
    color: #ffffff;
}
.clearfix {
    clear: both;
}

.profileimage {
    max-width: 220px;
    border: 4px solid #1c263e;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    border-radius: 5px;
    margin: 0 30px 0 0;
    flex: 0 0 220px;
}

.paragraf {
    max-width: calc(100% - 220px - 30px);
    flex: 0 0 100%;
    padding: 15px 0 0;
}

.paragraf h4 {
    font-size: 25px;
    margin: 0 0 10px;
    line-height: 25px;
    color: #1c263e;
}

.paragraf h5 {
    font-size: 16px;
    color: #ff573c;
    margin: 0 0 30px;
}

.paragraf p {
    line-height: 1.8;
}
/*=============================CAREERS PAGE*/
.searchrow input[type="file"] {
    position: relative;
}

.searchrow input[type="file"]:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 105px;
    background: #ff573c;
    content: 'Upload CV';
    height: 100%;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}

.searchrowrt {}

.searchrowrt label {
    display: block;
}

.searchrowrt textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #dedede;
    border-radius: 2px;
}
.SearchPage {
    padding: 60px 0;
    background: url(../img/iconsbackground.jpg);
    position: relative;
    background-size: 17%;
}
.SearchPage form {
    padding: 35px 35px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 20px #e4e4e4;
    position: relative;
    z-index: 1;
}
.searchrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.searchrow1 .form-group {
    width: calc(50% - 15px);
    margin-bottom: 0;
}
.searchrow .form-group label {
    width: 100%;
}
.searchrow .form-group select, .searchrow .form-group input {
    width: 100%;
    height: 44px;
    border: 1px solid #dedede;
    border-radius: 2px;
    padding: 10px 10px;
}
.searchrow3 .form-group {
    width: calc(33.33% - 20px);
}
.searchrow5 {
    margin: 20px 0 0;
}
.searchrow5 input[type="submit"] {
    padding: 15px 40px;
    background: #ff573c;
    border: 0;
    line-height: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 3px;
}
.loginpage:after, .SearchPage:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: #f9f9f9;
    width: 100%;
    height: 100%;
    opacity: .9;
}
.SearchPage h2 {
    font-size: 28px;
    text-align: center;
    margin: 0 0 30px;
    color: #1c263e;
}
/*===============================CONTAXCT US PAGE CSS*/
.contact-contant {
    padding: 60px 0px 45px;
}
.contactInfo p {
    line-height: 1.6;
}
.proposal-contact {
    position: relative;
    margin-left: 10px;
    margin-top: 40px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.proposal-contact:before {
    content: "";
    width: 2px;
    height: 90%;
    top: 2px;
    position: absolute;
    left: 0;
    background: #28314a;
}
.contactInfo li {
    padding: 0 0 15px 25px;
    position: relative;
}
.proposal-contact li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 10px;
    position: absolute;
    left: -2px;
    background: #ff573c;
    z-index: 1;
    top: 7px;
}
.proposal-contact li:after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 11px;
    position: absolute;
    border: 2px solid #28324b;
    left: -8px;
    background: #fff;
    top: 1px;
}
.proposal-contact li h3 {
    color: #494949;
    font-size: 17px;
    margin: 0 0 10px;
}
.proposal-contact .s_m {
    display: flex;
    list-style: none;
    padding: 0;
}
.proposal-contact .s_m li {
    padding: 0;
    margin-right: 5px;
    position: static;
}
.proposal-contact .s_m a {
    width: 36px;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    height: 36px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
.proposal-contact .s_m a i {
    position: relative;
    top: 0;
    font-size: 16px;
    color: #ff573c;
}
.proposal-contact li p, .proposal-contact li a {
    color: #7e7e7e;
    position: relative;
    margin-bottom: 0;
}
.proposal-contact li {
    position: relative;
}
.proposal-contact li p, .proposal-contact li a {
    color: #7e7e7e;
    position: relative;
    margin-bottom: 0;
}
.contact-form {
    margin: -122px 0 0 0px;
    color: #fff;
    background: linear-gradient(
180deg
, #212a42, #29334c);
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
}
.contact-form form {
    padding: 0 0px;
}
.contact-form .form-titel {
    background: #29334c;
    padding: 20px 35px;
    display: flex;
}
.contact-form .form-titel p {
    display: inline-block;
    margin: 0;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -.5px;
}
.contact-form .form-row {
    padding: 40px 35px;
}
.contact-form .col-md-6:nth-child(1), .contact-form .col-md-6:nth-child(3) {
    padding-right: 8px;
}
.contact-form .form-row input {
    margin-bottom: 16px;
    padding: 10px 10px;
    height: 48px;
    color: #666;
    background: rgb(255 255 255);
    font-size: 14px;
    border: 1px solid #c6ecd1;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 15%), inset 0 0 6px 6px rgb(233 239 235); */
    border-radius: 10px;
}
.contact-form .col-md-6:nth-child(2), .contact-form .col-md-6:nth-child(4) {
    padding-left: 8px;
}
.contact-form .form-row input {
    margin-bottom: 18px;
    padding: 10px 10px;
    height: 48px;
    color: #666;
    background: rgb(255 255 255);
    font-size: 14px;
    border: 1px solid #e0e0e0;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 15%), inset 0 0 6px 6px rgb(233 239 235); */
    border-radius: 4px;
}
.contact-form .form-group {
    margin: 0;
}
textarea.form-control {
    height: auto;
    margin-bottom: 16px;
}
.block-btn {
    width: 155px;
    font-size: 13px;
    display: block;
    border: none;
    color: #ffffff;
    letter-spacing: .5px;
    padding: 14px 20px;
    border-radius: 4px;
    margin: 15px 0 0;
    background: #ff573c;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
/*============================================*/
.whatsapp {
    position: fixed;
    right: 30px;
    bottom: 20px;
    font-size: 30px;
    z-index: 9;
    width: 60px;
    height: 60px;
    background: #02a525;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(17, 173, 100);
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
@keyframes zcwmini2{
    0% {
    box-shadow: 0 0 8px 6px rgb(8 207 89 / 0%), 0 0 0 0 rgb(255 255 255), 0 0 0 0 rgb(8 207 140 / 0%);
}

10% {
    box-shadow: 0 0 8px 6px #159025, 0 0 12px 10px rgb(14 224 72 / 40%), 0 0 12px 14px #00ca4b;
}
100% {
    box-shadow: 0 0 8px 6px rgb(24 236 61 / 60%), 0 0 0 40px rgb(40 206 41 / 10%), 0 0 0 40px rgb(8 207 19 / 10%);
}
}

.whatsapp a.float {
    display: block;
    position: relative;
    z-index: 9;
    -webkit-animation: zcwphone2 3s linear infinite;
    -moz-animation: zcwphone2 3s linear infinite;
    animation: zcwphone2 3s linear infinite;
}
@keyframes zcwphone2{
    0% {
    transform: rotate(50deg);
    transition: all .5s ease-in;
    }
100% {
    transform: rotate(
-25deg
);
    transition: all .5s ease-in;
}
}
.footer .footer-bottom {
    position: relative;
}
.whatsapp a.float i{
    color: #ffffff;
}
.info {
    padding: 10px 0;
}
#about-us .col-md-5 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.selected-students .student-name-designation {
    display: block;
    padding: 0 15px;
}
.selected-students {
    padding: 0 0 60px;
}

.selected-students .owl-nav {
    top: -70px;
}
.featuredsection {
    padding: 50px 0;
}
.student-name-designation {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.student-name-designation span {
    display: block;
}

.selected-students .student-name-designation span.st-name.bold-font {
    color: #353434;
}

.student-name-designation span.st-designation {
    color: #ff5b3e;
    font-size: 13px;
    margin-top: 0;
}
.item.student-qoute2 {
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    margin: 12px 12px;
    padding: 20px 0;
    border-radius: 5px;
    border: 1px solid #98cbec;
    overflow: hidden;
    position: relative;
}

.imgranked {
    max-width: 100px;
    margin: 0 auto;
}

.rankedno {
    position: relative;
    z-index: 1;
    background: #ff5b3e;
    padding: 8px 12px;
    color: white;
    width: 100%;
    top: 0;
    left: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    border-radius: 0px 3px 3px 0px;
}
.featuredsection .headingtextt {
    text-align: center;
}
.unversity-team img {
    width: 100%;
}

.unversity-team {max-width: calc(33.33% - 30px);flex: 0 0 33.33%;padding: 2px 2px;margin: 15px;background: #fdfdfd;box-shadow: 0 0 20px rgb(0 0 0 / 20%);}

.unversity-team h3 {
    font-size: 20px;
    margin: 0;
    color: #353434;
    padding: 15px 15px 10px;
    text-align: center;
}

.unversity-team p {
    font-size: 15px;
    margin: 0;
    padding: 0px 15px 10px;
    text-align: center;
    line-height: 1.4;
}
.featuredsection .unversity-team {position: relative;padding-bottom: 10px;border-bottom: 5px solid #ff5b3e;}

.featuredsection .unversity-team a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.unversity-team a {
    display: block;
    text-align: center;
    padding: 13px 20px;
    color: #fff;
    font-weight: 600;
    background: #01a6fd;
    margin: 5px 0 0px;
    background: -o-linear-gradient(left, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);
    background: -webkit-gradient(linear, left top, right top, from(#17d0cf), color-stop(51%, #01a6fd), to(#17d0cf));
    background: linear-gradient(to right, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);
    background-size: 200% auto;
    background-position: 190px;
}
.featuredsection .headingtextt .headline {
    margin-bottom: 0;
}
.register-fomr-title.text-center {
    margin-bottom: 30px;
}
.course-title.mt10.headline.pb45.relative-position {
    padding-bottom: 0;
    margin-top: 15px;
}
.iconaddress {
    font-size: 14px;
    color: #8eb6d6;
}
.profile2 h4 {
    font-size: 25px;
    font-weight: 400;
    color: #10c2e0;
}
.profile2 p {
    line-height: 15px !important;
    margin: 5px 0 15px;
}
.profile2 p strong {
    font-size: 20px;
    font-weight: 500;
    color: #09527f;
}
.section-teacher-seravices .circle-teacher5 {
    max-width: 410px;
    overflow: hidden;
    border: 5px solid #04acf8;
    border-radius: 5px;
}

.section-teacher-seravices .circle-teacher5 img {
    width: 100%;
}
ul.contactinfo li {
    margin-bottom: 10px !important;
}
.about-us-text .about-btn {
    margin: 30px 0 0;
}

.about-us-text .about-btn .placeit-btn.gradient-bg.text-center.text-uppercase.ul-li-block.bold-font {
    margin: 0;
}
.iconmap {
    color: #efefef;
    font-size: 15px;
}
.footer .foot-nav ul li {
    margin: 0;
}
.footer-logo a {
    display: block;
}
.footer-logo a h2 {
    margin: 0;
    font-size: 30px;
    color: #ffffff;
}
.header .container .menu ul li ul.submenu a {
    padding: 5px 10px;
    font-size: 15px !important;
}
.header .container .logo a h2 {
    font-size: 35px;
    margin: 0;
    color: white;
    padding: 20px 0;
    font-weight: 500;
}
.info ul {
    display: flex;
    margin: 0;
    list-style: none;
    padding: 0;
    align-items: center;
}
.info ul li {
    margin-right: 20px;
    color: #ffffff;
    font-size: 15px;
    line-height: 15px;
}
.info ul li i.fa {
    color: #ffffff;
    margin-right: 5px;
    font-size: 15px;
}
.header-top ul.follow-us li:after {content: '';background: transparent;height: 170%;width: 100%;position: absolute;top: -10px;left: 0;z-index: 0;transform: rotate(12deg);}

.inner-banner.leadershipin {
    min-height: 100% !important;
    padding: 80px 0;
}
.inner-banner.leadershipin .section-title.mb0.headline.text-center {
    margin: 0;
    padding: 0;
}
.contentarea {
    padding: 50px 0;
}
.contentarea h3 {
    color: #000;
    margin: 0;
}
.contentarea .course-detail.clearfix {
    margin: 30px 0 35px;
}
.contentarea p {
    line-height: 1.8;
}
.contentarea p:last-child {
    margin-bottom: 0;
}
.online-page {
    margin-top: 40px;
}
.online-page .part-1 h4 {
    font-size: 20px;
    font-weight: 700;
    color: #353434;
    margin-bottom: 15px;
}
.online-page td a {
    font-weight: 600 !important;
    color: #303a52;
    display: none;
}
.unique-teamONLINE .unversity-team {
    max-width: calc(33.33% - 30px);
    padding: 40px 40px 80px;
    border: 0 !important;
    text-align: center;
    height: auto;
    margin: 15px 15px;
    flex: 0 0 33.33%;
    background-size: cover;
}
.servicesDetail .owl-nav {
    display: block !important;
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    width: 100%;
}
.servicesDetail .owl-nav .owl-next {
    position: absolute;
    right: -20px;
}
.servicesDetail .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
}
.servicesDetail .unversity-team {
    width: 100%;
    height: 238px;
    border: 2px solid #fff;
    padding: 40px 29px;
    text-align: center;
}
.single_event .container {
    position: relative;
}
.single_event h2 {
    position: relative;
    top: 0;
    left: 0;
    color: #1c263e;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
    padding: 30px 0px 0;
}
.eve p {
    line-height: 1.8;
}
.eve p:last-child {
    margin: 0;
}
.eve {
    margin: 15px 0 0px;
    padding: 0;
}


/*===================================================Events*/
.accordianEvent .accordion-container{
    position: relative;
    margin: 10px auto;
}
.accordianEvent .accordion-container > h2{
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.accordianEvent .set{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
}
.accordianEvent .set > a {
    display: block;
    padding: 15px 15px;
    text-decoration: none;
    color: #1c263e;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 0px 0;
    font-size: 20px;
}
.accordianEvent h2 {
    color: #1c263e;
    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
}
.accordianEvent {
    padding: 0 0 50px;
}
.accordianEvent .set > a i {
    color: #1c263e;
    float: right;
    margin-top: 2px;
}
.accordianEvent .set > a.active {
    background-color: #f0bc01;
    color: #1c263e;
}
.accordianEvent .content {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
    margin-bottom: 20px;
}
.accordianEvent .content p{
    padding: 10px 15px;
    margin: 0;
    color: #333;
}
/*===================================================Events*/
.single_event {
    padding: 50px 0;
    position: relative;
}
/*.unique-teamONLINE .unversity-team:after{
    background: transparent;
    }*/
    .unique-teamONLINE .unversity-team:before{
        display: none;

    }
    .unique-teamONLINE .unversity-team:after {
        height: 100%;
    }
    #course-btn .placeit-btn {
        margin: 0 auto;
    }
    .course-detail {
        display: flex;
        padding: 25px 0px;
        margin: 50px 0;
        border: 1px #dfe9f1 solid;
        justify-content: space-between;
        align-items: center;
    }
    .course-detail .duration {
        width: 25%;
        padding: 0 25px !important;
        min-height: 85px;
        padding-right: 10px;
        border-right: 1px #dfe9f1 solid;
        display: flex;
        align-items: center;
    }
    .course-detail .duration .icon {
        background: gainsboro;
        width: 60px;
        border-radius: 50%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }
    .duration.fee.clearfix.cnter {
        justify-content: center !important;
    }
    .course-detail .duration .icon i {
        font-size: 25px;
        color: #29334c !important;
    }
    .course-detail a.btn {
        color: #fff;
    }
    .course-detail a.btn {
        line-height: 41px;
        padding: 0;
    }
    .course-detail .duration.fee .detail {
        font-size: 34px;
        color: #034776cc;
        padding: 5px 0;
        line-height: 30px;
    }
    .course-detail .duration .detail {
        display: block;
        padding: 10px 0 0 6px;
        float: left;
        font-size: 13px;
        color: #4f4a4a;
        font-weight: 700;
        line-height: 22px;
    }
    .course-detail .duration .detail span {
        display: block;
        font-size: 14px;
        color: #353535;
        text-transform: uppercase;
        font-weight: 500;
    }
    .duration {
        padding: 0 90px 0 0px;
    }
    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        font-size: 15px;
        line-height: 1.5;
        color: #777777;
        font-family: "Roboto", sans-serif;
        -webkit-font-smoothing: antialiased;
    }
    .ul-li ul {
        margin: 0;
        padding: 0;

    }
    #popular-course .ul-li ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .ul-li ul li {
        list-style: none;
        display: inline-block;
    }

    .animation,
    .staggered-animation {
        visibility: hidden;
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .ul-li-block ul {
        margin: 0;
        padding: 0;
    }

    .ul-li-block ul li {
        list-style: none;
        display: block;
    }

    div#preloader {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
        overflow: visible;
        background-color: #fff;
        background: #fff url("../img/preloader.gif") no-repeat center center;
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    a:hover,
    a:focus {
        text-decoration: none;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    section {
        overflow: hidden;
    }

    button {
        cursor: pointer;
    }


    .form-control {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .relative-position {
        position: relative;
    }

    .headline h1,
    .headline h2,
    .headline h3,
    .headline h4,
    .headline h5,
    .headline h6 {
        margin: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Roboto", sans-serif;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb25 {
        margin-bottom: 25px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb35 {
        margin-bottom: 35px;
    }

    .mb45 {
        margin-bottom: 45px;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt15 {
        margin-top: 15px;
    }

    .mt25 {
        margin-top: 25px;
    }

    .ml42 {
        margin-left: 42px;
    }

    .mb65 {
        margin-bottom: 65px;
    }

    .mt60 {
        margin-top: 60px;
    }

    .pt150 {
        padding-top: 150px;
    }

    .pb45 {
        padding-bottom: 30px;
    }

    .pb20 {
        padding-bottom: 20px;
    }

    .pb10 {
        padding-bottom: 10px;
    }

    .gradient-bg, .modal-body .nws-button button, .teacher-pic-content .teacher-img-content:after, .course-details-category li:hover {
        background: #ff583d;
        background: linear-gradient(to right, #ff573c 0%, #ff8354 51%, #ff573c 100%);
        background-size: 200% auto;
        -webkit-transition: background 1s ease-out;
        -o-transition: background 1s ease-out;
        transition: background 1s ease-out;
    }
    .gradient-bg:hover,
    .modal-body .nws-button button:hover,
    .teacher-pic-content .teacher-img-content:hover:after,
    .course-details-category li:hover {
        background: #ff5a3e;
        background-size: 200% auto;
        background-position: 190px;
        background: linear-gradient(to right, #ff573c 0%, #ff8354 51%, #ff573c 100%);
    }

    .text-gradiant {
        background: -webkit-gradient(left top, right top, color-stop(0%, #01a6fd), color-stop(100%, #17d0cf));
        background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
        background: -ms-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .backgroud-style {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .whitish-overlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.65);
    }

    .placeit-btn {
        margin-top: 20px;
        height: 50px;
        line-height: 50px;
        border-radius: 4px;
        display: table;
        padding: 0px 25px;
    }

    .placeit-btn a {
        color: #fff;
        display: block;
        width: 100%;
    }

    .placeit-btn a i {
        margin-left: 5px;
        color: #ffffff;
    }

    .bold-font {
        font-weight: 700;
    }
    section#slide span.subtitle.text-uppercase {
        color: #d6d6d6;
    }
    .section-title .subtitle {
        color: #757575;
        letter-spacing: 5px;
        position: relative;
        font-size: 12px;
    }
    .contact-address {
    margin-top: 35px;
}
    .unique-team.unique-team2 .section-title .subtitle {
        color: #e2dbdb;
        letter-spacing: 7px;
        position: relative;
        font-size: 14px;
    }

    .section-title .subtitle:before,
    .section-title .subtitle:after {
        content: ".";
        font-size: 60px;
        left: -45px;
        pointer-events: none;
        position: absolute;
        text-shadow: rgba(0, 0, 0, 0) 0px 0px;
        top: -8px;
        line-height: 0;
        color: #ff5b3e;
        text-shadow: 15px 0 #ff8354;
    }

    .section-title .subtitle:after {
        right: -28px;
        left: inherit;
    }

    .section-title h2 {
        font-size: 40px;
        font-weight: 300;
        color: #353434;
        text-transform: uppercase;
    }
    section.unique-team.unique-team2 h2 {
        color: #fff;
    }
    .section-title h2 span {
        font-weight: 700;
    }

    .section-title-2 h2 {
        font-size: 40px;
        color: #333333;
        font-weight: 300;
        position: relative;
        text-transform: uppercase;
    }

    .section-title-2 h2 span {
        font-weight: 700;
    }

    .section-title-2 h2:after {
        position: absolute;
        content: '';
        bottom: -20px;
        height: 2px;
        width: 50px;
        left: 0;
        background-color: #17d0cf;
    }

    .widget-title {
        font-size: 25px;
        color: #333333;
        font-weight: 700;
        position: relative;
        margin-bottom: 50px;
    }

    .widget-title:after {
        position: absolute;
        content: '';
        bottom: -20px;
        height: 2px;
        width: 50px;
        left: 0;
        background-color: #17d0cf;
    }

    .slider-bg-1:before,.slider-bg-2:before {
        content: "";
        width: 100%;
        background: #00000054;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

    .breadcrumb-section {
        background-image: url(../img/banner/brt-1.jpg);
        padding-bottom: 355px;
    }

    .breadcrumb-section .blakish-overlay {
        opacity: 1;
        visibility: visible;
    }

    .breadcrumb-section .page-breadcrumb-content {
        position: absolute;
        top: 60%;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%);
        left: 0;
        right: 0;
    }

    .breadcrumb-section .breadcrumb-head {
        font-size: 38px;
        color: #fff;
        font-weight: 300;
    }

    .breadcrumb-section .breadcrumb-head span {
        font-weight: 700;
    }

    .breadcrumb-section .breadcrumb {
        text-align: center;
        display: inherit;
        background-color: transparent;
    }

    .breadcrumb-section .breadcrumb-item {
        background-color: #17d0cf;
        color: #fff;
        padding: 5px 15px;
        font-size: 13px;
        font-weight: 700;
        border-radius: 4px;
    }

    .breadcrumb-section .breadcrumb-item::before {
        display: none;
    }

    .breadcrumb-section .breadcrumb-item.active {
        background-color: #3b3b3b;
        color: #7a7a7a;
    }


    /*---------------------------------------------------- */


    /*Header Section*/


    /*----------------------------------------------------*/

    .main-menu-container {
        position: fixed;
        width: 100%;
        padding: 45px 0px;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        z-index: 9;
    }

    .nav-menu {
        padding-top: 20px;
    }

    .nav-menu li a {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        padding: 7px 15px;
        font-weight: 500;
        position: relative;
        border-radius: 4px;
    }

    .nav-menu li a:after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background: #17d0cf;
        background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
        background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
        background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
        background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
        background-size: 200% auto;
        left: 0;
        top: 0;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        border-radius: 4px;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
    }

    .nav-menu li a:hover:after {
        opacity: 1;
        visibility: visible;
    }

    .log-in {
        margin-top: 20px;
    }

    .log-in a {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        padding: 15px;
        font-weight: 700;
    }

    .cart-search {
        margin-top: 12px;
        margin-left: 10px;
    }

    .cart-search li {
        height: 35px;
        width: 35px;
        text-align: center;
        line-height: 30px;
        border-radius: 100%;
        color: #fff;
        margin-left: 10px;
        border: 2px solid #17d0cf;
        position: relative;
    }

    .cart-search li a {
        display: block;
        width: 100%;
    }

    .cart-search li button {
        background-color: transparent;
        border: none;
        color: #fff;
    }

    .select-lang {
        display: inline;
        position: relative;
        border-left: 1px solid;
        margin-left: 25px;
    }

    .select-lang select {
        margin-top: 12px;
        background-color: transparent;
        border: none;
        padding: 10px 20px;
        color: #17d0cf;
        -webkit-appearance: none;
        position: relative;
    }

    .select-lang:after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        top: 2px;
        right: 3px;
        font-size: 12px;
        font-weight: 700;
    }

    .main-menu-container.menu-bg-overlay {
        background: #000000;
        padding: 10px 0px;
    }

    .header-style-2.main-menu-container.menu-bg-overlay {
        background: #fff;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        padding-top: 0;
        padding-bottom: 25px;
        margin-top: -42px;
    }
    .header-top ul.follow-us li a:hover {
        color: #fff;
    }
    .header-top li i {
        margin-right: 0;
        font-size: 15px;
    }

    .header-top li select {
        border: none;
    }

    .header-top-text {
        padding: 10px 0px;
    }

    .header-style-2 {
        background-color: #fff;
        padding: 25px 0px;
        padding-top: 0;
    }

    .header-style-2 .main-menu {
        padding-top: 25px;
    }

    .header-style-2 .nav-menu li a {
        color: #616161;
    }

    .header-style-2 .nav-menu li a:hover {
        color: #fff;
    }

    .header-style-2 .cart-search li {
        border: none;
    }

    .header-style-2 .cart-search li button {
        border: none;
        line-height: 35px;
        padding: 0px 10px;
        border-radius: 100%;
        background-color: #999;
    }

    .header-style-2 .search-body {
        top: 70px;
        right: 0px;
    }

    .header_3 {
        padding: 30px 0px 70px;
        position: relative;
        z-index: 2;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
    }

    .header-info {
        display: inline-block;
        margin-left: 50px;
    }

    .header-info li {
        margin-left: 45px;
        text-align: center;
        color: #fff;
        position: relative;
        height: 60px;
    }

    .header-info li i {
        font-size: 25px;
        line-height: 36px;
    }

    .header-info li:after {
        position: absolute;
        content: '';
        height: 60px;
        width: 1px;
        background-color: #eee;
        top: 0;
        right: -20px;
    }

    .header-info .info-text {
        color: #fff;
        font-size: 13px;
    }

    .mail-phone .info-icon {
        height: 55px;
        width: 55px;
        border-radius: 100%;
        line-height: 63px;
        text-align: center;
        float: left;
        background-color: #fff;
    }

    .mail-phone .info-icon i {
        font-size: 25px;
    }

    .mail-phone .info-id {
        font-size: 25px;
        font-weight: 700;
        color: #fff;
        display: block;
    }

    .mail-phone .info-content {
        display: inline-block;
        margin-left: 10px;
        text-align: left;
    }

    .nav-menu-4 {
        background-color: #fff;
        border-radius: 4px;
        padding: 25px 20px 25px 20px;
        position: absolute;
        line-height: 25px;
        left: 0;
        right: 0;
        max-width: 1170px;
        margin: 0 auto;
        bottom: -30px;
    }

    .nav-menu-4 .nav-menu li a {
        color: #333333;
    }

    .nav-menu-4 .nav-menu {
        padding-top: 0;
    }

    .nav-menu-4 select {
        font-size: 15px;
        margin-top: 0;
        padding: 0;
        width: 70px;
    }

    .nav-menu-4 .select-lang {
        border-left: none;
        margin-left: 0;
    }

    .nav-menu-4 .login-cart-lang ul {
        float: right;
    }

    .nav-menu-4 .login-cart-lang li {
        margin: 0 20px;
        position: relative;
    }

    .nav-menu-4 .login-cart-lang li:before {
        position: absolute;
        height: 40px;
        width: 1px;
        background-color: #eee;
        top: -8px;
        left: -20px;
        content: '';
    }

    .nav-menu-4 .login-cart-lang li i {
        font-size: 13px;
    }

    .nav-menu-4 .login-cart-lang .cart_search {
        height: 25px;
        width: 25px;
        background-color: #dddddd;
        color: #fff;
        border-radius: 100%;
        line-height: 22px;
        text-align: center;
    }

    .nav-menu-4 .login-cart-lang .login a {
        color: #17d0cf;
    }

    .nav-menu-4 .login-cart-lang button {
        background-color: transparent;
        border: none;
        color: #fff;
    }

    .search-body {
        top: 55px;
        right: 0px;
        opacity: 0;
        border-radius: 4px;
        width: 300px;
        height: auto;
        z-index: 999;
        padding: 10px;
        position: absolute;
        visibility: hidden;
        background-color: #fff;
        -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
    }

    .search-body:after {
        position: absolute;
        content: '';
        top: -10px;
        border-left: 20px solid transparent;
        border-right: 0px solid transparent;
        border-top: 20px solid #ffffff;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 6px;
    }

    .search-body .search-form {
        width: 100%;
        height: auto;
        position: relative;
    }

    .search-body .search-form .search-input {
        width: 100%;
        height: 50px;
        padding: 0px 20px;
        color: #000;
        background-color: #f7f7f7;
        border: 1px solid #eee;
    }

    .search-body .search-form .search-input:focus {
        outline: none;
        border-color: #eee;
        color: #000;
    }

    .search-body .search-form .search-close {
        top: 1px;
        right: 1px;
        z-index: 1;
        width: 50px;
        height: 48px;
        cursor: pointer;
        line-height: 48px;
        text-align: center;
        position: absolute;
        background-color: #17d0cf;
        border: none;
        color: #000;
    }

    .modal {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .search-open {
        opacity: 1;
        visibility: visible;
    }

    .modal-backdrop {
        z-index: 0;
    }

    .popup-logo {
        left: 0;
        right: 0;
        top: -30px;
        position: absolute;
        text-align: center;
    }

    .popup-logo img {
        border-radius: 4px;
    }

    .modal-dialog {
        margin: 12.75rem auto;
    }

    .modal-header {
        padding: 0;
        position: relative;
        background-image: url(../img/banner/pb.jpg);
    }

    .modal-header .gradient-bg,
    .modal-header .modal-body .nws-button button,
    .modal-body .nws-button .modal-header button,
    .modal-header .teacher-pic-content .teacher-img-content:after,
    .teacher-pic-content .modal-header .teacher-img-content:after,
    .modal-header .course-details-category li:hover,
    .course-details-category .modal-header li:hover {
        position: absolute;
        top: 0;
        border-radius: 4px;
        height: 100%;
        width: 100%;
        opacity: .9;
    }

    .popup-text {
        width: 100%;
        padding: 70px 0px 50px 0px;
        position: relative;
    }

    .popup-text h2 {
        color: #fff;
        font-weight: 300;
        font-size: 38px;
    }

    .popup-text h2 span {
        font-weight: 700;
    }

    .popup-text p {
        color: #fff;
    }

    .popup-text p span {
        font-weight: 700;
    }

    .facebook-login {
        background-color: #006dd9;
        height: 50px;
        line-height: 50px;
        text-transform: capitalize;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    .facebook-login a {
        padding: 0;
    }

    .alt-text {
        font-weight: 700;
        position: relative;
        margin-bottom: 30px;
    }

    .alt-text a {
        color: #333333;
        font-size: 12px;
        padding: 0;
    }

    .alt-text:before {
        position: absolute;
        content: '';
        top: 10px;
        height: 1px;
        width: 40%;
        left: 0;
        background-color: #ccc;
    }

    .alt-text:after {
        position: absolute;
        content: '';
        top: 10px;
        height: 1px;
        width: 40%;
        right: 0;
        background-color: #ccc;
    }

    .log-in-icon {
        float: left;
        padding: 0 20px;
        border-right: 1px solid #a29c9c;
    }

    .modal-body {
        padding: 50px 65px;
    }

    .modal-body .contact_form {
        margin-bottom: 20px;
    }

    .modal-body .contact_form input,
    .modal-body .contact_form .register-form-area select,
    .register-form-area .modal-body .contact_form select,
    .modal-body .contact_form .register-form-area textarea,
    .register-form-area .modal-body .contact_form textarea {
        height: 50px;
        background-color: #eeeeee;
        padding: 15px;
        border-radius: 4px;
        margin-bottom: 10px;
        width: 100%;
        border: none;
    }

    .modal-body .nws-button button {
        height: 60px;
        width: 100%;
        border: none;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    .modal-body p {
        margin-bottom: 5px;
    }

    .menu-item-has-children {
        position: relative;
    }

    .menu-item-has-children a {
        padding-bottom: 10px !important;
    }

    .menu-item-has-children:hover a:after {
        opacity: 1;
        visibility: visible;
    }

    .menu-item-has-children li {
        margin-bottom: 5px;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
    }

    .menu-item-has-children li:hover {
        margin-left: 3px;
    }

    .sub-menu {
        width: 300px;
        display: table;
        -webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
        box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
        background-color: #fff;
        position: absolute;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: center top 0;
        -ms-transform-origin: center top 0;
        transform-origin: center top 0;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        top: 30px;
        left: -115px;
        text-align: left;
        border-radius: 4px;
        padding: 15px !important;
    }

    .sub-menu li {
        position: relative;
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0px;
    }

    .sub-menu li a {
        text-transform: capitalize !important;
        color: #333;
        padding: 0;
    }

    .sub-menu li a:after {
        display: none;
    }

    .sub-menu li a:hover {
        color: #17d0cf !important;
    }

    .sub-menu li:last-child {
        border-bottom: none;
    }

    .sub-menu:before {
        position: absolute;
        content: '';
        top: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #01a6fd;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 20px;
    }

    .menu-item-has-children:hover .sub-menu {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

    .header-style-2 .sub-menu li a:hover {
        color: #17d0cf;
    }

    .altranative-header {
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        display: none;
        padding: 30px;
        position: fixed;
        background-color: #151515;
    }

    .alt-menu-btn {
        max-width: 100%;
        cursor: pointer;
        overflow: hidden;
    }

    .alt-menu-btn .hamburger-menu {
        width: 30px;
        height: 30px;
        text-align: center;
        position: relative;
        display: inline-block;
    }

    .alt-menu-btn .hamburger-menu:before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #ffffff;
        font-size: 30px;
        content: "\f0c9";
        line-height: 30px;
        position: absolute;
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    button.alt-menu-btn.float-left {
        background-color: transparent;
        border: none;
    }

    .alt-menu-btn .hamburger-menu.open:before {
        content: "\f00d";
    }

    #menu-container .logo-area {
        height: auto;
        margin: -8px auto;
        text-align: center;
    }

    #menu-container .cart-Collapse {
        color: #ffffff;
        font-size: 16px;
    }

    #menu-container .menu-list {
        top: 88px;
        bottom: 0;
        left: -100%;
        height: 100%;
        width: 310px;
        z-index: 999;
        padding: 30px;
        position: fixed;
        min-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background: #151515;
        padding-bottom: 200px;
    }

    #menu-container .menu-list .alt-search input[type=search],
    #menu-container .menu-list .alt-search .register-form-area select[type=search],
    .register-form-area #menu-container .menu-list .alt-search select[type=search],
    #menu-container .menu-list .alt-search .register-form-area textarea[type=search],
    .register-form-area #menu-container .menu-list .alt-search textarea[type=search] {
        color: #ffffff;
        background-color: #000000;
        border: 1px solid rgba(255, 255, 255, 0.1);
        height: 50px;
        padding: 15px;
        width: 100%;
    }

    #menu-container .accordion .card {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        border-radius: 0px;
    }

    #menu-container .accordion .card .card-header {
        padding: 0;
    }

    #menu-container .accordion .card .menu-link {
        width: 100%;
        display: block;
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        padding: 10px 15px;
        border: none;
        background-color: #000;
        position: relative;
        color: #fff;
    }

    #menu-container .accordion .card button.menu-link:after {
        top: 50%;
        right: 15px;
        content: "\f078";
        position: absolute;
        font-weight: 700;
        font-family: 'Font Awesome 5 Free';
        transform: rotate(0deg) translateY(-50%);
        -o-transform: rotate(0deg) translateY(-50%);
        -ms-transform: rotate(0deg) translateY(-50%);
        -moz-transform: rotate(0deg) translateY(-50%);
        -webkit-transform: rotate(0deg) translateY(-50%);
    }

    #menu-container .accordion .card.active,
    #menu-container .accordion .card .submenu {
        background-color: #000000;
    }

    #menu-container .accordion .card:hover .menu-link,
    #menu-container .accordion .card.active .menu-link {
        color: #fff;
        background-color: #000000;
        border: none;
    }

    #menu-container .accordion .card .submenu {
        padding: 0px 30px;
    }

    #menu-container .accordion .card .submenu li {
        padding: 5px 0px;
    }

    #menu-container .accordion .card .submenu li:hover,
    #menu-container .accordion .card .submenu li.active a {
        color: #fff;
    }

    .cart-btn li {
        display: inline-block !important;
        margin: 0px 5px;
    }

    .cart-btn {
        margin-top: 10px;
    }

    .cart-btn li {
        font-size: 18px;
        color: #fff;
        margin: 0px 10px;
    }

    .header_3.full-width-menu {
        position: fixed;
        width: 100%;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        margin-top: -100px;
        z-index: 3;
    }

    .header_3 .nav-menu-4 .nav-menu a {
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
    }

    .header_3 .nav-menu-4 .nav-menu a:hover {
        color: #00eab2;
    }

    .modal-body .log-in-text {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
    }

    .modal-body .log-in-icon i {
        font-size: 20px;
        color: #fff;
    }
    .coupon span {
        display: inline-block;
        line-height: 23px;
        border-radius: 3px;
        background: #FFF;
        padding: 0 8px;
        margin-left: 10px;
        font-weight: bold;
    }
    .coupon .btn-close {
        background: url(../img/Close_icon.svg) no-repeat;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 13px;
        z-index: 10;
    }
    .attic__top {
        background-color: #005375;
        color: #fff;
        font-weight: 600;
        padding: 3px 0;
        font-family: "Open sans", sans-serif;
    }
    .grid-width {
        max-width: 1200px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 500;
    }
    .grid-width ul.flex {
        list-style: none;
    }
    .attic__top ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .attic__top ul li+li {
        margin-left: 36px;
    }
    .attic__top a {
        color: #fff;
        font-weight: 500;
        text-decoration: none;
    }
    .attic__top img {
        position: relative;
        margin-right: 7px;
    }
    .header {
    }
    .header-wrap {
        top: 0;
        left: 0;
        right: 0;
        z-index: 4000;
    }
    .coupon {
        position: relative;
        text-align: center;
        background: #12ebe1;
        height: 30px;
        line-height: 29px;
        color: #555555;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
        background: #17d0cf;
        background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
        background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
        background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
        background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
        background-size: 200% auto;
        -webkit-transition: background 1s ease-out;
        -o-transition: background 1s ease-out;
        transition: background 1s ease-out;
    }
    ul.flex {
        margin: 0;
        padding: 3px 0;
    }
    .coupon span {
        display: inline-block;
        line-height: 23px;
        border-radius: 3px;
        background: #FFF;
        padding: 0 8px;
        margin-left: 10px;
        font-weight: bold;
    }
    .header-wrap.fixed {
        background: #FFF;
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    }
    .header .container {
        line-height: 0px;
        font-size: 0;
        position: relative;
        z-index: 10;
    }
    .header .container .logo {
        position: relative;
        max-width: 250px;
    }
    .header .container .menu {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
    }
    .header .container .menu ul {
        font-size: 0;
    }
    ul.ul-reset, .ul-reset ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .header .container .menu ul li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .header .container .menu ul li:hover a, .header .container .menu ul li.active a {
    color: #ff573c;
    }
    .header .container .menu ul li a {
        display: block;
        padding: 26px 15px;
        font-size: 16px;
        line-height: 30px;
        color: #c3c0af;
    }
    .section-title.mb20.headline.text-center {
        display: block;
        margin: 0;
        padding: 0;
    }
    .section-title.mb45.headline.text-center {
        display: block;
    }
    .menu li a {
        position: relative;
        /* display: block; */
        text-align: left;
        opacity: 1;
        /* line-height: 30px; */
        padding: 0px;
        z-index: 1;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    li.dropdown {
        padding: 17px 0;
    }
    li.dropdown:hover ul {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    ul.submenu a {
        color: #29334c !important;
    }
    .header .container .menu ul li ul li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #d9d1d1;
    }
    .header .container .menu ul ul.submenu li {
        padding: 0;
    }
    ul.submenu a {
        font-size: 14px !important;
    }
    .header .container .menu ul li {
        padding: 0px 0;
    }
    li.order-menu {
        padding: 17px 0;
    }
    ul.submenu {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: absolute;
        left: 0px;
        top: 82px;
        display: inline-block;
        width: 200px;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        background-color: #ffffff;
        border-top: 5px solid #ff573c;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
        -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
        -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .header .container .menu ul li ul li a:hover {
        background: transparent;
        color: #ffc219;
    }
    li.dropdown:hover ul {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    <--order-->#order-form {
        font-family: "Open Sans" !important;
        font-size: 14px;
        width: 771px;
        margin: 0 auto !important;
        border: 1px solid #bababa !important;
        background-color: #fcfcfc !important;
        line-height: 1.42857143 !important;
        font-weight: normal;
    }
    .attic__top ul li+li {
        margin-left: 36px;
    }
    .read-more1 p {
        line-height: 1.6;
    }

    .title {
        text-align: center;
        text-transform: uppercase;
        margin: 40px 0;
        font-size: 30px;
        line-height: 1;
    }
    .header {
        position: relative;
        z-index: 100;
        background: #29334c;
    }

    .header-top {
        display: block;
        background: #ff573c;
    }
    .header-top ul.follow-us {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
    }
    .header-top ul.follow-us li {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-top ul.follow-us li a {
        color: #ffffff;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 8px;
    }
    .header-top .right-block {
        display: block;
        float: right;
    }
    .header-top ul.top-nav {
        display: block;
        padding-top: 0;
        padding-right: 0;
        float: left;
        margin: 0;
    }
    .header-top ul.top-nav li {
        display: block;
        padding: 10px 12px;
        float: left;
        line-height: 11px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .header-top ul.top-nav li a {
        color: #29334c;
    }
    .header-top ul.top-nav li a:hover {
        color: #af9548;
    }
    /*---------------------------------------------------- */


    /*slider Section*/


    /*----------------------------------------------------*/

    .slider-text {
        position: absolute;
        top: 45%;
        right: 0;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .slider-text .section-title h2 {
        color: #fff;
        font-weight: 300;
        letter-spacing: 5px;
    }

    #slider-item:hover {
        visibility: visible;
    }

    #slider-item .placeit-btn {
        border: 2px solid #17d0cf;
        margin-top: 30px;
    }

    #slider-item .owl-dots {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        margin: 0;
    }

    #slider-item .owl-dots .owl-dot.active {
        background-color: #ff5b3e;
    }

    #slider-item .owl-dots .owl-dot {
        height: 9px;
        background-color: #f3f3f3;
        width: 9px;
    }

    #slider-item .owl-nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 95%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #slider-item .owl-next {
        float: right;
    }

    #slider-item .scound-slide {
        font-size: 70px;
    }

    #slider-item .search-course {
        max-width: 600px;
        display:none;
        margin: 0 auto;
    }

    #slider-item .owl-item .layer-1-2 {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 0.3s;
        -o-transition: all 1s ease-in-out 0.3s;
        transition: all 1s ease-in-out 0.3s;
    }

    #slider-item .owl-item .layer-1-1 {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 1s;
        -o-transition: all 1s ease-in-out 1s;
        transition: all 1s ease-in-out 1s;
    }

    #slider-item .owl-item .layer-1-3 {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 1.5s;
        -o-transition: all 1s ease-in-out 1.5s;
        transition: all 1s ease-in-out 1.5s;
    }

    #slider-item .owl-item .layer-1-4 {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 2s;
        -o-transition: all 1s ease-in-out 2s;
        transition: all 1s ease-in-out 2s;
    }

    #slider-item .owl-item .layer-1-5 {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 2.5s;
        -o-transition: all 1s ease-in-out 2.5s;
        transition: all 1s ease-in-out 2.5s;
    }

    #slider-item .owl-item .layer-1-6 {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 3s;
        -o-transition: all 1s ease-in-out 3s;
        transition: all 1s ease-in-out 3s;
    }

    #slider-item .owl-item.active .layer-1-2,
    #slider-item .owl-item.active .layer-1-1,
    #slider-item .owl-item.active .layer-1-3,
    #slider-item .owl-item.active .layer-1-4,
    #slider-item .owl-item.active .layer-1-5,
    #slider-item .owl-item.active .layer-1-6 {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    #slider-item .owl-item.active .slider-images img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 10s;
        -o-transition: 10s;
        transition: 10s;
    }

    #slider-item .slider-course-category {
        max-width: 700px;
        display:none;
        margin: 0 auto;
        margin-top: 25px;
    }

    #slider-item .slider-course-category li {
        color: #fff;
        font-weight: 700;
        margin: 0px 10px;
        position: relative;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
    }

    #slider-item .slider-course-category li:after {
        position: absolute;
        content: '';
        height: 10px;
        width: 2px;
        top: 6px;
        right: -13px;
        background-color: #8e8e8e;
    }

    #slider-item .slider-course-category li:last-child:after {
        display: none;
    }

    #slider-item .slider-course-category li:hover {
        color: #17d0cf;
    }

    #slider-item .third-slide {
        font-size: 60px;
    }

    #slider-item .secoud-title {
        font-size: 50px;
    }

    .coming-countdown {
        margin-bottom: 30px;
        text-align: center;
    }

    .coming-countdown li {
        width: 100px;
        height: auto;
        padding: 15px 5px;
        margin-right: 30px;
        text-align: center;
        display: inline-block;
        color: #fff;
        border: 2px solid #17d0cf;
        border-radius: 8px;
    }

    .coming-countdown li:last-child {
        margin-right: 0px;
    }

    .coming-countdown .number {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .coming-countdown span {
        display: block;
        color: #ffffff;
        position: relative;
        text-transform: uppercase;
    }

    .coming-countdown span:before {
        left: 0;
        right: 0;
        top: -20px;
        width: 50px;
        height: 3px;
        margin: 0 auto;
        position: absolute;
        background: #ffffff;
        border-radius: 45px;
    }

    .slider-bg-1,
    .slider-bg-2,
    .slider-bg-3,
    .slider-bg-4,
    .slider-bg-5 {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .slider-bg-1{
        background-image: url(../img/banner/bg5.jpg);
        background-position: 0 0px;
    }

    .slider-bg-2 {
        background-image: url(../img/banner/bann.png); }


        .slider-bg-5 .slider-text {
            max-width: 1170px;
            margin: 0 auto;
        }

        #course-btn .placeit-btn {
            margin: 0 auto;
        }


        /*---------------------------------------------------- */


        /*Search Course*/


        /*----------------------------------------------------*/

        .search-course-section {
            padding: 45px 0px 45px 0px;
        }

        .search-course input,
        .search-course .register-form-area select,
        .register-form-area .search-course select,
        .search-course .register-form-area textarea,
        .register-form-area .search-course textarea,
        .subs-form input,
        .subs-form .register-form-area select,
        .register-form-area .subs-form select,
        .subs-form .register-form-area textarea,
        .register-form-area .subs-form textarea {
            width: 100%;
            height: 50px;
            background-color: #f9f9f9;
            border: none;
            padding: 0px 20px;
            border-radius: 5px;
        }

        .search-course .nws-button, 
        .subs-form .nws-button {
            top: 0;
            right: 0;
            height: 50px;
            width: 160px;
            line-height: 50px;
            position: absolute;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .search-course .nws-button button,
        .subs-form .nws-button button {
            background-color: transparent;
            border: none;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            color: #fff;
        }


        .counter-icon i {
            font-size: 38px;
        }

        .counter-number {
            display: inline-block;
            overflow: hidden;
        }

        .counter-number p {
            font-size: 14px;
            font-weight: 700;
            font-color: #989898;
        }

        .counter-number .counter-count,
        .counter-number span {
            font-size: 30px;
            color: #333333;
            line-height: .9;
        }

        .counter-number span {
            font-weight: 700;
        }

        .copy-right-menu-item li {
            color: #989898;
            margin-left: 30px;
        }

        .copy-right-menu {
            padding: 45px 0px;
            border-top: 1px solid #ddd6d6;
        }

        .home-secound-course-search {
            background-image: url(../img/banner/hb-2.jpg);
            padding-bottom: 0;
        }

        .home-secound-course-search .search-app {
            padding-top: 50px;
        }

        .home-secound-course-search .search-app-content {
            margin-left: 40px;
        }

        .home-secound-course-search .search-course input,
        .home-secound-course-search .search-course .register-form-area select,
        .register-form-area .home-secound-course-search .search-course select,
        .home-secound-course-search .search-course .register-form-area textarea,
        .register-form-area .home-secound-course-search .search-course textarea {
            background: #4273e1;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #4273e1), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #4273e1), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);
            background-size: 200% auto;
            color: #fff;
        }

        .home-secound-course-search .search-course input::-webkit-input-placeholder,
        .home-secound-course-search .search-course .register-form-area select::-webkit-input-placeholder,
        .register-form-area .home-secound-course-search .search-course select::-webkit-input-placeholder,
        .home-secound-course-search .search-course .register-form-area textarea::-webkit-input-placeholder,
        .register-form-area .home-secound-course-search .search-course textarea::-webkit-input-placeholder {
            color: #fff;
        }

        .home-secound-course-search .counter-number p {
            color: #fff;
        }

        .home-secound-course-search .counter-count,
        .home-secound-course-search .counter-number span,
        .counter-number .home-secound-course-search span {
            color: #fff;
        }

        .home-secound-course-search .section-title span,
        .home-secound-course-search .section-title h2 {
            color: #fff;
        }

        .home-secound-course-search .search-app .search-app-content h2 {
            font-size: 35px;
        }

        .home-secound-course-search .app-details-content p {
            font-size: 20px;
            color: #fff;
        }

        .home-secound-course-search .about-list li {
            color: #17d0cf;
            margin-left: 5px;
        }

        .home-secound-course-search .about-list li:before {
            width: 10px;
            height: 10px;
            top: 7px;
            background-color: #5196c9;
        }

        .home-secound-course-search .placeit-btn {
            width: 190px;
        }

        .app-stor {
            display: inline-block;
        }

        .app-stor li {
            font-size: 22px;
            color: #fff;
            margin-right: 25px;
            position: relative;
        }

        .app-stor li:after {
            position: absolute;
            content: '';
            height: 20px;
            width: 1px;
            top: 4px;
            right: -14px;
            background-color: #9ad1f6;
        }

        .app-stor li:last-child:after {
            display: none;
        }

        .search-course-secound {
            background-color: #333333;
            padding: 20px 0px 10px !important;
            max-width: 1170px;
            margin: 0 auto;
            border-radius: 5px;
            position: relative;
            z-index: 2;
            top: -40px;
        }

        .search-course-secound .counter-number .counter-count,
        .search-course-secound .counter-number span,
        .search-course-secound .counter-number span {
            color: #fff;
        }

        .search-course-secound .counter-number p {
            color: #17d0cf;
            margin: 0;
        }

        .search-course-third {
            padding: 0;
        }

        .search-course-third .version-four {
            padding: 40px 35px 30px;
        }

        .search-course-third .counter-number p {
            margin-bottom: 0;
        }

        .search-course-third .counter-icon-number {
            position: relative;
        }

        .search-course-third .counter-icon-number:before,
        .search-course-third .counter-icon-number:after {
            position: absolute;
            content: '';
            bottom: -30px;
            background-color: #eee;
            width: 110%;
            height: 7px;
            left: -20px;
            -webkit-transition: .5s all ease-in-out;
            -o-transition: .5s all ease-in-out;
            transition: .5s all ease-in-out;
        }

        .search-course-third .counter-icon-number:after {
            background-color: #17d0cf;
            width: 0;
        }

        .search-course-third .counter-icon-number:hover::after {
            width: 110%;
        }

        .home-third-course-search {
            background-color: #f7f7f7;
            padding-bottom: 0;
        }

        .home-third-course-search .search-course input,
        .home-third-course-search .search-course .register-form-area select,
        .register-form-area .home-third-course-search .search-course select,
        .home-third-course-search .search-course .register-form-area textarea,
        .register-form-area .home-third-course-search .search-course textarea {
            background-color: #fff;
        }

        .home-third-course-search .app-stor li {
            color: #777777;
        }

        .home-third-course-search .app-stor li:after {
            background-color: #777777;
        }

        .home-third-course-search .section-title h2 {
            font-size: 42px;
        }

        #search-course-2 .search-app {
            margin-top: 50px;
        }


        /*---------------------------------------------------- */


        /*popular Course*/


        /*----------------------------------------------------*/

        .popular-course-section {
            padding: 0px 0px 60px;
        }

        .popular-course-section .section-title .subtitle {
            margin-left: 42px;
        }

        .course-meta {
            display: inline-block;
            width: 100%;
        }

        .course-meta span {
            float: left;
            font-size: 16px;
            margin-right: 24px;
            position: relative;
        }

        .course-meta span:after {
            top: 2px;
            width: 1px;
            content: '';
            height: 15px;
            right: -14px;
            position: absolute;
            background-color: #989898;
        }

        .course-meta span:last-child:after {
            display: none;
        }

        .course-meta .course-category,
        .latest-events .course-meta .course-author {
            color: #17d0cf;
        }

        .course-meta .course-author {
            color: #333333;
        }

        .course-meta .course-rate li {
            color: #ff5b3e;
            font-size: 13px;
            margin: 0 4px 0 0;
        }

        .course-title:after {
            left: 0;
            content: '';
            height: 3px;
            width: 50px;
            bottom: 25px;
            position: absolute;
        }

        .course-title h3 {
            color: #333333;
            font-size: 15px;
            font-weight: 400;
            line-height: 20px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .course-title h3 span {
            top: -6px;
            display: none;
            color: #fff;
            padding: 5px;
            font-size: 11px;
            border-radius: 3px;
            position: relative;
            background-color: #ff5c26;
        }

        .course-viewer li {
            color: #989898;
            font-size: 14px;
            padding: 5px 15px;
            border-radius: 3px;
            background-color: #f7f7f7;
        }

        .course-price {
            top: 20px;
            display: none;
            left: 20px;
            font-weight: 700;
            padding: 5px 15px;
            border-radius: 4px;
            position: absolute;
        }

        .course-price span {
            color: #fff;
        }

        .course-details-btn {
            top: 25px;
            right: 5px;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .course-details-btn a {
            font-size: 12px;
            color: #fff;
            font-weight: 700;
        }

        .course-item-pic-text:hover .course-details-btn {
            right: 20px;
            opacity: 1;
            visibility: visible;
        }

        .owl-nav {
            right: 0;
            top: -105px;
            position: absolute;
        }
        .testimonial-slide .owl-nav {
            top: -110px;
        }
        .unique-team.unique-team2 .owl-nav {
            display: none;
        }
        .owl-nav .owl-prev,
        .owl-nav .owl-next {
            float: left;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            margin: 0 5px;
            border-radius: 4px;
            background-color: #ffffff;
        }

        .popular-three {
            background-color: #f7f7f7;
            padding: 100px 0px 100px;
        }

        .popular-three .course-viewer li {
            background-color: #fff;
        }

        .popular-three .owl-nav .owl-prev,
        .popular-three .owl-nav .owl-next,
        .popular-three .owl-nav .owl-next {
            background-color: #fff;
        }

        .course-pic {
            overflow: hidden;
            border-radius: 4px;
        }

        .course-pic img {
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .course-item-pic-text:hover img {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
        }


        /*---------------------------------------------------- */


        /*About Us*/


        /*----------------------------------------------------*/

        .about-us-section {
            padding: 0px 0px 60px;
            overflow: visible;
        }

        .about-resigter-form {
            z-index: 2;
            max-width: 500px;
            padding: 30px 30px;
            margin-top: 0;
            background: hsl(203deg 88% 21% / 50%);
        }

        .register-content {
            position: relative;
        }

        .register-fomr-title h3 {
            font-size: 25px;
            color: #fff;
            margin-bottom: 10px;
        }

        .register-fomr-title h3 span {
            font-weight: 300;
        }

        .register-fomr-title p {
            font-size: 14px;
            color: #e2e5ec;
        }

        .register-form-area input, .register-form-area select, .register-form-area textarea {
            height: 42px;
            width: 100%;
            background-color: #f9f9f9;
            padding: 10px;
            border-radius: 2px;
            margin-bottom: 12px !important;
            border: none;
        }
        .register-form-area textarea {
            height: 100px;
            padding-top: 15px;
        }

        .register-form-area button {
            height: 50px;
            margin-top: 5px;
            font-size: 16px;
            letter-spacing: 1px;
            width: 100%;
            font-weight: 700;
            color: #fff;
            border-radius: 5px;
            border: none;
            text-transform: uppercase;
            background: #ff6a46;
            background: linear-gradient(to right, #ff573c 0%, #ff8354 51%, #ff573c 100%);
            background-size: 200% auto;
            background-position: 190px;
        }

        .bg-mockup {
            position: absolute;
            top: 10px;
            left: -6px;
            z-index: 1;
        }

        .about-us-text {
            padding-top: 0;
        }

        .about-us-text .section-title {
            margin-bottom: 10px;
        }

        .about-us-text .section-title p {
            font-size: 17px;
            color: #1c263e;
            margin-top: 20px;
            line-height: 1.4;
        }

        .about-us-text .section-title:after {
            position: absolute;
            content: '';
            bottom: 0;
            height: 2px;
            width: 50px;
            background-color: transparent;
        }

        .about-content-text p {
            /* font-size: 18px; */
            /* color: #333333; */
        }

        .about-list li {
            font-weight: 500;
            color: #333333;
            margin-bottom: 5px;
            padding-left: 15px;
            position: relative;
            font-size: 15px;
        }

        .about-list li:before {
            left: 0;
            content: '';
            width: 8px;
            height: 8px;
            top: 5px;
            border-radius: 100%;
            position: absolute;
            background-color: #17d0cf;
        }

        .about-btn .placeit-btn {
            display: inline-block;
            margin-right: 25px;
        }

        .home-secound .about-resigter-form {
            background-image: url(../img/about/abt.jpg);
            max-width: 420px;
            margin-top: 5px;
            padding: 50px;
            margin-left: 30px;
            border-radius: 5px;
            position: relative;
            z-index: 2;
            -webkit-box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.1);
        }

        .home-secound .about-resigter-form:after {
            content: '';
            position: absolute;
            height: 80%;
            top: 50%;
            width: 30px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-radius: 5px;
            left: -30px;
            z-index: -1;
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }

        .home-secound .register-form-area button {
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
        }

        .home-secound .bg-mockup {
            display: none;
        }

        .home-secound .register-form-area input,
        .home-secound .register-form-area select,
        .home-secound .register-form-area textarea,
        .home-secound .register-form-area select,
        .home-secound .register-form-area textarea {
            background-color: #ffffffc7;
        }

        .home-third {
            background-color: #fff;
        }

        .about-page-section {
            padding: 80px 0px;
        }

        .about-gallery {
            display: inline-block;
            margin-bottom: 20px;
        }

        .about-gallery-img {
            float: left;
            margin-bottom: 15px;
        }

        .grid-1 {
            width: 66.5%;
            float: left;
        }

        .grid-2 {
            width: 31.5%;
            float: left;
            margin-left: 12px;
        }

        .about-text-item .section-title-2 {
            margin-bottom: 65px;
        }

        .about-text-item .section-title-2 h2:after {
            bottom: -30px;
        }

        .about-text-item p {
            font-weight: 300;
            font-size: 20px;
            color: #333333;
            margin-bottom: 25px;
        }

        .about-teacher-2 .section-title-2 h2 {
            font-size: 28px;
        }

        .about-teacher-2 .section-title-2 h2:after {
            display: none;
        }

        .about-teacher-2 .section-title-2 h2 b {
            color: #17d0cf;
            font-size: 14px;
            font-weight: 700;
        }

        .about-course-categori {
            padding-top: 50px;
        }

        .about-course-categori .category-slide {
            margin-top: 40px;
        }


        /*---------------------------------------------------- */


        /*testimonial section*/


        /*----------------------------------------------------*/

        .why-choose-us-section .jarallax {
            background-image: url(../img/banner/tesit-b-1.jpg);
            padding: 50px 0px 70px 0px;
        }

        .why-choose-us-section .section-title {
            margin-bottom: 50px;
        }

        .why-choose-us-section .section-title h2 {
            color: #fff;
        }

        .why-choose-us-section .section-title span {
            color: #fff;
        }

        .service-slide {
            margin-bottom: 50px;
        }

        .service-icon {
            margin-right: 15px;
        }

        .service-icon i {
            font-size: 50px;
        }

        .service-text {
            overflow: hidden;
        }

        .service-text h3 {
            font-size: 22px;
            color: #fff;
        }

        .service-text p {
            color: #88c3ef;
        }

        .team-management .owl-dots {
            display: none !important;
        }
        .owl-dots {
            text-align: center;
            margin-top: 30px;
        }

        .owl-dots .owl-dot {
            display: inline-block;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            margin: 0 3px;
            border-radius: 10px;
            background-color: #4175a4;
        }

        .owl-dots .owl-dot.active {
        }

        .testimonial-slide .section-title-2 h2 {
            color: #fff;
        }

        .testimonial-slide .student-qoute {
            border: 2px solid #3080b6;
            padding: 30px;
            border-radius: 5px;
            position: relative;
        }

        .testimonial-slide .student-qoute:after {
            position: absolute;
            content: '\f10d';
            font-weight: 900;
            font-family: 'Font Awesome 5 Free';
            color: #3080b6;
            font-size: 40px;
            right: 35px;
            padding: 5px 20px;
            bottom: -30px;
            background-color: #125693;
        }

        .testimonial-slide .student-qoute p {
            font-style: italic;
            color: #fff;
            font-size: 18px;
            font-weight: 300;
        }

        .testimonial-slide .student-qoute p b {
            font-weight: 700;
        }

        .testimonial-slide .student-name-designation span {
            font-size: 13px;
            color: #17d0cf;
            margin-right: 25px;
            position: relative;
        }

        .testimonial-slide .student-name-designation span:before {
            top: 4px;
            width: 1px;
            content: '';
            height: 10px;
            right: -14px;
            position: absolute;
            background-color: #17d0cf;
        }

        .testimonial-slide .student-name-designation span:last-child::before {
            display: none;
        }

        .testimonial-slide .student-name-designation .st-designation {
            font-weight: 300;
        }

        .testimonial-slide-area .owl-stage-outer {
            padding-bottom: 30px;
        }

        .testimonial-slide-area .owl-prev,
        .testimonial-slide-area .owl-next {
            background-color: #3080b6;
            color: #f7f7f7;
        }

        .secound-testimoinial-section {
            max-width: 880px;
            margin: 0 auto;
            padding: 10px 0px 90px 0px;
        }

        .secound-testimoinial-section .student-qoute {
            padding: 0;
            border: none;
        }

        .secound-testimoinial-section .student-qoute p {
            font-size: 25px;
            color: #333333;
            margin-bottom: 30px;
        }

        .secound-testimoinial-section .student-qoute:after {
            display: none;
        }

        .secound-testimoinial-section .owl-dot {
            background-color: #f5f5f5;
        }

        .secound-testimoinial-section .owl-dot.active {
            background-color: #989898;
        }

        .secound-testimoinial-section .student-name-designation span {
            color: #989898;
        }

        .secound-testimoinial-section .student-name-designation span:before {
            background-color: #989898;
        }

        .secound-testimoinial-section .student-name-designation .st-name {
            color: #333333;
        }

        .testimonial_2_section {
            padding-top: 100px;
        }

        .testimonial_2_section .section-title-2 h2,
        .testimonial_2_section .section-title-2 span {
            color: #333333;
        }

        .testimonial_2_section .student-qoute {
            border: 2px solid #f7f7f7;
        }

        .testimonial_2_section .student-qoute p {
            color: #8c8c8c;
        }

        .testimonial_2_section .student-qoute p b {
            color: #333333;
        }

        .testimonial_2_section .student-qoute:after {
            background-color: #fff;
            color: #8c8c8c;
        }

        .testimonial_2_section .owl-next,
        .testimonial_2_section .owl-prev,
        .testimonial_2_section .owl-nav .owl-next,
        .owl-nav .testimonial_2_section .owl-next,
        .testimonial_2_section .testimonial-slide-area .owl-next,
        .testimonial-slide-area .testimonial_2_section .owl-next {
            background-color: #f7f7f7;
            color: #999999;
        }

        .third-testimoinial-section {
            padding: 100px 0px 40px;
        }

        .third-testimoinial-section .section-title-2 h2 {
            color: #333333;
        }


        /*---------------------------------------------------- */


        /*latest section*/


        /*----------------------------------------------------*/

        .latest-area-section {
            padding: 50px 0px 50px 0px;
        }

        .latest-news-thumbnile {
            height: 120px;
            width: 120px;
            float: left;
            margin-right: 20px;
            overflow: hidden;
        }

        .latest-news-thumbnile .hover-search {
            position: absolute;
            top: 50%;
            left: 0;
            color: #fff;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
            right: 0;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            font-size: 20px;
            opacity: 0;
            visibility: hidden;
            z-index: 1;
        }

        .blakish-overlay {
            top: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            border-radius: 4px;
            position: absolute;
            visibility: hidden;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            background-color: rgba(0, 0, 0, 0.65);
        }

        .latest-news-area {
            display: inline-block;
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #ccc;
            width: 100%;
            max-width: 335px;
        }

        .latest-news-area:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .latest-news-area .date-meta {
            color: #989898;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .latest-news-area:hover .blakish-overlay {
            opacity: 1;
            visibility: visible;
        }

        .latest-news-area:hover .hover-search {
            opacity: 1;
            visibility: visible;
        }

        .latest-title {
            font-size: 18px;
            color: #333333;
            margin-bottom: 10px;
        }

        .view-all-btn {
            color: #333333;
        }

        .view-all-btn i {
            color: #17d0cf;
            margin-left: 5px;
        }

        .gradient-bdr {
            z-index: -1;
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 10px;
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            transform: scale(1.06);
            background: -o-linear-gradient(69deg, #10abff, #1beabd);
            background: linear-gradient(21deg, #10abff, #1beabd);
            background: -webkit-linear-gradient(69deg, #10abff, #1beabd);
        }

        .events-date {
            float: left;
            height: 84px;
            width: 95px;
            font-size: 13px;
            font-weight: 500;
            border-radius: 10px;
            margin-right: 20px;
            background-color: #fff;
        }

        .events-date span {
            font-size: 50px;
            padding-top: 8px;
            color: #333333;
            line-height: 1;
            display: block;
        }

        .latest-events {
            display: inline-block;
            max-width: 340px;
            margin-bottom: 30px;
        }

        .latest-events .course-meta .course-category,
        .latest-events .course-meta .course-author {
            font-weight: 500;
            color: #989898;
        }

        .event-text {
            overflow: hidden;
        }

        .video-play-btn {
            height: 40px;
            width: 40px;
            line-height: 40px;
            border-radius: 100%;
            color: #fff;
            position: absolute;
            top: 50%;
            right: 0;
            left: 0;
            margin: 0 auto;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .video-play-btn a {
            display: block;
            width: 100%;
        }

        .sponsor-section {
            padding: 30px 0px 50px 0px;
        }

        .sponsor-pic {
            position: relative;
            width: 180px;
            margin: 0 auto;
        }

        .sponsor-pic:after {
            position: absolute;
            top: 20px;
            content: '';
            height: 80px;
            background-color: #cccccc;
            right: 0;
            width: 1px;
        }

        .sponsor-1 .owl-stage-outer {
            padding: 0 10px;
        }

        .sponsor-1 .owl-dots {
            display: none !important;
        }

        .sponsor-2 {
            padding: 60px 0px;
        }

        .sponsor-2 .sponsor-pic:after {
            display: none;
        }

        .sponsor-2 .owl-nav {
            display: none;
        }

        .sponsor-2 .owl-dots .owl-dot {
            background-color: #f5f5f5;
        }

        .sponsor-2 .owl-dots .owl-dot.active {
            background-color: #cccccc;
        }

        .home-page-three {
            padding: 40px 0px 125px;
        }


        /*---------------------------------------------------- */


        /*Best course section*/


        /*----------------------------------------------------*/

        .best-course-section {
            background-color: #f7f7f7;
            padding: 50px 0px 50px 0px;
        }
        #best-course .best-course-area.mb45 {
            margin-bottom: 0;
        }
        .best-course-pic-text {
            border-radius: 4px;
            padding-top: 30px;
        }

        .best-course-pic-text .course-title h3 {
            font-size: 18px;
            line-height: 25px;
        }

        .best-course-pic-text .course-title:after {
            display: none;
        }

        .best-course-pic-text .best-course-text {
            background-color: #fff;
            border-radius: 4px;
            padding: 20px 25px 30px 25px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .best-course-pic-text .best-course-text .course-meta span {
            font-weight: 400;
            color: #777777;
            -webkit-font-smoothing: antialiased;
        }

        .best-course-pic-text .best-course-pic {
            overflow: hidden;
            border-radius: 4px;
        }

        .best-course-pic-text .course-price {
            bottom: 20px;
            z-index: 1;
            top: inherit;
        }

        .best-course-pic-text .course-rate {
            position: absolute;
            right: 25px;
            bottom: 25px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .best-course-pic-text .course-rate li {
            font-size: 14px;
        }

        .best-course-pic-text .course-details-btn {
            top: inherit;
            bottom: 25px;
            right: 5px;
        }

        .best-course-pic-text:hover .course-details-btn {
            opacity: 1;
            right: 25px;
            visibility: visible;
            z-index: 1;
        }

        .best-course-pic-text:hover .course-rate {
            opacity: 0;
        }

        .best-course-pic-text:hover .blakish-overlay {
            opacity: 1;
            visibility: visible;
            z-index: 0;
        }

        .best-course-pic-text:hover .best-course-text {
            -webkit-box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.1);
        }

        .course-rate li {
            color: #ffc926;
        }

        .trend-badge-2 {
            top: -18px;
            left: -50px;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            position: absolute;
            padding: 30px 35px 5px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background-color: #ff5a00;
        }

        .trend-badge-2 span {
            display: block;
        }

        .couse-pagination li {
            font-size: 18px;
            color: #bababa;
            margin: 0 5px;
        }

        .couse-pagination li.active {
            color: #333333;
            font-weight: 700;
        }

        .couse-pagination .pg-text {
            font-size: 13px;
        }

        .best-course-v2 {
            background-color: #fff;
            padding-bottom: 80px;
        }

        .best-course-v2 .best-course-pic-text .best-course-text {
            background-color: #f7f7f7;
        }

        .course-search-filter {
            display: inline-block;
            width: 100%;
        }

        .course-button ul.product-tab li.active:after {
            display: none;
        }

        .course-button ul.product-tab li:before {
            content: '';
            position: absolute;
            top: -15px;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #01a6fd;
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            left: 0;
            width: 20px;
            right: 0;
            opacity: 0;
            margin: 0 auto;
        }

        .course-button ul.product-tab li.active:before {
            opacity: 1;
        }

        .course-button ul.product-tab li.active .category-icon-title:after {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .course-button ul.product-tab li.active .category-icon i {
            color: #fff;
            -webkit-text-fill-color: inherit;
        }

        .course-button ul.product-tab li.active .category-title h4 {
            color: #fff;
        }

        .course-button .category-title h4 {
            text-transform: capitalize;
            font-size: 16px;
        }

        .course-button ul.product-tab li {
            margin: 0;
        }

        .course-button ul.product-tab li .category-icon-title {
            width: 180px;
            height: 180px;
            padding: 20px;
            overflow: hidden;
        }

        .button-tab .owl-stage-outer {
            padding: 20px 0px;
        }

        .button-tab .owl-prev,
        .button-tab .owl-nav .owl-next,
        .owl-nav .button-tab .owl-next,
        .button-tab .testimonial-slide-area .owl-next,
        .testimonial-slide-area .button-tab .owl-next {
            position: absolute;
            left: 0;
        }

        .course-button {
            background-color: #fff;
        }

        .one-page-category {
            padding-top: 0;
        }

        .one-page-category .category-slide {
            margin-top: 0;
        }

        .one-page-category .category-slide .owl-nav {
            top: 46%;
            width: 108%;
        }


        /*---------------------------------------------------- */


        /*Teacher  section*/


        /*----------------------------------------------------*/


        .team-col-lg-8 {
            -ms-flex: 0 0 66.666667%;
            -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
            margin: auto;
            padding: 20px 0;
        }
        .team-col-lg-8 .section-subtitle {
            margin-bottom: 10px;
        }
        .section-title {
            text-transform: uppercase;
        }
        .inner-banner.contact .section-title {
            padding-bottom: 0;
            margin-bottom: 15px;
        }
        .services2 .section-title {
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .services2 p {
            padding-bottom: 0 !important;
            line-height: 1.6;
        }
        .research-read-more2 .section-title.mb0.headline.text-left {
            margin-bottom: 0;
        }
        .section-title {
            font-size: 30px;
            display: block;
            font-weight: 600;
            line-height: 30px;
            margin-bottom: 20px;
            padding-bottom: 11px;
            text-transform: inherit;
        }
        .team-item {
            position: relative;
            margin: 0;
            padding: 10px;
            border-radius: 2px;
            border: 3px solid rgba(255, 255, 255,0.3);
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            overflow: hidden;
        }
        .team-col-lg-8 .section-subtitle {
            margin-bottom: 10px;
        }
        .team-item .thumb {
            max-height: 320px;
            overflow: hidden;
        }
        .team-item .content {
            position: relative;
            margin-top: -30px;
            padding: 30px 15px;
            background-color: #ffffff;
            -webkit-box-shadow: 0.418px 2.971px 10px 0px rgb(28 38 62 / .5);
            box-shadow: 0.418px 2.971px 10px 0px rgb(28 38 62 / .5);
            border-radius: 0;
            z-index: 9;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
        }
        .team-item .content .designation {
            text-transform: uppercase;
            color: var(--main-color);
            font-size: 14px;
            margin-top: 8px;
        }
        .team-item .content .socials-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 8px;
            list-style:none;
            padding:0;
        }
        .owl-nav.disabled {
            padding: 0 0;
            text-align: center;
        }
        .team-item .content .socials-links li {
            margin: 3px 8px;
        }          
        .team-item .content .socials-links li a {
            color: #989999;
        }
        .team-item .content .name {
            font-size: 24px;
            text-transform: uppercase;
        }
        .team-item:hover {
            border-color: #29334c;
            color: #fff;
        }
        .team-item:hover .content {
            background-image: -ms-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
            -webkit-box-shadow: 0px 10px 15px 0px rgb(28 38 62 / .5);
            box-shadow: 0px 10px 15px 0px rgb(28 38 62 / .5);
        }
        .team-item:hover .content .name {
            color: #ffffff;
        }
        .team-item:hover .content .socials-links li a {
            color: #ffffff;
        }

        .course-teacher-section .jarallax {
            background-image: url(../img/banner/teacher-b.jpg);
            padding: 45px 0px 45px 0px;
        }

        .course-teacher-section .section-title {
            margin-bottom: 70px;
        }

        .course-teacher-section .section-title h2 {
            color: #fff;
        }

        .course-teacher-section .section-title span {
            color: #fff;
        }

        .course-teacher-section .placeit-btn {
            margin: 0 auto;
        }

        .teacher-img-content {
            background-color: #0a4a78;
            display: inline-block;
            padding: 20px;
            border-radius: 4px;
            width: 100%;
            margin-bottom: 50px;
        }

        .teacher-img-content .teacher-social-name {
            float: left;
            max-width: 65px;
        }

        .teacher-img-content .teacher-social-name ul {
            margin-bottom: 10px !important;
        }

        .teacher-img-content .teacher-social-name li {
            height: 35px;
            width: 35px;
            border-radius: 100%;
            text-align: center;
            color: #adb8bf;
            line-height: 35px;
            margin-bottom: 5px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            background-color: #608297;
        }

        .teacher-img-content .teacher-social-name li:hover {
            background-color: #fff;
            color: #176299;
        }

        .teacher-img-content .teacher-social-name .teacher-name span {
            font-weight: 700;
            color: #fff;
            font-size: 18px;
        }

        .teacher-img-content .teacher-img {
            height: 150px;
            width: 150px;
            display: inline-block;
            position: relative;
            right: -35px;
            top: -35px;
        }

        .teacher-img-content .teacher-img img {
            border-radius: 4px;
        }

        .teacher-img-content .teacher-img:after {
            content: '';
            height: 2px;
            width: 50px;
            left: -25px;
            bottom: 30px;
            position: absolute;
            background-color: #17d0cf;
        }

        .teacher-img-content .teacher-img .course-price {
            font-weight: 400;
            top: auto;
            bottom: 20px;
            font-size: 12px;
            left: 45px;
            opacity: 0;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            visibility: hidden;
        }

        .teacher-img-content .teacher-category {
            position: relative;
            top: -5px;
        }

        .teacher-img-content .teacher-category .st-name {
            font-size: 13px;
            color: #fff;
        }

        .teacher-img-content:hover .course-price {
            opacity: 1;
            left: 35px;
            visibility: visible;
        }

        .secound-teacher-section {
            background-color: #f7f7f7;
            padding: 105px 0px;
        }

        .secound-teacher-section .teacher-img-text {
            background-color: #fff;
            padding: 20px 30px 30px 30px;
            border-radius: 4px;
        }

        .secound-teacher-section .teacher-img-text .teacher-social-list {
            position: absolute;
            top: 40%;
            left: 0;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            right: 0;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .secound-teacher-section .teacher-img-text .teacher-social-list li {
            height: 30px;
            width: 30px;
            text-align: center;
            border: 2px solid #17d0cf;
            line-height: 30px;
            color: #fff;
            margin: 0 2px;
            border-radius: 100%;
        }

        .secound-teacher-section .teacher-img-text .teacher-name {
            display: block;
            font-size: 18px;
            font-weight: 700;
            color: #333333;
        }

        .secound-teacher-section .teacher-img-text .teacher-designation {
            font-size: 13px;
            color: #17d0cf;
        }

        .secound-teacher-section .teacher-img-text .teacher-img-social .blakish-overlay {
            border-radius: 100%;
            height: 190px;
            width: 190px;
            margin: 0 auto;
            left: -13px;
            top: 5px;
            right: 0;
        }

        .secound-teacher-section .teacher-img-text:hover .blakish-overlay {
            opacity: 1;
            visibility: visible;
        }

        .secound-teacher-section .teacher-img-text:hover .teacher-social-list {
            top: 50%;
            opacity: 1;
            visibility: visible;
        }

        .teacher-img-social {
            z-index: 1;
        }

        .teacher-img-social img {
            border: 5px solid #fff;
            border-radius: 100%;
        }

        .teacher-img-social:after {
            content: '';
            position: absolute;
            width: 210px;
            height: 210px;
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            top: -5px;
            left: -5px;
            border-radius: 100%;
            z-index: -1;
            right: 0;
        }

        .secound-teacher-section .owl-prev,
        .secound-teacher-section .owl-nav .owl-next,
        .owl-nav .secound-teacher-section .owl-next,
        .secound-teacher-section .testimonial-slide-area .owl-next,
        .testimonial-slide-area .secound-teacher-section .owl-next,
        .secound-teacher-section .owl-next {
            background-color: #fff;
        }

        .secound-teacher-section .placeit-btn {
            margin: 0 auto;
            margin-top: 65px;
        }

        .placeit-teacher-section-2 {
            padding-bottom: 80px;
        }

        .placeit-teacher-section-2 .teacher-img-content {
            background-color: inherit;
            padding: 0;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 25px;
            height: 210px;
        }

        .placeit-teacher-section-2 .teacher-img-content .teacher-cntent {
            position: absolute;
            top: 15px;
            left: 30px;
            z-index: 1;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            opacity: 0;
        }

        .placeit-teacher-section-2 .teacher-img-content .teacher-social-name ul {
            margin-bottom: 20px !important;
        }

        .placeit-teacher-section-2 .teacher-img-content .teacher-category {
            bottom: 50px;
            top: inherit;
            right: 20px;
            display: none;
            z-index: 11;
        }

        .placeit-teacher-section-2 .teacher-img-content:after {
            position: absolute;
            content: '';
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 0;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            opacity: 0;
        }

        .placeit-teacher-section-2 .teacher-img-content:hover:after {
            opacity: .8;
        }

        .placeit-teacher-section-2 .teacher-img-content:hover .teacher-category {
            display: block;
        }

        .placeit-teacher-section-2 .teacher-img-content:hover .teacher-cntent {
            opacity: 1;
        }

        .placeit-teacher-section-2 .teacher-social-name li {
            background-color: #fff;
        }

        .teacher-page-section {
            padding: 80px 0px;
        }

        .teacher-page-section .couse-pagination {
            margin-top: 60px;
        }

        .teacher-pic-content {
            margin-bottom: 30px;
        }

        .teacher-pic-content .teacher-hover-item {
            display: inline-block;
            position: absolute;
            top: 35px;
            left: 15px;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .teacher-pic-content .teacher-hover-item .teacher-text {
            color: #fff;
        }

        .teacher-pic-content .teacher-social-name {
            width: 100%;
            max-width: inherit;
            margin-bottom: 5px;
        }

        .teacher-pic-content .teacher-social-name li {
            background-color: #fff;
            color: #17d0cf;
        }

        .teacher-pic-content .teacher-next {
            height: 45px;
            width: 45px;
            background-color: #fff;
            position: absolute;
            right: -40px;
            bottom: 0;
            line-height: 52px;
            border-top-left-radius: 10px;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            -webkit-transition-delay: .3s;
            -o-transition-delay: .3s;
            transition-delay: .3s;
        }

        .teacher-pic-content .teacher-next a {
            display: block;
            width: 100%;
        }

        .teacher-pic-content .teacher-next i {
            font-size: 20px;
        }

        .teacher-pic-content .teacher-img-content {
            background-color: inherit;
            padding: 0;
            position: relative;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 0;
        }

        .teacher-pic-content .teacher-img-content:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            z-index: 0;
        }

        .teacher-pic-content .teacher-name-designation {
            margin-top: 10px;
        }

        .teacher-pic-content .teacher-name-designation .teacher-name {
            display: block;
            font-size: 18px;
            font-weight: 700;
            color: #333333;
        }

        .teacher-pic-content .teacher-name-designation .teacher-designation {
            font-size: 13px;
            color: #17d0cf;
        }

        .teacher-pic-content:hover .teacher-img-content::after {
            opacity: .8;
        }

        .teacher-pic-content:hover .teacher-hover-item {
            opacity: 1;
            visibility: visible;
            left: 25px;
        }

        .teacher-pic-content:hover .teacher-next {
            opacity: 1;
            right: 0;
            visibility: visible;
        }

        .first-widget {
            margin-top: 0 !important;
        }

        .teacher-details-area {
            padding: 80px 0px;
        }

        .course-img {
            margin-bottom: 15px;
        }

        .course-desc {
            color: #333333;
        }

        .teacher-details-text .section-title-2 {
            margin-bottom: 50px;
        }

        .teacher-details-text .section-title-2 h2 {
            font-size: 30px;
        }

        .teacher-details-text .section-title-2 h2:after {
            bottom: -45px;
        }

        .teacher-details-text .teacher-deg {
            font-weight: 700;
            font-size: 15px;
            margin-top: 5px;
        }

        .teacher-details-text .teacher-deg span {
            color: #17d0cf;
        }

        .teacher-desc-social {
            margin-bottom: 28px;
        }

        .teacher-desc-social li {
            height: 80px;
            width: 80px;
            text-align: center;
            background-color: #f7f7f7;
            color: #444444;
            border-radius: 4px;
            font-size: 13px;
            margin-right: 5px;
            padding-top: 15px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .teacher-desc-social li i {
            color: #bababa;
            font-size: 30px;
            margin-bottom: 5px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .teacher-desc-social li:hover {
            background-color: #17d0cf;
            color: #fff;
        }

        .teacher-desc-social li:hover i {
            color: #fff;
        }

        .teacher-address .address-details li {
            color: #000;
            font-size: 18px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .teacher-address .address-details li b {
            font-weight: 900;
        }

        .teacher-address .address-details li .addrs-icon {
            height: 50px;
            width: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 20px;
            border-radius: 5px;
            color: #fff;
            margin-right: 15px;
            float: left;
            background-color: #01a6fd;
        }

        .teacher-address .address-details li .add-info {
            overflow: hidden;
            margin-top: 10px;
        }

        .about-teacher .section-title-2 {
            margin-bottom: 35px;
        }

        .about-teacher .section-title-2 h2:after {
            display: none;
        }

        .about-teacher p {
            font-weight: 300;
            font-size: 20px;
            color: #333333;
        }

        .category-slide .category-icon-title {
            padding: 35px 10px;
            border-radius: 0;
            position: relative;
            margin-bottom: 0;
        }

        .category-slide .category-icon-title:after {
            border-radius: 0;
        }

        .category-slide .owl-nav {
            top: 35%;
            width: 110%;
            -webkit-transform: translateY(-40%);
            -ms-transform: translateY(-40%);
            transform: translateY(-40%);
            left: -40px;
            z-index: -1;
        }

        .category-slide .owl-nav .owl-prev,
        .category-slide .owl-nav .owl-next,
        .category-slide .owl-nav .owl-next {
            background-color: transparent;
        }

        .category-slide .owl-nav .owl-prev,
        .category-slide .owl-nav .owl-next {
            float: left;
        }

        .category-slide .owl-nav .owl-next {
            float: right;
        }

        .category-slide .owl-item.active:before {
            content: '';
            position: absolute;
            height: 195px;
            width: 1px;
            background-color: #eee;
            top: 0;
            right: 0;
            z-index: 1;
        }

        .category-slide .owl-item.active:last-child:before {
            display: none;
        }

        .category-slide .owl-stage-outer {
            padding: 5px;
        }

        .about-faq.faq-secound-home-version {
            background-image: inherit;
            padding-top: 0;
        }

        .about-faq.faq-secound-home-version .panel-group .panel {
            max-width: inherit;
        }

        .about-faq.faq-secound-home-version .panel-group .btn-link.collapsed {
            color: #333333;
            font-weight: 400;
            padding: 10px 0px;
        }

        .about-faq.faq-secound-home-version .panel-group .panel-title h3:before {
            background-color: #cfcdcd;
            top: 15px;
        }

        .about-faq.faq-secound-home-version .panel-group .panel-body {
            color: inherit;
        }

        .about-faq.faq-secound-home-version .panel-group .collapse.show .panel-body:before {
            height: 185%;
            top: -49px;
        }

        .about-faq.faq-secound-home-version .panel-group .btn-link.collapsed:after {
            color: #cfcdcd;
        }

        .about-faq.faq-secound-home-version ul.product-tab li {
            background-color: #f7f7f7;
            font-size: 15px;
            font-weight: 400;
            color: #c4c4c4;
        }

        .about-faq.faq-secound-home-version .ques-ans h3 {
            color: #0f0f0f;
        }

        .about-faq.faq-secound-home-version .tab-container {
            margin-left: 15px;
        }

        .teacher-contact {
            padding-top: 25px;
        }

        .teacher-faq-form label {
            display: block;
            text-transform: uppercase;
            color: #333333;
            font-weight: 700;
            font-size: 14px;
        }

        .teacher-faq-form input,
        .teacher-faq-form .register-form-area select,
        .register-form-area .teacher-faq-form select,
        .teacher-faq-form .register-form-area textarea,
        .register-form-area .teacher-faq-form textarea,
        .teacher-faq-form textarea {
            width: 100%;
            height: 60px;
            border-radius: 4px;
            background-color: #f7f7f7;
            border: none;
            margin-bottom: 30px;
            padding: 15px;
        }

        .teacher-faq-form textarea {
            height: 160px;
        }

        .teacher-faq-form .nws-button {
            height: 60px;
            width: 195px;
            line-height: 60px;
            border-radius: 5px;
        }

        .teacher-faq-form .nws-button button {
            border: none;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
            background-color: transparent;
        }

        .one-page-teacher {
            padding: 100px 0px;
            background-image: url(../img/banner/tesit-b-1.jpg);
        }

        .one-page-teacher .section-title span,
        .one-page-teacher .section-title h2 {
            color: #fff;
        }


        /*---------------------------------------------------- */


        /*Best product  section*/


        /*----------------------------------------------------*/

        .best-product-section {
            padding: 45px 0px 30px 0px;
        }

        .best-product-section .course-title h3 {
            font-size: 18px;
        }

        .best-product-section .course-title:after {
            display: none;
        }

        .best-product-section .price-start {
            font-size: 12px;
            font-weight: 700;
            margin-top: 5px;
        }

        .best-product-section .price-start span {
            color: #17d0cf;
        }

        .best-product-section.home_2 {
            padding: 50px 0px 100px;
        }

        .add-cart {
            color: #bbbbbb;
            height: 40px;
            width: 40px;
            line-height: 40px;
            float: right;
            border-radius: 100%;
            background-color: #fff;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            margin-top: 10px;
            overflow: hidden;
            position: relative;
        }

        .add-cart:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            left: 0;
            z-index: 0;
            opacity: 0;
            border-radius: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .add-cart i {
            position: relative;
            z-index: 1;
        }

        .product-img-text {
            background-color: #f1f1f3;
            padding: 25px 20px;
            display: inline-block;
            width: 97%;
            margin: 5px;
            border-radius: 4px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .product-img-text:hover {
            background-color: #fff;
            -webkit-box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.1);
        }

        .product-img-text:hover .add-cart {
            color: #fff;
        }

        .product-img-text:hover .add-cart::after {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .faq-secound-home-version .best-product-section {
            padding-top: 30px;
        }

        .faq-secound-home-version .best-product-section .section-title-2 h2 {
            color: #fff;
        }

        .faq-secound-home-version .best-product-section .owl-prev,
        .faq-secound-home-version .best-product-section .owl-nav .owl-next,
        .owl-nav .faq-secound-home-version .best-product-section .owl-next,
        .faq-secound-home-version .best-product-section .testimonial-slide-area .owl-next,
        .testimonial-slide-area .faq-secound-home-version .best-product-section .owl-next,
        .faq-secound-home-version .best-product-section .owl-next {
            background-color: #4175a4;
        }

        .home-third-best-product {
            padding: 20px 0px 80px;
        }

        .shop-product-section {
            padding: 80px 0px 20px;
        }

        .placeit-shop-item .best-product-section {
            padding-top: 0;
        }

        .placeit-shop-item .best-product-section .product-img-text {
            width: 100%;
            margin: 0;
            margin-bottom: 30px;
        }

        .placeit-shop-item .product-list-item {
            background-color: #f7f7f7;
            padding: 25px 20px;
            border-radius: 4px;
        }

        .placeit-shop-item .course-page-section {
            padding-top: 0;
        }

        .ui-slider-horizontal {
            height: 3px;
            border: none;
            background-color: #dddddd;
        }

        .price-range .ui-widget.ui-widget-content {
            border: none;
        }

        .price-range input,
        .price-range .register-form-area select,
        .register-form-area .price-range select,
        .price-range .register-form-area textarea,
        .register-form-area .price-range textarea {
            position: absolute;
            font-size: 12px;
            right: -70px;
            top: -13px;
            color: #b2afaf;
            border: none;
            font-weight: 700;
        }

        #slider-range {
            width: 73%;
            float: right;
            margin-top: 6px;
        }

        #slider-range .ui-widget-header {
            background-color: #333333;
        }

        .ui-slider-horizontal .ui-slider-handle {
            height: 10px;
            width: 10px;
            border-radius: 100%;
            background-color: #17d0cf;
            border: none;
            cursor: pointer;
            outline: none;
            top: -3px;
        }

        .inner-title {
            font-size: 12px;
            font-weight: 500;
            float: left;
            padding-left: 25px;
            position: relative;
        }

        .inner-title:after {
            position: absolute;
            content: '';
            height: 15px;
            width: 15px;
            border-radius: 4px;
            border: 1px solid #d9d4d4;
            left: 0;
            top: 1px;
        }

        .product-highlights .inner-title {
            float: none;
            font-size: 14px;
            color: #333333;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .product-highlights .inner-title:last-child {
            margin-bottom: 0;
        }

        .best-sell-title-price {
            margin-top: 30px;
        }

        .best-sell-title-price h3 {
            font-size: 14px;
            font-weight: 700;
            color: #333333;
        }

        .best-sellers-pic-text {
            background-color: #f7f7f7;
            display: inline-block;
            width: 100%;
            padding: 15px 15px 25px 15px;
            margin-bottom: 4px;
        }

        .best-sellers-pic-text .best-sell-pic {
            height: 105px;
            width: 105px;
            float: left;
            margin-right: 20px;
        }

        .best-sellers-pic-text .b-price {
            font-size: 12px;
            color: #17d0cf;
            font-weight: 700;
        }

        .best-sellers-item .couse-pagination {
            margin-top: 15px;
        }

        .best-sellers-item .couse-pagination li {
            font-size: 12px;
        }

        .best-product-4 {
            background-color: #f7f7f7;
            padding-bottom: 100px;
        }

        .best-product-4 .product-img-text {
            background-color: #fff;
        }

        .best-product-4 .owl-nav .owl-prev,
        .best-product-4 .owl-nav .owl-next,
        .best-product-4 .owl-nav .owl-next {
            background-color: #fff;
        }


        /*---------------------------------------------------- */


        /*FAQ  section*/


        /*----------------------------------------------------*/

        .faq-section {
            padding: 50px 0px 50px 0px;
        }

        ul.product-tab li {
            cursor: pointer;
            margin: 0px 40px 0px 0px;
            font-size: 18px;
            position: relative;
            color: #777777;
            font-weight: 500;
            text-transform: uppercase;
        }

        ul.product-tab li:after {
            position: absolute;
            content: "";
            height: 2px;
            width: 100%;
            top: 30px;
            left: 0;
            opacity: 0;
            background-color: #17d0cf;
        }

        ul.product-tab li.active {
            color: #333333;
        }

        ul.product-tab li.active:after {
            opacity: 1;
        }

        .tab-content-1 {
            display: none;
        }

        .tab-content-1 p {
            color: #777777;
        }

        .ques-ans h3 {
            font-size: 22px;
            font-weight: 500;
            color: #333333;
            margin-bottom: 20px;
        }

        .faq-secound-home-version {
            background-image: url(../img/banner/fq-1.jpg);
            padding: 110px 0px 100px 0px;
        }

        .faq-secound-home-version .section-title h2,
        .faq-secound-home-version .section-title span {
            color: #fff;
        }

        .faq-secound-home-version ul.product-tab li {
            background-color: #006dad;
            color: #fff;
            padding: 5px 15px;
            font-size: 16px;
            border-radius: 4px;
            z-index: 1;
            margin: 0px 5px 0px 0px;
        }

        .faq-secound-home-version ul.product-tab li:after {
            position: absolute;
            content: '';
            height: 100%;
            width: 100%;
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            left: 0;
            top: 0;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            border-radius: 4px;
            z-index: -1;
            opacity: 0;
            visibility: hidden;
        }

        .faq-secound-home-version ul.product-tab li.active {
            color: #fff;
        }

        .faq-secound-home-version ul.product-tab li.active:after {
            opacity: 1;
            visibility: visible;
        }

        .faq-secound-home-version .ques-ans h3 {
            color: #fff;
        }

        .faq-secound-home-version .tab-content-1 {
            display: none;
        }

        .faq-secound-home-version .tab-content-1 p {
            color: #777777;
        }

        .faq_3 {
            padding-bottom: 40px;
        }

        .panel-group .panel {
            border-radius: 0;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-bottom: 25px;
            max-width: 625px;
            margin: 0 auto;
        }

        .panel-group .panel-body {
            color: #67a0c9;
            position: relative;
        }

        .panel-group .panel-body:before {
            position: absolute;
            left: -15px;
            top: -42px;
            content: '';
            background-color: #17d0cf;
            width: 3px;
            height: 0%;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .panel-group .collapse.show .panel-body:before {
            height: 150%;
        }

        .panel-group .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 26px;
            color: inherit;
            position: relative;
        }

        .panel-group .panel-title h3 {
            position: relative;
        }

        .panel-group .panel-title h3:before {
            position: absolute;
            width: 3px;
            height: 25px;
            left: -15px;
            content: '';
            background-color: #4a8ec0;
            top: 22px;
        }

        .panel-group .panel-title .btn-link {
            display: block;
            padding: 15px 0px 15px;
            position: relative;
            width: 100%;
            text-align: left;
            text-decoration: none;
            font-size: 22px;
            font-weight: 500;
            color: #17d0cf;
        }

        .panel-group .panel-title .btn-link:before {
            content: '\f139';
            position: absolute;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            right: 20px;
            top: 20px;
            font-size: 16px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            color: #17d0cf;
        }

        .panel-group .panel-title .btn-link:after {
            content: "";
            font-size: 16px;
            position: absolute;
            right: 20px;
            top: 20px;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            color: #17d0cf;
        }

        .panel-group .panel-title .btn-link:hover {
            text-decoration: none;
            color: #17d0cf;
        }

        .panel-group .btn-link.collapsed {
            color: #fff;
        }

        .panel-group .btn-link.collapsed:before {
            content: ' ';
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .panel-group .btn-link.collapsed:after {
            content: "\f13a";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            color: #4d8fbe;
        }

        #accordion .btn {
            white-space: inherit;
        }

        .faq-page-section {
            padding: 80px 0px 80px 0px;
        }

        .faq-page-section .panel-group .btn-link.collapsed {
            color: #333333;
            font-size: 20px;
            font-weight: 400;
        }

        .faq-page-section .panel-group .panel-title .btn-link:before,
        .faq-page-section .panel-group .panel-title .btn-link:after {
            right: 0;
        }

        .faq-page-section .panel-group .panel-title .btn-link:after {
            color: #ccc;
        }

        .faq-page-section .panel-group .panel-title .btn-link {
            font-size: 20px;
        }

        .faq-page-section .panel-group .panel-body:before {
            top: -50px;
        }

        .faq-page-section .panel-group .panel-title h3:before {
            background-color: #ccc;
        }

        .faq-page-section .panel-group .panel-body {
            color: inherit;
        }

        .faq-page-section .faq-secound-home-version {
            background-image: inherit;
            padding: 0;
        }

        .faq-page-section .faq-secound-home-version ul.product-tab li {
            background-color: #f7f7f7;
            color: #ccc;
        }

        .faq-page-section .faq-secound-home-version ul.product-tab li.active {
            color: #fff;
        }

        .faq-page-section .panel-group .panel {
            max-width: 100%;
        }

        .faq-page-section .faq-secound-home-version .ques-ans h3 {
            color: #333333;
        }


        /*---------------------------------------------------- */


        /*Course category  section*/


        /*----------------------------------------------------*/

        .course-category-section {
            background-color: #ffffff;
            padding: 50px 0px 30px;
        }

        .category-icon {
            position: relative;
            z-index: 1;
        }

        .category-icon i {
            font-size: 60px;
        }

        .category-title {
            margin-top: 10px;
            position: relative;
            z-index: 1;
        }

        .category-title h4 {
            font-size: 18px;
            font-weight: 500;
            color: #333333;
        }

        .category-icon-title {
            background-color: #f1f1f1;
            padding: 35px;
            border-radius: 4px;
            margin-bottom: 30px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            position: relative;
        }

        .category-icon-title:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #ff573c;
            background: linear-gradient(to right, #ff573c 0%, #ff8354 51%, #ff573c 100%);
            background-size: 200% auto;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            left: 0;
            top: 0;
            z-index: 0;
            opacity: 0;
            border-radius: 4px;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .category-icon-title:hover::after {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .category-icon-title:hover .category-title h4 {
            color: #fff;
        }

        .category-icon-title:hover .category-icon i {
            color: #fff;
            -webkit-text-fill-color: inherit;
        }
        .category-item i.text-gradiant {
            background: -moz-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #01a6fd), color-stop(100%, #17d0cf));
            background: -webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
            background: -ms-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .category-icon-title:hover {
            -webkit-box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.1);
        }

        .home-secound-version {
            background-color: #fff;
        }

        .home-secound-version .category-icon-title {
            background-color: #f7f7f7;
        }


        /*---------------------------------------------------- */


        /*why choose  section*/


        /*----------------------------------------------------*/

        .why-choose-section {
            background-image: url(../img/banner/wc-1.jpg);
            padding-top: 115px;
        }

        .why-choose-section .section-title h2,
        .why-choose-section .section-title span {
            color: #fff;
        }

        .features-icon {
            height: 80px;
            width: 80px;
            border-radius: 100%;
            line-height: 80px;
            font-size: 40px;
            float: left;
            margin-right: 25px;
        }

        .features-icon i {
            color: #fff;
        }

        .features-text-title h3 {
            font-size: 22px;
            font-weight: 700;
            color: #fff;
        }

        .features-text {
            overflow: hidden;
            padding-top: 10px;
        }

        .features-text .features-text-dec {
            color: #84bfeb;
        }

        .extra-icon-text {
            margin-bottom: 45px;
        }

        .extra-right .features-icon {
            float: right;
            margin-left: 25px;
            margin-right: 0;
        }

        .version-four .features-icon {
            position: relative;
        }

        .version-four .features-icon .feat-tag span {
            position: absolute;
            background-color: #fff;
            height: 25px;
            width: 25px;
            border-radius: 100%;
            text-align: center;
            line-height: 25px;
            font-weight: 700;
            color: #17d0cf;
            right: -10px;
            top: 25px;
            font-size: 13px;
        }

        .version-four .extra-right .features-icon .feat-tag span {
            left: -10px;
            right: inherit;
        }

        .course-advantage {
            padding-top: 65px;
        }

        .service-slide_3 {
            margin-top: 35px;
        }

        .service-slide_3 .service-icon {
            float: none !important;
            margin-bottom: 15px;
        }

        .service-slide_3 .service-text-icon {
            background-color: #f7f7f7;
            padding: 20px;
            border-radius: 4px;
        }

        .service-slide_3 .service-text p {
            font-size: 15px;
            color: #88c3ef;
        }

        .service-slide_3 .service-text h3 {
            font-size: 18px;
            color: #333333;
            margin-bottom: 10px;
        }

        .service-slide_3 .owl-nav {
            top: -70px;
        }


        /*---------------------------------------------------- */


        /*Contact  section*/


        /*----------------------------------------------------*/
        .inner-banner.contact a.apply-online {
            max-width: 246px;
            display: block;
            margin-top: 16px;
            margin-bottom: 26px;
            background: #f0bc01;
            text-transform: uppercase;
            font-size: 18px;
            color: #fff;
            position: relative;
        }
        .inner-banner.contact a.apply-online .left {
            width: 80%;
            float: left;
            padding: 20px 0 20px 24px;
        }
        .content p {
            display: block;
            line-height: 1.6;
            color: #454545;
        }
        .inner-banner .content {
            max-width: 392px;
        }
        .inner-banner.contact .row {
            align-items: center;
        }
        .content h1 {
            display: block;
            padding-bottom: 18px;
            font-size: 46px;
            color: #24353b;
            text-transform: uppercase;
        }
        .inner-banner a.apply-online .arrow {
            width: 20%;
            height: 100%;
            line-height: 90px;
            position: absolute;
            right: 0px;
            background: #d89722;
            font-size: 24px;
            text-align: center;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }
        .form-wrapper {
            display: block;
            padding: 50px 0;
        }
        .form-wrapper .row .col-sm-6 {
            margin-bottom: 20px;
        }
        .form-wrapper input {
            width: 100%;
            padding: 0 22px;
            height: 46px;
            border: none;
            border-bottom: 1px #dae4e8 solid;
            border-left: 1px #dae4e8 solid;
            font-size: 14px;
            color: #858788;
            font-weight: 500;
        }
        .our-impotance {
            background: #fff;
            padding: 90px 0;
        }
        .google-map {
            display: block;
            position: relative;
        }
        .google-map #map {
            height: 550px;
            z-index: 1;
        }
        .google-map #map iframe {
            width: 100%;
            height: 100%;
        }
        .our-impotance {
            background: #fff;
            padding: 50px 0;
        }
        .have-question h2 {
            color: #2d4256;
            display: block;
            padding-bottom: 44px;
            font-size: 36px;
            text-transform: uppercase;
            text-align: center;
        }
        .our-impotance ul {
            margin: 0;
            text-align: center;
            padding: 0;
        }
        .have-question ul li {
            margin-bottom: 0px;
        }
        .our-impotance ul li {
            display: block;
            margin-bottom: 0;
            border-right: 1px #e9e9e9 solid;
            position: relative;
        }
        .our-impotance ul li .inner img {
            border-radius: 3px;
        }
        .our-impotance ul li h3 {
            display: block;
            padding: 22px 0 12px 0;
            font-size: 18px;
            color: #284962;
            text-transform: uppercase;
            line-height: 24px;
        }
        .our-impotance ul li p {
            display: block;
            font-size: 14px;
            color: #828282;
            line-height: 20px;
        }
        .our-impotance ul li .inner {
            display: block;
            padding: 20px 20px;
        }
        .inner-banner.contact a.apply-online .icon {
            display: block;
            padding-right: 15px;
            float: left;
        }

        .contact-area-section,
        .contact_secound_section {
            background-image: url(../img/banner/contact-b.jpg);
            padding: 50px 0px 50px;
        }

        .contact-area-section .section-title h2,
        .contact_secound_section .section-title h2 {
            color: #fff;
            margin-bottom: 25px;
        }

        .contact-area-section .section-title span,
        .contact_secound_section .section-title span {
            color: #fff;
        }

        .contact-area-section .section-title p,
        .contact_secound_section .section-title p {
            color: #fff;
        }

        .contact-left-content {
            max-width: 500px;
        }

        .address-icon {
            height: 45px;
            width: 45px;
            line-height: 45px;
            margin-right: 15px;
            border: 3px solid #60c0ff;
            -o-border-image: -o-linear-gradient(21deg, #10abff, #1beabd);
            border-radius: 2px;
            background-origin: border-box;
            background-clip: content-box, border-box;
        }

        .address-icon i {
            font-size: 20px;
            color: #fff;
        }

        .address-details li {
            font-size: 17px;
            font-weight: 400;
            color: #fff;
        }

        .address-details li span {
            font-weight: 300;
        }

        .contact-address-details {
            width: 100%;
            margin-bottom: 12px;
            padding-bottom: 12px;
            display: inline-block;
            border-bottom: 1px solid #3182b5;
        }

        .contact-address-details:last-child {
            border-bottom: none;
        }
        .contact-left-content p {
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            margin: 0;
        }

        .google-map-container {
            height: 600px;
            background-color: #dddddd;
        }

        #google-map {
            top: 0;
            width: 940px;
            height: 100%;
            -webkit-box-shadow: -15px -10px 40px 5px rgba(0, 0, 0, 0.1);
            box-shadow: -15px -10px 40px 5px rgba(0, 0, 0, 0.1);
            position: absolute;
        }

        .contact_secound_section {
            background-image: url(../img/banner/cf-1.png);
            padding: 270px 0px 0px;
            background-color: #f7f7f7;
        }

        .contact_secound_form {
            margin-left: 80px;
        }

        .contact_secound_form .section-title-2 h2 {
            color: #fff;
            font-size: 25px;
            font-weight: 700;
            display: table;
        }

        .contact_secound_form .section-title-2 h2:after {
            right: -65px;
            left: inherit;
            bottom: 5px;
        }

        .contact_secound_form .contact_form input,
        .contact_secound_form .contact_form .register-form-area select,
        .register-form-area .contact_secound_form .contact_form select,
        .contact_secound_form .contact_form .register-form-area textarea,
        .register-form-area .contact_secound_form .contact_form textarea {
            width: 45%;
            float: left;
            background-color: transparent;
            border: none;
            padding: 25px 0px;
            border-bottom: 1px solid #73a3c4;
            margin-right: 20px;
            height: 35px;
        }

        .contact_secound_form .contact_form input::-webkit-input-placeholder,
        .contact_secound_form .contact_form .register-form-area select::-webkit-input-placeholder,
        .register-form-area .contact_secound_form .contact_form select::-webkit-input-placeholder,
        .contact_secound_form .contact_form .register-form-area textarea::-webkit-input-placeholder,
        .register-form-area .contact_secound_form .contact_form textarea::-webkit-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input:-ms-input-placeholder,
        .contact_secound_form .contact_form .register-form-area select:-ms-input-placeholder,
        .register-form-area .contact_secound_form .contact_form select:-ms-input-placeholder,
        .contact_secound_form .contact_form .register-form-area textarea:-ms-input-placeholder,
        .register-form-area .contact_secound_form .contact_form textarea:-ms-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input::-ms-input-placeholder,
        .contact_secound_form .contact_form .register-form-area select::-ms-input-placeholder,
        .register-form-area .contact_secound_form .contact_form select::-ms-input-placeholder,
        .contact_secound_form .contact_form .register-form-area textarea::-ms-input-placeholder,
        .register-form-area .contact_secound_form .contact_form textarea::-ms-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input::-webkit-input-placeholder, .contact_secound_form .contact_form .register-form-area select::-webkit-input-placeholder, .register-form-area .contact_secound_form .contact_form select::-webkit-input-placeholder, .contact_secound_form .contact_form .register-form-area textarea::-webkit-input-placeholder, .register-form-area .contact_secound_form .contact_form textarea::-webkit-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input::-moz-placeholder, .contact_secound_form .contact_form .register-form-area select::-moz-placeholder, .register-form-area .contact_secound_form .contact_form select::-moz-placeholder, .contact_secound_form .contact_form .register-form-area textarea::-moz-placeholder, .register-form-area .contact_secound_form .contact_form textarea::-moz-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input:-ms-input-placeholder, .contact_secound_form .contact_form .register-form-area select:-ms-input-placeholder, .register-form-area .contact_secound_form .contact_form select:-ms-input-placeholder, .contact_secound_form .contact_form .register-form-area textarea:-ms-input-placeholder, .register-form-area .contact_secound_form .contact_form textarea:-ms-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input::-ms-input-placeholder, .contact_secound_form .contact_form .register-form-area select::-ms-input-placeholder, .register-form-area .contact_secound_form .contact_form select::-ms-input-placeholder, .contact_secound_form .contact_form .register-form-area textarea::-ms-input-placeholder, .register-form-area .contact_secound_form .contact_form textarea::-ms-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form input::placeholder,
        .contact_secound_form .contact_form .register-form-area select::placeholder,
        .register-form-area .contact_secound_form .contact_form select::placeholder,
        .contact_secound_form .contact_form .register-form-area textarea::placeholder,
        .register-form-area .contact_secound_form .contact_form textarea::placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form textarea {
            height: 155px;
            width: 100%;
            background-color: transparent;
            border: none;
            padding: 20px 0px;
            border-bottom: 1px solid #73a3c4;
        }

        .contact_secound_form .contact_form textarea::-webkit-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form textarea:-ms-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form textarea::-ms-input-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form textarea::-moz-placeholder {
            color: #669fc9;
        }

        .contact_secound_form .contact_form textarea::placeholder {
            color: #669fc9;
        }

        .contact_secound_form .nws-button {
            height: 60px;
            width: 280px;
            line-height: 60px;
            border-radius: 4px;
            margin: 0 auto;
            margin-top: 30px;
        }

        .contact_secound_form .nws-button button {
            background-color: transparent;
            border: none;
            font-weight: 700;
            color: #fff;
        }

        .contact-form-area_3 {
            background-color: #f7f7f7;
            padding: 110px 0px;
        }

        .contact_third_form .contact-info input,
        .contact_third_form .contact-info .register-form-area select,
        .register-form-area .contact_third_form .contact-info select,
        .contact_third_form .contact-info .register-form-area textarea,
        .register-form-area .contact_third_form .contact-info textarea {
            width: 100%;
            height: 50px;
            border: none;
            background-color: transparent;
            border-bottom: 1px solid #dddddd;
        }

        .contact_third_form textarea {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #dddddd;
            width: 100%;
            height: 150px;
            margin-top: 40px;
        }

        .contact_third_form .nws-button {
            height: 60px;
            width: 200px;
            line-height: 60px;
            border-radius: 4px;
            margin: 0 auto;
            margin-top: 70px;
        }

        .contact_third_form .nws-button button {
            background-color: transparent;
            border: none;
            font-weight: 700;
            color: #fff;
        }

        .contact-page-section {
            padding: 80px 0px;
        }

        .contact-page-section .social-contact .category-icon-title {
            width: 165px;
            float: left;
            position: relative;
        }

        .contact-page-section .social-contact .category-icon-title:before {
            content: '';
            position: absolute;
            height: 165px;
            width: 1px;
            background-color: #eee;
            top: 0;
            right: 0;
            z-index: 1;
        }

        .contact-page-section .social-contact .category-icon-title:before:last-child:before {
            opacity: 0;
        }

        .contact-page-section .social-contact .category-icon-title .category-title h4 {
            font-size: 16px;
        }

        .contact-page-section .category-icon-title:last-child::before {
            display: none;
        }

        .contact-page-version .contact_third_form {
            background-color: #fff;
            padding: 30px 30px 65px 30px;
            border-radius: 4px;
        }


        /*---------------------------------------------------- */


        /*Blog  section*/


        /*----------------------------------------------------*/

        .blog-item-post {
            padding: 105px 0px 0px 0px;
        }

        .blog-content-details {
            padding-bottom: 80px;
            border-bottom: 1px solid #eeeeee;
        }

        .short-filter-tab {
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
        }

        .shorting-filter select {
            padding: 8px 15px;
            border-radius: 4px;
            background-color: #f7f7f7;
            border: none;
            color: #333333;
            font-weight: 700;
            margin-left: 15px;
        }

        .blog-button ul.product-tab li {
            margin: 0px 5px 0px 0px;
            font-size: 22px;
            padding: 5px 10px;
            background-color: #f7f7f7;
            border-radius: 4px;
        }

        .blog-button ul.product-tab li:after {
            display: none;
        }
        .blog-list {
            color: #29334c;
            font-size: 14px;
            line-height: 1.4;
            padding: 15px 20px 5px;
            font-weight: 300;
        }
        .blog-group span {
            margin: 0;
            display: block;
        }
        .event-sec2 {
            padding: 0 20px 20px;
        }
        .blog-group {
            padding: 0;
        }
        .event-sec2 p {
            padding: 70px 16px 18px 16px;
        }
/*  .blog-sec1 {
        background: #f8cc00;
        padding: 5px 5px 0px 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #17d0cf;
        background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
        background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
        background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
        background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
        background-size: 200% auto;
        -webkit-transition: background 1s ease-out;
        -o-transition: background 1s ease-out;
        transition: background 1s ease-out; 
        }*/
        .event-group .event-sec2 span, .blog-group span {
            font-weight: 500;
            font-size: 18px;
            padding: 0px 0 10px;
            color: #1c263e;
            line-height: 25px;
            display: block;
        }
        .event-sec2 p {
            padding: 0;
        }
        .blog-group {
            border-radius: 0;
            box-shadow: 0px 0px 20px 0px #d8d8d8;
            position: relative;
        }
        .blog-group .event-sec2 a {
            padding: 12px 30px;
            background: #ff573c;
            color: #fff;
            position: relative;
            right: 0;
            border-radius: 5px;
            bottom: 0;
            margin: 0;
            display: inline-block;
        }
        span.arrange-mt {
            margin: 0;
        }
        .blog-group, .event-group {
            margin: 15px 0px;
        }
        .blog-sec1 img {
            width: 100%;
        }
        .blog-button ul.product-tab li.active {
            color: #fff;
            background-color: #17d0cf;
        }

        .blog-post-img-content {
            border-bottom: 1px solid #eeeeee;
            padding-bottom: 35px;
            margin-bottom: 30px;
        }

        .blog-post-img-content .course-price {
            bottom: 20px;
            top: inherit;
        }

        .blog-post-img-content .blog-img-date {
            border-radius: 4px;
            margin-bottom: 30px;
        }

        .blog-title-content h3 {
            font-size: 25px;
            font-weight: 600;
            color: #333333;
            margin-bottom: 15px;
        }

        .blog-title-content .blog-content {
            font-size: 17px;
            margin-bottom: 22px;
        }

        .placeit-post-item {
            padding-bottom: 45px;
        }

        .list-blog-item {
            background-color: #f7f7f7;
            border-radius: 4px;
            margin-bottom: 30px;
        }

        .list-blog-item .blog-post-img-content {
            padding: 0;
            margin: 0;
        }

        .list-blog-item .blog-img-date {
            margin: 0;
        }

        .list-blog-item .blog-title-content {
            padding-top: 30px;
        }

        .side-bar-search {
            position: relative;
        }

        .side-bar-search input,
        .side-bar-search .register-form-area select,
        .register-form-area .side-bar-search select,
        .side-bar-search .register-form-area textarea,
        .register-form-area .side-bar-search textarea {
            height: 40px;
            width: 100%;
            background-color: #f7f7f7;
            padding: 0px 15px;
            border: none;
            border-radius: 4px;
        }

        .side-bar-search button {
            position: absolute;
            top: 8px;
            right: 10px;
            background-color: #ccc;
            border: none;
            border-radius: 100%;
            padding: 3px 6px;
            color: #fff;
            font-size: 14px;
        }

        .side-bar-widget {
            margin: 30px 0px;
            display: inline-block;
            width: 100%;
        }

        .side-bar-widget .widget-title {
            font-size: 30px;
            font-weight: 300;
            color: #333333;
            margin-bottom: 20px;
        }

        .side-bar-widget .widget-title span {
            font-weight: 700;
        }

        .side-bar-widget .widget-title:after {
            display: none;
        }

        .side-bar-widget .post-categori {
            background-color: #f7f7f7;
            border-radius: 4px;
        }

        .side-bar-widget .post-categori .cat-item {
            position: relative;
            padding: 15px 20px 15px 35px;
            border-bottom: 1px solid #eeeeee;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .side-bar-widget .post-categori .cat-item:before {
            font-family: 'Font Awesome 5 Free';
            position: absolute;
            top: 19px;
            left: 19px;
            font-size: 10px;
            font-weight: 700;
            content: '\f054';
        }

        .side-bar-widget .post-categori .cat-item:hover {
            color: #333333;
        }

        .side-bar-widget .latest-news-thumbnile {
            height: 80px;
            width: 80px;
        }

        .side-bar-widget .latest-news-area {
            margin-bottom: 20px;
            padding-bottom: 15px;
        }

        .side-bar-widget .latest-title {
            font-size: 17px;
        }

        .side-bar-widget .tag-clouds li {
            border: 1px solid #cfcaca;
            color: #cbc8c8;
            padding: 5px 15px;
            margin-bottom: 8px;
            margin-right: 2px;
            border-radius: 4px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .side-bar-widget .tag-clouds li:hover {
            background-color: #17d0cf;
            border-color: #17d0cf;
            color: #fff;
        }

        .side-bar-widget .best-course-text {
            position: absolute;
            top: 50%;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
        }

        .side-bar-widget .best-course-text h3 {
            color: #fff;
        }

        .side-bar-widget .best-course-text .course-meta span {
            float: none;
            margin-right: 0;
            color: #fff;
            margin: 0px 10px;
        }

        .side-bar-widget .best-course-pic-text:hover .best-course-text {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .blog-details-section {
            padding: 80px 0px;
            border-bottom: 1px solid #ccc;
        }

        .blog-details-content h2 {
            font-size: 35px;
            color: #333333;
            font-weight: 500;
        }

        .blog-details-content .date-meta {
            margin-top: 15px;
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
            margin-bottom: 30px;
        }

        .blog-details-content .date-meta span {
            font-size: 13px;
            color: #ccc;
            font-weight: 700;
            margin-right: 20px;
        }

        .blog-details-content .date-meta span i {
            color: #17d0cf;
        }

        .blog-details-content h3 {
            font-size: 20px;
            font-weight: 700;
            color: #333333;
            margin-bottom: 30px;
        }

        .blog-details-content p {
            font-size: 20px;
            color: #333333;
            font-weight: 300;
            margin-bottom: 20px;
        }

        .blog-details-content .share-text {
            font-weight: 700;
            color: #333333;
            margin-top: 8px;
        }

        .blog-details-content .blog-share-tag {
            display: inline-block;
            width: 100%;
            margin: 40px 0px 15px 0px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 20px;
        }

        .blog-details-content .share-social ul li {
            font-size: 25px;
            margin-left: 30px;
        }

        .blog-details-content .blog-category li {
            padding: 5px 10px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            border-radius: 4px;
        }

        .blog-details-content .blog-category li:hover {
            background-color: #17d0cf;
            color: #fff;
        }

        .blog-details-content .author-comment {
            padding: 25px;
            margin-top: 20px;
            border-radius: 4px;
            background-color: #f5f5f5;
        }

        .blog-details-content .author-comment .author-img {
            height: 70px;
            width: 70px;
            float: left;
            border-radius: 100%;
            overflow: hidden;
            margin-right: 20px;
        }

        .blog-details-content .author-comment .author-designation-comment {
            font-size: 12px;
            font-weight: 700;
        }

        .blog-details-content .author-comment .author-designation-comment span {
            color: #17d0cf;
        }

        .blog-details-content .author-comment .author-designation-comment p {
            font-size: 16px;
            color: #999999;
            font-weight: 400;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .blog-details-content .next-prev-post {
            font-weight: 700;
            color: #333333;
            display: inline-block;
            width: 100%;
            margin-top: 25px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 15px;
            margin-bottom: 35px;
        }

        .blog-details-content .next-prev-post i {
            margin: 0 5px;
            color: #17d0cf;
        }

        .recent-post-item {
            padding-top: 32px;
        }

        .recent-post-item .blog-title-content h3 {
            margin-bottom: 0;
        }

        .blog-comment-area {
            margin-top: 10px;
        }

        .blog-comment-area .comment-list li {
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
            margin-bottom: 25px;
        }

        .blog-comment-area .section-title-2 {
            margin-bottom: 65px;
        }

        .blog-comment-area .section-title-2 h2 {
            font-size: 30px;
        }

        .blog-comment-area .comment-avater {
            height: 70px;
            width: 70px;
            float: left;
            margin-right: 20px;
        }

        .blog-comment-area .author-designation-comment {
            overflow: hidden;
            width: 100%;
            display: inline-block;
            margin-top: 10px;
        }

        .blog-comment-area .author-designation-comment h3 {
            font-size: 18px;
            font-weight: 700;
            color: #333333;
        }

        .blog-comment-area .author-name-rate {
            width: 88%;
            font-size: 13px;
            font-weight: 700;
            display: inline-block;
            margin-top: 20px;
        }

        .blog-comment-area .author-name-rate span {
            color: #17d0cf;
        }
        .team-item .content p {
            color: #454545;
        }
        .blog-comment-area .time-comment {
            margin-right: 10px;
        }

        .blog-comment-area .comment-ratting li {
            font-size: 15px;
            color: #ffc926;
            border-bottom: none;
            margin-bottom: 0;
        }

        .reply-comment-box {
            margin-top: 20px;
        }

        .reply-comment-box .section-title-2 {
            margin-bottom: 30px;
        }


        /*---------------------------------------------------- */


        /*course  section*/


        /*----------------------------------------------------*/

        .course-page-section {
            padding: 80px 0px 0px;
        }

        .course-page-section .short-filter-tab {
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }

        .course-page-section .course-list-view {
            overflow-x: auto;
            padding: 5px;
        }

        .course-page-section .shorting-filter select {
            margin-right: 10px;
            padding: 10px 15px;
        }

        .course-page-section table {
            width: 100%;
        }

        .course-page-section td,
        .course-page-section th {
            text-align: left;
            padding: 20px 15px;
        }

        .course-page-section th {
            font-size: 12px;
            font-weight: 700;
            color: #333333;
            border-bottom: 3px solid #01a6fd;
        }

        .course-page-section tr {
            border-bottom: 1px solid #eee;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            padding: 15px;
        }

        .course-page-section tr:hover {
            -webkit-box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.1);
        }

        .course-page-section .list-head {
            padding: 0;
        }

        .course-page-section .list-head:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .course-page-section .course-list-img {
            height: 70px;
            width: 70px;
            float: left;
            margin-right: 20px;
        }

        .course-page-section .course-list-text {
            max-width: 225px;
            display: inline-block;
        }

        .course-page-section .course-list-text h3 {
            font-size: 16px;
            font-weight: 700;
            color: #333333;
        }

        .course-page-section .course-type-list span {
            background-color: #17d0cf;
            color: #fff;
            padding: 12px 20px;
            border-radius: 4px;
        }

        .course-page-section .course-meta .course-rate li {
            color: #bbbbbb;
        }

        .course-details-section {
            padding: 80px 0px 0px;
        }

        .course-single-text .course-title {
            padding-bottom: 55px;
        }

        .course-single-text .course-title b {
            font-weight: 700;
        }

        .course-single-text .course-title h3 {
            font-size: 35px;
            font-weight: 300;
        }

        .course-single-text p {
            font-size: 20px;
            font-weight: 300;
            margin-bottom: 30px;
            color: #333333;
        }

        .course-details-category span {
            font-weight: 300;
            font-size: 28px;
            float: left;
            margin-right: 15px;
        }

        .course-details-category span b {
            font-weight: 700;
        }

        .course-details-category li {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            background-color: #f7f7f7;
            padding: 7px 15px;
            border-radius: 4px;
            margin-top: 5px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .course-details-category li:hover {
            color: #fff;
        }

        .course-details-item {
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 30px;
            margin-bottom: 30px;
        }

        .affiliate-market-guide .section-title-2 h2:after,
        .course-review .section-title-2 h2:after {
            display: none;
        }

        .affiliate-market-accordion .panel-group .panel {
            max-width: inherit;
            max-width: inherit;
            border: 1px solid #e5e5e5;
            padding: 10px 20px;
            border-top: none;
        }

        .affiliate-market-accordion .panel-group .panel-body {
            padding: 10px 50px 25px 80px;
            line-height: 1.8;
        }

        .affiliate-market-accordion .panel-group .btn-link.collapsed,
        .affiliate-market-accordion .panel-group .panel-title .btn-link,
        .affiliate-market-accordion .panel-group .panel-body {
            color: #333;
        }

        .affiliate-market-accordion .panel-group .panel-title h3:before {
            display: none;
        }

        .affiliate-market-accordion .panel-group .panel-body:before {
            display: none;
        }

        .affiliate-market-accordion .panel-title .ac-head {
            font-size: 20px;
            font-size: 500;
            position: relative;
        }

        .affiliate-market-accordion .panel-title .ac-head span {
            font-size: 50px;
            font-weight: 500;
            float: left;
            line-height: 1;
            margin-right: 20px;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .affiliate-market-accordion .panel-group .btn-link.collapsed span {
            color: #eeeeee !important;
        }

        .affiliate-market-accordion .panel-group .panel-title .btn-link span {
            color: #17d0cf;
        }

        .affiliate-market-accordion .leanth-course {
            position: absolute;
            right: 60px;
            top: 20px;
        }

        .affiliate-market-accordion .leanth-course span {
            background-color: #f7f7f7;
            padding: 12px 20px;
            font-size: 12px !important;
            font-weight: 700;
            border-radius: 4px;
            text-transform: uppercase;
            color: #ccc !important;
        }

        .affiliate-market-accordion .panel-group .btn-link.collapsed:after {
            color: #d9d9d9;
        }

        .course-by {
            font-weight: 700;
            font-size: 12px;
            position: absolute;
            bottom: 15px;
            left: 80px;
        }

        .course-by b {
            color: #17d0cf;
            font-size: 12px !important;
        }

        .affiliate-market-accordion .panel-group .panel:first-child {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            border-top: 1px solid #e5e5e5;
        }

        .affiliate-market-accordion .panel-group .panel:last-child {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .course-review {
            border-bottom: 1px solid #eee;
            padding-bottom: 50px;
            margin-bottom: 30px;
        }

        .avrg-rating .avrg-rate {
            font-size: 50px;
            font-weight: 700;
            display: block;
            color: #17d0cf;
            margin: 10px 0px;
        }

        .avrg-rating li {
            color: #ffc926;
        }

        .avrg-rating .start-bar {
            width: 100px;
            height: 8px;
            display: inline-block;
            margin: 0px 10px;
            background-color: #eeeeee;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .avrg-rating .rating-overview {
            margin-top: 5px;
        }

        .avrg-rating .rating-overview:hover .start-bar {
            background-color: #17d0cf;
        }

        .review-option {
            display: inline-block;
            width: 100%;
        }

        .rating {
            display: inline-block;
            position: relative;
            font-size: 20px;
            float: right;
            margin-left: 10px;
        }

        .rating label {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            cursor: pointer;
        }

        .rating label span {
            margin: 0px 2px;
            color: #eee;
        }

        .rating label:last-child {
            position: static;
        }

        .rating label:nth-child(1) {
            z-index: 5;
        }

        .rating label:nth-child(2) {
            z-index: 4;
        }

        .rating label:nth-child(3) {
            z-index: 3;
        }

        .rating label:nth-child(4) {
            z-index: 2;
        }

        .rating label:nth-child(5) {
            z-index: 1;
        }

        .rating label input,
        .rating label .register-form-area select,
        .register-form-area .rating label select,
        .rating label .register-form-area textarea,
        .register-form-area .rating label textarea {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .rating label .icon {
            float: left;
            color: transparent;
        }

        .rating label:last-child .icon {
            color: #000;
        }

        .rating:not(:hover) label input:checked~.icon,
        .rating:not(:hover) label .register-form-area select:checked~.icon,
        .register-form-area .rating:not(:hover) label select:checked~.icon,
        .rating:not(:hover) label .register-form-area textarea:checked~.icon,
        .register-form-area .rating:not(:hover) label textarea:checked~.icon,
        .rating:hover label:hover input~.icon,
        .rating:hover label:hover .register-form-area select~.icon,
        .register-form-area .rating:hover label:hover select~.icon,
        .rating:hover label:hover .register-form-area textarea~.icon,
        .register-form-area .rating:hover label:hover textarea~.icon {
            color: #ffc926;
        }

        .rating label input:focus:not(:checked)~.icon:last-child,
        .rating label .register-form-area select:focus:not(:checked)~.icon:last-child,
        .register-form-area .rating label select:focus:not(:checked)~.icon:last-child,
        .rating label .register-form-area textarea:focus:not(:checked)~.icon:last-child,
        .register-form-area .rating label textarea:focus:not(:checked)~.icon:last-child {
            color: #000;
            text-shadow: 0 0 5px #ffc926;
        }

        .course-side-bar-widget h3 {
            font-size: 30px;
            font-weight: 300;
            color: #333;
            margin-bottom: 20px;
        }

        .course-side-bar-widget h3 span {
            font-weight: 700;
            color: #17d0cf;
        }

        .like-course {
            height: 50px;
            width: 50px;
            background-color: #eeeeee;
            color: #cccccc;
            display: inline-block;
            line-height: 50px;
            text-align: center;
            border-radius: 4px;
            margin-left: 5px;
        }

        .course-side-bar-widget .placeit-btn {
            line-height: 50px;
            padding: 0px 15px;
        }

        .student-number {
            float: right;
            color: #17d0cf;
            font-size: 14px;
        }

        .enrolled-student {
            margin-top: 20px;
            display: inline-block;
            width: 100%;
        }

        .enrolled-student li {
            color: #ffc926;
        }

        .couse-feature {
            margin-top: 15px;
        }

        .couse-feature li {
            font-size: 17px;
            font-weight: 500;
            color: #c4c4c4;
            position: relative;
            padding: 5px 0px;
            border: 1px solid #eeeeee;
            border-left: none;
            border-right: none;
        }

        .couse-feature li:after {
            top: 5px;
            left: 110px;
            content: ':';
            position: absolute;
        }

        .couse-feature span {
            position: relative;
            float: right;
            color: #333333;
        }

        .listing-filter-form label {
            font-size: 14px;
            font-weight: 700;
            color: 700;
            color: #333333;
            display: block;
        }

        .listing-filter-form input,
        .listing-filter-form .register-form-area select,
        .register-form-area .listing-filter-form select,
        .listing-filter-form .register-form-area textarea,
        .register-form-area .listing-filter-form textarea,
        .listing-filter-form select {
            height: 50px;
            border: none;
            padding: 15px;
            width: 100%;
            background-color: #f7f7f7;
        }


        /*---------------------------------------------------- */


        /*Checkout  section*/


        /*----------------------------------------------------*/

        .checkout-section {
            padding: 80px 0px 0px;
        }

        .checkout-content .course-page-section {
            padding: 0;
        }

        .order-item .section-title-2 h2,
        .order-payment .section-title-2 h2 {
            font-size: 28px;
        }

        .order-item .section-title-2 h2:after,
        .order-payment .section-title-2 h2:after {
            display: none;
        }

        .check-dlt {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .check-dlt i {
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
        }

        .order-item .section-title-2 h2 {
            font-size: 28px;
        }

        .order-item .section-title-2 h2:after {
            display: none;
        }

        .order-item tr:hover .check-dlt i {
            color: #e61d1d;
        }

        .checkbox label:after,
        .radio label:after {
            content: '';
            display: table;
            clear: both;
        }

        .checkbox .cr,
        .radio .cr {
            position: relative;
            display: inline-block;
            border: 1px solid #f0f0f0;
            border-radius: .25em;
            width: 1.3em;
            height: 1.3em;
            float: left;
            margin-right: .5em;
            background-color: #f7f7f7;
        }

        .radio .cr {
            border-radius: 50%;
        }

        .checkbox .cr .cr-icon,
        .radio .cr .cr-icon {
            position: absolute;
            font-size: .8em;
            line-height: 0;
            top: 50%;
            left: 20%;
        }

        .radio .cr .cr-icon {
            margin-left: 0.04em;
        }

        .checkbox label input[type="checkbox"],
        .checkbox label .register-form-area select[type="checkbox"],
        .register-form-area .checkbox label select[type="checkbox"],
        .checkbox label .register-form-area textarea[type="checkbox"],
        .register-form-area .checkbox label textarea[type="checkbox"],
        .radio label input[type="radio"],
        .radio label .register-form-area select[type="radio"],
        .register-form-area .radio label select[type="radio"],
        .radio label .register-form-area textarea[type="radio"],
        .register-form-area .radio label textarea[type="radio"] {
            display: none;
        }

        .checkbox label input[type="checkbox"]+.cr>.cr-icon,
        .checkbox label .register-form-area select[type="checkbox"]+.cr>.cr-icon,
        .register-form-area .checkbox label select[type="checkbox"]+.cr>.cr-icon,
        .checkbox label .register-form-area textarea[type="checkbox"]+.cr>.cr-icon,
        .register-form-area .checkbox label textarea[type="checkbox"]+.cr>.cr-icon,
        .radio label input[type="radio"]+.cr>.cr-icon,
        .radio label .register-form-area select[type="radio"]+.cr>.cr-icon,
        .register-form-area .radio label select[type="radio"]+.cr>.cr-icon,
        .radio label .register-form-area textarea[type="radio"]+.cr>.cr-icon,
        .register-form-area .radio label textarea[type="radio"]+.cr>.cr-icon {
            -webkit-transform: scale(3) rotateZ(-20deg);
            -ms-transform: scale(3) rotate(-20deg);
            transform: scale(3) rotateZ(-20deg);
            opacity: 0;
            -webkit-transition: all .3s ease-in;
            -o-transition: all .3s ease-in;
            transition: all .3s ease-in;
        }

        .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
        .checkbox label .register-form-area select[type="checkbox"]:checked+.cr>.cr-icon,
        .register-form-area .checkbox label select[type="checkbox"]:checked+.cr>.cr-icon,
        .checkbox label .register-form-area textarea[type="checkbox"]:checked+.cr>.cr-icon,
        .register-form-area .checkbox label textarea[type="checkbox"]:checked+.cr>.cr-icon,
        .radio label input[type="radio"]:checked+.cr>.cr-icon,
        .radio label .register-form-area select[type="radio"]:checked+.cr>.cr-icon,
        .register-form-area .radio label select[type="radio"]:checked+.cr>.cr-icon,
        .radio label .register-form-area textarea[type="radio"]:checked+.cr>.cr-icon,
        .register-form-area .radio label textarea[type="radio"]:checked+.cr>.cr-icon {
            -webkit-transform: scale(1) rotateZ(0deg);
            -ms-transform: scale(1) rotate(0deg);
            transform: scale(1) rotateZ(0deg);
            opacity: 1;
        }

        .checkbox label input[type="checkbox"]:disabled+.cr,
        .checkbox label .register-form-area select[type="checkbox"]:disabled+.cr,
        .register-form-area .checkbox label select[type="checkbox"]:disabled+.cr,
        .checkbox label .register-form-area textarea[type="checkbox"]:disabled+.cr,
        .register-form-area .checkbox label textarea[type="checkbox"]:disabled+.cr,
        .radio label input[type="radio"]:disabled+.cr,
        .radio label .register-form-area select[type="radio"]:disabled+.cr,
        .register-form-area .radio label select[type="radio"]:disabled+.cr,
        .radio label .register-form-area textarea[type="radio"]:disabled+.cr,
        .register-form-area .radio label textarea[type="radio"]:disabled+.cr {
            opacity: .5;
        }

        .checkbox label {
            font-size: 18px;
            color: #333333;
            font-weight: 700;
        }

        .checkbox label .sub-text {
            font-weight: 400;
            font-size: 15px;
            padding-left: 35px;
            display: block;
        }

        .checkbox label .sub-text b {
            color: #17d0cf;
        }

        .save-credit {
            width: 80%;
            float: right;
            margin-top: 10px;
        }

        .payment-method {
            margin-top: 30px;
            padding: 35px;
            display: inline-block;
            margin-bottom: 45px;
            -webkit-box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.1);
        }

        .payment-method-header {
            width: 100%;
            margin-bottom: 20px;
            padding-bottom: 15px;
            display: inline-block;
            border-bottom: 1px solid #eee;
        }

        .payment-info {
            margin-bottom: 10px;
            display: inline-block;
            width: 100%;
        }

        .payment-info label {
            width: 20%;
            float: left;
            color: #999999;
            margin-top: 15px;
            font-weight: 500;
        }

        .payment-info input,
        .payment-info .register-form-area select,
        .register-form-area .payment-info select,
        .payment-info .register-form-area textarea,
        .register-form-area .payment-info textarea {
            width: 80%;
            height: 50px;
            background-color: #f9f9f9;
            border-radius: 4px;
        }

        .payment-info input ::-webkit-input-placeholder,
        .payment-info .register-form-area select ::-webkit-input-placeholder,
        .register-form-area .payment-info select ::-webkit-input-placeholder,
        .payment-info .register-form-area textarea ::-webkit-input-placeholder,
        .register-form-area .payment-info textarea ::-webkit-input-placeholder {
            color: #999999;
            font-weight: 500;
        }

        .input-2 input,
        .input-2 .register-form-area select,
        .register-form-area .input-2 select,
        .input-2 .register-form-area textarea,
        .register-form-area .input-2 textarea {
            width: 25%;
            float: left;
            margin-right: 10px;
        }

        .terms-text {
            border-bottom: 1px solid #eee;
        }

        .terms-text b {
            color: #17d0cf;
        }

        .sub-total-title {
            font-size: 12px;
            font-weight: 700;
            color: #333333;
        }

        .purchase-list {
            background-color: #f7f7f7;
            padding: 40px 25px 30px 25px;
        }

        .purchase-list ul li {
            margin-bottom: 10px;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 10px;
        }

        .purchase-list ul li span {
            float: right;
            color: #333333;
            font-weight: 700;
        }

        .purchase-list ul li:last-child {
            border-bottom: 5px solid #e5e5e5;
        }

        .purchase-list .in-total {
            font-size: 20px;
            font-weight: 700;
            color: #333333;
        }

        .purchase-list .in-total span {
            color: #17d0cf;
            float: right;
        }


        /*---------------------------------------------------- */


        /*Contact  section*/


        /*----------------------------------------------------*/

        .footer-area-section {
            padding: 105px 0px 0px 0px;
        }

        .footer-about-text p {
            font-size: 17px;
            margin-bottom: 25px;
            color: #333333;
        }

        .footer-menu {
            float: left;
            margin-left: 70px;
        }

        .footer-menu li {
            margin-bottom: 10px;
            color: #333333;
            font-size: 17px;
        }

        .footer-menu li i {
            margin-right: 10px;
            color: #17d0cf;
        }

        .footer-widget .photo-list li {
            position: relative;
            margin-bottom: 3px;
        }

        .footer-widget .photo-list li .pop-up-icon {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            right: 0;
            text-align: center;
            -webkit-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            opacity: 0;
        }

        .footer-widget .photo-list li .pop-up-icon i {
            color: #fff;
        }

        .footer-widget .photo-list li:hover .blakish-overlay {
            opacity: 1;
            visibility: visible;
        }

        .footer-widget .photo-list li:hover .pop-up-icon {
            opacity: 1;
        }

        .footer-social li,
        .subscribe-form li {
            height: 30px;
            width: 30px;
            border-radius: 100%;
            line-height: 30px;
            margin-right: 8px;
            border: 2px solid #17d0cf;
            color: #666666;
            text-align: center;
        }

        .footer-social .widget-title,
        .subscribe-form .widget-title {
            margin-bottom: 40px;
        }

        .footer-social .widget-title:after,
        .subscribe-form .widget-title:after {
            bottom: -15px;
        }

        .subscribe-form {
            margin-left: 70px;
        }

        .copy-right-menu {
            padding: 30px 0px;
            border-top: 1px solid #ddd6d6;
        }

        .copy-right-menu p {
            margin: 0;
        }

        .footer_2_subs {
            max-width: 735px;
            margin: 0 auto;
            margin-top: 35px;
            margin-bottom: 60px;
        }

        .footer_2_subs p {
            color: #fff;
            margin-bottom: 45px;
        }

        .footer_2 .copy-right-text {
            color: #fff;
        }

        .footer_2 .copy-right-menu-item li {
            color: #fff;
            margin-left: 20px;
        }

        .footer_2 .footer-social li {
            color: #fff;
        }
        .footer {
            display: block;
            background: #1c263e;
        }
        .footer .row1 {
            padding-top: 50px;
            padding-bottom: 40px;
        }
        .footer .foot-nav ul {
            margin-bottom: 0;
            padding-left: 0;
        }
        .footer .foot-nav {
            display: block;
            width: 25%;
            padding-right: 15px;
            float: left;
        }
        .footer h3 {
            display: block;
            padding-bottom: 15px;
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            color: #fff;
            margin-left: 0;
            text-transform: uppercase;
            margin: 0;
        }
        .footer .foot-nav ul li {
            display: block;
            line-height: 20px;
            margin-bottom: 5px;
        }
        .footer .foot-nav ul li a {
            font-size: 14px;
            color: #8eb6d6;
        }
        .footer .footer-logo {
            display: block;
            padding-bottom: 10px;
            margin-bottom: 20px;
            border-bottom: 1px #3e6583 solid;
            max-width: 245px;
        }
        .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
            display: block;
            max-width: 100%;
            height: auto;
        }
        .footer p {
            font-size: 14px;
            color: #8eb6d6;
            margin: 0;
        }
        .footer p span {
            color: #fff;
            font-weight: 700;
        }
        .footer ul.terms {
            display: block;
            padding: 0;
            margin: 15px 0;
        }
        .footer ul.terms li:first-child {
            padding-left: 0px;
        }
        .footer ul.terms li {
            display: block;
            float: left;
            font-size: 11px;
            font-weight: 700;
        }
        .footer ul.terms li a {
            color: #8eb6d6;
        }
        .footer ul.terms li:after {
            display: inline-block;
            padding: 0 4px;
            content: " I ";
        }
        .footer .bottom {
            display: block;
            padding: 15px 0;
            background: #1c263e;
            border-top: 1px solid rgb(62 101 131 / 20%);
        }
        .footer .connect-us {
            display: block;
            padding: 0px 0 0 0;
        }
        .footer ul.follow-us {
            display: block;
            padding: 0;
            margin-bottom: 0;
        }
        .footer ul.follow-us li:first-child {
            padding-left: 0px;
        }
        .footer ul.follow-us li {
            display: block;
            padding: 0 4px;
            float: left;
        }
        .footer ul.follow-us li a {
            width: 35px;
            height: 35px;
            display: flex;
            border: 2px #ffffff solid;
            border-radius: 50%;
            font-size: 12px;
            line-height: 38px;
            align-items: center;
            color: #fff;
            justify-content: center;
        }
        .footer .subscribe {
            display: block;
            padding: 0px 58px 0px 0;
            width: 95%;
            border-right: 1px #537d9e solid;
        }
        .footer .subscribe #mc_embed_signup {
            background: #fff;
            border-radius: 3px;
        }
        #mc_embed_signup input[type=email] {
            border: 1px solid #CCC;
            border-top: 1px solid #999;
            padding: 19px 10px;
            font-size: 18px;
            width: 254px;
            margin-right: 0px;
            height: 25px;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }
        .footer .subscribe input[type='email'] {
            width: 82%;
            height: 44px;
            padding: 0 15px;
            border: none;
            background: none;
            font-size: 12px;
            color: #7da6c6;
        }
        .footer .subscribe .clear {
            float: right;
            text-align: center;
            position: relative;
            background: #2c97ea;
            border-radius: 0 5px 5px 0;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }
        .footer .subscribe .clear:before {
            position: absolute;
            margin: 0 auto;
            left: 0px;
            right: 0px;
            top: 9px;
            font-family: 'icomoon';
            font-size: 20px;
            content: "\e907";
            color: #fff;
            z-index: 1;
        }
        .footer .subscribe .clear .button {
            width: 46px;
            height: 44px;
            float: right;
            border: none;
            font-size: 20px;
            color: #fff;
            background: none;
            text-indent: -9999px;
            position: relative;
            z-index: 2;
            border-radius: 0 4px 4px 0;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }
        .footer .instagram ul {
            display: block;
            margin-bottom: 0;
        }
        .instagram {
            padding: 0;
        }
        .footer .instagram ul li {
            width: 16.6%;
            padding: 0 2.5px;
            float: left;
            list-style: none;
        }
        form.example input[type=text] {
            padding: 10px;
            font-size: 17px;
            border: none;
            float: left;
            width: 80%;
            background: #f1f1f1;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            margin-bottom: 0;
        }

        form.example button {
            float: left;
            width: 20%;
            padding: 10px;
            background: #2196F3;
            color: white;
            font-size: 17px;
            border: none;
            border-left: none;
            cursor: pointer;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        form.example button:hover {
            background: #0b7dda;
        }

        form.example::after {
            content: "";
            clear: both;
            display: table;
        }
        div#subcribe-searh {
            border-radius: 5px;
        }
        .example {
            margin-bottom: 0;
            position: relative;
        }
        figure {
            margin: 0;
        }

        .about {
            display: block;
            position: relative;
            padding: 0px 0 18px 0px;
            overflow: initial;
            background: white;
        }
        .about ul.our-links {margin: -30px 0 0 0;position: relative;z-index: 99;}
        .about ul.our-links li {
            display: block;
            position: relative;
        }
        .about ul.our-links li.apply-online {
            background: #ff9600;
            background: linear-gradient(to right, #ff573c 0%, #ff8354 51%, #ff573c 100%);
        }
        .about ul.our-links li.prospects .detail a.more {
            border: 2px #ff9600 solid;
            color: #ff9600;
        }
        .about ul.our-links li.prospects {
            background: #4560a5;
        }
        .about ul.our-links li.prospects .detail a.more {
            border: 2px #2c97ea solid;
            color: #2c97ea;
        }
        .about ul.our-links li.certification {
            background: #ffaa41;
        }
        .about ul.our-links li.certification .detail a.more {
            border: 2px #f0bc01 solid;
            color: #f0bc01;
        }
        .about ul.our-links li {
            display: block !important;
            padding: 30px 10px 22px 4%;
            opacity: 1 !important;
        }
        .about ul.our-links li p {
            padding-bottom: 0px;
        }
        .about ul.our-links li .icon {
            width: 23%;
            float: left;
        }
        .about ul.our-links li .detail {
            width: 60%;
            padding-left: 20px;
            float: left;
            color: #fff;
        }
.detail h4 {
    font-size: 12px;
    margin-bottom: 5px;
}
        .about ul.our-links li .detail h3 {
            display: block;
            font-size: 24px;
            color: #fff;
            text-transform: uppercase;
        }
        .about ul.our-links li .detail h3 span {
            display: block;
            font-size: 12px;
        }
        .about ul.our-links li .detail p {
            display: block;
            font-size: 12px;
            line-height: 16px;
        }
        .about ul.our-links li .detail a.more {
            display: inline-block;
            width: 38px;
            height: 38px;
            line-height: 34px;
            position: absolute;
            bottom: -17px;
            margin: 0 auto;
            left: 0;
            right: 0;
            background: #fff;
            font-size: 20px;
            color: #ff9600;
            border-radius: 50%;
            text-align: center;
            border: 2px #ff9600 solid;
        }
        .about ul.our-links li .detail a.more:hover {
            color: #211d1e;
        }
        .about .sm-head {
            display: block;
            font-family: 'texgyreadventorregular';
            font-size: 14px;
            color: #7d7c7c;
            line-height: 18px;
            text-transform: uppercase;
        }
        .about .left-block {
            display: block;
        }
        .video-block {
            height: 0;
            overflow: hidden;
            padding-bottom: 56.25%;
            position: relative;
        }
        .video-block iframe, .video-block object, .video-block embed {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }
        #thumbnail_container {
            overflow: hidden;
            width: 100%;
        }
        .about .video-block img {
            width: 100%;
        }
        .about .video-block a {
            width: 67px;
            display: block;
            position: absolute;
            margin: -34px auto 0;
            left: 0px;
            right: 0px;
            top: 50%;
            cursor: pointer;
        }
        .about h2 {
            padding-bottom: 20px !important;
            color: #353434;
            text-align: left !important;
        }
        .about p {
            display: block;
            padding-bottom: 34px;
        }
        .about .know-more-wrapper {
            display: block;
            position: relative;
        }
        .about .know-more-wrapper:after {
            width: calc(100% - 135px);
            height: 1px;
            background: #e8e8e8;
            content: "";
            position: absolute;
            right: 0px;
            top: 14px;
            z-index: 1;
        }
        .about a.know-more {
            display: inline-block;
            padding-right: 24px;
            position: relative;
            z-index: 2;
            font-family: 'texgyreadventorbold';
            font-size: 14px;
            color: #645847;
            text-transform: uppercase;
        }
        .about a.know-more span {
            display: inline-block;
            vertical-align: middle;
            margin-top: -2px;
            margin-left: 4px;
            color: #ff9600;
        }
        .about a.know-more:hover span {
            color: #17a43b;
        }

        /*---------------------------------------------------- */


        /*----------------------events-strat-------------------------*/

        .contact-sec1 {
            background: rgb(147 249 252);
            padding: 90px 0px;
        }
        .contact-inner1 h1 {
            background: #ffc219;
            color: #fff;
            line-height: 30px;
            display: inline-block;
            padding: 7px 20px;
            font-size: 30px;
            font-weight: bold;
            line-height: 31px;
            text-transform: uppercase;
            margin-bottom: 10px;
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            -webkit-transition: background 1s ease-out;
            -o-transition: background 1s ease-out;
            transition: background 1s ease-out;

        }
        .contact-inner1 a {
            color: #356c91;
            font-size: 16px;
            font-weight: 600;
            padding: 0px 22px;
            display: block;
        }

        .contact-inner2 {
            padding: 10px 0px 0px 420px;
        }
        .contact-inner2 a {
            padding: 10px 21px;
            border-radius: 24px;
            display: inline-block;
            background: #ffc219;
            color: #333;
            font-weight: bold;
            font-family: "PT Sans", sans-serif;
            font-size: 16px;
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            -webkit-transition: background 1s ease-out;
            -o-transition: background 1s ease-out;
            transition: background 1s ease-out;

        }
        .section-event {
            padding: 50px 0;
        }
        .event-group {
            margin: 15px 0px;
        }
        .event-group {
            border-radius: 0;
            box-shadow: 0px 0px 20px 0px #d6d6d6;
            position: relative;
        }
        .event-sec1 {
            border-radius: 15px;
            position: relative;
        }
        .event-sec1 img {
            width: 100%;
        }
        .ddmmyyyy {
            position: relative;
            left: 0;
            bottom: 0;
            text-align: center;
            padding: 10px 20px;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            background: #29334c;
        }
        .event-group a {
            padding: 12px 30px;
            border-radius: 0;
            color: #fff;
            position: relative;
            font-size: 15px;
            right: 0;
            bottom: 0;
            margin: 0 20px 20px;
            background: linear-gradient(45deg, #f0bc01, #d68e0b);
            display: inline-block;
        }
        .evnts-navigation ul {
            margin-bottom: 0;
        }
        .section-teacher-seravices {
            padding: 80px 0 0 0;
        }
        .section-teacher-seravices {
            background: #fff;
            padding: 60px 0;
        }

        .section-teacher-seravices .teacher-inner-circle h3 {
            color: #1f9328;
            font-size: 15px;
        }
        .section-teacher-seravices .teacher-inner-circle h2 {
            font-size: 40px;
            font-weight: 300;
            color: #242424;
            padding: 0 0 23px 0;
        }
        .section-teacher-seravices .teacher-inner-circle h2 span {
            font-weight: 600;
        }
        .teacher-inner-circle b {
            padding: 0px 10px;
            position: relative;
            font-weight: 500;
            color: #242424;
            font-size: 18px;
        }
        .section-teacher-seravices .teacher-inner-circle p {line-height: 1.6;}
        .teacher-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 10px 40px 0 20px;
        }
        .circle-teacher1 {
            position: relative;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: #f42dff;
            box-shadow: 0 0 20px 0px rgb(0 0 0 / 30%);
            animation: alll 2s linear infinite;
        }
        @keyframes alll{
            0%{box-shadow: 0 0 10px #f69afb, 0 0 10px 10px #fde0ff;}
            50%{box-shadow: 0 0 0px 40px #f69afb, 0 0 0px 70px #fde0ff;}
            100%{box-shadow: 0 0 0px 70px #f69afb, 0 0 0px 130px #fde0ff;}
        }
        .circle-teacher2 {
            -webkit-transform: translate(18%, 18%);
            -ms-transform: translate(18%, 18%);
            transform: translate(18%, 18%);
            width: 330px;
            height: 330px;
            background-color: #faf1f2;
            border-radius: 50%;
        }
        .circle-teacher3 {
            -webkit-transform: translate(58%, -105%);
            -ms-transform: translate(58%, -105%);
            transform: translate(58%, -105%);
            width: 210px;
            height: 210px;
            background-color: #f8c5ca;
            border-radius: 50%;
        }
        .circle-teacher1 img {
            position: absolute;
            z-index: 1;
            left: 25px;
            bottom: 33px;
            max-width: 180px;
        }
        .teacher-inner-circle b:after {
            position: absolute;
            width: 2px;
            height: 14px;
            left: -9px;
            bottom: 2px;
            background: #b0a5a5;
            content: "";
        }
        .mission h4 {
            padding: 0 9px;
            color: #201515;
        }
        .mission p {
            padding: 4px 9px;
            font-size: 13px !important;
        }
        .teacher-inner-circle {
            padding: 20px 46px;
        }
        .section-teacher-seravices a {
            color: #ffffff;
            border-radius: 4px;
            display: inline-block;
            padding: 13px 35px;
            background: #17d0cf;
            background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
            background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
            background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
            background-size: 200% auto;
            -webkit-transition: background 1s ease-out;
            -o-transition: background 1s ease-out;
            transition: background 1s ease-out;
        }
        /*----------------------events-end-------------------------*/

        /*----------------------About Start-------------------------*/
        .about-banner {
            padding: 0px 0 0;
            background: rgb(255 194 25 /31%);
        }

        .about-text-heading h1 {
            /* background: #f0bc01; */
            display: inline-block;
            padding: 15px 35px;
            margin: 0px 0px 0 0;
            text-transform: uppercase;
            font-size: 45px;
            line-height: 35px;
            color: #29334c;
            font-weight: 500;
            letter-spacing: 0;
        }

        .about-text-heading a {
            color: #356c91;
            font-size: 16px;
            font-weight: 600;
            padding: 10px 40px;
            display: block;
        }
        .about-text-heading {
            margin: 30px 70px;
        }
        .about-banner .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .about-section {
            position: relative;
            padding: 45px 0 30px;
        }

        .about-section .shape-el {
            position: absolute;
            left: 54px;
            top: 62px;
        }
        .counter-item.style--two {
            -ms-flex: 0 0 100%;
            -webkit-box-flex: 0;
            flex: 0 0 100%;
            max-width: 100%;
            display: block;
            text-align: center;
            background-color: #ffffff;
            -webkit-box-shadow: 0px 22px 65px 0px rgba(35, 35, 35, 0.08);
            box-shadow: 0px 22px 65px 0px rgba(35, 35, 35, 0.08);
            padding: 14px 11px;
            position: relative;
            z-index: 9;
            overflow: hidden;
            margin: 20px 10px;
        }
        .counter-icon img {
            width: 50px;
        }
        .align-items-center {
            -ms-flex-align: center!important;
            -webkit-box-align: center!important;
            align-items: center!important;
        }
        .counter-item.style--two .counter-content {
            margin-top: 4px;
        }
        .pl-0, .px-0 {
            padding-left: 0!important;
        }
        .counter-content span:not(.caption) {
            font-size: 30px;
            font-weight: 700;
            line-height: 1;
        }
        .counter-item.style--two .counter-content .caption {
            margin-top: 5px;
        }
        .counter-item:nth-child(1) {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .counter-content .caption {
            display: block;
        }
        .counter-item:nth-child(1) {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .counter-item.style--two:hover .counter-content span, .counter-item.style--two:hover .counter-content .caption {
            color: #ffffff;
        }
        .counter-item.style--two:hover::after {
            opacity: 1;
            left: 0%;
        }
        .counter-item.style--two::after {
            position: absolute;
            content: '';
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background-image: -ms-linear-gradient( 90deg, rgb(59, 38, 219) 1%, rgb(123, 25, 203) 100%);
            -webkit-box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            opacity: 0;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            z-index: -1;
        }
        .about-title {
            font-size: 30px;
            display: block;
            font-weight: 600;
            color: #3a3a3a;
            line-height: 30px;
            padding-bottom: 11px;
        }
        .section-header h4 {
            color: #1d193b;
            font-size: 22px;
            line-height: 1.2;
        }
        .section-header h4 a
        {
            color: #ffc219;
            font-size: 24px;
        }
        .about-btn {
            margin: 30px 0px;
        }
        .global-content {
            padding: 30px 50px 0px 160px;
        }
        .section-header {
            margin-bottom: 65px;
        }
        .section-subtitle {
            text-transform: uppercase;
            color: #ffc219;
            font-size: 20px;
            margin-bottom: 30px;
            display: block;
        }
        .globle-about {
            background-color: #0e046c;
            padding: 60px 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 100%;
        }
        .video-area {
            position: relative;
        }
        .video-area {
            max-width: 73%;
            padding: 0px 40px;
        }
        .animated-round {
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
        }
        .animated-round:after {
            z-index: -10;
            -webkit-animation: animated-outer-ripple 2000ms linear infinite;
            animation: animated-outer-ripple 2000ms linear infinite;
        }
        .counter-icon img {
            width: 50px;
        }
        .animated-round:after, .animated-round:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 50%;
            background-color: #6c1ccf;
            opacity: 0.45;
            z-index: -10;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }
        .animated-round:after {
            z-index: -10;
            -webkit-animation: animated-outer-ripple 2000ms linear infinite;
            animation: animated-outer-ripple 2000ms linear infinite;
        }
        .animated-round:before {
            z-index: -10;
            -webkit-animation: animated-inner-ripple 2000ms linear infinite;
            animation: animated-inner-ripple 2000ms linear infinite;
        }
        /* outer ripple */

        @keyframes animated-outer-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=90);
                opacity: 0.9;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: alpha(opacity=90);
            }
            80% {
                transform: scale(1.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
            }
            100% {
                transform: scale(2.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(2.5);
                -moz-transform: scale(2.5);
                -ms-transform: scale(2.5);
                -o-transform: scale(2.5);
            }
        }
        @-webkit-keyframes animated-outer-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=90);
                opacity: 0.9;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: alpha(opacity=90);
            }
            80% {
                transform: scale(2.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(2.5);
                -moz-transform: scale(2.5);
                -ms-transform: scale(2.5);
                -o-transform: scale(2.5);
            }
            100% {
                transform: scale(3.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(3.5);
                -moz-transform: scale(3.5);
                -ms-transform: scale(3.5);
                -o-transform: scale(3.5);
            }
        }
        /* inner ripple */

        @keyframes animated-inner-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=70);
                opacity: 0.7;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: alpha(opacity=70);
            }
            30% {
                transform: scale(1);
                filter: alpha(opacity=70);
                opacity: 0.7;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: alpha(opacity=70);
            }
            100% {
                transform: scale(1.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
            }
        }
        @-webkit-keyframes animated-inner-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=70);
                opacity: 0.7;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: ;
            }
            30% {
                transform: scale(1);
                filter: alpha(opacity=90);
                opacity: 0.9;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: alpha(opacity=90);
            }
            100% {
                transform: scale(1.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
            }
        }
        .animated-round {
            top: 22%;
            left: 0px;
            -webkit-transform: translateY(-14%);
            -ms-transform: translateY(-14%);
            transform: translateY(-14%);
        }
        .choose-us-section {
            position: relative;
            overflow: hidden;
            padding: 55px 0 40px 0;
        }
        section.choose-us-section.pt-icon-120.pb-icon-120 {
            padding: 100px 0 0;
        }
        .video-area {
            position: relative;
        }
        .animated-round {
            top: 22%;
            left: 32px;
            -webkit-transform: translateY(-10%);
            -ms-transform: translateY(-10%);
            transform: translateY(-10%);
        }
        .animated-round {
            position: absolute;
            width: 420px;
            height: 420px;
            display: inline-block;
            background-color: #6c1ccf;
            opacity: 0.5;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }
        .video-area .round-video-btn {
            position: absolute;
            left: 36%;
            top: 92px;
            color: #3d34c3;
            background-color: #fff;
            font-size: 32px;
        }
        .round-video-btn {
            position: relative;
            width: 100px;
            height: 100px;
            display: inline-block;
            background-color: var(--main-color);
            color: #ffffff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            text-align: center;
            line-height: 100px;
            font-size: 42px;
            animation: pulse 2000ms linear infinite;
            -webkit-animation: pulse 2000ms linear infinite;
            -moz-animation: pulse 2000ms linear infinite;
            z-index: 9;
        }
        .round-video-btn {
            position: absolute;
            width: 80px;
            height: 80px;
            display: inline-block;
            background-color: #ece8ff;
            color: #4077ff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            text-align: center;
            line-height: 80px;
            font-size: 22px;
            animation: pulse 2000ms linear infinite;
            -webkit-animation: pulse 2000ms linear infinite;
            -moz-animation: pulse 2000ms linear infinite;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }
        .round-video-btn:before {
            z-index: -10;
            -webkit-animation: inner-ripple 2000ms linear infinite;
            animation: inner-ripple 2000ms linear infinite;
        }
        .round-video-btn:after, .round-video-btn:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 74px;
            /* background-color: var(--main-color); */
            background-color: rgba(255, 255, 255, 0.35);
            opacity: 0.15;
            z-index: -1;
        }
        .round-video-btn:before {
            z-index: -10;
            -webkit-animation: inner-ripple 2000ms linear infinite;
            animation: inner-ripple 2000ms linear infinite;
        }
        .round-video-btn:after, .round-video-btn:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 74px;
            background-color: #ece8ff;
            opacity: 0.15;
            z-index: -10;
        }
        .round-video-btn:before {
            z-index: -10;
            -webkit-animation: inner-ripple 2000ms linear infinite;
            animation: inner-ripple 2000ms linear infinite;
        }
        .round-video-btn:after, .round-video-btn:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 74px;
            background-color: var(--main-color);
            opacity: 0.15;
            z-index: -10;
        }
        .section-header {
            margin-bottom: 12px;
        }
        .bottomspacer{
            margin-bottom: 50px;
        }
        .text-center {
            text-align: left;
        }
        .section-header.text-xl-left.text-center p {
            font-size: 20px;
            color: #484748;
        }
        .partner-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative;
            z-index: 9;
            padding: 0 7px 0;
        }
        .partner-wrapper::before {
            position: absolute;
            content: '';
            width: 310px;
            height: 310px;
            top: 0;
            left: 50%;
            background-image: -ms-linear-gradient( 90deg, rgb(59, 38, 219) 47%, rgb(123, 25, 203) 100%);
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            z-index: -10;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -webkit-animation: animPluseTwo 3s linear infinite;
            animation: animPluseTwo 3s linear infinite;
        }
        @-webkit-keyframes animPluseTwo {
            from {
                -webkit-transform: translateX(-50%) scale3d(1, 1, 1);
                transform: translateX(-50%) scale3d(1, 1, 1);
            }
            50% {
                -webkit-transform: translateX(-50%) scale3d(1.05, 1.05, 1.05);
                transform: translateX(-50%) scale3d(1.05, 1.05, 1.05);
            }
            to {
                -webkit-transform: translateX(-50%) scale3d(1, 1, 1);
                transform: translateX(-50%) scale3d(1, 1, 1);
            }
        }
        .partner-single-inner {
            background-color: #f5f7ff;
            -webkit-box-shadow: 0px 5px 10px 0px rgba(35, 35, 35, 0.2);
            box-shadow: 0px 5px 10px 0px rgba(35, 35, 35, 0.2);
            min-height: 56px;
            min-width: 176px;
            margin: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }
        .section-header a.btn.btn-primary.text-small {
            margin: 30px 0;
            -webkit-box-shadow: 0px 13px 15px 0px rgb(255 194 25 / 48%);
            box-shadow: 0px 13px 15px 0px rgb(255 194 25 / 48%);
        }
        .round-video-btn {
            position: relative;
            width: 80px;
            height: 80px;
            display: inline-block;
            background-color: var(--main-color);
            color: #ffffff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            text-align: center;
            line-height: 100px;
            font-size: 42px;
            animation: pulse 2000ms linear infinite;
            -webkit-animation: pulse 2000ms linear infinite;
            -moz-animation: pulse 2000ms linear infinite;
            z-index: 9;
        }
        .round-video-btn:hover {
            background-color: #ff5500;
            color: #ffffff;
        }
        .round-video-btn i {
            margin-left: 10px;
            position: absolute;
            left: 21px;
            top: 25px;
        }
        .round-video-btn:after, .round-video-btn:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 74px;
            /* background-color: var(--main-color); */
            background-color: rgba(255, 255, 255, 0.35);
            opacity: 0.15;
            z-index: -1;
        }
        .round-video-btn:after {
            z-index: -10;
            -webkit-animation: outer-ripple 2000ms linear infinite;
            animation: outer-ripple 2000ms linear infinite;
        }
        .round-video-btn:before {
            z-index: -10;
            -webkit-animation: inner-ripple 2000ms linear infinite;
            animation: inner-ripple 2000ms linear infinite;
        }
        /* outer ripple */

        @keyframes outer-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=50);
                opacity: 0.5;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-filter: alpha(opacity=50);
            }
            80% {
                transform: scale(1.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
            }
            100% {
                transform: scale(2.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(2.5);
                -moz-transform: scale(2.5);
                -ms-transform: scale(2.5);
                -o-transform: scale(2.5);
            }
        }
        @-webkit-keyframes outer-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=50);
                opacity: 0.5;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
            }
            80% {
                transform: scale(2.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(2.5);
                -moz-transform: scale(2.5);
                -ms-transform: scale(2.5);
                -o-transform: scale(2.5);
            }
            100% {
                transform: scale(3.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(3.5);
                -moz-transform: scale(3.5);
                -ms-transform: scale(3.5);
                -o-transform: scale(3.5);
            }
        }
        /* inner ripple */

        @keyframes inner-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=50);
                opacity: 0.5;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
            }
            30% {
                transform: scale(1);
                filter: alpha(opacity=50);
                opacity: 0.5;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
            }
            100% {
                transform: scale(1.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
            }
        }
        @-webkit-keyframes inner-ripple {
            0% {
                transform: scale(1);
                filter: alpha(opacity=50);
                opacity: 0.5;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
            }
            30% {
                transform: scale(1);
                filter: alpha(opacity=50);
                opacity: 0.5;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
            }
            100% {
                transform: scale(1.5);
                filter: alpha(opacity=0);
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
            }
        }
        .investor_choose {
            padding: 0 137px 0 0;
        }
        .choose-item:hover::before {
            opacity: 1;
        }
        .choose-item {
            background-color: #ffffff;
            -webkit-box-shadow: 0px 10px 30px 0px rgba(2, 14, 103, 0.1);
            box-shadow: 0px 10px 30px 0px rgba(2, 14, 103, 0.1);
            padding: 14px 20px;
            text-align: center;
            position: relative;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            z-index: 5;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            margin: 50px 15px 45px 15px;
        }
        .choose-icon {
            width: 75px;
            height: 75px;
            display: inline-block;
            text-align: center;
            padding: 20px 20px;
            border: 1px solid rgba(27, 3, 132, 0.251);
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
        }
        #best-product .owl-nav {
            text-align: right;
            padding: 0;
        }
        #best-product .owl-nav {
            top: -110px;
        }
        .owl-prev,.owl-next
        {
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 80px;
            background-color: #ffffff;
            -webkit-box-shadow: 0px 5px 10px 5px rgb(146 146 146 / 25%);
            box-shadow: 0px 5px 10px 5px rgb(146 146 146 / 25%);
            border-radius: 50%;
            display: inline-block;
            border:none;
            margin:0 8px;
        }
        .choose-icon img {
            width: auto;
            display: inline-block;
        }
        .choose-item:hover .choose-content .fast-profit, .choose-item:hover .choose-content p {
            color: #ffffff;
        }
        .choose-item::before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: -webkit-linear-gradient( 90deg, rgb(59, 38, 219) 1%, rgb(123, 25, 203) 100%);
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            z-index: -10;
            opacity: 0;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
        }
        .choose-us-slider__four::before {
            position: absolute;
            content: '';
            top: 63px;
            left: -2px;
            width: 100px;
            height: calc(100% - 170px);
            z-index: -10;
            background-image: -ms-linear-gradient( 90deg, rgb(59, 38, 219) 1%, rgb(123, 25, 203) 100%);
            opacity: 0.502;
            -webkit-box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            border-radius: 22px;
            -webkit-border-radius: 18px;
            -moz-border-radius: 22px;
            -ms-border-radius: 22px;
            -o-border-radius: 22px;
        }
        .choose-item:hover {
            -webkit-box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            border-color: rgb(59, 38, 219);
        }
        .choose-us-slider__four .owl-stage-outer {
            position: relative;
        }
        .choose-content {
            margin-top: 20px;
        }
        .choose-us-slider__four::after {
            position: absolute;
            content: '';
            top: 77px;
            left: -17px;
            width: 100px;
            height: calc(100% - 200px);
            z-index: -10;
            background-image: -ms-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
            opacity: 0.102;
            -webkit-box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
            border-radius: 22px;
            -webkit-border-radius: 22px;
            -moz-border-radius: 22px;
            -ms-border-radius: 22px;
            -o-border-radius: 22px;
        }
        .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
            display: block;
            font-size: 30px;
            font-weight: 700;
        }
        .col-xl-7.mt-xl-0.mt-5 .choose-us-slider__four.owl-carousel.owl-loaded.owl-drag .owl-nav button.owl-prev {
            margin: 0 10px;
        }
        .content.text-center .meta:hover {
            background: #f0bc01;
            color: #fff;
        }
        .heading.mb-3 {
            margin-bottom: 12px;
        }
        .meta-group {
            padding: 15px 0;
        }
        .content.text-center a {
            font-weight: 600;
            font-size: 18px;
            padding: 10px 0 0;
            display: block;
            color: #29334c;
            line-height: 22px;
        }
        content.text-center a:hover {
            color: #fff;
        }
        .content.text-center .meta span.day {
            font-weight: 700;
            color: #29334c;
            font-size: 30px;
        }
        .content.text-center span.mos {
            font-size: 16px;
            color: #000000;
            font-weight: 500;
            text-transform: uppercase;
        }
        .content.text-center span.yr {
            color: rgb(0 0 0 / 0.8);
            font-size: 11px;
        }
        .meta span {
            display: block;
            line-height: 1.2;
        }
        .content.text-center .meta {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #f5f4f0;
            margin: 0 auto;
            margin-top: -70px;
            z-index: 1;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .partner-section {
            padding: 40px 0 30px;
        }

        section.team-management.team-management2 {
            padding-bottom: 45px;
        }
        .trustedpartner span.subtitle.text-uppercase {
            padding-left: 40px;
        }
        .partner-section2 .subtitle.text-uppercase {
            padding-left: 0 !important;
        }
        .team-management {
            background: url(../img/banner/pattern.png);
            background-repeat: repeat;
            position: relative;
            padding: 25px 0;
            text-align: center;
        }
        .team-management .team-col-lg-8 {
            padding: 0;
        }
        .team-management1 .team-item:hover {
            border-color: #29334c;
            color: #fff;
        }
        .team-management1 .team-item:hover .content {
            background: linear-gradient(45deg, #29334c, #0e3c5d);
        }
        /*----------------------About-end-------------------------*/


        /*----------------------contact_us-------------------------*/


        .contact_us_banner1 {
            background: url(./assets/img/banner/top-banner.jpg) center;
            background-size: cover;
            padding: 128px 0;
            text-align: center;
            color: #fff;
        }
        .google_map {
            padding: 90px 0px;
        }
        .map-address {
            padding: 0 0 80px;
        }
        .flex-column {
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .flex-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .d-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .contact-page-area .address-wrap .single-contact-address {
            margin-bottom: 8px;
        }   
        .contact-page-area .form-area input, .contact-page-area .form-area textarea {
            border-radius: 0;
            font-size: 13px;
        }
        .contact-page-area .form-area input {
            padding: 15px;
        }   
        .inner-banner a.apply-online {
            max-width: 246px;
            display: block;
            margin-top: 16px;
            margin-bottom: 26px;
            background: #f0bc01;
            text-transform: uppercase;
            font-size: 18px;
            color: #fff;
            position: relative;
        }
        .left.clearfix {
            width: 80%;
            float: left;
            padding: 25px 0 25px 32px;
        }
        a.download-prospects {
            color: #2a6496;
            display: block;
            text-align: center;
        }
        a.download-prospects:hover {
            color: #2a6496;
            text-decoration: underline;
        }
        .card-body.text-center .form-control {
            display: block;
            width: 100%;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            margin: 12px 0;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
            transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
            -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        }
        .contact-page-area .form-area input {
            padding: 15px;
        }
        .contact-details h5 {
            font-weight: 300;
            margin-bottom: 5px;
            font-size: 18px;
            color: #333333;
        }   
        .single-contact-address.d-flex.flex-row .icon {
            margin-right: 10px;
            font-size: 24px;
        }
        .contact-details {
            margin: 5px 0px;
        }
        .contact-details p {
            font-weight: 300;
            color: #959595;
            font-size: 13px;
        }
        .col-lg-6.form-group input.common-input.mb-20.form-control {
            margin: 0px 0 22px;
            padding: 12px;
            border-radius: 0;
            font-size: 14px;
            font-weight: 300;
            color: #444;
        }
        .contact-page-area .form-area textarea {
            height: 190px;
            margin-top: 0px;
            padding: 15px;
        }
        #myForm .col-lg-6.form-group textarea.common-textarea.form-control {
            height: 190px;
            margin-top: 0px;
            padding: 15px;
            border-radius: 0;
            font-size: 14px;
            font-weight: 300;
            color: #444;
        }
        /*----------------------contact_us_end-------------------------*/
        /*Services detail*/
        .inner-banner>.inner-banner.contact {
            display: block;
            padding: 60px 0;
            min-height: 290px;
            background: url(../img/inner-banner-bg.jpg) no-repeat center top / cover;
        }
        section.unique-team:after {
            content: "";
            top: 0;
            right: 0;
            background: #3c333359;
            height: 454px;
            width: 100%;
            position: absolute;
            z-index: -1;
        }
        .unversity-team:before {
            position: absolute;
            content: "";
            /* border: .5px solid #bababa; */
            top: 0;
            right: -28px;
            height: 236px;
        }
        .unique-team h2 span {
            display: block;
            font-size: 12px;
            line-height: 31px;
            color: #dddddd;
            font-weight: 600;
        }
        section.unique-team h2.title {
            color: #fff;
        }
        section.unique-team ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 10px;
            width: 100%;
            list-style: none;
        }
        /*.unversity-team {
            background: url(../img/services/course-img2.jpg);
            background-repeat: no-repeat;
            position: relative;
            z-index: 1;
            width: 198px;
            height: 238px;
            border-top: 2px solid #fff;
            padding: 40px 29px;
            border-right: 5px solid #fff;
        }*/
        .unversity-team:after {
            position: absolute;
            content: "";
            /* background: #1d657abf; */
            height: 236px;
            width: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }
        section.unique-team h3 {
            display: block;
            font-size: 18px;
            text-transform: uppercase;
            line-height: 22px;
            color: #fff;
            font-weight: 600;
            position: relative;
            margin-bottom: 10px;
        }
        section.unique-team p {
            font-size: 12px;
            line-height: 15px;
            color: #ebebeb;
        }
        .unique-team a {
            position: absolute;
            padding: 11px 10px;
            left: 0;
            bottom: 0;
            background: #f8cc00;
            text-align: center;
            display: block;
            font-weight: 700;
            width: 100%;
            font-size: 16px;
            color: #fff;
        }
        section.our-impotance h2.title {
            display: block;
        }
        .division {
            padding: 60px 0;
        }
        li.border-division {

            border-right: 1px solid #dbdbdba8;
            border-left: 1px solid #dbdbdba8;
        }
        .division li {
            text-align: center;
            padding: 50px 20px;
        }
        .division ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            list-style: none;
            text-align: center;
            margin: 30px 0px;
        }
        .division b {
            display: block;
            padding: 22px 0 12px 0;
            font-size: 18px;
            color: #284962;
            text-transform: uppercase;
            line-height: 24px;
        }
        .inner-banner {
            display: block;
            padding: 60px 0;
            min-height: 290px;
            background: url(../img/banner/inner-banner-bg.jpg) no-repeat center top / cover;
        }

        pop up

        .bg-primary {
            background-color: #FFA500!important;
        }
        .abs {
            background-color: #29334c;
        }
        .btn-success {
            color: #fff;
            background-color: #FFA500!important;
            border: none;
        }

        .text-light {
            color: #f8f9fa!important;
            background-color: #FFA500;
            padding: 5px 3px;
            border-radius: 4px;
        }
        .card-body.text-center {
            background-color: #29334c;
        }
        button.btn.btn-block.text-light.py-1 {
            background-color: #FFA500;
        }




        /*----------------------Book-Online-------------------------*/

        /*----------------------Online-course-------------------------*/
        section.unique-team {
            display: block;
            background: url(../img/cources-bg.jpg) no-repeat center top / cover;
            position: relative;
            z-index: 1;
            padding: 50px 0;
        }
        section.unique-team:after {
            content: "";
            top: 0;
            right: 0;
            background: linear-gradient(45deg, rgb(11 19 37 / .9), transparent);
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: -1;
        }
        .col-md-7.left-block h2.title {
            margin: 10px 0 20px 0px;
        }
        .unversity-team:before {
            position: absolute;
            content: "";
            /* border: .5px solid #bababa; */
            top: 0;
            right: -28px;
            height: 236px;
        }
        section.about.inner.padding-lg {
            padding: 60px 0 50px 0px;
        }
        .unique-team h2 span {
            display: block;
            font-size: 12px;
            line-height: 31px;
            color: #dddddd;
            font-weight: 600;
        }
        section.unique-team h2.title {
            color: #fff;
        }
        section.unique-team ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 10px;
            width: 100%;
            list-style: none;
        }
        .unversity-team {
            position: static;
        }
        .unversity-team:after {
            position: absolute;
            content: "";
            /* background: #1d657abf; */
            height: 236px;
            width: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }
        section.unique-team h3 {
            display: block;
            font-size: 18px;
            text-transform: uppercase;
            line-height: 22px;
            color: #fff;
            font-weight: 600;
            position: relative;
            margin-bottom: 10px;
        }
        section.unique-team p {
            font-size: 12px;
            line-height: 15px;
            color: #ebebeb;
        }

        .unique-team a {
            position: absolute;
            padding: 11px 10px;
            left: 0;
            bottom: 0;
            background: #f8cc00;
            text-align: center;
            display: block;
            font-weight: 700;
            width: 100%;
            font-size: 16px;
            color: #fff;
        }
        section.our-impotance h2.title {
            display: block;
        }
        .division {
            padding: 60px 0;
        }
        li.border-division {

            border-right: 1px solid #dbdbdba8;
            border-left: 1px solid #dbdbdba8;
        }
        .division li {
            text-align: center;
            padding: 50px 20px;
        }
        .division ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            list-style: none;
            text-align: center;
            margin: 30px 0px;
        }
        .division b {
            display: block;
            padding: 22px 0 12px 0;
            font-size: 18px;
            color: #284962;
            text-transform: uppercase;
            line-height: 24px;
        }

        .pkg-grid div a {
            margin-bottom: 20px;
            display: block;
            overflow: hidden;
            position: relative;
            -webkit-box-shadow: 0px 0px 4px 1px #eee;
            box-shadow: 0px 0px 4px 1px #eee;
            border-radius: 20px;
            border: 1px solid #ddd;
            text-align: center;
            font-weight: 700;
            padding: 10px;
            /* position: absolute; */
            /* width: 100%; */
            /* z-index: 5; */
            background: #fff;
            text-transform: unset;
            color: #333333;
        }

        .pkg-grid {
            padding: 40px 0px;
        }
        .pkg-grid div figure {

            overflow: hidden;
            background: #fff;
        }
        .pkg-grid div figure img {
            margin: 10px 30px;
        }

        /*----------------------register-start-------------------------*/
        #signup h1 {
            text-align: center;
            color: #29334c;
        }
        .top-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
        }
        .form-register-group.registerform .field-wrap {
            margin: 0;
            max-width: 100%;
            flex: 0 0 100%;
        }
        .form-register-group.registerform input {
            width: 100%;
            margin-bottom: 15px;
            height: 48px;
            padding: 10px 0;
            border-bottom: 2px solid #656565;
        }
        .tab-content input {
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: 1px solid grey;
        }
        .pass-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
        }
        .form-register-group.registerform .placeit-btn.gradient-bg {
            margin-top: 20px;
        }
        .form-register-group.registerform .placeit-btn.gradient-bg button.button.button-block {
            border: 0;
            background: transparent;
            color: #fff;
            font-weight: 500;
            font-size: 17px;
            text-transform: uppercase;
            margin-top: 0px;
        }
        /*----------------------register-end-------------------------*/

        /*----------------------profile-start-------------------------*/
        .inner-banner.contact.banner {
            padding: 110px 0;
            background: url(../img/banner/event-banner2.png);
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            z-index: 1;
        }
        .research-read-more1 {
            position: relative;
            padding: 0px 30px;
        }
        .readmore-inner ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            list-style: none;
            padding: 20px;
            background: linear-gradient(45deg, #efd57c, white,#efd57c);
            position: absolute;
            bottom: 10px;
            right: -40px;
            border-radius: 4px;
            -webkit-box-shadow: 0px 2px 5px 2px rgb(0 0 0 / .2);
            box-shadow: 0px 2px 25px 2px hsl(0 0% 0% / .2);
        }
        .readmore-inner ul li {
            padding: 0 10px;
            font-size: 14px;
            font-weight: 500;
            color: #29334c;
            border-right: 1px solid #c1c1c1;
        }
        .readmore-inner ul li:last-child {
            border-right: 0;
        }
        .readmore-inner ul li i {
            display: block;
            text-align: center;
            font-size: 20px;
            color: #29334c;
            margin-bottom: 10px;
        }
/*.readmore-inner, img {
    border-radius: 25px;
    position: relative;
    z-index: -1;
    width: 90%;
    }*/
    .readmore-inner:after {
        position: absolute;
        background: #22202021;
        top: 0;
        left: 0;
        content: "";
        width: 90%;
        height: 273px;
        z-index: -1;
        border-radius: 25px;
    }
    .read-more1 {
        padding: 50px 0px 300px;
    }
    .col-md-6.research-read-more2 {
        padding: 0;
    }
    .team-instuctor ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .team-instuctor ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        padding: 20px 0 120px 0px;
    }
    .research-read-more1 {
        background-image: url(../img/profile/profile1.webp);
        background-size: cover;
        background-repeat: no-repeat;
        width: calc(100% - 90px);
        height: 300px;
        position: absolute;
        border-radius: 0;
    }
    .readmore-inner {
        margin: 150px 0px;
    }

    .profile-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .circle-profile {
        max-width: 140px;
        height: 140px;
        border: 4px solid #29334c;
        border-radius: 50%;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .content-profile {
        position: absolute;
        bottom: -12px;
        text-align: center;
        left: 0;
        width: 100%;
        font-size: 13px;
    }
    .title-cr.title-cr1 {
        background: #f0bc01;
        color: #000;
        padding: 4px 0;
        line-height: 12px;
    }
    .title-cr.title-cr2 {
        background: #101729;
        color: #d6d6d6;
        font-size: 11px;
        padding: 2px 0;
    }
    .title-cr.title-cr3 {
        background: #060c1b;
        color: #dedede;
        padding: 4px 0 25px;
        font-size: 11px;
    }
    .circle-profile-img img {
        width: 100%;
    }
    .read-more-instruction {
        width: 100%;
        padding: 40px 0px;
    }
    .team-instuctor ul img {
        border-radius: 50%;
        border: 6px solid #b0b0b0;
    }
    .team-instuctor ul span {
        display: block;
        position: absolute;
        left: 48px;
        bottom: 17px;
        background: #fff;
        padding: 1px 30px;
    }
    .team-instuctor h2, .team-focus h3 {
        font-size: 18px;
        padding: 30px 27px;
        font-weight: 600;
    }
    .team-focus h3 {
        padding: 0px 0 20px !important;
    }
    .team-instuctor a {
        display: block;
        width: 90%;
        text-align: center;
        padding: 12px 0px;
        background: #f8cc00;
        margin: 0 auto;
        border-radius: 25px;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
    }
    .team-instuctor ul li {
        padding: 0 0 0px 28px;
        text-align: center;
        position: relative;
    }
    .team-focus ul li {
        padding: 5px 0;
        /* font-size: 16px; */
        /* color: #8b7d7d; */
    }
    .team-focus ul {
        list-style: none;
        padding: 0;
    }
    .team-focus ul li i {
        margin-right: 10px;
    }
    .team-focus {
        padding: 0 0px 0 50px;
    }
    .team-focus ul li i {
        margin-right: 10px;
        font-size: 14px;
        color: #FFA500;
        position: absolute;
        left: -26px;
    }
    .read-more-instruction {
        width: 100%;
        padding: 40px 0px 0;
    }
    .team-instuctor h2, .team-focus h3 {
        font-size: 20px;
        padding: 0px 0 30px;
        font-weight: 500;
        color: #353434;
    }
    .team-instuctor {
        padding: 0 50px 0 20px;
    }
    .team-focus {
        padding: 0 0px 0 10px;
    }
    .inner-banner.contact.banner:after {
        position: absolute;
        background: #0000002e;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: -2;
    }
    .prfilee:after {
        background: linear-gradient(45deg, rgb(255 251 239 / .8), rgb(255 255 255 / 0)) !important;
    }

    /*----------------------profile-end-------------------------*/
    /*----------------------gallery-end-------------------------*/
    section.campus-tour {
        background: #fff;
        padding: 60px 0;
    }
    ul.gallery-filter {
        display: block;
        padding: 0 30px;
        border-bottom: 2px #d8e0e7 solid;
        margin-bottom: 50px;
    }
    ul.gallery-filter li {
        width: 19%;
        display: inline-block;
        font-size: 18px;
        text-transform: uppercase;
        position: relative;
    }
    ul.gallery-filter li:hover a, ul.gallery-filter li.active a {
        color: #4f4a4a;
    }
    ul.gallery-filter li a {
        display: inline-block;
        padding: 0 0 30px 0;
        color: #909aa1;
    }
    ul.gallery-filter li:hover:after, ul.gallery-filter li.active:after {
        width: 100%;
        left: 0px;
        color: #4f4a4a;
    }
    ul.gallery-filter li:after {
        width: 0px;
        height: 2px;
        display: block;
        position: absolute;
        bottom: -2px;
        right: 0px;
        content: "";
        background: #29334c;
        color: #4f4a4a;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    .campus-tour ul.gallery {
        display: block;
        padding:0;
    }
    .campus-tour ul.gallery li {
        width: 20%;
        float: left;
        display: block;
        position: relative;
        background: #000;
    }
    .campus-tour ul.gallery li .overlay {
        width: 100%;
        position: absolute;
        top: 50%;
        margin-top: -57px;
        z-index: 1;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .campus-tour ul.gallery li:hover .overlay {
        top: 44%;
        opacity: 1;
    }
    .campus-tour ul.gallery li figure {
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        margin:0;
    }
    .campus-tour ul.gallery li:hover figure {
        opacity: 0.2;
    }
    .campus-tour ul.gallery li h3 {
        display: block;
        padding-bottom: 4px;
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
    }
    .campus-tour ul.gallery li a {
        width: 56px;
        height: 56px;
        margin: 0 8px;
        display: inline-block;
        line-height: 60px;
        border-radius: 50%;
        text-align: center;
        background: #ff9600;
        font-size: 22px;
        color: #fff;
    }
    .campus-tour ul.gallery li a.more {
        background: #20325d;
    }
    .campus-tour ul.gallery li p {
        display: block;
        padding-bottom: 30px;
        font-weight: 700;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        opacity: 0.5;
    }
    .campus-tour .pagination {
        margin: 0;
    }
    .pagination>li {
        display: inline;
    }
    .pagination.blue > li > a, .faq-wrapper .pagination.blue > li > span {
        background: #e3edf5;
    }
    .pagination > li:first-child a i {
        margin-right: 10px;
    }
    /*----------------------gallery-end-------------------------*/
    /*----------------------blog-------------------------*/
    .single-blog-sec1 {
        padding: 70px 0px;
    }
    .article h1 {
        font-size: 20px;
        text-align: left;
        line-height: 2.5;
        font-weight: 600;
        color: #356c91;
    }
    .article span {
        display: block;
        font-size: 12px;
        text-align: left;
        color: #f8cc00;
        line-height: 1;
    }
    .article-sec2 {
        padding: 30px 0px;
    }
    .single-blog-sec1 {
        padding: 70px 0px;
    }
    .single-blogs-inner1.row .col-md-6 h2 {
        font-size: 20px;
        color: #222;
        font-weight: 600;
    }
    .single-blogs-inner1.row {
        padding: 20px 0 20px 0;
    }
    .single-blog-itegar {
        margin-bottom: 70px;
        font-size: 20px;
        font-style: italic;
        padding: 30px 60px;
        color: #356c91;
        border-top: 1px solid #f8cc00;
        border-bottom: 1px solid #f8cc00;
    }
    .comment-section {
        padding: 0px 0px 23px;
        border-bottom: 2px solid #356c91;
        margin-bottom: 30px;
    }
    .comment-section h1 {
        font-size: 24px;
        font-weight: 700;
        padding: 0 0 60px 0px;
        color: #356c91;
    }
    .commetn-img {
        border-radius: 65px;
        max-width: 10%;
    }
    .single-blogs-inner1.row {
        padding: 20px 0 20px 0;
    }
    .single-blog-itegar h3 {
        font-size: 22px;
    }
    .commetn-img {
        border-radius: 65px;
        max-width: 10%;
    }
    .commetn-img img {
        border-radius: 65px;
    }
    .comment-section {
        padding: 0px 0px 23px;
        border-bottom: 2px solid #356c91;
        margin-bottom: 30px;
    }
    .comment-section h1 {
        font-size: 24px;
        font-weight: 700;
        padding: 0 0 60px 0px;
        color: #356c91;
    }
    .comment-text {
        max-width: 90%;
        padding: 0px 0px 0 30px;
    }
    .comment-text {
        max-width: 90%;
    }
    .comment-text {
        max-width: 90%;
        padding: 0px 0px 0 30px;
    }
    .comment-text h2 {
        font-size: 18px;
        font-weight: 600;
        color: #4d4d4d;
    }
    .comment-text em {
        font-size: 10px;
        color: #666060;
    }
    .comment-text p {
        color: red;
        font-size: 16px;
        line-height: 20px;
        margin: 15px 0;
    }
    .comment-text p {
        color: #808080;
        font-size: 16px;
        line-height: 20px;
        margin: 15px 0;
    }   
    .comment-text a {
        padding: 10px 20px;
        color: #fff;
        background: #f8cc00;
        border-radius: 20px;
    }
    .comment-section2 {
        padding: 0 0 20px 0px;
        border-bottom: 2px solid #356c91;
        margin: 0 0px 30px 100px;
    }
    .form-comment input {
        width: calc(49% - 20px);
        padding: 7px 10px;
        border-radius: 20px;
        border: 1px solid #f8cc00;
    }
    .form-comment textarea {
        width: 92%;
        margin: 27px 0;
        height: 20vh;
    }
    /*form*/

    .contact.form-group {
        padding: 30px 0;
    }
    .form-style-1 {
        margin: 0 0 0 260px;
        max-width: 460px;
        
    }
    .form-style-1 li {
        padding: 0;
        display: block;
        list-style: none;
        margin: 10px 0 0 0;
    }
    .form-style-1 label {
        margin: 0 0 3px 0;
        padding: 0px;
        display: block;
        font-weight: bold;
    }
    .form-style-1 input[type=text], .form-style-1 input[type=date], .form-style-1 input[type=datetime], .form-style-1 input[type=number], .form-style-1 input[type=search], .form-style-1 input[type=time], .form-style-1 input[type=url], .form-style-1 input[type=email], textarea, select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #ffc219;
        padding: 7px;
        margin: 0px 0 0 2px;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
    }
    .contact.sec-space h3 {
        font-size: 20px;
    }
    .form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus, .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus, .form-style-1 input[type=search]:focus, .form-style-1 input[type=time]:focus, .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus, .form-style-1 textarea:focus, .form-style-1 select:focus {
        -webkit-box-shadow: 0 0 8px #ffc219;
        box-shadow: 0 0 8px #ffc219;
        border: 1px solid #ffc219;
        -webkit-box-shadow: 0px 0px 8px rgb(255 194 25 / 48%);
        box-shadow: 0px 0px 8px rgb(255 194 25 / 48%);
    }
    .form-style-1 .field-divided {
        width: 49%;
    }
    .form-style-1 .field-long {
        width: 100%;
    }
    .form-style-1 .field-select {
        width: 100%;
    }
    .form-style-1 .field-textarea {
        height: 100px;
    }
    .form-style-1 input[type=submit], .form-style-1 input[type=button] {
        background: #ffc219;
        padding: 8px 20px 8px 20px;
        border: none;
        color: #fff;
        -webkit-box-shadow: 0px 13px 15px 0px rgb(255 194 25 / 48%);
        box-shadow: 0px 13px 15px 0px rgb(255 194 25 / 48%);
    }
    .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover {
        background: #4691A4;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    .form-style-1 .required {
        color: red;
    }
    .justify-content-center-management {
        -ms-flex-pack: center!important;
        -webkit-box-pack: center!important;
        justify-content: center!important;
    }
    .list-category-group2 .list-group li.list-group-item.active, .list-category-group ul.list-group li.list-group-item.active {
        background-color: #f8cc00;
        border-color: #f8cc00;
    }
    .list-category-group ul.list-group li.list-group-item {
        border-left: none;
        border-right: none;
    }
    /*----------------------blog-end-------------------------*/

    /*=========================css is applied by Rajeev 13/10/2020*/
    section.about.inner.padding-lg {
        padding: 50px 0 40px 0px;
    }
    .about.inner .video-block {
        margin-bottom: 12px;
    }
    .video-block {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
    }
    #thumbnail_container {
        overflow: hidden;
        width: 100%;
    }
    .about .video-block img {
        width: 100%;
    }
    .about .video-block a {
        width: 67px;
        display: block;
        position: absolute;
        margin: -34px auto 0;
        left: 0px;
        right: 0px;
        top: 50%;
        display: none;
        cursor: pointer;
    }
    .about .btn-wrapper {
        display: block;
    }
    a.download-pros, a.download-cert {
        width: 50%;
        float: left;
        padding: 22px 12px;
        font-size: 18px;
        font-weight: 700;
        color: #fff;

        line-height: 20px;
    }
    a.download-pros {
        background: rgb(41 51 76);
        border-right: 1px #fff solid;
    }
    a.download-pros .ico-block, a.download-cert .ico-block {
        display: block;
        padding-right: 15px;
        float: left;
    }
    a.download-pros .txt-block, a.download-cert .txt-block {
        display: block;
        padding-top: 4px;
        float: left;
        text-transform: uppercase;
    }
    a.download-pros .sm-txt, a.download-cert .sm-txt {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 18px;
        opacity: 0.7;
    }
    a.download-cert {
        background: #f0bc01;
        border-left: 1px #fff solid;
    }
    .col-md-7.left-block h2.title {
        margin: 10px 0 20px 0px;
        padding-bottom: 0 !important;
    }
    .inner-banner.contact.services i.fa.fa-angle-right {
        line-height: 90px;
    }
    section.unique-team h2.title {
        color: #fff;
    }
    section.unique-team {
        display: block;
        background: url(../img/services//cources-bg.jpg) no-repeat center top / cover;
        position: relative;
        z-index: 1;
        padding: 50px 0;
    }
    .unique-team h2 span {
        display: block;
        font-size: 12px;
        line-height: 31px;
        color: #dddddd;
        font-weight: 600;
    }
    .unique-team2 h2 span {
        display: inline-block !important;
        font-size: inherit !important;
        color: #fff;
    }
    .col-md-6.research-read-more2 ul {
        list-style: none;
    }
    .col-md-6.research-read-more2 ul li {
        position: relative;
        padding: 18px 0px 0 0;
    }
    .col-md-6.research-read-more2 ul {
        list-style: none;
        padding: 0px 8px;
    }
    section.unique-team ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 10px;
        width: 100%;
        list-style: none;
    }
/*  .unversity-team {
        background: url(../img/services/course-img2.jpg);
        background-repeat: no-repeat;
        position: relative;
        z-index: 1;
        width: 198px;
        height: 238px;
        border-top: 2px solid #fff;
        padding: 40px 29px;
        border-right: 5px solid #fff;
    }
*/
    section.unique-team h3 {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 22px;
        color: #fff;
        font-weight: 600;
        position: relative;
        margin-bottom: 10px;
    }
    section.unique-team p {
        font-size: 12px;
        line-height: 15px;
        color: #ebebeb;
    }
    .unique-team a {
        position: absolute;
        padding: 11px 10px;
        left: 0;
        bottom: 0;
        background: #f8cc00;
        text-align: center;
        display: block;
        font-weight: 700;
        width: 100%;
        font-size: 16px;
        color: #fff;
    }
    .unversity-team:after {
        position: absolute;
        content: "";
        /* background: #1d657abf; */
        height: 236px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .read-more1 {
        padding: 50px 0px 40px;
    }
    .unversity-team:before {
        position: absolute;
        content: "";
        /* border: .5px solid #bababa; */
        top: 0;
        right: -28px;
        height: 236px;
    }
    .division {
        padding: 60px 0;
    }
    .division ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        text-align: center;
        margin: 30px 0px;
    }
    .division li {
        text-align: center;
        padding: 50px 20px;
    }
    .division b {
        display: block;
        padding: 22px 0 12px 0;
        font-size: 18px;
        color: #284962;
        text-transform: uppercase;
        line-height: 24px;
    }
    li.border-division {
        border-right: 1px solid #dbdbdba8;
        border-left: 1px solid #dbdbdba8;
    }
    .how-apply {
        display: block;
        padding: 0px 0px 60px;
    }
    .how-apply.how-apply2 {
        padding: 50px 0 50px;
    }
    .how-apply ul {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        margin-bottom: 0;
    }
    .how-apply ul li {
        display: block;
        text-align: center;
    }
    .how-apply ul li .icon-block {
        width: 175px;
        height: 175px;
        line-height: 175px;
        position: relative;
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        background: #f8cc00;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .content-search-team {
        max-width: 452px;
    }
    .content-search-team h1 {
        display: block;
        padding-bottom: 18px;
        font-size: 46px;
        color: #24353b;
        text-transform: uppercase;
    }
    .how-apply ul li h3 {
        display: block;
        padding: 35px 0 15px;
        font-size: 18px;
        margin: 0;
        color: #211d1e;
        text-transform: uppercase;
        font-weight: 700;
    }
    .how-apply ul li .icon-block .num {
        width: 44px;
        height: 44px;
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        font-size: 18px;
        line-height: 44px;
        color: #fff;
        background: #034776cc;
        border-radius: 50%;
    }
    .how-apply ul li p {
        display: block;
        padding: 0 25px 0;
    }
    .how-apply ul li:nth-child(1):after {
        width: 214px;
        height: 77px;
        display: block;
        content: "";
        position: absolute;
        right: -120px;
        top: 86px;
        background: url(../img/dotted-arrow.png) no-repeat left top;
        z-index: -1;
    }
    .how-apply ul li:hover .icon-block, .how-apply ul li.active .icon-block {
        background: #034776cc;
    }
    .how-apply.how-apply2 .icon-block img {
        max-width: 60px;
        width: 100%;
        margin: 60px auto;
    }
    .how-apply ul li:hover .num, .how-apply ul li.active .num {
        background: #f8cc00;
    }
    .how-apply .button-wrapper {
        display: block;
        text-align: center;
        position: relative;
    }
    .how-apply .button-wrapper:before, .how-apply .button-wrapper:after {
        width: calc(50% - 110px);
        height: 1px;
        background: #d8d8d8;
        content: "";
        position: absolute;
        top: 50%;
    }
    .how-apply .button-wrapper a.btn {
        line-height: 1.7;
        color: #fff;
        background: #ffc219;
        position: relative;
        z-index: 14;
    }
    .btn:hover, a.btn:hover {
        background: #ffd824;
        -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
    }
    .how-apply .button-wrapper:before {
        left: 0;
    } 
    .how-apply .button-wrapper:after {
        right: 0;
    }
    .how-apply ul li:nth-child(2):after {
        width: 221px;
        height: 84px;
        display: block;
        content: "";
        position: absolute;
        right: -122px;
        top: 32px;
        background: url(../img/dotted-arrow1.png) no-repeat left top;
        z-index: -1;
    }
    .how-apply ul li:nth-child(1):after {
        width: 214px;
        height: 77px;
        display: block;
        content: "";
        position: absolute;
        right: -120px;
        top: 86px;
        background: url(../img/dotted-arrow.png) no-repeat left top;
        z-index: -1;
    }
    /*testimonial*/
    .storiesContainer__3OzedleDyumoo1txWDXEd- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin:40px 0;
    }
    a.story__2PFf3PoXqjjoDn_EvjY2qU {
        margin: 10px -20px;
        background-color: hsl(0 0% 93% / .35);
        max-width: 33.33%;
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        padding: 50px 15px;
    }
    .name__rnwgp9EgjojFgYg8qyVZ6 {
        font-weight: 800;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .story__2PFf3PoXqjjoDn_EvjY2qU {
        background-color: #fff;
        color: #000;
        display: block;
        padding: 1.5rem;
        position: relative;
        text-align: center;
    }
    .portrait__3H707mm752Ni_q38WAtzEQ {
        border-radius: 100%;
        width: 7.5rem;
        height: 7.5rem;
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .portrait__3H707mm752Ni_q38WAtzEQ {
        display: inline-block;
    }
    /*----------------------testimonial-------------------------*/

    input[type="text"] {
        margin-bottom: 18px;
    }

    span.forget {
        margin-left: 15px;
    }
    .onlinebook .owl-nav {
        display: none;
    }
    #why-choose-us .owl-dots {
        text-align: center;
        margin-top: 0;
    }
    .table {
        margin-bottom: 0;
    }
    .profile {
        position: relative;
        margin-bottom: 0 !important;
    }
    .section-teacher-seravices span.subtitle.text-uppercase {
        padding: 0 0 0 40px;
    }
    .section-teacher-seravices .section-title .subtitle:before{
        left:0;
    }
    /*==================================ONLINE COURSE TABLE CSS*/
    .online-table .table-bordered {
    }
    tr.active-table {
        background: #29334c;
        color: #fff;
    }
    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px;
    }
    .online-table .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        padding: 12px 10px;
        line-height: 14px;
    }
    .widht-half {
        max-width: 20%;
        width: 20%;
    }
    .width-full {
        max-width: 60%;
        width: 60%;
    }
    tr.active-blur {
        background: rgb(201 206 171 / 28%);
    }
    .online-table .table-bordered td, .online-table .table-bordered th {
        border: 1px solid #dee2e6;
        padding: 11px 10px;
        line-height: 14px;
        font-size: 15px;
        font-weight: 400;
    }

    .active-table {
        background: red;
    }
    .widht-half {
        max-width: 20%;
        width: 20%;
    }
    .online-page.online-page2 {
        margin-top: 30px;
    }
    .part-1 h2 {
        display: inline-block;
        margin: 0;
        background: #f0f1e8;
        border-radius: 0;
        color: #29334c;
        padding: 10px 36px;
        font-size: 18px;
    }
    .read-more-instruction .btn-group {
        width: 100%;
        margin: 20px 0 30px;
    }
    .read-more-instruction .btn-group button {
        width: 25%;
        background: #29334c;
        border-radius: 0;
        padding: 10px 10px;
    }
    .read-more-instruction .part-1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    button.btn.btn-secondary.active {
        background: #ffac30 !important;
    }
    .read-more-instruction h3 {
        font-size: 20px;
        font-weight: 500;
        color: #29334c;
        margin: 0;
    }
    .evnts-navigation {
        padding: 20px 20px 0;
    }
    .page-link {
        color: #29334c;
    }
    .text-gradiant {
        background: -moz-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #01a6fd), color-stop(100%, #17d0cf));
        background: -webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
        background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
        background: -ms-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .faq-tab ul.product-tab {
        display: none;
    }
    .bredcrumbR.bredcrumbR2 {
        display: flex;
        align-items: center;
    }
    .bredcrumbR.bredcrumbR2 a {
        padding: 0 3px;
    }
    .bredcrumbR.bredcrumbR2 a:last-child {
        font-weight: 500;
    }
    .form-register-group.registerform {
        padding: 40px 30px;
    }
    .form-register-group.registerform h2 {
        font-size: 40px;
    }
    .form-register-group.registerform.login {
        padding: 50px 30px;
    }
    .form-register-group.registerform.login input {
        margin-bottom: 30px;
    }
    .form-register-group.registerform.login .placeit-btn {
        margin: 0;
    }
    .enquireform {
        max-width: 430px;
        width: 100%;
        margin: 30px auto 0;
        padding: 30px 20px 30px;
        background: linear-gradient(45deg, #29334c, rgb(41 51 76 / .95));
        position: relative;
        z-index: 9999;
    }
    .enquireform .enquirenow, .enquireform .card.my-4 {
        background: transparent !important;
        border: 0;
        margin: 0 !important;
    }
    .cardIfo h5 {
        font-size: 22px;
        color: #fff;
        font-weight: 500;
        margin: 0 0 25px;
    }
    .enquire-body input, .enquire-body input:focus {
        border: 1px solid #6b7694;
        background: transparent;
        border-radius: 0;
        font-weight: 400;
        color: #c3c3c3;
        margin-bottom: 0;
    }
    .fulldivrow {
        display: flex;
        flex-wrap: wrap;
    }
    .halfdiv:nth-child(odd) {
        margin-right: 8px;
    }
    .halfdiv {
        width: calc(50% - 8px);
        margin-bottom: 15px;
    }
    .halfdiv:nth-child(even) {
        margin-left: 8px;
    }
    .enquire-body button.btn.btn-block.btn-success {
        border-radius: 0;
        background: #f0bc01 !important;
        padding: 7px 20px;
    }
    .fulldiv {
        margin-bottom: 15px;
    }
    .durationdfg a.btn {
        background: #f0bc01;
        padding: 0px 15px;
        text-transform: uppercase;
    }
    /*==============================================TESTIMONIAL PAGE*/
    .testimOnial .form {
        position: relative;
    }
    .testimOnial .form .tab-group {
        padding: 0;
        list-style: none;
        max-width: 500px;
        display: flex;
        margin: 50px auto 30px;
        justify-content: space-between;
    }
    .testimOnial .form .tab-group li.tab.active {
        background: #f0bc01;
    }
    .testimOnial .form .tab-group li {
        width: 50%;
        text-align: center;
        background: #29334c;
        color: #fff;
        border-right: 1px solid #404d6d;
        text-transform: uppercase;
    }
    .testimOnial .form .tab-group li a {
        padding: 15px 20px;
        display: block;
    }
    .testimOnial .form .tab-group li:last-child {
        border-right: 0;
    }
    .videotestimonial .col-sm-4.col-xs-6 {
        margin: 15px 0;
    }
    .latest-video-poster.relative-position {
        padding: 10px 0;
        margin: 0;
    }
    .videotestimonial {
        margin-bottom: 30px;
    }
    .ytTitle {
        font-weight: 700;
        color: #1c263e;
        font-size: 18px;
    }
    .pro {
        width: 40%;
        margin-top: -120px;
        margin-left: 20px;
        margin-bottom: 30px;
    }
    span.arrange-mt {
        display: block;
        margin: 15px 0 0;
    }
    .list-page-blog {
        padding: 20px 10px;
        box-shadow: 0px 0px 11px 0px #8f8b8b;
    }
    .list-category-group, .list-category-group2 {
        padding: 26px 20;
        box-shadow: 0px 0px 11px 0px #8f8b8b;
        margin: 30px 0;
    }
    .list-page-blog input {
        width: 100%;
        border: 1px solid #c9c9c9;
        padding: 10px 10px;
        margin: 0;
    }
    .list-page-blog i {
        position: absolute;
        top: 34px;
        right: 40px;
        font-size: 16px;
        color: #356883;
    }
    .front-mod {
        background: url(../img/consulting-women.jpg) !important;
        background-size: cover !important;
        background-repeat: no-repeat;
        background-position: -100px top !important;
    }
    .abs {
        background: transparent !important;
        position: relative;
    }
    .abs:after {
        position: absolute;
        right: 0;
        width: 100%;
        content: '';
        top: 0;
        background: linear-gradient(90deg, rgb(41 51 76 / 0) -130%, #102046);
        height: 100%;
        z-index: 1;
    }
    .modal.fade.bd-example-request.show button.close.pl-2 {
        display: none;
    }
    .modal-content.front-mod .modal-body {
        position: relative;
        z-index: 9;
    }

    /* ====================================Media Queries=============================*/
    @media only screen and (min-width: 1200px) {}
    @media only screen and (max-width: 1199px) {
        .container {
            max-width: 940px;
        }
        footer ul.follow-us {
            padding: 0;
        }
        .footer ul.follow-us li a {
            width: 30px;
            height: 30px;
            font-size: 12px;
            line-height: 30px;
        }
        .footer .foot-nav ul {
            padding-left: 0;
        }
        .footer h3 {
            margin-left: 0;
        }
    }
    @media only screen and (max-width: 1050px) {}
    @media only screen and (max-width: 991px) {
        .container {
            max-width: 727px;
        }
        .footer .col-sm-3, .footer .col-sm-9.clearfix {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .header .container .menu ul li a {
            padding: 0 10px;
        }
        .form-register-group.registerform.login {
            padding: 0px 0px;
        }
        .form-register-group.registerform h2 {
            font-size: 30px;
        }
        .placeit-btn {
            height: 40px;
            line-height: 40px;
            padding: 0px 25px;
        }
        .header nav.menu {
            position: fixed !important;
            left: -300px;
            top: 0;
            transition: all .5s linear;
            width: 280px;
            padding: 20px;
            background: #29334c;
            height: 100vh;
            box-shadow: 0 0 20px #171717;
        }
        .header nav.menu.active{
            left:0;
        }
        .header nav.menu ul.ul-reset li {
            display: block;
            width: 100%;
            padding: 8px 0;
        }
        .header nav.menu ul.ul-reset {
            flex-wrap: wrap;
        }


        /*==============burger icon css==========*/
        a.btn-menu {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        a.btn-menu span.icon-menu {
            width: 26px;
            height: 3px;
            margin: 0;
            background: white;
            z-index: 999;
            display: block;
            position: relative;
        }
        a.btn-menu span.icon-menu:before {
            position: absolute;
            left: 0;
            top: -8px;
            width: 100%;
            height: 100%;
            content: '';
            background: white;
        }
        a.btn-menu span.icon-menu:after {
            position: absolute;
            left: 0;
            top: 8px;
            width: 100%;
            height: 100%;
            content: '';
            background: white;
        }
        .footer .bottom .col-sm-4 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 5px 15px;
        }
        .footer .instagram ul {
            padding: 0;
        }
    }
    @media only screen and (max-width: 850px) {
        .container {
            max-width: 768px;
        }
    }
    @media only screen and (max-width: 767px) {
        .container {
            max-width: 768px;
            width: 100%;
        }
        .our-impotance ul li {
            max-width: 100%;
            margin: 10px 0;
            flex: 0 0 100%;
        }
        .our-impotance ul li .inner {
            display: block;
            padding: 0;
        }
        .section-title h2 {
            font-size: 28px !important;
            padding-bottom: 20px;
            margin-bottom: 0px;
        }
        .our-impotance {
            background: #fff;
            padding: 30px 0 0;
        }
        .footer .foot-nav {
            width: 50%;
        }
    }
    @media only screen and (max-width: 650px) {
        .footer .foot-nav {
            width: 100%;
        }
    }
    @media only screen and (max-width: 600px) {}
    @media only screen and (max-width: 500px) {}
    @media only screen and (max-width: 400px) {}
    @media only screen and (max-width: 320px) {}
    .header .container .logo a {
    display: block;
}