body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    counter-reset: ashok-counter;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

.course-section:after{
    top: 10px;
    height: 35px!important;
}

/*color bar*/

.new-blue-circle,
.small-red-circle,
small-yellow-circle,
.small-pink-circle {
    z-index: 10;
}

.testimonals .bookaclass:hover,
.elephant .elephant-bg a:hover,
.timeline .bookaclass:hover,
.location .innerlocation .location-inner a:hover {
    background-color: #73e6b0;
    color: #184dc3;
}


/*Animation*/

.product .title-wrap .smile.sec-animation {
    clip: rect(0px 150px 90px 0px);
}

.product .title-wrap .smile {
    clip: rect(0px 0px 90px 0px);
    -webkit-transition: clip 0.8s ease-in-out;
    -moz-transition: clip 0.8s ease-in-out;
    -ms-transition: clip 0.8s ease-in-out;
    transition: clip 0.8s ease-in-out;
}

.banners .header-particals {
    animation: banners-ani 10s infinite ease-in-out;
    -moz-animation: banners-ani 10s infinite ease-in-out;
    -webkit-animation: banners-ani 10s infinite ease-in-out;
}

@keyframes banners-ani {
    0%,
    100% {
        top: -75px;
    }
    50% {
        top: -50px;
    }
}

.yellow {
    background-color: #ffd860;
}
.circle-wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.location .location-bar .locationicon {
    position: relative;
    top: 10px;
    animation: bouse 2.2s infinite ease-in-out;
    -moz-animation: bouse 2.2s infinite ease-in-out;
    -webkit-animation: bouse 2.2s infinite ease-in-out;
}

.location {
    animation: location1 10.2s infinite ease-in-out;
    -moz-animation: location1 10.2s infinite ease-in-out;
    -webkit-animation: location1 10.2s infinite ease-in-out;
}

@keyframes bouse {
    0%,
    100% {
        top: 10px;
    }
    50% {
        top: 0px;
    }
}

@keyframes location1 {
    0%,
    100% {
        background-position: right 150px;
    }
    50% {
        background-position: right 100px;
    }
}

.title-wrap {
    position: relative;
    font-size: 3rem;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    position: relative;
    z-index: 2;
}

header .logo-section {
    padding: 40px 0;
}

header .logo-section.center-l {
    display: inline-block;
    margin: 0 auto;
}

section.banners .left-icon {
    position: absolute;
    top: 2px;
    left: 0;
    max-width: 10%;
}

section.banners .backgroud-fit {
    width: 100%;
    display: block;
    height: 100%;
    background: url(../img/banner-bg.png) transparent;
    background-position: center bottom;
    background-size: 760px;
    background-repeat: repeat-x;
}
section.banners .tiles-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
section.banners .tiles-bg::before {
    background: url(../img/Left-bg-02.png);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: repeat;
    z-index: -1;
}
section.banners .backgroud-fit::after {
    content: attr(data-value);
    background: #ffd860;
    position: absolute;
    right: 0;
    max-width: 220px;
    color: #ff5d2e;
    font-weight: 700;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 8px 10px 10px 25px;
    font-size: 20px;
    line-height: 24px;
}

section.banners .backgroud-fit::before {
    content: '';
    width: 150px;
    height: 250px;
    background: url(../img/robot-img.png) no-repeat;
    position: absolute;
    right: 13px;
    top: -120px;
    background-size: contain;
    animation: slide-robo 3s infinite alternate 3s;
    -webkit-animation: slide-robo 3s infinite alternate 3s;
}

@keyframes slide-robo {
    0% {
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform-origin: bottom center;
    }
    100% {
        transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform-origin: bottom center;
    }
}

section.banners .right-slider {
    height: 100%;
    position: relative;
    background: url(../img/right-banner-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 100%;
}

section.banners .right-slider .right {
    max-width: 260px;
    display: inline-block;
    position: absolute;
    left: 70px;
    top: -65px;
}

section.banners .right-slider::before {
    content: '';
    position: absolute;
    background: url(../img/elephant-banner.png) no-repeat;
    bottom: 67px;
    width: 258px;
    background-size: cover;
    height: 300px;
    left: -45px;
    z-index: 999999999;
}

section.banners .right-slider .right::before {
    width: 10px;
    height: 10px;
    position: absolute;
    content: '';
    background: #f4a1c2;
    border-radius: 100px;
    right: 0;
    bottom: 19px;
    animation: moveballs 5s infinite alternate;
    -webkit-animation: moveballs 5s infinite alternate;
}

section.banners .right-slider .right::after {
    width: 20px;
    height: 20px;
    content: '';
    background: #73a5ef;
    left: 100px;
    bottom: -23px;
    position: absolute;
    border-radius: 100px;
    animation: moveballs2 8s infinite alternate;
    -webkit-animation: moveballs2 8s infinite alternate;
}

section.banners .right-slider::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    bottom: 340px;
    background: #ffd860;
    border-radius: 100px;
    animation: moveballs3 8s infinite alternate;
    -webkit-animation: moveballs3 8s infinite alternate;
}

@keyframes moveballs {
    0% {
        right: 0px;
    }
    100% {
        right: 100px;
    }
}

@keyframes moveballs2 {
    0% {
        left: 0px;
    }
    100% {
        left: 150px;
    }
}

@keyframes moveballs3 {
    0% {
        left: 0px;
    }
    100% {
        left: 30px;
    }
}


    /* section.banners {
        background: rgb(254, 254, 254);
        background: linear-gradient(90deg, rgba(254, 254, 254, 1) 70%, rgba(236, 236, 237, 1) 100%);
    } */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: 20px;
}
.banners .innvation-logo {
    position: relative;
    z-index: 2;
    margin: 50px 0 0;
}

.banners .innvation-logo .inner_innvation {
    background: #1758e6;
    padding: 10px 25px;
    border-radius: 100px;
    position: absolute;
    box-shadow: -5px 4px 0px 0px #ffd860;
    top: -40px;
}

.banners .innvation-logo .inner_innvation::before {
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: #f4a1c2;
    position: absolute;
    left: 57px;
    top: -18px;
}

.banners .header-particals {
    position: relative;
    top: -75px;
    width: 100%;
    height: auto;
    right: 35px;
}

.banners .header-particals::after {
    content: '';
    background: #ec7754;
    position: absolute;
    bottom: -2px;
    right: -3px;
    width: 15px;
    height: 15px;
    border-radius: 100px;
}

.banners .innvation_txt {
    color: #52d99a;
    display: block;
    font-size: 2.2rem;
    font-weight: 900;
    padding: 55px 0;
    position: relative;
    letter-spacing: 1px;
}

.banners .innvation_txt:after {
    content: '';
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: #ff5d2e;
    transition: all ease-in-out 10s;
    -moz-transition: all ease-in-out 10s;
    -webkit-transition: all ease-in-out 10s;
}

.banners .innvation_txt.ani-line::after {
    width: 100%;
    transition: all ease-in-out 10s;
    -moz-transition: all ease-in-out 10s;
    -webkit-transition: all ease-in-out 10s;
}

section.banners .slider_section {
    /* margin-bottom: 50px; */
}


/*swiper slider*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

section.banners .slider_section .swiper-button-next::after,
.swiper-container-rtl .swiper-button-next::after {
    content: url(../img/banner-arrow-right.png) !important;
    margin-right: 15px;
}

section.banners .slider_section .swiper-button-prev::after,
.swiper-container-rtl .swiper-button-prev::after {
    content: url(../img/banner-arrow-left.png) !important;
    margin-left: 15px;
}

.slider_section .swiper-button-prev,
.swiper-button-next {
    top: 55% !important;
}


/*swiper slider end*/

.yellow p,
.elephant .board-wrap .innerboard .white-board p {
    color: #1758e6;
    font-size: 1.5rem;
    padding: 15px 0;
    font-weight: 500;
}

.elephant {
    position: relative;
}

.elephant::after {
    background: #43e297;
    position: absolute;
    width: 100%;
    height: 46%;
    content: '';
    bottom: 0;
    z-index: -1;
}

.elephant .board-wrap, .animation-roted {
    position: relative;
    z-index: 2;
}

.elephant .board-wrap::before {
    content: '';
    background: #ee7754;
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 100%;
    left: -50%;
    top: -70px;
    z-index: -1;
}

.elephant .board-wrap .innerboard {
    background: #73e6b0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: -5px;
}

.elephant .board-wrap .innerboard span {
    position: absolute;
    width: 40px;
    background: #52a37d;
    height: 40px;
}

.elephant .board-wrap .innerboard span:nth-child(1) {
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
}

.elephant .board-wrap .innerboard span:nth-child(2) {
    top: 0;
    right: 0;
    border-top-right-radius: 10px;
}

.elephant .board-wrap .innerboard span:nth-child(3) {
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 10px;
}

.elephant .board-wrap .innerboard span:nth-child(4) {
    bottom: 0;
    right: 0;
    border-bottom-right-radius: 10px;
}

.elephant .board-wrap .innerboard .white-board {
    background-color: #fff;
    padding: 15px;
    position: relative;
}

.elephant .board-wrap .innerboard .white-board p {
    padding: 0;
    font-size: 1.3rem;
    line-height: 2rem;
}

.elephant .board-wrap .innerboard::after {
    content: '';
    background: url(../img/yellow-grap.png);
    width: 112px;
    height: 112px;
    position: absolute;
    background-repeat: no-repeat;
    top: 30px;
    right: -50px;
    z-index: 0;
}

p.right-pragraph {
    font-weight: 700;
    text-align: right;
    position: relative;
}

p.right-pragraph::before {
    content: '';
    height: 77%;
    position: absolute;
    background: #72e4ad;
    width: 3px;
    left: 20px;
}

.elephant .elephant-bg {
    /* background: url(../img/elephant-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
    height: 86%;
}

.elephant .elephant-bg .elephant-img {
    position: relative;
    padding: 50px;
}

.elephant .elephant-bg a {
    background: #1758e6;
    margin: 0 auto;
    width: 380px;
    height: auto;
    text-transform: uppercase;
    display: inline-flex;
    color: #73e6b0;
    font-weight: 700;
    font-size: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 10px 0;
    text-decoration: none;
    position: absolute;
    bottom: -20px;
    left: 45%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.address-elephant {
    background: url(../img/particals-bottom.png);
    height: 181px;
    text-align: center;
    position: relative;
    top: -60px;
    left: 20px;
    background-size: 810px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-top: 55px;
}

.address-elephant span {
    display: block;
    text-align: left;
    font-size: 1rem;
    font-weight: 700;
    margin-left: 250px;
    padding: 5px 0;
}

section.product, .timeline {
    position: relative;
}

.product .title-wrap {
    position: relative;
}

.product .title-wrap .title {
    font-size: 3rem;
    font-weight: 800;
    color: #fff;
    text-decoration: underline;
    background: #3f7afa;
    padding: 20px 50px;
    width: 50%;
    display: block;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    position: relative;
    top: -56px;
    left: -30px;
    letter-spacing: 2px;
}

.product .title-wrap .smile {
    position: absolute;
    top: -37px;
    left: 43.5%;
    max-width: 80px;
}

.product .title-wrap::before {
    content: '';
    width: 205px;
    height: 205px;
    background: url(../img/star.png) no-repeat;
    position: absolute;
    left: 50%;
    top: -103px;
    transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}

.product .box-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 380px;
    width: 380px;
}

.course-section {
    position: relative;
    z-index: 1;
    padding: 50px 0px 0px;
    margin-top: 0px;
    overflow: hidden;
    background: #fff url(https://www.academy.robogenius.com/wp-content/themes/basel/new-homepage/images/blue-pattern.png) no-repeat top 200px right;
    background-size: contain;
}
.blue-leaves {
    width: 250px;
    height: auto;
    position: absolute;
    left: 10%;
    bottom: 0px;
}
.building-vector {
    position: absolute;
    width: 350px;
    height: 400px;
    right: 0px;
    bottom: 32px;
    background: url(https://www.academy.robogenius.com/wp-content/themes/basel/new-homepage/images/bulding-vector.png) no-repeat bottom right;
    background-size: contain;
    z-index: -2;
}
.libe-yellowvector {
    width: 90px;
    position: absolute;
    bottom: 55%;
    left: 10%;
}
.course-section::after {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    background: #73e6b0;
    z-index: -1;
}
.book-demo-btn {
    display: inline-block;
    padding: 25px 50px;
    border-radius: 50px;
    background: #1758e6;
    color: #73e6b0;
    font-weight: bold;
    box-shadow: 3px 5px 10px rgba(100, 100, 100, 0.5);
    margin: 30px 0px 0px;
    font-size: 20px;
    text-transform: uppercase;
}
.book-demo-btn:hover, .book-demo-btn:focus {
    background: #73e6b0;
    color: #1758e6 !important;
    text-decoration: none;
}
.online-bottom-content {
    margin-bottom: 50px;
}
.online-bottom-content p {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
}
.product .box-wrap .counter-wrap::before {
    content: counter(ashok-counter);
    counter-increment: ashok-counter;
    position: relative;
    right: 0;
    text-align: right;
}

.product .box-wrap .counter-wrap {
    font-size: 12rem;
    font-weight: 600;
    color: #1758e6;
    width: auto;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    width: 148px;
}

.product-wrap {
    box-shadow: rgba(33, 35, 38, 0.3) -13px 0px 10px -10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 17px;
}

.product-wrap .product-circle {
    width: 250px;
    height: 250px;
    background: #184dc3;
    border-radius: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px 0 50px;
    position: relative;
    left: -40px;
}

.product-wrap .product-circle .circle-inner {
    padding: 0;
    width: 250px;
    margin-right: 21px;
}

.product-wrap .product-circle .circle-inner .product-title {
    color: #ffd860;
    font-weight: 800;
    font-size: 1.3rem;
}

.product-wrap .product-circle .circle-inner p {
    color: #73e6b0;
    font-weight: 500;
    font-size: 14px;
}

.testimonals {
    position: relative;
}

.testimonals::before {
    content: '';
    position: absolute;
    background: #fff4d3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
}

.testimonals::after {
    content: '';
    width: 280px;
    height: 280px;
    background: #ffe491;
    border-radius: 100%;
    position: absolute;
    top: 0%;
    left: -81px;
    z-index: 1;
}

.testimonals .bookaclass {
    color: #73e6b0;
    text-decoration: none;
    background: #184dc3;
    padding: 30px;
    width: 50%;
    display: inline-block;
    border-radius: 100px;
    font-size: 2.3rem;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    top: -40px;
}

.testimonals .testi-slider {
    margin-top: 150px;
    margin-bottom: 50px;
}

.testimonals .testi-slider .testimoanls_inner {
    display: grid;
    grid-template-columns: 462px 1fr;
    grid-gap: 10px;
}

.testimonals .testi-slider .swiper-slide {
    background: transparent;
}

.testimonals .testi-slider {
    margin-top: 150px;
    margin-bottom: 50px;
    background: #bedbfa;
    border-radius: 200px;
    position: relative;
    z-index: 2;
    box-shadow: 0px 7px 0px 0 #0a39a1;
    -webkit-box-shadow: 0px 7px 0px 0 #0a39a1;
    -moz-box-shadow: 0px 7px 0px 0 #0a39a1;
}

.testimoanls_inner .photoframe {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    overflow: hidden;
}

.testimonals .testi-slider .testimoanls_inner .content .innert-content {
    padding: 0 70px 0 20px;
}

.testimonals .testi-slider .testimoanls_inner .content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.testimonals .testi-slider .testimonals-container {
    border-radius: 200px;
    overflow: hidden;
    background: #bedbfa;
    position: relative;
    border: solid 10px #bedbfa;
    z-index: 2;
}

.testimonals .testi-slider .testimoanls_inner .content .innert-content p {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: justify;
}

.testimonals .testi-slider .testimoanls_inner .content .innert-content .author {
    font-weight: 600;
}

.testimonals .testi-slider .testimoanls_inner .content .innert-content .author span {
    display: block;
}

.testimonals .testi-slider::before {
    content: url(../img/qutions.png);
    position: absolute;
    z-index: 3;
}

.testimonals .testi-slider::after {
    content: url(../img/testimonals-bg.png);
    position: absolute;
    top: -55px;
    right: 40px;
    z-index: 1;
}

.testimonals .testi-slider .swiper-button-next::after,
.swiper-container-rtl .swiper-button-next::after {
    content: url(../img/right-arrow.png) !important;
    margin-right: 15px;
}

.testimonals .testi-slider .swiper-button-prev::after,
.swiper-container-rtl .swiper-button-prev::after {
    content: url(../img/left-arrow.png) !important;
    margin-left: 15px;
}

.timeline .title-wrap {
    background: #05db79;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    max-width: 70%;
    padding: 15px 20px;
}

.timeline::before {
    content: '';
    width: 150px;
    height: 150px;
    position: absolute;
    right: 0;
    top: -70px;
    background: #bedbfa;
    border-radius: 150px;
}

.timeline .timeline-wrap {
    margin: 100px 0;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide {
    position: relative;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line {
    width: 100%;
    position: relative;
    min-height: 550px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide:first-child .time-line::before {
    content: '';
    background: url(../img/timeline-start.png) no-repeat;
    position: absolute;
    top: 51px;
    background-size: cover;
    width: 100px;
    height: 100px;
    left: 0;
    z-index: 1;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line::after {
    width: 15px;
    height: 15px;
    background: #ec7754;
    position: absolute;
    top: 93px;
    content: '';
    border-radius: 100px;
    right: 0px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .linebar {
    width: 100%;
    height: 2px;
    display: block;
    background: #4e79ef;
    position: absolute;
    top: 100px;
    right: 0px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide:nth-child(1) .time-line .linebar {
    width: 90%;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .title {
    width: auto;
    padding: 0 15px;
    display: block;
    position: absolute;
    top: 36px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .title .star {
    position: relative;
    top: 10px;
    z-index: 2;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .title .line-title {
    background: #bedbfa;
    padding: 10px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .title .line-title::before {
    content: '';
    position: absolute;
    right: -20px;
    border-right: solid 31px #bedbfa;
    border-left: solid 40px transparent;
    border-top: solid 31px transparent;
    top: 19px;
    transform: rotate(-45deg);
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content::before {
    content: '';
    width: 2px;
    background: #4e79ef;
    position: absolute;
    bottom: 0;
    top: 103px;
    right: 8px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content .timeline-inner {
    display: grid;
    background: #fef1ef;
    padding: 15px;
    position: absolute;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    grid-template-columns: 100px auto;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content .timeline-inner .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content .timeline-inner .content-time {
    text-align: left;
    padding: 0 15px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content .timeline-inner .content-time span {
    font-size: 1.2rem;
    font-weight: 700;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content .timeline-inner .content-time p {
    font-size: 1rem;
    font-weight: 400;
    color: #1758e6;
    text-decoration: underline;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .title {
    right: 100px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line::after {
    right: 70px;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content .timeline-inner {
    bottom: 70px;
    right: 0px;
    max-width: 90%;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide .time-line .timeline-content::before {
    height: 50%;
    right: 75px;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide.swiper-slide-active .time-line .timeline-content::before {
    height: 100%;
    right: 75px;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
}

.timeline .timeline-wrap .timeline-container .swiper-wrapper .swiper-slide.swiper-slide-active .time-line .timeline-content .timeline-inner {
    bottom: 0px;
    right: 0px;
    max-width: 90%;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
}

.timeline .bookaclass {
    color: #73e6b0;
    text-decoration: none;
    background: #184dc3;
    padding: 30px;
    width: 50%;
    display: inline-block;
    border-radius: 100px;
    font-size: 2.3rem;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    top: 0px;
    margin-bottom: 50px;
}

.blankbanner {
    background: #4e79ef;
    height: auto;
    padding: 50px 0;
}

.location {
    background: url(../img/location-bg.png) no-repeat;
    background-position: right 100px;
    padding: 100px 0;
}

.location .location-bar {
    position: relative;
}

.location .location-bar::before {
    content: '';
    background: #73e6b0;
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

.location .title-wrap {
    padding-bottom: 10px;
}

.location .title-wrap::before {
    content: '';
    width: 200px;
    height: 200px;
    background: #ffe491;
    border-radius: 100%;
    position: absolute;
    top: -50%;
    left: -139px;
    z-index: -1;
}

.location .innerlocation {
    background: #fef1ef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.location .innerlocation .location-inner {
    text-align: center;
    margin: 50px 0;
    width: 90%;
}

.location .innerlocation .location-inner .location-title {
    font-weight: 600;
    font-size: 1.2rem;
    padding: 15px 0;
    color: #1758e6;
}

.location .innerlocation .location-inner a {
    background: #1758e6;
    color: #fff;
    font-weight: 600;
    padding: 15px 20px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 1.2rem;
    display: block;
    cursor: default;
}

.location .innerlocation .location-inner a span img {
    display: inline-block;
    width: 15px;
    margin-left: 15px;
}

.location .innerlocation .location-inner .selectedloc {
    background: #fff;
    border-radius: 100px;
    position: relative;
}

.location .innerlocation .location-inner .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.location .innerlocation .location-inner .selectedloc::before {
    content: '';
    width: 15px;
    background: url(../img/location-arrow.png);
    position: absolute;
    right: 14px;
    top: 50%;
    height: 21px;
    background-size: cover;
    transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -webkit-transform: rotate(90deg) translateX(-50%);
    z-index: 0;
}

.location .innerlocation .location-inner .selectedloc select {
    width: 100%;
    padding: 15px;
    border: none;
    appearance: none;
    background: transparent;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.location .innerlocation .location-inner .selectedloc select option {
    padding: 15px;
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.location .location-contact {
    padding: 50px 0;
    font-size: 1.5rem;
    font-weight: 500;
}

footer {
    background: #23408f;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
}




/*Popup Form*/

.popup-section, .popup-section-contact {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.popup-section.active, .popup-section-contact.active {
    display: block;
}

.popup-section .overlay_wrap, .popup-section-contact .overlay_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.8);
}

.popup-section .tab-form, .popup-section-contact .tab-form {
    position: absolute;
    max-width: 80%;
    top: 50%;
    min-width: 320px;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-height: 80%;
    overflow-x: auto;
    overflow-y: scroll;
}

.popup-section .tab-form .form {
    padding: 20px 0;
}

.popup-section .tab-form .nav {
    justify-content: space-evenly;
}

.popup-section .tab-form .form .feildset {
    position: relative;
    display: inline-block;
    width: 100%;
}

.popup-section .tab-form .close-form, .popup-section-contact .tab-form .close-form{
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    z-index: 9999;
    cursor: pointer;
}

.popup-section .tab-form .close-form::before,
.popup-section .tab-form .close-form::after, .popup-section-contact .tab-form .close-form::before,
.popup-section-contact .tab-form .close-form::after {
    content: '';
    width: 20px;
    height: 2px;
    background: #333;
    position: absolute;
    top: 8px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #1758e6;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    border-radius: 0px;
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: transparent;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.popup-section .tab-form .form .feildset {
    text-align: center;
}

.popup-section .tab-form .form button {
    border: none;
    background: #43e297;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto;
    display: inline-block;
    color: #1758e6;
    border-radius: 100px;
    font-size: 16px;
}

.popup-section .tab-form .close-form::before, .popup-section-contact .tab-form .close-form::before {
    transform: rotate(-50deg);
}

.popup-section .tab-form .close-form::after, .popup-section-contact .tab-form .close-form::after {
    transform: rotate(45deg);
}

.popup-section .tab-form .form .feildset input+label {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
}

.popup-section .tab-form .form .feildset textarea~label {
    position: absolute;
    top: 125px;
    left: 10px;
    transform: translate(0px, -100px);
    -moz-transform: translate(0px, -100px);
    -webkit-transform: translate(0px, -100px);
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
}

.popup-section .tab-form .form .feildset input {
    height: 40px;
}

.popup-section .tab-form .form .feildset textarea {
    height: 150px;
}

.popup-section .tab-form .form .feildset input,
.popup-section .tab-form .form .feildset textarea {
    display: block;
    width: 100%;
    margin: 15px 0;
    font-size: 14px;
    padding: 7px 10px;
    border: solid 1px #ccc;
    transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    background: transparent;
    position: relative;
    z-index: 999;
}

.popup-section .tab-form .form .feildset input:focus+label,
.popup-section .tab-form .form .feildset textarea:focus+label,
.popup-section .tab-form .form .feildset input:valid+label,
.popup-section .tab-form .form .feildset textarea:valid+label {
    top: 0;
    left: 2px;
    z-index: 9999;
    font-size: 10px;
    font-weight: 400;
    background: #fff;
    padding: 5px;
    transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
}

.popup-section .tab-form .form .feildset textarea:focus~label,
.popup-section .tab-form .form .feildset textarea:valid~label {
    top: 0;
    left: 2px;
    z-index: 9999;
    font-size: 10px;
    font-weight: 400;
    background: #fff;
    padding: 5px;
    transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
}


/*End Popup Form*/
.location-addresss {
    margin: 15px 0;
    background: #1758e6;
    padding: 15px;
    text-align: center;
}
.location-addresss label {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}
.location-addresss p {
    color: #73e6b0;
    font-weight: 700;
}

/*
==========================================
2. Responsive Photo Gallery
========================================== 
*/

.m-p-g {
    /*    max-width: 860px;*/
    margin: 0 auto;
}
.m-p-g__thumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}
.m-p-g__thumbs-img {
    margin: 0;
    float: left;
    vertical-align: bottom;
    cursor: pointer;
    z-index: 1;
    position: relative;
    opacity: 0;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-tap-highlight-color: transparent;
    will-change: opacity, transform;
    -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
}

.m-p-g__thumbs-img.active {
    z-index: 50;
}

.m-p-g__thumbs-img.layout-completed {
    opacity: 1;
}

.m-p-g__thumbs-img.hide {
    opacity: 0;
}

.m-p-g__thumbs-img:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}

.m-p-g__fullscreen {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: 0 0;
    visibility: hidden;
    -webkit-transition: background .25s ease-out, visibility 10ms .5s linear;
    transition: background .25s ease-out, visibility 10ms .5s linear;
    will-change: background, visibility;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.m-p-g__fullscreen.active {
    -webkit-transition: background .25s ease-out, visibility .01s 0s linear;
    transition: background .25s ease-out, visibility .01s 0s linear;
    visibility: visible;
    background: rgba(0, 0, 0, .95);
}

.m-p-g__fullscreen-img {
    pointer-events: none;
    position: absolute;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    top: 50%;
    left: 50%;
    max-height: 100vh;
    max-width: 100%;
    visibility: hidden;
    will-change: visibility;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}

.m-p-g__fullscreen-img.active {
    visibility: visible;
    opacity: 1!important;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.23, 1, .32, 1), opacity .5s ease-out;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .5s ease-out;
}

.m-p-g__fullscreen-img.almost-active {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
}

.m-p-g__controls {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    height: 20vh;
    background: -webkit-linear-gradient(bottom, transparent 0, rgba(0, 0, 0, .55) 100%);
    background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, .55) 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
}

.m-p-g__controls-arrow,
.m-p-g__controls-close {
    position: absolute;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.m-p-g__controls.active {
    opacity: 1;
    visibility: visible;
}

.m-p-g__controls-arrow,
.m-p-g__controls-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: 0 0;
}

.m-p-g__controls-arrow:focus,
.m-p-g__controls-close:focus {
    outline: 0;
}

.m-p-g__controls-arrow {
    z-index: 1;
    top: 0;
    width: 20%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
}

.m-p-g__controls-arrow:hover {
    opacity: 1;
}

.m-p-g__controls-arrow--prev {
    left: 0;
    padding-left: 3vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-p-g__controls-arrow--next {
    right: 0;
    padding-right: 3vw;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.m-p-g__controls-close {
    top: 3vh;
    left: 3vw;
    z-index: 5;
}

.m-p-g__btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.m-p-g__btn:hover {
    background: rgba(255, 255, 255, .15);
}

.m-p-g__alertBox {
    position: fixed;
    z-index: 999;
    max-width: 700px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 25px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .23), 0 10px 40px rgba(0, 0, 0, .19);
    color: grey;
}

.m-p-g__alertBox h2 {
    color: red;
}

/*.m-p-g__thumbs a img {
    margin: 5px;
    display: block;
}*/
.m-p-g__thumbs a img {
    margin: 5px;
    display: block;
    width: 168px !important;
    height: 136px !important;
}

/*end*/

@media screen and (max-width: 990px) and (min-width: 768px) {
    .banners .innvation_txt {
        font-size: 1.3rem;
    }
    .banners .header-particals {
        top: -45px;
    }
    .yellow p,
    .elephant .board-wrap .innerboard .white-board p {
        font-size: 1rem;
    }
    .elephant .board-wrap .innerboard .white-board p {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    .elephant .elephant-bg .elephant-img {
        position: relative;
        top: 0;
        padding: 10px;
    }
    .elephant .elephant-bg a {
        width: 100%;
        font-size: 1.3rem;
        bottom: 10px;
    }
    p.right-pragraph::before {
        left: 0px;
    }
    .address-elephant span {
        font-size: 0.7rem;
        margin-left: 160px;
        text-align: center;
        padding: 13px 0;
    }
    .product .title-wrap .title {
        width: 50%;
        left: -40px;
    }
    .product .title-wrap .smile {
        top: -38px;
        left: 38.5%;
    }
    .product .box-wrap {
        height: 240px;
        width: 100%;
    }
    .product-wrap .product-circle {
        width: 200px;
        height: 200px;
        padding: 0 5px 0 50px;
    }
    .product-wrap .product-circle .circle-inner .product-title {
        font-size: 1rem;
    }
    .product-wrap .product-circle .circle-inner p {
        font-size: 12px;
    }
    .product .box-wrap .counter-wrap {
        font-size: 10rem;
        left: -30px;
    }
    .product-wrap {
        right: -33px;
    }
    .product .box-wrap .counter-wrap {
        width: 98px;
    }
    .testimonals .bookaclass {
        width: auto;
        top: auto;
    }
    .testimonals::after {
        content: '';
        width: 200px;
        height: 200px;
        background: #ffe491;
        border-radius: 100%;
        position: absolute;
        top: 7%;
        left: -79px;
        z-index: 1;
    }
    .testimonals .testi-slider .testimoanls_inner {
        grid-template-columns: 200px 1fr;
    }
    .title-wrap {
        padding: 30px 0 0;
        font-size: 2rem;
    }
    .testimonals .testi-slider .testimoanls_inner {
        display: grid;
        grid-template-columns: 200px 1fr;
        grid-gap: 10px;
    }
    .testimonals .testi-slider .testimoanls_inner .content .innert-content p {
        font-size: 1rem;
        margin-bottom: 20px;
    }
    .testimonals .testi-slider::before {
        top: -50px;
        left: -30px;
    }
    .timeline .title-wrap {
        margin-left: -40px;
    }
    .timeline .bookaclass {
        width: auto;
    }
    .location .innerlocation .location-inner a {
        padding: 17px 20px;
        font-size: 0.7rem;
    }
    section.banners .right-slider {
        display: none;
    }
}

@media screen and (max-width: 1024px) and (min-width: 991px) {
    .banners .header-particals {
        top: -62px;
    }
    .banners .innvation_txt {
        font-size: 1.8rem;
    }
    .elephant .board-wrap .innerboard .white-board p {
        font-size: 1rem;
        line-height: 1.8rem;
    }
    .elephant .elephant-bg .elephant-img {
        position: relative;
        top: -60px;
    }
    .product .title-wrap .title {
        width: 40%;
        left: -50px;
    }
    .product .title-wrap .smile {
        top: 0;
        left: 30.5%;
    }
    .product .box-wrap {
        height: 240px;
        width: 220px;
        margin: 0 auto;
    }
    .title-wrap {
        padding: 30px 0 0;
        font-size: 3rem;
    }
    .testimonals::after {
        top: 15%;
        left: -93px;
        z-index: 1;
    }
    .testimonals .testi-slider .testimoanls_inner {
        grid-template-columns: 400px 1fr;
    }
    .timeline .title-wrap {
        margin-left: -50px;
        font-size: 2.5rem;
    }
}

@media (max-width:767px) {
    .m-p-g__thumbs {
    display: inline-block;
}
    header .logo-section {
    padding: 20px 0 60px;
}
.testimonals-container .swiper-button-next, .testimonals-container .swiper-button-prev{
    display: none;
}
.testimonals-container .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}
    .swiper-button-next, .swiper-container-rtl .swiper-button-next {
    right: 10px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
}
    header .logo-section {
        text-align: center;
    }
    .banners .innvation_txt {
        font-size: 1.2rem;
    }
    .banners .header-particals {
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        right: 0px;
        margin: 15px 0;
    }
    .yellow p,
    .elephant .board-wrap .innerboard .white-board p {
        font-size: 1rem;
    }
    .elephant .board-wrap .innerboard .white-board p {
        padding: 0;
        font-size: 1rem;
        line-height: 1.5rem;
    }
.elephant .elephant-bg .elephant-img {
    position: relative;
    top: 0px;
    padding: 20px;
}
    .elephant .elephant-bg a {
        background: #1758e6;
        margin: 0 auto;
        width: 100%;
        height: auto;
        text-transform: uppercase;
        display: inline-flex;
        color: #73e6b0;
        font-weight: 700;
        font-size: 1.2rem;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        padding: 10px 0;
        text-decoration: none;
        position: relative;
        /*bottom: -30px;*/
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
.address-elephant {
    background: no-repeat;
    height: 227px;
    text-align: center;
    position: relative;
    top: 30px;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 20px;
}
    .address-elephant span {
        display: block;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 700;
        margin-left: 0;
        padding: 5px 0;
    }
    .address-elephant span:first-child {
        position: relative;
        border-bottom: solid 4px #1758e6;
    }
    .address-elephant span:first-child::before {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: -6px;
        left: 50%;
        background: #ec7754;
        border-radius: 100px;
    }
    .product .title-wrap::before {
        content: '';
        width: 50px;
        height: 50px;
        background: url(../img/star.png) no-repeat;
        position: absolute;
        left: 50%;
        top: -103px;
        transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        background-size: cover;
    }
    .product .title-wrap .title {
        font-size: 1.8rem;
        font-weight: 800;
        color: #fff;
        text-decoration: underline;
        background: #3f7afa;
        padding: 20px 50px;
        width: 100%;
        display: block;
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
        position: relative;
        top: 0;
        left: -20px;
        letter-spacing: 2px;
    }
    .online-bottom-content p {
    font-size: 18px;
}
.libe-yellowvector {
    display: none;
}
.book-demo-btn {
    display: block;
    padding: 25px 50px;
    border-radius: 50px;
    background: #1758e6;
    color: #73e6b0;
    font-weight: bold;
    box-shadow: 3px 5px 10px rgba(100, 100, 100, 0.5);
    margin: 30px auto;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.blue-leaves {
    width: 100px;
    height: auto;
    position: absolute;
    left: 2%;
    bottom: 0px;
}
.building-vector {
    position: absolute;
    width: 150px;
}
    .elephant::after {
        height: 16%;
    }
    .products-container {
        overflow: hidden;
        margin: 30px 0;
    }
    .product .title-wrap .smile {
        position: absolute;
        top: 80px;
        left: 80%;
        right: -20px;
        max-width: 80px;
    }
    .product .title-wrap::before {
        content: '';
        width: 50px;
        height: 50px;
        background: url(../img/star.png) no-repeat;
        position: absolute;
        left: 50%;
        top: -25px;
        transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        background-size: cover;
        z-index: 1;
    }
    .product .box-wrap {
        height: 300px;
        width: 340px;
    }
    .product .box-wrap .counter-wrap {
        width: 108px;
    }
    .testimonals .bookaclass {
        width: 100%;
        font-size: 1.5rem;
        top: 0;
    }
    .testimonals::after {
        width: 100px;
        height: 100px;
        top: 10%;
    }
    .title-wrap {
        font-size: 1.5rem;
        font-weight: 600;
        text-decoration: underline;
        position: relative;
        z-index: 2;
        padding: 29px 0 0;
        text-align: center;
    }
    .testimonals::before {
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }
    .testimonals .testi-slider .testimoanls_inner {
        grid-template-columns: 1fr;
    }
    .testimoanls_inner .photoframe {
        border-radius: 200px;
    }
    .testimonals .testi-slider::before {
        top: -50px;
        left: -10px;
    }
    .testimonals .testi-slider::before {
        content: url(../img/qutions.png);
        position: absolute;
        z-index: 3;
        top: -50px;
        left: -10px;
    }
    .testimonals .testi-slider::before {
        content: url(../img/qutions.png);
        position: absolute;
        z-index: 3;
        top: -50px;
        left: -10px;
    }
    .testimonals .testi-slider .testimoanls_inner .content .innert-content {
        padding: 0 20px;
    }
    .testimonals .testi-slider .testimoanls_inner .content .innert-content p {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    .testimonals .testi-slider .testimoanls_inner .content .innert-content p br{
        display: none;
    }
    .testimonals .testi-slider .testimoanls_inner .content .innert-content .author {
        font-weight: 600;
        margin-bottom: 50px;
    }
    .testimonals .testi-slider .testimoanls_inner .content .innert-content .author span {
        display: block;
        font-size: 0.8rem;
        text-align: center;
    }
/*    .slider_section .swiper-button-prev,
    .swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }*/
    .timeline::before {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0;
        top: -20px;
    }
    .timeline .title-wrap {
        max-width: 100%;
        margin-left: -25px;
    }
    .timeline .timeline-wrap {
        margin: 10px 0;
    }
    .timeline .bookaclass {
        width: 100%;
        font-size: 1.5rem;
    }
    .location .innerlocation .location-inner a,
    .location .innerlocation .location-inner .selectedloc select {
        font-size: 0.8rem;
    }
    .location .location-contact {
        text-align: center;
    }
    .location {
        padding: 0px 0;
    }
    .elephant .board-wrap .innerboard::after {
        right: 0;
        display: none;
    }
    .popup-section .tab-form .nav {
        justify-content: center;
        flex-wrap: nowrap;
    }
    .popup-section .tab-form {
        position: absolute;
        max-width: 100%;
    }
section.banners .right-slider::before {
    bottom: -190px;
    width: 100px;
    height: 120px;
    right: 0;
    left: inherit;
}
.m-p-g__thumbs a img {
    margin: 5px 5px;
    display: block;
    width: 30% !important;
    height: 25% !important;
}
.location .innerlocation .location-inner {
    margin: 20px 0;
}
.new-blue-circle, .small-red-circle {
    display: none;
}
    section.banners .right-slider .right {
        display: none;
    }
    p.right-pragraph::before {
        content: '';
        height: 1px;
        position: absolute;
        background: #52a37d;
        width: 100%;
        left: 0;
    }
    p.right-pragraph {
        text-align: center;
    }
section.banners .backgroud-fit::before {
    width: 80px;
    height: 100px;
    right: 45px;
    top: -97px;
}
    section.banners .backgroud-fit::after {
    content: attr(data-value);
    background: #ffd860;
    position: absolute;
    right: 132px;
    max-width: 220px;
    color: #ff5d2e;
    font-weight: 700;
    border-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 0px 10px 0px 10px;
    font-size: 10px;
    line-height: 24px;
    top: -84px;
}
p.right-pragraph {
    text-align: left;
    width: 80%;
}
p.right-pragraph::before {
    top: 0;
}
}

.mini-manrow {
    position: relative;
    z-index: 6;
    width: 100%;
    top: -125px;
    /*top: -85px;*/
}

.mini-man {
    position: absolute;
    z-index: 4;
    width: 40%;
    height: 100%;
    top: -35%;
    left: 0%;
    /*right: 0px;*/
    margin: 0 auto;
}
/*course section to otp section*/
.otp-section {
    position: relative;
    z-index: 1;
    padding: 50px 0px 0px;
    margin-top: 30px;
    overflow: hidden;
    /*background: #fff url(../images/blue-pattern.png) no-repeat top 200px right;*/
    background-size: contain;
    background: #fff4d3;
}
@media(min-width: 950px) and (max-width: 1280px){
    .otp-section{
        padding-top: 110px;
    }
}

.otp-section:before {
    content: '';
    width: 100%;
    min-height: 20px;
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #73e6b0;
    /*border-radius: 200px 0px 0px 200px;*/
}
.otp-section:after {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    background: #73e6b0;
    z-index: -1;
    /*border-radius: 200px 0px 0px 200px;*/

}

.reg-text {
	left:0;
    right:0;
    display: inline-block;
    padding: 10px 50px;
    text-align: center;
    border-radius: 50px;
    background: #1758e6;
    color: #ffff;
    font-weight: bold;
    box-shadow: 3px 5px 10px rgb(100 100 100 / 50%);
    /*margin: -30px 0px 0px;*/
    font-size: 25px;
    /*text-transform: uppercase;*/
    font-weight: 400;
    position: absolute;
    left:35%;
    width: 30%;
    z-index: 50;
    margin-top: 10px;
}

@media(max-width: 1291px) and (min-width: 1024px){
    .reg-text{
        width: 36%;
    }
}
.otp-btn {
	/* left:0;
    right:0;
    display: inline-block;
    padding: 10px 10px;
    text-align: center;
    border-radius: 50px;
    background: #1758e6;
    color: #ffff;
    font-weight: bold;
    box-shadow: 3px 5px 10px rgb(100 100 100 / 50%); */
    /*margin: -30px 0px 0px;*/
    /* font-size: 25px; */
    /*text-transform: uppercase;*/
    /* position: absolute;
    font-weight: 400;
    color: yellow;
    left:36%;
    width: 28%;
    z-index: 150; */
    /* margin-top: -50px; */

}

#otp-btn{
    display: inline-block;
    padding: 10px 10px;
    text-align: center;
    border-radius: 50px;
    background: #1758e6;
    color: #ffff;
    font-weight: bold;
    box-shadow: 3px 5px 10px rgb(100 100 100 / 50%);
    /*margin: -30px 0px 0px;*/
    font-size: 25px;
}
.otp-btn:hover{
	background: #1758e6;
}
.otp-btn:focus{
	border-width: 0px;
	background: #1758e6;
	outline: 0px;

}

.otp-content{

	padding: 0px 20px 50px 20px;
}
.countries{
  width:100px;
  margin-left: -40px;
}
.mobile-field{
	padding: 15px 15px;
	border:1px solid #1758e6;
	background: white;
	/*float: left;*/
	border-radius: 20px;
	width: 100%;
	margin-top:25px;
	margin-bottom:10px;

}
#phone{
	border:0px;
	color: #1758e6;
  	opacity: 1;
  	font-size: 20px;
  	font-weight:500;
  	padding-left: 0px;
  text-align: center;
  margin-left: -20px;
}
#phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1758e6;
  opacity: 1;
  font-size: 15px;
  font-weight:500;
}
#otp{
	border:0px;
	color: #1758e6;
  	opacity: 1;
  	font-size: 20px;
  	padding-left: 0px;

  	font-weight:500;
  text-align: center;
}
#otp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1758e6;
  opacity: 1;

  font-size: 20px;
  font-weight:500;
}
.grass-left{
    width: 150px;
    height: auto;
    position: absolute;
    left: 1%;
    bottom: 0px;
}
.grass-right{
    width: 200px;
    height: auto;
    position: absolute;
    right: 0%;
    bottom: 0px;
}

@media only screen and (max-width: 1024px) {
  .reg-text {
    width: 50%;
    left:25%;
  }
  .countries{
  width:100px;
  margin-left: -50px;
}
  .mobile-field{
    width: 50%;
    padding: 10px 10px;
  }
  #phone{
    margin-left: -35px;
  }
  #phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-weight:500;
        margin-left: -70px;
        font-size: 15px;
        text-align: left;
    }
    #otp{
    margin-left: -35px;
  }
  #otp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 20px;
      font-weight:500;
    }

}
@media only screen and (max-width: 768px) {
    .mobile-field{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px;
  }
  .countries{
  width:90px;
  margin-left: -40px;
}
  #phone{
    margin-left: -35px;
  }
  #phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 10px;
      font-weight:500;
    }
    #otp{
    margin-left: -35px;
  }
  #otp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 17px;
      font-weight:500;
    }
    .otp-btn {
    width: 35%;
    left:32.5%;
    font-size: 20px;
  }
}
@media only screen and (max-width: 425px) {
  .reg-text {
    width: 80%;
    left:10%;
    font-size: 20px;
  }
  #otp-vertext{
   font-size: 24px; 
  }
  .mobile-field{
    width: 100%;
    padding: 5px 5px;
  }
  #phone{
    margin-left: -13px;
  }
  #phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 9px;
      font-weight:500;
    }
    #otp{
    margin-left: -35px;
  }
  #otp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 15px;
      font-weight:500;
    }
    .grass-left{
        width:25%;
    }
    .grass-right{
        width:25%;
    }
    .otp-btn {
    width: 50%;
    left:25%;
    font-size: 24px;
  }
  .countries{
  width:80px;
  margin-left: -30px;
}
}
@media only screen and (max-width: 375px) {
  .reg-text {
    width: 90%;
    left:5%;
    font-size: 18px;
  }
  #otp-vertext{
   font-size: 24px; 
  }
  .mobile-field{
    width: 100%;
    padding: 5px 5px;
  }

  .mobile-field img{
      width: 30px;
  }
  #phone{
    margin-left: -11px;
  }
  #phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 8px;
      font-weight:500;
    }
    #otp{
    margin-left: -35px;
  }
  #otp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 14px;
      font-weight:500;
    }
    .grass-left{
        width:30%;
    }
    .grass-right{
        width:30%;
    }
.otp-btn {
    width: 50%;
    left:25%;
    font-size: 20px;
  }
  #otp-txt{
    font-size: 13px;
  }

}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media only screen and (min-width: 1024px) {
    #phone{
        margin-left: -33px;
    }
    
    /*#phone::-webkit-input-placeholder {
    font-size: 15px;
}
*/
    #otp{
        margin-left: -70px;
    }
}
@media only screen and (max-width: 320px) {
  .reg-text {
    
    font-size: 17px;
  }
  #phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #1758e6;
      opacity: 1;
      font-size: 7px;
      font-weight:500;
    }
    #otp{
    margin-left: -35px;
  }
}


.mobile-field input::placeholder, .mobile-field select{
        color: #1758e6;
        opacity: 1;
}

.mobile-field input, .mobile-field select{
    border: 0;
}


#country_code{
    background-color: white;
    border-color: #1758e6;
    border-radius: 7px;
  }

#country_code_col{
    margin-top: 10px;
}