@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Nunito:wght@300;400;500;600;700;800&family=Skranji:wght@400;700&display=swap');

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Skranji', cursive;
*/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/*
@media only screen and (min-width:320px) and (max-width:768px) and (orientation: landscape){
    body{
        height: 100vw!important;
        transform:rotate(90deg);
    }
}
*/


p,
span,
ul,
li,
ol,
strong,
div,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
button {
    font-family: 'Montserrat', sans-serif;
}

h1 {
    font-size: 50px;
    line-height: 48px;
    font-weight: 700;
}

h2 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
}

h3 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
    color: #111648;
}

h6 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

p {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #077E98;
}

img {
    max-width: 100%;
}

h2.all-sub-title {
    font-size: 42px;
    font-weight: 400;
}

h2.all-sub-title strong {
    font-weight: 600;
}

a {
    text-decoration: none;
}

/*
html {
    overflow: hidden;
    height: 100%;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    perspective: 1px;
    transform-style: preserve-3d;
}
*/


::-webkit-scrollbar {
    width: 3px;
    background: transparent;
}

::-webkit-scrollbar-track {
    border-radius: 15px;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: #ca1897;
}




/* header */
header {
    background: #fff;
    /*    padding: 10px 0;*/
    position: sticky;
    top: 0;
    z-index: 999;
    padding-bottom: 1px;

}

header::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 55px;
    top: 99.3%;
    left: 0;
    background: url("../images/drop.png") center 0 no-repeat;
    background-size: 100% 100%;
}

header::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #fff;
}

.navBlock ul li {
    /*    margin: 18px 18px;*/
    margin: 18px 10px;
    width: 84px;
    text-align: center;
}

.navBlock ul li a {
    color: #072F60;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.navBlock ul li a::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: -28px;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50px;
    transform: translate(-50%);
    background: #fff;

}

.navBlock ul li a.active,
.navBlock ul li a:hover {
    color: #072F60;
}

.logoBg {
    flex: 1;
    position: relative;
}

.logoBg .navbar-brand {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 0;
}

.logoBg img {
    width: 230px;
}

.navbar {
    align-items: flex-start;
}

.banner {
    background: #004f9f;
    background-size: contain;
    padding: 47px 0;
}



.navBlock {
    flex: 1;
    position: relative;
    top: 30px;
}

.navBlock .navbar-nav::before {
    content: "";
    position: absolute;
    left: 53px;
    top: 0;
    width: calc(100% - 106px);
    background: #000;
    height: 2px;
}

.navBtn {
    flex: 1;
    text-align: right;
    padding-top: 7px;
}

.nv1 a:hover::before,
.nv1 a:active::before,
.nv1 a:focus::before,
.nv1 a.active::before {
    background: linear-gradient(180deg, #C51291 0%, #FD74D6 49.48%, #D040A8 97.4%);
    /*    border: none;*/
}


.nv2 a:hover::before,
.nv2 a:active::before,
.nv2 a:focus::before,
.nv2 a.active::before {
    background: linear-gradient(180deg, #6077F0 0%, #74FDFD 49.48%, #4340D0 97.4%);
    /*    border: none;*/
}

.nv3 a:hover::before,
.nv3 a:active::before,
.nv3 a:focus::before,
.nv3 a.active::before {
    background: linear-gradient(180deg, #4BC512 0%, #B3E130 49.48%, #40D069 97.4%);
    /*    border: none;*/
}

.nv4 a:hover::before,
.nv4 a:active::before,
.nv4 a:focus::before,
.nv4 a.active::before {
    background: linear-gradient(180deg, #FF4C24 0%, #FF9F46 49.48%, #D04040 97.4%);
    /*    border: none;*/
}

.nv5 a:hover::before,
.nv5 a:active::before,
.nv5 a:focus::before,
.nv5 a.active::before {
    background: linear-gradient(180deg, #F9C408 0%, #FFE092 49.48%, #E8B912 97.4%);
    /*    border: none;*/
}

.nv6 a:hover::before,
.nv6 a:active::before,
.nv6 a:focus::before,
.nv6 a.active::before {
    background: linear-gradient(180deg, #F91708 0%, #F86537 49.48%, #E81F12 97.4%);
    /*    border: none;*/
}

.regdBtn {
    border: none;
    outline: none;
    box-shadow: 0px 5px 0px #E28F2E;
    background: #FFD232;
    color: #072F60;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 15px;
}

.regdBtn:hover {
    background: transparent;
    color: #fff;
}


.getStarted {
    border: none;
    outline: none;
    box-shadow: 0px 5px 0px #FDD95A;
    background: #FF9F0E;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 15px;
    margin-top: 30px;
    position: relative;
    transition: all .35s;
    z-index: 1;
}



.coin-flip {
    width: 100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    transform-style: preserve-3d;
    /*  position: absolute;*/
    animation: fly 1.5s ease-in-out 0s infinite alternate;
    -webkit-animation: fly 1.5s ease-in-out 0s infinite alternate;
}

.coin-flip img {
    width: 100px;
}

.coin-heads,
.coin-tails {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.coin-heads {
    /*
  animation: flip-head 3s linear 0s infinite alternate;
  -webkit-animation: flip-head 3s linear 0s infinite alternate;
*/
    /*
    transform-style: preserve-3d;
  -moz-animation: rotate 5s infinite linear;
  -webkit-animation: rotate 5s infinite linear;
  animation: rotate 5s infinite linear;
*/
    /*    animation: front-rotation 5s infinite;*/
}

.coin-tails {
    /*
  animation: flip-tail 3s linear 0s infinite alternate;
  -webkit-animation: flip-tail 3s linear 0s infinite alternate;
*/
    /*
    transform-style: preserve-3d;
  -moz-animation: rotate 5s infinite linear;
  -webkit-animation: rotate 5s infinite linear;
  animation: rotate 5s infinite linear;
*/
    /*    animation: back-rotation 5s infinite;*/
    /*    transform: rotateY(180deg);*/
}

@keyframes front-rotation {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

@keyframes back-rotation {
    from {
        transform: rotateY(360deg);
    }

    to {
        transform: rotateY(0deg);
    }
}

/*
@keyframes fly {
  0% { top: 100%; }
  100% { top: 0%; }
}*/

/*
@keyframes flip-head {
  0%, 100% { transform: rotateY(0deg); }
  50% { transform: rotateY(180deg); }
}

@keyframes flip-tail {
  0%, 100% { transform: rotateY(180deg); }
  50% { transform: rotateY(0deg); }
}


@-webkit-keyframes flip-head {
  0%, 100% { -webkit-transform: rotateY(0deg); }
  50% { -webkit-transform: rotateY(180deg); }
}

@-webkit-keyframes flip-tail {
  0%, 100% { -webkit-transform: rotateY(180deg); }
  50% { -webkit-transform: rotateY(0deg); }
}
*/



.commonButton {
    position: relative;
    transition: all .35s;
    z-index: 1;
}

.commonButton:hover {
    /*    background: #08cf08;*/
    background: transparent;
    color: #fff;
}


.commonButton:hover::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #08cf08;
    z-index: -2;
}

.commonButton::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #08cf08 !important;
    transition: all .35s;
    z-index: -1;
}


.commonButton:hover::after {
    width: 100%;
}





.container {
    max-width: 1680px;
}


/* --------------------Homepage-start--------------------- */


/* --------------banner-area-start--------------- */
.homebanner {
    background: url("../images/homebanner.jpg") 0 0 no-repeat;
    background-size: 100%;
    position: relative;
    z-index: -1;
    min-height: 300px;
}

.bannerTxt {
    text-align: center;
    max-width: 900px;
    margin: 10% auto 0 auto;
    padding: 0 20px 300px;
    position: relative;
    z-index: 999;
}

.bannerTxt h2 {
    color: #fff;
    padding-bottom: 20px;
}

.bannerTxt p {
    color: #89FFEC;
}

.bannerTxt h6 {
    color: #F4E7B7;
}

.bannerTxt h6 a {
    color: #FFAA2C;
}

.bannerTxt h6 a:hover {
    color: #00ff00;
}

.levelUp {
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    color: #fff;
    margin: 25px 0;
    padding: 5px 0;
    background: linear-gradient(90deg, rgba(217, 217, 217, 0) 11.83%, rgba(0, 0, 0, 0) 11.83%, #EA36A2 39.84%, rgba(255, 16, 159, 0.73) 58.38%, rgba(0, 0, 0, 0) 87.57%);
}

.stars {
    /*    background-color: white;*/
    height: 30px;
    width: 30px;
    border-radius: 50%;
    animation-iteration-count: infinite;
    position: absolute;
}

.star-1 {
    position: absolute;
    z-index: 1;
    left: 23%;
    top: 91px;
    animation-name: twinkle-1;
    animation-duration: 1.5s;
}

.star-2 {
    position: absolute;
    z-index: 1;
    right: 27%;
    top: 80px;
    animation-name: twinkle-2;
    animation-duration: 1.5s;
}

.star-3 {
    position: absolute;
    z-index: 1;
    right: 35%;
    top: 72%;
    animation-name: twinkle-3;
    animation-duration: 1.5s;
}

.star-4 {
    position: absolute;
    z-index: 1;
    left: 17%;
    top: 46%;
    animation-name: twinkle-4;
    animation-duration: 1.5s;
}

.star-5 {
    position: absolute;
    z-index: 1;
    left: 10%;
    top: 62%;
    animation-name: twinkle-5;
    animation-duration: 1.5s;
}

.star-6 {
    position: absolute;
    z-index: 1;
    right: 38%;
    top: 55%;
    animation-name: twinkle-6;
    animation-duration: 1.5s;
}

.star-7 {
    position: absolute;
    z-index: 1;
    left: 26%;
    top: 45%;
    animation-name: twinkle-7;
    animation-duration: 1.5s;
}

.star-8 {
    position: absolute;
    z-index: 1;
    right: 28%;
    top: 67%;
    animation-name: twinkle-8;
    animation-duration: 1.5s;
}

.star-9 {
    position: absolute;
    z-index: 1;
    right: 29%;
    top: 32%;
    animation-name: twinkle-9;
    animation-duration: 1.5s;
}

.star-10 {
    position: absolute;
    z-index: 1;
    left: 32%;
    top: 63%;
    animation-name: twinkle-10;
    animation-duration: 1.5s;
}

@keyframes twinkle-1 {
    50% {
        transform: scale(0.5);
        opacity: 0.5;
    }
}

@keyframes twinkle-2 {
    30% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}

@keyframes twinkle-3 {
    70% {
        transform: scale(0.2);
        opacity: 0.5;
    }

}

@keyframes twinkle-4 {
    90% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}

@keyframes twinkle-5 {
    20% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}

@keyframes twinkle-6 {
    50% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}

@keyframes twinkle-7 {
    30% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}

@keyframes twinkle-8 {
    20% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}

@keyframes twinkle-9 {
    80% {
        transform: scale(0.2);
        opacity: 0.3;
    }

}

@keyframes twinkle-10 {
    70% {
        transform: scale(0.5);
        opacity: 0.5;
    }

}




html {
    height: 100%;
    overflow: hidden;
}

body {
    margin: 0;
    height: 100%;
    /*    overflow-y: scroll;*/

}

.wrapper {
    height: 100%;
    overflow-x: hidden;
    perspective: 1px;
    transform-style: preserve-3d;
}

.homebanner {
    min-height: 100vh;
}

.parallax {
    /*    padding: 25vh 10%;*/
    position: relative;
    /*    min-height: 100vh;*/
    width: 100vw;
    transform-style: inherit;
}

.parallax,
.parallax:before {
    background: 50% 50% / cover;
}

.parallax:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* The brightest duotone color */
.darken::before {
    background-color: rgba(221, 204, 0, 1);
}

/* The darkest duotone color */
.lighten::after {
    background-color: rgba(221, 0, 0, 1);
}

#hero-1::before {
    background-image: url("../images/homebanner.jpg");
    transform: translateZ(-1px) scale(2);
    z-index: -1;
}

.hero2 {
    margin-top: 150px;
}

.hero2,
.hero2:before {
    background: 50% 0% / cover;
}

#hero-2 {
    /*    background: 100%;*/
}

#hero-2::before {
    background-image: url("../images/hill3.png");
    transform: translateZ(-1px) scale(2);
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 150px;
}

.normal-scroll {
    /*    background: #fff;*/
    transform: translateZ(0);
}

/*
.container {
    color: #ccc;
    font-size: 4vw;
    margin: 0 auto;
    padding: 25vh 0;
    text-align: center;
    width: 100%;
}
*/

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    #section-5:before {
        background-attachment: scroll;
    }
}

/* -----------------banner-area-end------------------ */


/* -----------------cloud-area-start------------------ */
.cloudSection {
    background-color: transparent;
}

.rocket {
    position: absolute;
    z-index: 9;
    /*
    top: -552px;
    right: 23%;
    transform: translate(56%, 0);
*/
    top: -583px;
    right: 23%;
    transform: translate(56%, 0);
}

.rocket img {
    width: 250px;
}

.cloudBg {
    /*    position: relative;*/
    background: url("../images/cloudbasenw.png") 0 0 no-repeat;
    background-size: 100%;
    z-index: -1;
}

.forCloudbg {
    background: url("../images/cloudbase.jpg") 0 0 repeat-y;
}

/*
.cloudBg::after{
    content: "";
    position: relative;
    background: url("../images/cloudbase.jpg") 0 0 no-repeat;
    background-size: 100%;
    z-index: -1;
}
*/

.cloudBg::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 93%;
    background: url("../images/cloudhead.png") 0 0 no-repeat;
    background-size: 100%;
    width: 100%;
    height: 360px;
}


.cloudContent {
    position: relative;
    z-index: 9;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 400px;
    max-width: 900px;
    margin: 0 auto;
}

.cloudContent h2 {
    color: #244676;
    padding-bottom: 25px;
}


.cloudMain {
    bottom: 0;
    left: 0;
    padding-top: 50px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0;
}

.cloudContent p {
    color: #077E98;
}

.learnM {
    background: #2172ED;
    box-shadow: 0px 5px 0px #77B0FF;
}

.learnM:hover {}

.pricingHeadmove {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 15.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
}

.slideBlock {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 15.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(1px, 0px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(1px, 1px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, 0px) rotate(0deg);
    }
}

.slidebtnbg {
    position: relative;
}

.slideBtns {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0;
}

/* KEYFRAMES */

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -300px;
    }

    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -300px;
    }

    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -300px;
    }

    100% {
        margin-left: 100%;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateCloud 55s linear infinite;
    -moz-animation: animateCloud 55s linear infinite;
    animation: animateCloud 55s linear infinite;

    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
    position: absolute;
    z-index: 1;
    top: -119px;

}

.x2 {
    -webkit-animation: animateCloud 40s linear infinite;
    -moz-animation: animateCloud 40s linear infinite;
    animation: animateCloud 40s linear infinite;

    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    transform: scale(0.65);
    position: absolute;
    z-index: 2;
    top: -80px;
}

.x3 {
    -webkit-animation: animateCloud 30s linear infinite;
    -moz-animation: animateCloud 30s linear infinite;
    animation: animateCloud 30s linear infinite;

    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    position: absolute;
    z-index: 3;
    top: 0px;
}

.x4 {
    -webkit-animation: animateCloud 25s linear infinite;
    -moz-animation: animateCloud 25s linear infinite;
    animation: animateCloud 25s linear infinite;

    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    position: absolute;
    z-index: 4;
    top: 120px;
}

.x5 {
    -webkit-animation: animateCloud 35s linear infinite;
    -moz-animation: animateCloud 35s linear infinite;
    animation: animateCloud 35s linear infinite;

    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    transform: scale(0.55);
    position: absolute;
    z-index: 5;
    top: 180px;
}

/* OBJECTS */

.cloud {
    height: 590px;
    position: relative;
    width: 600px;
}

.slideBase {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.slideBlock {
    margin: 10px 12px;
    /*    width: 30%;*/
    width: 100%;
    text-align: center;
    box-shadow: 0 0 3px #a79c9c;
    padding: 10px;
    background: #fff;
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.slideBlock:hover {
    top: -10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.slideBlock h6 {
    font-weight: 800;
    margin-bottom: 0;
    padding-top: 10px;
}

.slideBlock p {
    color: #3B9DA4;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.cloudContent .owl-prev,
.cloudContent .owl-next {
    position: absolute;
    z-index: 1;
    top: 45%;
    font-size: 21px !important;
    color: #fff !important;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    background: url("../images/arrowbg.png") 0 0 no-repeat !important;
    background-size: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.cloudContent .owl-prev i,
.cloudContent .owl-next i {
    font-size: 21px !important;
}

.cloudContent .owl-prev:hover,
.cloudContent .owl-next:hover {
    background: url("../images/arrowbgh.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.cloudContent .owl-nav button::after,
.cloudContent .owl-nav button::before {
    display: none;
}

.cloudContent .owl-prev {
    left: -67px;

}

.cloudContent .owl-next {
    right: -67px;
}

.cloudContent .owl-prev span,
.cloudContent .owl-next span {
    position: relative;
    top: -4px;
}

.color1 {
    color: #401111;
}

.color2 {
    color: #FF55A7;
}

.color3 {
    color: #C15E26;
}

.trust {
    padding: 8px 15px;
    display: inline-block;
}

.trust span:nth-child(1) {
    background: linear-gradient(to right, #b4d9db, #33eff9) !important;
}

.trust span:nth-child(2) {
    background: linear-gradient(to bottom, #b4d9db, #33eff9) !important;
}

.trust span:nth-child(3) {
    background: linear-gradient(to left, #b4d9db, #33eff9) !important;
}

.trust span:nth-child(4) {
    background: linear-gradient(to top, #b4d9db, #33eff9) !important;
}

.connected span:nth-child(1) {
    background: linear-gradient(to right, #ff9633, #662b12) !important;
}

.connected span:nth-child(3) {
    background: linear-gradient(to left, #ff9633, #662b12) !important;
}

.learning span:nth-child(1) {
    background: linear-gradient(to right, #8acfe5, #208af7) !important;
}

.learning span:nth-child(3) {
    background: linear-gradient(to left, #8acfe5, #208af7) !important;
}



/* -----------------cloud-area-end------------------ */



/* -----------------forest-area-start------------------ */
.forestBg {
    position: relative;
    background: url(../images/forestbg.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.forestBg::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 100%;
    background: url(../images/foresttop.png) 0 0 no-repeat;
    background-size: 100%;
    width: 100%;
    height: 427px;
}

.forestContent {
    position: relative;
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 300px;
}

.forestHead h2 {
    color: #fff;
}

.forestHead h5 {
    color: #fff;
    font-weight: 600;
}

.forestHead h6 {
    color: #DAFCD9;
    font-weight: 500;
    font-size: 22px;
}

.forestHead h6 span {
    color: #29EA63;
}

.forestContent p {
    color: #EEFFBF;
    font-size: 18px;
    font-weight: 500;
}

.forestContent small {
    font-size: 16px;
}

.forestContent h4 {
    color: #3FE346;
    font-size: 33px;
    font-weight: 700;
    border: 1px solid #cbc6c6;
    padding: 5px 15px;
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
}

.priceBg {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 30px;
    align-items: flex-end;
}

.priceBlock {
    /*
    width: 23%;
    margin: 0 1%;
*/
    width: calc(100% - 30px);
    margin: 20px;
    padding: 18px 20px;
    min-height: 310px;
    background-size: 100% 100% !important;
}

.learnM2 {
    background: #E28127;
    box-shadow: 0px 5px 0px #A54915;
}

.packTxt {
    position: absolute;
    background: url(../images/tag1.png) 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    width: 96px;
    height: 27px;
    left: -18px;
    top: 45px;
    text-align: left;
    padding: 0 10px;
}

.packTxt2 {
    position: absolute;
    background: url(../images/tag2.png) 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    width: 113px;
    height: 27px;
    left: -16px;
    top: 45px;
}

.packTxt3 {
    position: absolute;
    background: url(../images/tag3.png) 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    width: 113px;
    height: 27px;
    left: -18px;
    top: 45px;
}

.packTxt4 {
    position: absolute;
    background: url(../images/tag4.png) 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    width: 113px;
    height: 27px;
    left: -18px;
    top: 45px;
}

.packTxt5 {
    position: absolute;
    background: url(../images/tag5.png) 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    width: 113px;
    height: 27px;
    left: -18px;
    top: 45px;
}

.priceBlock h3 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.priceBlock h3 span {
    color: #350E74;
    font-family: 'Skranji', cursive;
    font-weight: 400;
    font-size: 27px;
}

.priceBlock h6 {
    text-align: left;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 0;
}

.priceBlock p {
    font-family: 'Nunito', sans-serif;
    text-align: left;
    color: #350E74;
    font-size: 13px;
    margin-bottom: 0;
}

.pricingContent .priceBlock h6 {
    text-align: center;
}

.priceBlock img {
    height: 115px;
    width: auto !important;
    display: inline-block !important;
}

.priceblock4 img {
    height: 136px;
    margin-top: 10px;
}

.priceblock1 {
    background: url(../images/price1.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
}

.priceblock2 {
    background: url(../images/price2.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
}

.priceblock3 {
    background: url(../images/price3.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
}

.priceblock4 {
    background: url(../images/price4.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
    min-height: 334px;
}

.priceblock5 {
    background: url(../images/price5.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
}

.priceblock6 {
    background: url(../images/price6.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
}

.priceInfo {
    border: none;
    outline: none;
    box-shadow: none !important;
    border-radius: 50px;
    padding: 5px 15px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-top: 20px;
}

.dlr2 {
    color: #786215 !important;
}

.dlr3 {
    color: #0F3832 !important;
}

.dlr4 {
    color: #70382C !important;
}


.priceblock1,
.priceblock3,
.priceblock5 {
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-5px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-5px);
    }
}

.priceblock2,
.priceblock4,
.priceblock6 {
    -webkit-animation: mover 4s infinite alternate;
    animation: mover 4s infinite alternate;
}

@-webkit-keyframes mover {
    100% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-5px);
    }


}

@keyframes mover {
    100% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-5px);
    }


}




.coinBg {
    display: flex;
    justify-content: center;
}

.coin {
    height: 70px;
    width: 70px;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.coin::before {
    content: '';
    display: block;
    position: relative;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: transparent;
    animation: spin 2s linear infinite;
    background-image: url("../images/coin2.png");
    background-size: 100% 100%;
    background-position: center;
    background-blend-mode: overlay;
}

.coin.flip::before {
    animation-name: flip;
}



/* animation definitions */

@keyframes spin {
    0% {
        width: 70px;
        box-shadow:
            0 0 0 #120e08;
        animation-timing-function: ease-in;
    }

    50% {
        width: 0.1rem;
        box-shadow:
            0.05rem 0 0 #896c3b,
            0.1rem 0 0 #896c3b,
            0.15rem 0 0 #896c3b,
            0.2rem 0 0 #896c3b,
            0.25rem 0 0 #896c3b,
            0.3rem 0 0 #896c3b,
            0.35rem 0 0 #896c3b,
            0.4rem 0 0 #896c3b,
            0.45rem 0 0 #896c3b,
            0.5rem 0 0 #896c3b,
            0.55rem 0 0 #896c3b,
            0.6rem 0 0 #896c3b,
            0.65rem 0 0 #896c3b,
            0.7rem 0 0 #896c3b,
            0.75rem 0 0 #896c3b;
        transform: translateX(-0.375rem);
        background-color: #111;
        animation-timing-function: linear;
    }

    /*
    50% {
        width: 0.1rem;
        box-shadow:
            -0.05rem 0 0 #896c3b,
            -0.1rem 0 0 #896c3b,
            -0.15rem 0 0 #896c3b,
            -0.2rem 0 0 #896c3b,
            -0.25rem 0 0 #896c3b,
            -0.3rem 0 0 #896c3b,
            -0.35rem 0 0 #896c3b,
            -0.4rem 0 0 #896c3b,
            -0.45rem 0 0 #896c3b,
            -0.5rem 0 0 #896c3b,
            -0.55rem 0 0 #896c3b,
            -0.6rem 0 0 #896c3b,
            -0.65rem 0 0 #896c3b,
            -0.7rem 0 0 #896c3b,
            -0.75rem 0 0 #896c3b;
        transform: translateX(0.375rem);
        background-color: #111;
        animation-timing-function: ease-out;
    }
*/

    100% {
        width: 70px;
        box-shadow:
            0 0 0 #120e08;
    }
}

/*
@keyframes flip {
    0% {
        height: var(--coin-size);
        box-shadow:
            0 0 0 var(--side-dark);
        animation-timing-function: ease-in;
    }

    49.999% {
        height: 0.1rem;
        box-shadow:
            0 0.05rem 0 var(--side),
            0 0.1rem 0 var(--side),
            0 0.15rem 0 var(--side),
            0 0.2rem 0 var(--side),
            0 0.25rem 0 var(--side),
            0 0.3rem 0 var(--side),
            0 0.35rem 0 var(--side),
            0 0.4rem 0 var(--side),
            0 0.45rem 0 var(--side),
            0 0.5rem 0 var(--side),
            0 0.55rem 0 var(--side),
            0 0.6rem 0 var(--side),
            0 0.65rem 0 var(--side),
            0 0.7rem 0 var(--side),
            0 0.75rem 0 var(--side);
        transform: translateY(-0.375rem);
        background-color: var(--lowlight);
        animation-timing-function: linear;
    }

    50.001% {
        height: 0.1rem;
        box-shadow:
            0 -0.05rem 0 var(--side),
            0 -0.1rem 0 var(--side),
            0 -0.15rem 0 var(--side),
            0 -0.2rem 0 var(--side),
            0 -0.25rem 0 var(--side),
            0 -0.3rem 0 var(--side),
            0 -0.35rem 0 var(--side),
            0 -0.4rem 0 var(--side),
            0 -0.45rem 0 var(--side),
            0 -0.5rem 0 var(--side),
            0 -0.55rem 0 var(--side),
            0 -0.6rem 0 var(--side),
            0 -0.65rem 0 var(--side),
            0 -0.7rem 0 var(--side),
            0 -0.75rem 0 var(--side);
        transform: translateY(0.375rem);
        background-color: var(--lowlight);
        animation-timing-function: ease-out;
    }

    100% {
        height: var(--coin-size);
        box-shadow:
            0 0 0 var(--side-dark);
    }
}
*/



.priceslide .owl-prev,
.priceslide .owl-next {
    position: absolute;
    z-index: 1;
    top: 45%;
    font-size: 31px !important;
    color: #fff !important;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    background: url("../images/arrowbg.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.priceslide .owl-prev:hover,
.priceslide .owl-next:hover {
    background: url("../images/arrowbgh.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.priceslide .owl-nav button::after,
.priceslide .owl-nav button::before {
    display: none;
}

.priceslide .owl-prev {
    left: -10px;

}

.priceslide .owl-next {
    right: -10px;
}

.priceslide .owl-prev span,
.priceslide .owl-next span {
    position: relative;
    top: -4px;
}


/* -----------------forest-area-end------------------ */


/* -----------------sand-area-start------------------ */
.sandTxt {
    padding: 0 70px 0 0;
}

.sandBg {
    background: url(../images/sand.png) 0 0 repeat-y;
    background-size: 100%;
    position: relative;
    text-align: center;
    padding: 50px 0 480px 0;
}

.sandBg h2 {
    padding-top: 25px;
    color: #15325A;
    padding-bottom: 15px;
}

.sandBg p {
    color: #15325A;
}

.connected {
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    color: #662B12;
    margin: 10px 0;
    display: inline-block;
    padding: 5px 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.83%, #FF9736 31.95%, #FF8C1A 71%, rgba(255, 255, 255, 0) 87.57%);
}

.learnM3 {
    background: #3F2081;
    box-shadow: 0px 5px 0px #8554EE;
}

.waveGif {
    width: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    /*    bottom: 47px;*/
    bottom: 0;
    /*
    background: url("../images/waveflow.gif") center 0 repeat-x;
    height: 400px;
    background-size: contain;
*/
}

.waveGif img {
    opacity: 0.8;
    width: 100%;
    max-width: inherit !important;
    height: 550px;
    /*    height: 300px;*/
    /*
    -moz-transform: scaleX(-2);
    -webkit-transform: scaleX(-2);
    -o-transform: scaleX(-2);
    transform: scaleX(-2);
    -ms-filter: fliph;
*/
    /*IE*/
    filter: fliph;
    /*    transform: rotate(-12deg);*/
}

.waveGif video {
    width: 100%;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    bottom: 0;
}

/* -----------------sand-area-end------------------ */



/* -----------------sea-area-start------------------ */
.seaMain {
    background: url(../images/searespinsive.jpg) 0 0 repeat-y;
    background-size: 100%;
}

.seaBg {
    background: url(../images/sea2.png) 0 100% no-repeat;
    background-size: 100%;
    position: relative;
    text-align: center;
    padding-bottom: 60px;
    z-index: 1;
    min-height: 800px;
}

.seaBg::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    bottom: 100%;
    background: url(../images/seahead3.png) 0 100% no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 430px;
    opacity: 0.6;
}

/*
.seaBg::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 73%;
    background: url(../images/watereffect.gif) 0 100% no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 409px;
    transform: rotate(180deg);
    opacity: 0.8;
}
*/

.seaBg::after {
    content: "";
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: -70px;
    /*        background: url(../images/searespinsive.jpg) 0 0 no-repeat;*/
    background: url(../images/seashadow.png) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    /*    height: 100px;*/
    height: 130px;
    opacity: 0.9;
}

.seaBubble {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0px 0 285px;
}

.svgMotion {
    position: absolute;
    right: 0;
    z-index: 9;
    bottom: 100%;
    opacity: 0.8;
}

/* bubbles */
.seaBubble::before {
    content: '';
    pointer-events: none;
    opacity: .6;
    background:
        radial-gradient(circle at 20% 35%, transparent 0, transparent 5px, hsla(210, 50%, 85%, 1) 6px, hsla(210, 50%, 85%, 1) 4px, transparent 4px),
        radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, hsla(210, 50%, 85%, 1) 3px, hsla(210, 50%, 85%, 1) 4px, transparent 4px),
        radial-gradient(circle at 46% 52%, transparent 0, transparent 10px, hsla(210, 50%, 85%, 1) 15px, hsla(210, 50%, 85%, 1) 6px, transparent 6px),
        radial-gradient(circle at 58% 62%, transparent 0, transparent 10px, hsla(210, 50%, 85%, 1) 15px, hsla(210, 50%, 85%, 1) 6px, transparent 6px),
        radial-gradient(circle at 55% 75%, transparent 0, transparent 8px, hsla(210, 50%, 85%, 1) 12px, hsla(210, 50%, 85%, 1) 6px, transparent 6px),
        radial-gradient(circle at 45% 65%, transparent 0, transparent 12px, hsla(210, 50%, 85%, 1) 16px, hsla(210, 50%, 85%, 1) 6px, transparent 6px),
        radial-gradient(circle at 50% 95%, transparent 0, transparent 8px, hsla(210, 50%, 85%, 1) 12px, hsla(210, 50%, 85%, 1) 6px, transparent 6px),
        radial-gradient(circle at 25% 95%, transparent 0, transparent 8px, hsla(210, 50%, 85%, 1) 12px, hsla(210, 50%, 85%, 1) 6px, transparent 6px),
        radial-gradient(circle at 85% 84%, transparent 0, transparent 10px, hsla(210, 50%, 85%, 1) 15px, hsla(210, 50%, 85%, 1) 5px, transparent 4px);

    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 10s linear infinite both;
}

@keyframes bubbles {
    from {
        transform: translate();
    }

    to {
        transform: translate(0, -66.666%);
    }
}

.seaBgContent {
    position: relative;
    z-index: 10;
    text-align: center;
    max-width: 991px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.seaBgContent h2 {
    color: #2A196C;
    padding-bottom: 10px;
}

.seaBgContent h3 {
    color: #fff;
    padding-bottom: 15px;
}

.seaBgContent h3 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #23CAFF;
    color: #fff;
    font-size: 23px;
    margin: 0 5px;
    width: 37px;
    height: 37px;
}

.seaBgContent p {
    color: #fff;
}

.learning {
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    color: #fff;
    margin: 25px 0;
    padding: 5px 0;
    display: inline-block;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.83%, #2644AA 31.95%, #325FFB 71%, rgba(255, 255, 255, 0) 87.57%);
}

.bubbleFloat {
    position: absolute;
    display: inline-block;
}

.bubbleFloat1 {
    -webkit-animation: mover 4s infinite alternate, sideWays 7s ease-in-out infinite alternate;
    -moz-animation: mover 4s infinite alternate, sideWays 7s ease-in-out infinite alternate;
    animation: mover 4s infinite alternate, sideWays 7s ease-in-out infinite alternate;
    width: 50px;
    height: 50px;
    background: url(../images/bubble.png) center center no-repeat;
    background-size: 100%;
    top: 48%;
    left: 10%;
}

.bubbleFloat2 {
    -webkit-animation: mover 3s infinite alternate;
    animation: mover 3s infinite alternate;
    width: 60px;
    height: 60px;
    background: url(../images/bubble.png) center center no-repeat;
    background-size: 100%;
    top: 59%;
    left: 34%;
}



.bubbleFloat3 {
    -webkit-animation: mover 4s infinite alternate, sideWays 7s ease-in-out infinite alternate;
    -moz-animation: mover 4s infinite alternate, sideWays 7s ease-in-out infinite alternate;
    animation: mover 4s infinite alternate, sideWays 7s ease-in-out infinite alternate;
    width: 40px;
    height: 40px;
    background: url(../images/bubble.png) center center no-repeat;
    background-size: 100%;
    top: 68%;
    left: 58%;
}

.bubbleFloat4 {
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
    width: 50px;
    height: 50px;
    background: url(../images/bubble.png) center center no-repeat;
    background-size: 100%;
    top: 60%;
    left: 68%;
}

.bubbleFloat5 {
    -webkit-animation: mover 1.5s infinite alternate;
    animation: mover 1.5s infinite alternate;
    width: 50px;
    height: 50px;
    background: url(../images/bubble.png) center center no-repeat;
    background-size: 100%;
    top: 35%;
    left: 80%;
}

.bubbleFloat6 {
    -webkit-animation: mover 1.5s infinite alternate;
    animation: mover 1.5s infinite alternate;
    width: 50px;
    height: 50px;
    background: url(../images/bubble.png) center center no-repeat;
    background-size: 100%;
    bottom: 10%;
    left: 25%;
}

/* -----------------sea-area-end------------------ */



/* --------------------Homepage-end--------------------- */



/* --------------------Teacher-start--------------------- */
.teacherBase {
    padding-top: 80px;
    background-size: cover;
}

.teacherContent {
    padding-bottom: 150px !important;
}

.teacherContent small {
    color: #077E98;
}

.teacherContent h2 {
    padding-bottom: 15px;
}

.refresh {
    background: #A95CF0;
    box-shadow: 0px 5px 0px #6F16C0;
}

.teacherImgblock {
    flex-wrap: wrap;
    justify-content: center;
}

.teacherImgblock .slideBlock {
    width: 30%;
}

.teacherBase::before {
    display: none;
}

.teacherCloud {
    top: 150px;
}

.teacherImgblock .slideBlock:hover {
    filter: drop-shadow(0px 4px 30px #C816D8);
    transform: rotate(-0.18deg);
}

.teacherModal {
    background: rgba(62, 213, 246, 0.5);
}

.teacherModal .modal-content {
    border: 5px solid #E5FBFF;
    border-radius: 40px;
    border-top: none;
    border-top-right-radius: 18px;
    padding: 10px;
}

.teacherModal .modal-content::before {
    content: "";
    right: -4px;
    top: -21px;
    height: 65px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #fff;
    border: 5px solid #E5FBFF;
    border-radius: 35px 40px 5px 0;
    transform: rotate(-3deg);
}

.modalClose {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: 9;
}

.modalImg {
    position: relative;
    background: #fff;
    padding: 8px;
    filter: drop-shadow(5px 11px 11px #287485);
    transform: rotate(-2.9deg);
    top: -50px;
}

.modalImgmoving {
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
}

.modalImg img {
    width: 100%;
}

.online {
    background: #D6F8FF;
    border-radius: 50px;
    padding: 3px 5px;
    color: #072F60;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.online span {
    border-radius: 50px;
    width: 6px;
    height: 6px;
    background: #42E870;
    display: inline-block;
    margin-right: 3px;
}

.offline {
    background: #ffd6d6;
    border-radius: 50px;
    padding: 3px 5px;
    color: #072F60;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.offline span {
    border-radius: 50px;
    width: 6px;
    height: 6px;
    background: #ff0000;
    display: inline-block;
    margin-right: 3px;
}

.kristin {
    color: #4455FF;
}

.teacherModal h3 {
    font-weight: 800;
    color: #0F487C;
}

.modalfriendDetl {
    position: relative;
    border-radius: 30px;
    background: #0E4462;
    margin: 10px 0;
    z-index: 0;
    padding: 15px 30px 0;
}

.modalfriendDetl::before {
    content: "";
    left: 0px;
    bottom: -26px;
    height: 80px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #0E4462;
    border-radius: 10px 0 20px 30px;
    transform: rotate(-1.9deg);
}

.friendboxtop {
    display: flex;
}

.friendBlocktext {
    width: 37%;
    padding-right: 10px;
}

.modalfriendDetl h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.modalfriendDetl p {
    color: #52BFAD !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.friendRating {
    text-align: center;
}

.friendRating h6 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.friendRating p {
    color: #52BFAD;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    padding-top: 5px;
}

.friendRating i {
    color: #FDCE72;
    font-size: 21px;
}

.ratingcircle {
    width: 100px;
    height: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #22536e;
    border-radius: 100px;
}

.teacherBtn {
    text-align: center;
    padding-bottom: 15px;
}

.teacherModal p {
    color: #145275;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.teacherModal h4 {
    font-size: 18px;
    color: #0F487C;
    word-break: break-all;
}

.teacherModal a {
    font-size: 15px;
    color: #6255A5;
    font-weight: 500;
    text-decoration: underline;
}

.bookTrial {
    background: linear-gradient(90deg, #25CBFF 39.05%, rgba(60, 208, 255, 0.682927) 54.43%, rgba(255, 255, 255, 0) 87.57%);
    border-radius: 10px;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #291313;
    margin-top: 20px;
}

.viewvideo {
    background: #E28127;
    box-shadow: 0px 5px 0px #A54915;
}

.teacherRespSlide {
    display: none !important;
}

.teacherimgprof {
    position: relative;
}

.tOnline,
.tAway,
.tOffline {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    background: #D6F8FF;
    transform: rotate(-7deg);
    border-radius: 50px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    color: #072F60;
}

.tOnline span,
.tAway span,
.tOffline span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 5px;
}

.tOnline span {
    background: #6CEE3E;
}

.tAway span {
    background: #EEB23E;
}

.tOffline span {
    background: #FF6746;
}


/* --------------------Teacher-end--------------------- */


/* --------------------Pricing-page-start--------------------- */


.pricingPageBg {
    position: relative;
    background: #000308 url(../images/hillforestNw.jpg) 0 bottom no-repeat;
    background-size: 100%;
    text-align: center;
    padding-top: 300px;
}

.pricingPageBg::after {
    content: "";
    position: absolute;
    z-index: 94;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 500px;
    background: url(../images/forestfoot.png) 0 100% no-repeat;
    background-size: cover;
}

.pricingPageBg::before {
    content: "";
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0px;
    width: 100%;
    height: 300px;
    background: #fff url(../images/foresttop.png) 0 100% no-repeat;
    background-size: 100%;
}

.pricingContent {
    max-width: 1200px;
    padding-bottom: 400px;
    z-index: 95;
}

.priceBlock {
    position: relative;
    z-index: 0;
    min-height: 320px !important;
}

.priceBlock:hover::before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 57px;
    /* width: calc(100% - 100px); */
    left: 0;
    right: 3px;
    top: 34px;
    height: 89%;
}

.priceblock1:hover::before {
    box-shadow: 0px 4px 22px #8d46ff;
}

.priceblock2:hover::before {
    box-shadow: 0px 4px 22px #f7c74e;
}

.priceblock3:hover::before {
    box-shadow: 0px 4px 22px #22f9d6;
}

.priceblock6:hover::before {
    box-shadow: 0px 4px 22px #fc9176;
}

.priceblock5:hover::before {
    box-shadow: 0px 4px 22px #5597f3;
}

.priceblock1 .priceInfo {
    background: linear-gradient(180deg, #6129BB 0%, #2F0E66 96.35%);
}

.priceblock1 .priceInfo:hover {
    background: linear-gradient(180deg, #2F0E66 0%, #6129BB 96.35%);
}

.priceblock2 .priceInfo {
    background: linear-gradient(180deg, #F7A121 0%, #A33118 96.87%);
}

.priceblock2 .priceInfo:hover {
    background: linear-gradient(180deg, #A33118 0%, #F7A121 96.35%);
}

.priceblock3 .priceInfo {
    background: linear-gradient(180deg, #128674 0%, #07342D 96.35%);
}

.priceblock3 .priceInfo:hover {
    background: linear-gradient(180deg, #07342D 0%, #128674 96.35%);
}

.priceblock4 .priceInfo {
    background: linear-gradient(180deg, #F74C16 0%, #76260D 96.35%);
}

.priceblock4 .priceInfo:hover {
    background: linear-gradient(180deg, #76260D 0%, #F74C16 96.35%);
}

.priceblock5 .priceInfo {
    background: linear-gradient(180deg, #256BBE 0%, #092545 100%);
}

.priceblock5 .priceInfo:hover {
    background: linear-gradient(180deg, #092545 0%, #256BBE 96.35%);
}

.priceblock6 .priceInfo {
    background: linear-gradient(180deg, #F74C16 0%, #76260D 96.35%);
}

.priceblock6 .priceInfo:hover {
    background: linear-gradient(180deg, #76260D 0%, #F74C16 96.35%);
}

.pricingbottomtext {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 30px;
}

.pricingPageBg .bird-container {
    top: 22%;
}

.pricingPageBg .bird {
    filter: invert(34%) sepia(55%) saturate(427%) hue-rotate(141deg) brightness(44%) contrast(114%);
}

.pricingModal .modal-content {
    border: none;
    background: transparent;
}

.pricingHdn {
    text-align: center;
}

.pricingHdn h3 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 800;
    margin: 0;
}

.pricingHdn h4 {
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    font-weight: 800;
    margin: 0;
}

.letterDetltxt {
    position: relative;
    border-radius: 25px 70px 70px 70px;
    margin-top: 45px;
    padding: 20px 40px 30px 20px;
}

.letterDetltxt::before {
    content: "";
    right: -1px;
    top: -18px;
    height: 65px;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 70px 65px 5px 0;
    transform: rotate(3deg);
}

.letterDetltxt .modalClose {
    top: 22px;
    right: 28px;
}

.letterDetltxt .modalClose button {
    font-size: 12px;
    border-radius: 100px;
    border: 1px solid #212529;
    padding: 6px;
}

.pricBuckleft {
    text-align: center;
}

.pricBuckleft h5 {
    font-family: 'Skranji', cursive;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.pricBuckleft h6 {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.pricBuckleft p {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
}

.pricBuckleft img {
    margin-top: -20px;
}

.priceBuckRgt h5 {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.priceBuckRgt h6 {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}

.priceBuckRgt p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
}

.bucketStag {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    padding: 7px 10px;
    position: relative;
    overflow: hidden;
}

.bucketStag strong {
    font-size: 18px;
    font-weight: 600;
}

.priceslideb {
    margin: 30px 0;
}

.pricingModal {
    background: rgba(6, 57, 8, 0.8);
}




.priceslideb .owl-prev,
.priceslideb .owl-next {
    position: absolute;
    z-index: 1;
    top: 45%;
    font-size: 31px !important;
    color: #fff !important;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    background: url("../images/arrowbg.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.priceslideb .owl-prev:hover,
.priceslideb .owl-next:hover {
    background: url("../images/arrowbgh.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.priceslideb .owl-nav button::after,
.priceslideb .owl-nav button::before {
    display: none;
}

.priceslideb .owl-prev {
    left: -10px;

}

.priceslideb .owl-next {
    right: -10px;
}

.priceslideb .owl-prev span,
.priceslideb .owl-next span {
    position: relative;
    top: -4px;
}








.bucketStag span:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    animation: animate1 2s linear infinite;
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.bucketStag span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    animation: animate2 2s linear infinite;
    animation-delay: 1s;
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(100%);
    }
}

.bucketStag span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    animation: animate3 2s linear infinite;
}

@keyframes animate3 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.bucketStag span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    animation: animate4 2s linear infinite;
    animation-delay: 1s;
}

@keyframes animate4 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-100%);
    }
}









/* -------pricingModal-1----------- */
.pricingModal1 .pricingHdn h3 {
    color: #a771ff;
}

.pricingModal1 .priceBuckRgt h5 {
    color: #3c009e;
}

.pricingModal1 .priceBuckRgt h6 {
    color: #47267d;
}

.pricingModal1 .priceBuckRgt p {
    color: #471b8f;
}

.pricingModal1 .bucketStag {
    background: #9964ef;
    color: #3d1f6d;
}

.pricingModal1 .letterDetltxt {
    background: linear-gradient(180deg, #B384FF 0%, #813FED 100%);
    box-shadow: 0px 4px 0px #5b19c7;
}

.pricingModal1 .letterDetltxt::before {
    background: #B384FF;
}

.pricingModal1 .priceInfo {
    background: linear-gradient(180deg, #6129BB 0%, #2F0E66 96.35%);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricingModal1 .priceInfo:hover {
    background: linear-gradient(180deg, #2F0E66 0%, #6129BB 96.35%);
}


.pricingModal1 .bucketStag span:nth-child(1) {
    background: linear-gradient(to right, #995aff, #6313e4);
}

.pricingModal1 .bucketStag span:nth-child(2) {
    background: linear-gradient(to bottom, #995aff, #6313e4);
}

.pricingModal1 .bucketStag span:nth-child(3) {
    background: linear-gradient(to left, #995aff, #6313e4);
}

.pricingModal1 .bucketStag span:nth-child(4) {
    background: linear-gradient(to top, #995aff, #6313e4);
}





/* -------pricingModal-2----------- */
.pricingModal2 .pricingHdn h3 {
    color: #FCCE58;
}

.pricingModal2 .priceBuckRgt h5 {
    color: #503900;
}

.pricingModal2 .priceBuckRgt h6 {
    color: #856206;
}

.pricingModal2 .priceBuckRgt p {
    color: #6f4f00;
}

.pricingModal2 .bucketStag {
    background: #dea614;
    color: #644902;
}

.pricingModal2 .letterDetltxt {
    background: linear-gradient(180deg, #FCCE58 0%, #E3AF28 98.44%);
    box-shadow: 0px 4px 0px #aa7b06;
}

.pricingModal2 .letterDetltxt::before {
    background: #FCCE58;
}

.pricingModal2 .priceInfo {
    background: linear-gradient(180deg, #F7A121 0%, #A33118 96.87%);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricingModal2 .priceInfo:hover {
    background: linear-gradient(180deg, #A33118 0%, #F7A121 96.35%);
}


.pricingModal2 .bucketStag span:nth-child(1) {
    background: linear-gradient(to right, #e4b845, #9c7100);
}

.pricingModal2 .bucketStag span:nth-child(2) {
    background: linear-gradient(to bottom, #e4b845, #9c7100);
}

.pricingModal2 .bucketStag span:nth-child(3) {
    background: linear-gradient(to left, #e4b845, #9c7100);
}

.pricingModal2 .bucketStag span:nth-child(4) {
    background: linear-gradient(to top, #e4b845, #9c7100);
}







/* -------pricingModal-3----------- */
.pricingModal3 .pricingHdn h3 {
    color: #61F8DF;
}

.pricingModal3 .priceBuckRgt h5 {
    color: #004539;
}

.pricingModal3 .priceBuckRgt h6 {
    color: #007f6a;
}

.pricingModal3 .priceBuckRgt p {
    color: #005d4e;
}

.pricingModal3 .bucketStag {
    background: #43d2ba;
    color: #025043;
}

.pricingModal3 .letterDetltxt {
    background: linear-gradient(180deg, #61F8DF 0%, #25B49C 93.23%);
    box-shadow: 0px 4px 0px #005547;

}

.pricingModal3 .letterDetltxt::before {
    background: #61F8DF;
}

.pricingModal3 .priceInfo {
    background: linear-gradient(180deg, #128674 0%, #07342D 96.35%);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricingModal3 .priceInfo:hover {
    background: linear-gradient(180deg, #07342D 0%, #128674 96.35%);
}

.pricingModal3 .bucketStag span:nth-child(1) {
    background: linear-gradient(to right, #14f8d2, #00967d);
}

.pricingModal3 .bucketStag span:nth-child(2) {
    background: linear-gradient(to bottom, #14f8d2, #00967d);
}

.pricingModal3 .bucketStag span:nth-child(3) {
    background: linear-gradient(to left, #14f8d2, #00967d);
}

.pricingModal3 .bucketStag span:nth-child(4) {
    background: linear-gradient(to top, #14f8d2, #00967d);
}



/* -------pricingModal-4----------- */
.pricingModal4 .pricingHdn h3 {
    color: #F52B2B;
}

.pricingModal4 .priceBuckRgt h5 {
    color: #BC2222;
}

.pricingModal4 .priceBuckRgt h6 {
    color: #4E2727;
}

.pricingModal4 .priceBuckRgt p {
    color: #4E2727;
}

.pricingModal4 .bucketStag {
    background: #f4754e;
    color: #4E2727;
}

.pricingModal4 .letterDetltxt {
    background: linear-gradient(180deg, #FF9E89 0%, #F7774F 100%);
    box-shadow: 0px 4px 0px #BE3C1A;
}

.pricingModal4 .letterDetltxt::before {
    background: #FF9E89;
}

.pricingModal4 .priceInfo {
    background: linear-gradient(180deg, #F74C16 0%, #76260D 96.35%);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricingModal4 .priceInfo:hover {
    background: linear-gradient(180deg, #76260D 0%, #F74C16 96.35%);
}

.pricingModal4 .bucketStag span:nth-child(1) {
    background: linear-gradient(to right, #ff7247, #cb3204);
}

.pricingModal4 .bucketStag span:nth-child(2) {
    background: linear-gradient(to bottom, #ff7247, #cb3204);
}

.pricingModal4 .bucketStag span:nth-child(3) {
    background: linear-gradient(to left, #ff7247, #cb3204);
}

.pricingModal4 .bucketStag span:nth-child(4) {
    background: linear-gradient(to top, #ff7247, #cb3204);
}


/* --------------------Pricing-page-end--------------------- */




/* -------pricingModal-5----------- */
.pricingModal5 .pricingHdn h3 {
    color: #1773ff;
}

.pricingModal5 .priceBuckRgt h5 {
    color: #00408e;
}

.pricingModal5 .priceBuckRgt h6 {
    color: #064a9c;
}

.pricingModal5 .priceBuckRgt p {
    color: #053a7a;
}

.pricingModal5 .bucketStag {
    background: #3484ea;
    color: #00377c;
}

.pricingModal5 .letterDetltxt {
    background: linear-gradient(180deg, #68A4FF 0%, #1A6DCF 100%);
    box-shadow: 0px 4px 0px #013a7f;

}

.pricingModal5 .letterDetltxt::before {
    background: #68A4FF;
}

.pricingModal5 .priceInfo {
    background: linear-gradient(180deg, #256BBE 0%, #092545 100%);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricingModal5 .priceInfo:hover {
    background: linear-gradient(180deg, #092545 0%, #256BBE 96.35%);
}


.pricingModal5 .bucketStag span:nth-child(1) {
    background: linear-gradient(to right, #287eea, #0b57b7);
}

.pricingModal5 .bucketStag span:nth-child(2) {
    background: linear-gradient(to bottom, #287eea, #0b57b7);
}

.pricingModal5 .bucketStag span:nth-child(3) {
    background: linear-gradient(to left, #287eea, #0b57b7);
}

.pricingModal5 .bucketStag span:nth-child(4) {
    background: linear-gradient(to top, #287eea, #0b57b7);
}






/* -------pricingModal-6----------- */
.pricingModal6 .pricingHdn h3 {
    color: #F52B2B;
}

.pricingModal6 .priceBuckRgt h5 {
    color: #BC2222;
}

.pricingModal6 .priceBuckRgt h6 {
    color: #4E2727;
}

.pricingModal6 .priceBuckRgt p {
    color: #4E2727;
}

.pricingModal6 .bucketStag {
    background: #f4754e;
    color: #4E2727;
}

.pricingModal6 .letterDetltxt {
    background: linear-gradient(180deg, #FF9E89 0%, #F7774F 100%);
    box-shadow: 0px 4px 0px #BE3C1A;
}

.pricingModal6 .letterDetltxt::before {
    background: #FF9E89;
}

.pricingModal6 .priceInfo {
    background: linear-gradient(180deg, #F74C16 0%, #76260D 96.35%);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricingModal6 .priceInfo:hover {
    background: linear-gradient(180deg, #76260D 0%, #F74C16 96.35%);
}

.pricingModal6 .bucketStag span:nth-child(1) {
    background: linear-gradient(to right, #ff7247, #cb3204);
}

.pricingModal6 .bucketStag span:nth-child(2) {
    background: linear-gradient(to bottom, #ff7247, #cb3204);
}

.pricingModal6 .bucketStag span:nth-child(3) {
    background: linear-gradient(to left, #ff7247, #cb3204);
}

.pricingModal6 .bucketStag span:nth-child(4) {
    background: linear-gradient(to top, #ff7247, #cb3204);
}


/* --------------------Pricing-page-end--------------------- */




/* --------------------Blog-page-start--------------------- */
.blogBase {
    background: #fff2e7 url("../images/blogbg.png") 0 0 repeat;
    padding-top: 80px;
    position: relative;
    background-attachment: fixed;
}

.blogBgContent {
    background: #FFFFFF;
    box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 0 auto;
    margin-bottom: 100px;
    max-width: 1200px;
    padding: 25px;
    animation: mover 2s infinite alternate;
}

.blogBgContent h3 {
    text-align: center;
    color: #132D4E;
}

.blogSearch {
    padding: 20px 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.blogSearch .form-control {
    border: none;
    background: #F1F5FF;
    border-radius: 8px;
    height: 40px;
    width: 400px;
    box-shadow: none !important;
    color: #455074;
    font-size: 14px;
    padding-right: 20px;
}

.blogSearch button {
    border: none;
    outline: none;
    background: url("../images/bsbg.png") 0 0 no-repeat;
    background-size: 100%;
    padding: 5px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: #fff;
    position: relative;
    right: 18px;
    top: -5px;
}

.blogbanner {
    position: relative;
}

.blogmod {
    flex-direction: column;
}

.blogbanner img {
    width: 100%;
    border-radius: 10px;
}

.blogDate {
    position: absolute;
    z-index: 1;
    left: 25px;
    bottom: -15px;
    background: #FF6433;
    border-radius: 10px;
    text-align: center;
    padding: 8px 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.blogDate small {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.blogCommonbg {
    border-radius: 10px;
    padding: 15px 20px;
    background: #EFF3FF;
    flex: 1;
}

.blogdesc {
    position: relative;
    top: -10px;
    padding-top: 30px;
}

.blogdesc small {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #455074;
}

.blogdesc h4 {
    font-size: 23px;
    font-weight: 800;
    color: #435077;
}

.blogdesc p {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #455074;
}

.readmore {
    color: #715dd9;
    font-size: 15px;
}

.blogBtm {
    display: flex;
    padding-top: 15px;
    margin-bottom: 20px;
}

.blogBtm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.bbImg {
    position: relative;
    width: 45%;
}

.bbDate {
    position: absolute;
    z-index: 1;
    right: -25px;
    top: 15px;
    background: #38DEC3;
    border-radius: 10px;
    text-align: center;
    padding: 8px 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.bleftTxt {
    padding-left: 30px;
}

.bleftTxt h4 {
    color: #435077;
    font-size: 20px;
    font-weight: 800;
}

.bleftTxt small {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #455074;
    display: inline-block;
    padding-bottom: 10px;
}

.bleftTxt p {
    color: #455074;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.blogRight {
    display: flex;
    padding-bottom: 20px;
}

.blogRight img {
    width: 170px;
    flex: none;
    object-fit: cover;
    border-radius: 8px;
}

.blogRight h4 {
    color: #435077;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 2px;
}

.blogRight p {
    color: #455074;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.blogRight a {
    font-size: 14px;
}

.brDate {
    font-size: 12px;
    color: #fff;
    background: #38DEC3;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 50px;
    margin-bottom: 8px;
}

.brDate2 {
    font-size: 12px;
    color: #fff;
    background: #072F60;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    margin-bottom: 8px;
}

.brDate3 {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background: #FCBD1B;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    margin-bottom: 8px;
}

.brDate4 {
    font-size: 12px;
    color: #fff;
    background: #3174D1;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    margin-bottom: 8px;
}

.blogFoot {
    padding-top: 25px;
    border-top: 2px solid #7C1919;
    margin-top: 30px;
}

.blogFoot .nav {
    justify-content: center;
    border-bottom: 0;
    margin-bottom: 30px;
}

.blogFoot .nav-link {
    color: #132D4E;
    font-size: 22px;
    font-weight: 700;
    border: none !important;
    border-radius: 10px;
}

.blogFoot .nav-link.active {
    color: #fff;
    background: #77BFF3;
    border-radius: 10px;
}

.socialBlock {
    display: flex;
    justify-content: space-between;
    padding-right: 50px;
}

.socialBlock h6 {
    font-size: 18px;
    font-weight: 700;
    color: #435077;
}

.socialBlock p {
    font-size: 14px;
    font-weight: 400;
    color: #435077;
    margin-bottom: 5px;
}

.blogFoot .tab-content {
    padding: 0 100px;
}




.blogFoot .owl-prev,
.blogFoot .owl-next {
    position: absolute;
    z-index: 1;
    top: 24%;
    font-size: 31px !important;
    color: #fff !important;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    background: url("../images/socialleft.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.blogFoot .owl-prev:hover,
.blogFoot .owl-next:hover {
    background: url("../images/sociallefthvr.png") 0 0 no-repeat !important;
    background-size: 100% !important;
}

.blogFoot .owl-nav button::after,
.blogFoot .owl-nav button::before {
    display: none;
}

.blogFoot .owl-prev {
    left: -80px;

}

.blogFoot .owl-next {
    right: -70px;
}

.blogFoot .owl-prev span,
.blogFoot .owl-next span {
    position: relative;
    top: -4px;
}


/* --------------------Blog-page-end--------------------- */

.blogWrap {
    display: block;
    display: -webkit-box;
    max-height: 5.07rem;
    font-size: 1.3rem;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.blogWrapFirst {
    display: block;
    display: -webkit-box;
    max-height: 27.08rem;
    font-size: 1.3rem;
    line-height: 1.3;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

/* --------------------About-page-start--------------------- */
.aboutSection {
    background: url(../images/aboutbgs.jpg) 0 0 no-repeat;
    background-size: 100%;
    padding-top: 100px;
    position: relative;
    padding-bottom: 63px;
}

.aboutNew {
    padding-bottom: 0;
}

.aboutWaveNew::before {
    display: none;
}

.seaMainAbout {
    background: none;
}

.aboutInner {
    position: relative;
    max-width: 991px;
    margin: 0 auto;
}

.abouthead {
    text-align: center;
    padding-bottom: 200px;
    padding-top: 20px;
    max-width: 700px;
}

.abouthead h2 {
    color: #132D4E;
    font-weight: 800;
    padding-bottom: 12px;
}

.abouthead h6 {
    color: #29324A;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
    padding-bottom: 10px;
}

.abouthead p {
    color: #29324A;
    font-family: 'Nunito', sans-serif;
}

.aboutbottomContent {
    position: relative;
    text-align: center;
    max-width: 991px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.aboutDesc {
    border-radius: 40px;
    padding: 35px;
    margin-bottom: 26px;
    box-shadow: 0px 50px 50px rgba(9, 49, 66, 0.5);
}

.aboutDesccolor {
    background: #f6cc35;
}

.aboutDescinn {
    position: relative;
    padding: 20px;
}

.aboutDescinn h4 {
    font-weight: 700;
    color: #132D4E;
}

.aboutDescinn p {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #29324A;
    font-size: 16px;
}

.aboutdescTop {
    padding-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.aboutDesc ul {
    padding: 0;
    margin-bottom: 10px;
}

.aboutDesc ul li {
    list-style-type: disc;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 16px;
    display: flex;
}
.aboutDesgreen p[innerHtml] ul li {
    list-style-type: disc !important /* or 'circle' or 'square' */
  }
.aboutDesgreen p ul li {
    list-style-type: disc;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 16px;
    display: flex;
}


.aboutDesc ul li span {
    display: inline-block;
    margin-right: 5px;
    color: #FFD336;
}

.aboutImg {
    position: relative;
    left: -20px;
    top: -20px;
    background: #EDBB08;
    text-align: center;
    width: 150px;
    float: left;
    flex: none;
    padding: 30px 15px;
}

.aboutImg img {
    width: 150px;
}

.aboutYellow {
    background: #F5D151;
}

.aboutBlue {
    background: #49DEFF;
}

.aboutImgblue {
    background: #11C6EE;
}

.aboutDesblue {
    background: #0CD1FC;
}

.aboutGreen {
    background: #248235;
}

.aboutPink {
    background: #A168FF;
    text-align: left;
}

.aboutPink h4 {
    color: #fff;
    font-weight: 700;
}

.aboutPink p {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
}

.aboutPink ul {
    margin: 0;
    padding: 0;
}

.aboutPink ul li {
    list-style-type: none;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 16px;
    display: flex;
}

.aboutPink ul li span {
    display: inline-block;
    margin-right: 5px;
    color: #FFD336;
    font-size: 16px;
}

.aboutPink h5 {
    color: #fff;
}

.aboutGreen h4,
.aboutGreen p {
    color: #fff;
}

.aboutDesgreen {
    background: #237d33;
    margin-bottom: 25px;
}

.aboutImggreen {
    background: #20692D;
}

.aboutCenter {
    /*    text-align: center;*/
}

.timBg {
    display: flex;
    align-items: center;
}

.timBg .aboutImg {
    position: static;
}

.timTxt {
    padding: 20px;
}

.timTxt p {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
}

.aboutGreen p {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
}

.timTxt h6,
.aboutDescinn h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.aboutImg h6 {
    color: #fff;
    margin: 0;
}

.aboutImg p {
    margin: 0;
}

.timBg .aboutImg {
    padding: 15px;
}

.aboutWave::before {
    background: url(../images/aboutwave.png) 0 100% no-repeat;
    height: 125px;
}

.aboutWave::after {
    display: none;
}

.aboutWave .seaBubble {
    padding-bottom: 160px;
}

.abi {
    width: 250px;
}

.abi2 {
    width: 60px;
    position: relative;
    right: 20px;
}

/* --------------------About-page-end--------------------- */




/* --------------------Contact-page-start--------------------- */
.contactSection {
    background: url(../images/contactbg3.jpg) 0 0 no-repeat;
    background-size: 100%;
    padding-top: 80px;
    position: relative;
}

.contactContent {
    margin: 0 auto;
    margin-bottom: 100px;
    max-width: 1200px;
    padding: 25px;
    /*    animation: mover 2s infinite alternate;*/
}

.contactContent h3 {
    text-align: center;
    color: #fff;
    padding-top: 15px;
}

.rocket2 {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 8%;
    /*    transform: translate(56%, 0);*/
}

.rocket2 img {
    width: 150px;
}

.contactOption {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.contactCard {
    width: 33%;
    padding: 0 20px;
    text-align: center;
    position: relative;
    z-index: 10;
}

.contactCard img {
    width: 110px;
    margin-bottom: 10px;
}

.contactCard h5 {
    color: #fff;
}

.contactCard h6 {
    color: #fff;
    font-size: 18px;
}

.contactCard a {
    color: #fff;
    text-decoration: underline;
}

.mapArea {
    width: 100%;
    border-radius: 25px;
    position: relative;
    margin: 15px 0;
}

.mapArea iframe {
    width: 100%;
    border-radius: 15px;
}

.mapTab {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.mapTabInn {
    background: #0B2549;
    border-radius: 0 0 10px 10px;
    padding: 5px 10px;
}

.mapTabInn span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 5px;
}

.mapTabInn i {
    font-size: 16px;
    color: #EDA592;
}

.ourSocial {
    text-align: center;
    padding: 0 100px;
}

.ourSocial h4 {
    color: #fff;
    font-weight: 700;
}

.ourSocial p {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.contactSocial {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.contactSocial a {
    display: inline-block;
    border-radius: 6px;
    background: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #132D4E;
    margin: 0 5px;
}

.contactSocial a:hover {
    color: #00a200;
}

.socialfb {
    background: url("../images/fbg.png") 0 0 no-repeat;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-right: 5px;
}

.socialtw {
    background: url("../images/twbg.png") 0 0 no-repeat;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-right: 5px;
}

.socialinsta {
    background: url("../images/instbg.png") 0 0 no-repeat;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-right: 5px;
}

.rocketFlame2 .redd {
    left: -38px;
    top: 55px;
    width: 51px;
    height: 51px;
}

.rocketFlame2 .orangee {
    left: -33px;
    top: 57px;
    width: 43px;
    height: 43px;
}

.rocketFlame2 .yelloww {
    left: -25px;
    top: 57px;
    width: 30px;
    height: 30px;
}

.rocketFlame2 .whitee {
    left: -18px;
    top: 54px;
    width: 22px;
    height: 22px;
}

.rocketFlame2 .blackk {
    left: -14px;
    top: 12px;
}

.contactSection .rocketSmoke2 {
    top: 0;
}

/* --------------------Contact-page-end--------------------- */



/* --------------------Terms-page-start--------------------- */
.termSection {
    position: relative;
    background: url("../images/termbg.jpg") 0 0 repeat-y;
    background-size: 100%;
    padding-top: 100px;
}

.termsBg {
    background: url("../images/coingroup.png") 0 0 repeat-y;
    background-size: 100%;
}

.termsContent {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
    /*    margin-top: -120px;*/
}

.coinBase {
    position: relative;
    z-index: 1;
}

.termsContent h3,
.termsContent p {
    color: #fff;
}

.termsBlock {
    background: #FFFFFF;
    box-shadow: 0px 30px 50px rgb(0 0 0 / 50%);
    border-radius: 20px;
    padding: 25px;
    text-align: left;
    margin-bottom: 35px;
}

.termsBlock h4 {
    margin-bottom: 15px;
    font-weight: 600;
    border-left: 4px solid transparent;
    padding-left: 0px !important;
}

.termsBlock p {
    font-family: 'Nunito', sans-serif;
    margin: 0;
    color: #6D7796;
    font-weight: 500;
    line-height: 30px;
}

.tb1 {
    border: 2px solid #3ED0C7;
}

.tb1 h4 {
    color: #D0723E;
    border-color: #3ED0C7;
}

.tb2 {
    border: 2px solid #FFD336;
}

.tb2 h4 {
    color: #3B7EBC;
    border-color: #FFD336;
}

.tb3 {
    border: 2px solid #FF7236;
}

.tb3 h4 {
    color: #6255A5;
    border-color: #FF7236;
}

.tb4 {
    border: 2px solid #F35BE4;
}

.tb4 h4 {
    color: #3BBCA7;
    border-color: #F35BE4;
}

.tb5 {
    border: 2px solid #8C5BF3;
}

.tb5 h4 {
    color: #00B0F0;
    border-color: #8C5BF3;
}

.loadingmore a {
    display: inline-flex;
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    align-items: center;
}

.loadCircle {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 100px;
    font-size: 22px;
    margin-bottom: 5px;
}

.loadingmore a:hover {
    color: #08cf08;
}


/* --------------------Terms-page-end--------------------- */




/* --------------------Login/Registration-page-start--------------------- */
.registrationModal,
.loginModal,
.forgotpassModal {
    background: rgba(27, 9, 53, 0.9);
}

.registrationModal .modal-dialog,
.loginModal .modal-dialog,
.forgotpassModal .modal-dialog {
    max-width: 620px;
}

.registrationModal .modal-content,
.loginModal .modal-content,
.forgotpassModal .modal-content {
    border-radius: 350px;
    /*    background: #49DEFF;*/
    background: #49DEFF url("../images/regdbg.png") center center no-repeat;
    background-size: contain;
    border: 20px solid #C0EFFA;
    box-shadow: 0px 20px 50px rgba(255, 255, 255, 0.25);
    text-align: center;
    padding: 45px;
    width: 620px;
    height: 620px;
}



.modalHead {
    display: flex;
    justify-content: center;
    padding: 10px 20px 0;
    position: relative;
    flex-direction: column;
}

.modalHead h3 {
    line-height: 32px;
    font-size: 30px;
}

.modalHead h6 {
    font-weight: 700;
}

.modalHead p {
    color: #1E0D39;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
}

.loginModal .modal-body p,
.forgotpassModal .modal-body p {
    color: #1E0D39;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
}

.loginModal .modal-body p a,
.forgotpassModal .modal-body p a {
    color: #1E0D39;
}

.loginModal .modal-body p br {
    display: none;
}

.forgotIcon {
    font-size: 30px;
    padding: 10px 0;
}

.modalHead button {
    position: absolute;
    right: -4px;
    top: 0;
    border: none;
    outline: none;
    border-radius: 50px;
    background: #C0EFFA;
    color: #ECBC11;
    font-size: 22px;
    width: 40px;
    height: 40px;
}

.formField {
    position: relative;
}

.formField span {
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 12px;
    font-size: 22px;
    color: #2F2467;

}

.formField input {
    padding-left: 40px;
    font-size: 14px;
    color: #1E0D39;
}

.form-control {
    height: 48px;
    border: 1px solid #49DEFF;
    border-radius: 5px;
    box-shadow: none !important;
}

.registrationModal .form-check label {
    font-weight: 600;
    color: #1E0D39;
    font-size: 15px;
}

.accountInf {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #1E0D39;
    padding-top: 8px;
}

.accountInf br {
    display: none;
}

.accountInf a {
    color: #1A488D;
}

.joinInfo {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #1E0D39;
    margin-top: 8px;
    display: inline-block;
    position: relative;

}

.joinInfo::before {
    content: "";
    position: absolute;
    left: -33px;
    top: 9px;
    width: 30px;
    height: 1px;
    background: #1E0D39;
}

.joinInfo::after {
    content: "";
    position: absolute;
    right: -33px;
    top: 9px;
    width: 30px;
    height: 1px;
    background: #1E0D39;
}

.registerBtn {
    padding-top: 10px;
    padding-bottom: 10px;
}

.registerBtn button {
    border: none;
    outline: none;
    box-shadow: 0px 4px 0px #072F60;
    border-radius: 10px;
    background: #FFD232;
    color: #072F60;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    width: 230px;
}

.registerBtn button:hover {
    background: #08cf08;
}

.regdSocial {
    text-align: center;
    padding-top: 6px;
}

.regdSocial a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    margin: 0 5px;
}

.regdSocial a img {
    width: 20px;
}

/* --------------------Login/Registration-page-end--------------------- */


















/* --------------------Student-Dashboard-Profile-start--------------------- */
.sdp {
    position: relative;
    min-height: 100vh;
}

.sdpCloud1 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 30px;
    display: inline-block;
}

.sdpCloud2 {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 50px;
    display: inline-block;
}

.sdpCloud3 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 80%;
    display: inline-block;
}

.sdpCloud4 {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 60%;
    display: inline-block;
}

.sdpbase {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 20px auto;
    background: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    box-shadow: 0 0 15px #e5e5e5;
    text-align: center;
}

.sdpbase p {
    color: #192A80;
    font-size: 16px;
    font-weight: 600;
}

.sdpform {
    border: 4px solid #E0EBFB;
    background: #F6FAFF;
    border-radius: 3px;
    padding: 50px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 70px;
    text-align: left;
}

.sdpform .form-control {
    height: 50px;
    border: none;
    background: #e5effc;
    padding: 5px 15px;
    font-size: 13px;
    color: #072F60;
    font-weight: 500;
}

.sdpform textarea {
    height: 130px !important;
    resize: none;
}

.sdpform select {
    appearance: auto;
}

.savebtn {
    border: none;
    outline: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 25px;
    background: #9A22F8;
}

.savebtn:hover {
    background: #0401a6;
}




.emUploadImg {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    padding-top: 20px;
    margin-top: -144px;
}

.imageUpload {
    position: relative;
    /*    width: 130px;*/
    text-align: center;
}

.imageUpload img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 100px;
    border: 5px solid #fff;
}

.uploadInput {
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #fff;
    border: 2px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 28px;
    box-shadow: 0 0 5px #606060;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background: #FC961F;
}

.uploadInput input {
    width: 100%;
    opacity: 0;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.uploadInput::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #1FB5EB;
    font-weight: 400;
    cursor: pointer;
}

.blbtop {
    text-align: center;
    padding-top: 200px;
}

.blbHdn {
    text-align: center;
    color: #fff;
}

.blbtab {
    text-align: center;
}

.blbtab h6 {
    text-align: center;
}

.buybucks p {
    color: #EEFFBF;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}


.blbtab button.owl-prev,
.blbtab button.owl-next {
    position: absolute;
    z-index: 1;
    top: 45%;
    font-size: 31px !important;
    color: #fff !important;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    background: url(../images/arrowbg.png) 0 0 no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

.blbtab button.owl-prev:hover,
.blbtab button.owl-next:hover {
    background-color: transparent !important;
}

.blbtab .owl-prev {
    left: 0 !important;
}

.blbtab .owl-next {
    right: 0 !important;
}



.blbModalwdth {
    width: 400px;
    margin: 30px auto;
}

.blbModal1 {
    background: rgba(0, 0, 0, 0.6);
}

.blbModal1 .modal-content {
    background: linear-gradient(180deg, #e3af28 2.33%, #E3AF28 27.73%);
    box-shadow: 0px 4px 0px #FF9212;
    border-radius: 34px 55px 80px 80px;
    border: none;
}

.blbModal1 .modal-content::before {
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 88%;
    background: #e3af28;
    border-radius: 80px 0 0 50px;
    height: 66px;
    position: absolute;
    top: -8px;
    rotate: 3deg;
}

.blbModal1 .modalClose {
    right: 20px;
    top: 20px;
    font-size: 10px;
    color: #C8621C;
}

.blbModal1 .btn-close {
    background: none;
    font-size: 20px;
    color: #C8621C;
    opacity: 1;
}

.blbTop {
    text-align: center;
}

.blbTop h5 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 0px;
    margin: 0;
}

.blbTop p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0px;
}

.blbimgpack {
    text-align: center;
    padding: 10px 0;
}

.blbimgpack img {
    width: 100px;
    margin-bottom: 10px;
}

.blbimgpack p {
    font-size: 14px;
    color: #fff;
}

.blbTicket {
    border-radius: 15px 15px 0 0;
    background: #fff;
    position: relative;
    padding: 25px;
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 30px;
}

.blbTicket::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    width: 100%;
    background: url("../images/zigzac.png") 0 0 repeat-x;
    height: 23px;
}

.blbticketBold {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboarder {
    width: 100%;
    height: 0;
    border-bottom: 2px dashed #ccc;
    margin: 15px 0;
}

.blbTicket p {
    text-align: center;
    color: #424242;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}

.confirmBtn {
    background: linear-gradient(90deg, #14A353 39.34%, #0CB208 104.26%);
    border-radius: 50px;
    width: 90%;
    margin: 20px auto 20px;
    display: inherit;
    border: none;
    outline: none;
    height: 50px;
    color: #fff;
    font-size: 20px;
}

.payplcheck {
    background: linear-gradient(90deg, #DBD9D3 5.1%, #FFFFFF 86.41%);
    box-shadow: 0px 10px 20px rgba(71, 71, 75, 0.2);
    border-radius: 50px;
    color: #424242;
    font-size: 15px;
    border: none;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
}

.blbModal1 .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}

.stripeBtn {
    background: linear-gradient(355.72deg, #15B3E3 50.78%, #6CD1F9 98.12%);
    border: 1px solid #1F98BD;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    border: none;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}

.blbpackFooter {
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 0;
}













.blbModal2 {
    background: rgba(0, 0, 0, 0.6);
}

.blbModal2 .modal-content {
    background: linear-gradient(180deg, #25B49C 0%, #25B49C 93.23%);
    box-shadow: 0px 4px 0px #25B49C;
    border-radius: 34px 55px 80px 80px;
    border: none;
}

.blbModal2 .modal-content::before {
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 88%;
    background: #25B49C;
    border-radius: 80px 0 0 50px;
    height: 66px;
    position: absolute;
    top: -8px;
    rotate: 3deg;
}

.blbModal2 .modalClose {
    right: 20px;
    top: 20px;
    font-size: 10px;
    color: #0C5045;
}

.blbModal2 .btn-close {
    background: none;
    font-size: 20px;
    color: #0C5045;
    opacity: 1;
}













.blbModal3 {
    background: rgba(0, 0, 0, 0.6);
}

.blbModal3 .modal-content {
    background: linear-gradient(180deg, #F7774F 0%, #F7774F 100%);
    box-shadow: 0px 4px 0px #F7774F;
    border-radius: 34px 55px 80px 80px;
    border: none;
}

.blbModal3 .modal-content::before {
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 88%;
    background: #F7774F;
    border-radius: 80px 0 0 50px;
    height: 66px;
    position: absolute;
    top: -8px;
    rotate: 3deg;
}

.blbModal3 .modalClose {
    right: 20px;
    top: 20px;
    font-size: 10px;
    color: #B43911;
}

.blbModal3 .btn-close {
    background: none;
    font-size: 20px;
    color: #B43911;
    opacity: 1;
}








.blbModal4 {
    background: rgba(0, 0, 0, 0.6);
}

.blbModal4 .modal-content {
    background: linear-gradient(180deg, #3580e0 0%, #3580e0 100%);
    box-shadow: 0px 4px 0px #3580e0;
    border-radius: 34px 55px 80px 80px;
    border: none;
}

.blbModal4 .modal-content::before {
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 88%;
    background: #3580e0;
    border-radius: 80px 0 0 50px;
    height: 66px;
    position: absolute;
    top: -8px;
    rotate: 3deg;
}

.blbModal4 .modalClose {
    right: 20px;
    top: 20px;
    font-size: 10px;
    color: #164781;
}

.blbModal4 .btn-close {
    background: none;
    font-size: 20px;
    color: #164781;
    opacity: 1;
}




.sdMaterial {
    padding: 30px;
}

.sdMatinn {
    background: #E7EEF9;
    border-radius: 10px;
}

.sdMtop {
    padding: 20px;
}

.sdMbtm {
    padding: 20px;
    background: #fff;
}




.sdMtop .dropToggle {
    width: 220px;
    position: relative;
    left: 100px;
}

.sdMtop .btn-toggle {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #DE8011;
    box-shadow: none !important;
}

.sdMtop .btn-toggle:focus,
.sdMtop .btn-toggle.focus,
.sdMtop .btn-toggle:focus.active,
.sdMtop .btn-toggle.focus.active {
    outline: none;
}

.sdMtop .btn-toggle:before,
.sdMtop .btn-toggle:after {
    line-height: 1.5rem;
    width: 107px;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}


.sdMtop .btn-toggle:before {
    content: 'Adult Learner';
    /*    left: -4rem;*/
    text-align: left;
    right: 89%;
}

.sdMtop .btn-toggle:after {
    content: 'Young Learner';
    /*    right: -4rem;*/
    left: 100%;
    opacity: 0.5;
    text-align: right;
}

.sdMtop .btn-toggle>.handle {
    position: absolute;
    top: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;


    left: 1.6875rem;
    transition: left 0.25s;
}

.sdMtop .btn-toggle.active {
    transition: background-color 0.25s;
}

.sdMtop .btn-toggle.active>.handle {
    left: 0.1875rem;
    transition: left 0.25s;
}

.sdMtop .btn-toggle.active:before {
    /*    opacity: 0.5;*/
    opacity: 1;
}

.sdMtop .btn-toggle.active:after {
    opacity: 0.5;
}

.sdMtop .btn-toggle.btn-sm:before,
.sdMtop .btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.sdMtop .btn-toggle.btn-sm:before {
    text-align: right;
}

.sdMtop .btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.sdMtop .btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.sdMtop .btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.sdMtop .btn-toggle.btn-xs:before,
.sdMtop .btn-toggle.btn-xs:after {
    display: none;
}

.sdMtop .btn-toggle:before {
    color: #3A88DF;
    opacity: 0.5;
}


.sdMtop .btn-toggle:after {
    color: #DE8011;
    opacity: 1;
}

.btn-toggle {
    /*    width: 46px;*/
}

.sdMtop .btn-toggle.active {
    background-color: #3A88DF;
}







/* --------------------Student-Dashboard-Profile-end--------------------- */




/* --------------------Student-dashboard-material-start--------------------- */
.sdMtopform {
    padding-top: 10px;
}

.sdMtopform form {
    display: flex;
    /*    justify-content: space-between;*/
    flex-wrap: wrap;
}

/*
.sdMtopform .dropdown{
    flex: 1;
    padding: 0 5px;
}
.sdMtopform .dropdown-select{
    width: 100%;
    flex: 1;
    justify-content: space-between;
    display: flex;
    padding: 6px 15px;
    border: none;
    border-radius: 50px;
    background: #fff;
}
*/
.sdMtopform select {
    border: none;
    border-radius: 50px;
    appearance: auto;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #849CAA;
    width: 220px;
    margin-bottom: 5px;
}

.findlession {
    border: none;
    border-radius: 50px;
    padding: 5px 10px;
    background: #F6647C;
    color: #fff;
    flex: 1;
    font-size: 14px;
    margin-bottom: 5px;
}

.findlession:hover {
    background: #3A88DF;
}

.sdmslidebg {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
}

.sdmslideproduct {
    background: #F6F6F6;
    width: 23%;
    margin: 0 1% 18px;
    text-align: center;
    padding: 20px;
}

.sdmslideproduct img {
    margin-bottom: 15px;
    width: 130px !important;
    display: inline !important;
}

.sdmslideproduct h6 {
    color: #1E2F38;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.sdmslideproduct p {
    color: #60647A;
    margin-bottom: 0;
    font-size: 13px;
}

.slideContrl {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.slideContrl button {
    position: static !important;
    color: #EDA592 !important;
    width: auto;
    font-size: 26px;
    margin: 0 5px;
}

.sdmslideproduct span {
    color: #396BEC;
}

.sdmCarousalHdn {
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.sdmclft {
    display: flex;
    align-items: center;
}

.sdmclft strong {
    text-transform: uppercase;
    color: #000;
}

.sdmclft span {
    font-size: 13px;
}

.sdmdot {
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: #49DEFF;
    display: inline-block;
    margin: 0 5px;
}

.yng {
    color: #166D9E;
    font-weight: 600;
}

.sdmcrgt {
    font-size: 13px;
    font-weight: 600;
    color: #166D9E;
}



.newnavDrop {
    position: relative;
}

.newnavDrop .dropdown {
    position: absolute;
    right: 0;
    top: 15px;
}

.dbloguser {
    display: inline-block;
}

.dbloguser img {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    border: 2px solid #ccc;
}

.newnavDrop .dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
}

.newnavDrop .dropdown-menu {
    left: inherit;
    right: 0;
}

.newnavDrop .dropdown-menu a {
    font-size: 13px;
}


/* --------------------Student-dashboard-material-end--------------------- */




/* --------------------Teacher-dashboard-regular-and-block-start--------------------- */
.tdrbg {
    background: url("../images/cloudcontent.png") 0 0 no-repeat !important;
    background-size: cover;
    /*    display: flex;*/
    align-items: center;
}

.tdBtnregular {
    background: #D28DFD;
    border: 3px solid #A51BE5;
    color: #5B0F7E !important;
    width: auto !important;
}

.tdBtnregular img {
    width: 20px;
    margin-right: 5px;
}

.tdBtnrblock {
    background: #F2787F;
    border: 3px solid #FA4B55;
    width: auto !important;
}

.tdBtnrblock img {
    width: 16px;
    margin-right: 5px;
}

.tdrs {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.tdrTag {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    font-size: 20px;
    display: inline-block;
}

.tdrTag img {
    width: 25px;
}

.color4 {
    color: #3BBCA7;
}

/* --------------------Teacher-dashboard-regular-and-block-end--------------------- */
.aboutTxt{
    text-align: left;
}
.aboutTxt .aboutListcontent{
    padding-left: 0!important;
}
.aboutListcontent ul{
    padding-left: 20px!important;
}
.aboutListcontent ul li{
    list-style: disc;
    list-style-position: outside;
    display: list-item!important;
    text-align: left;
}
.aboutListcontent ul li p{
    margin-bottom: 0!important;
    padding: 0!important;
}
.aboutListcontent ol{
    padding-left: 20px;
}

.aboutListcontent ol li{
    color: #fff;
}

.aboutNew {
    background: url("../front/images/waveflow.gif") 0 100% no-repeat !important;
    background-size: 100% 550px !important;
    /* opacity: 0.8; */
    background-attachment: fixed !important;
}
.aboutSandbg{
    background: url("../images/sand.png") center 0 no-repeat;
    background-size: 100%;
    position: relative;
    text-align: center;
}

.sandbgs {
    background: url("../images/sand.png") 0 0 no-repeat;
    background-size: 100%;
    position: relative;
    text-align: center;
}

.newTeacherdata table th:nth-child(5),
.newTeacherdata table td:nth-child(5) {
    max-width: 193px;
    word-break: break-word;
    white-space: inherit;
}

.newTeacherdata table th:last-child {
    text-align: center;
}

.newStudentdata table th:nth-child(5),
.newStudentdata table td:nth-child(5) {
    max-width: 193px;
    word-break: break-word;
    white-space: inherit;
}

.newStudentdata table th:last-child {
    text-align: center;
}
















/* --------------------Footer-start--------------------- */
.footer {
    text-align: center;
    background: #15325A;
    position: relative;
    padding-top: 30px;
    padding-bottom: 90px;
}

/*
.footer::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 100%;
    background: url("../images/footerbg.png") 0 1px no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 30px;
}
*/

.footer h2 {
    color: #fff;
}

.footer p {
    margin: 0;
    color: #6286B8;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
}

.footer p br {
    display: none;
}

.footerSocial {
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 30px;
}

.footerSocial a {
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: 1s;
    transition: .5s;
}

.footerSocial a:hover {
    transform: scale(1.2);
    /*    background: #ff800a;*/
    z-index: 2;
    /*    box-shadow: 2px 2px 2px #000;*/

}

.fbg {
    background: url("../images/fbbg.png") 0 0 no-repeat;
}

.twitbg {
    background: url("../images/twitbg.png") 0 0 no-repeat;
}

.instabg {
    background: url("../images/instabg.png") 0 0 no-repeat;
}

.linebg {
    background: url("../images/linebg.png") 0 0 no-repeat;
}


/*
ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffee10;
    transition: .5s;
    transform: scale(.9);
    z-index: -1;
}

ul li a:hover::before {
    transform: scale(1.1);
    box-shadow: 0 0 15px #ffee10;
}
*/

.footerMenu {
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    padding-bottom: 10px;
}

.footerMenu a {
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    margin: 0 10px;
}

.footerMenu a:hover {
    color: #29c929;
}

/* --------------------Footer-end--------------------- */


.modal-backdrop {
    min-height: 100%;
    bottom: 0;
    background: #3ED5F6;
    opacity: 0 !important;
}

/* .teacherSlide img {
    height: 200px;
    object-fit: cover;
} */
/* 
.teacherimgprof img {
    width: 100%; */
    /* height: 300px; */
    /* height: calc(100% - 35px);*/
    /* object-fit: cover;  */

    /* height: 250px;
    object-fit: cover; */
/* } */
.teacherimgprof img {
   
width: 100%;
height: 250px;

object-fit: cover; 
background-color: #eee;

}
 .teacherH img{
    height: 280px;

 }

.newSdp {
    min-height: inherit !important;
}

.cpwNew {
    background: #dafaff;
}

.unread-count{
    display: inline-block;
    background-color: #00a200;
    color: #fff;
    padding: 4px;
    text-align: center;    
    font-size: 14px;
    line-height: 18px;
    border-radius: 15px;
    min-width: 26px;
}

.unread_message_count{
    display: inline-block;
    background-color: #c50e0e;
    color: #fff;
    padding: 3px;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    border-radius: 15px;
    min-width: 22px;
    margin-top: -33px;
    margin-left: 25px;
}







@media(min-width:1450px) {
    .bannerTxt {
        max-width: 1200px;
    }

    .cloudBg::before {
        height: 440px;
    }

    .cloudContent {
        max-width: 1200px;
    }

    .forestBg::before {
        height: 469px;
    }

    .forestContent {
        max-width: 1200px;
    }

    .rocket {
        top: -631px;
    }
}

@media(min-width:1500px) {
    .forestBg::before {
        /* height: 474px; */
        height: 459px;
    }
}

@media(min-width:1550px) {
    .forestBg::before {
        height: 466px;
    }
}

@media(min-width:1650px) {
    .forestBg::before {
        /* height: 535px; */
        height: 490px;

    }
}

@media(min-width:1950px) {
    .forestBg::before {
        /* height: 633px; */
        height: 535px;
    }
}









@media(max-width:1399px) {
    .findlession {
        width: 250px;
        flex: none;
        height: 45px;
    }

    .forestBg::before {
        height: 375px;
    }
}

@media(max-width:1299px) {
    .sandBg {
        padding-top: 0;
        /*        padding-bottom: 360px;*/
    }

    .connected {
        font-size: 22px;
    }

    .sandBg h2 {
        font-size: 30px;
    }

    .forestBg::before {
        height: 330px;
        background-size: cover;
        background-position: center 0;
    }

    .cloudBg::before {
        height: 280px;
    }

    .rocket {
        top: -512px;
        right: 22%;
    }
}

@media(max-width:1199px) {
    .logoBg img {
        width: 190px;
    }

    .bird {
        filter: invert(34%) sepia(55%) saturate(427%) hue-rotate(141deg) brightness(50%) contrast(114%) !important;
    }

    .termSection {
        padding-top: 60px;
    }

    .seaBg::after {
        top: -61px;
    }

    .forestBg {
        /*        background-size: cover;*/
        background-size: contain;
        background-position: center bottom;
        background-color: #000104;
    }
}

.mobParalax {
    display: none;
}

@media(max-width:991px) {
    .sdmslideproduct {
        width: 31%;
    }

    .fullWdth {
        width: 90% !important;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-image: none;
    }

    .pricingPageBg::before {
        height: 250px;
    }

    .navBlock ul li {
        margin: 18px;
        width: auto;
        text-align: left;
    }

    .mobParalax {
        position: relative;
        display: block;

    }

    .mobParalax::before {
        content: "";
        position: absolute;
        left: 0;
        top: -80px;
        width: 100%;
        z-index: 9;
        /*         background-image: url(../images/hill3.png);*/
        background-attachment: fixed;
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: cover;
        height: 150px;
        transform: translateZ(-1px) scale(2);
    }

    #hero-2::before {
        top: 0;
        position: absolute;
    }

    .sandBg img {
        max-width: 500px;
    }

    .teacherRespSlide {
        display: block !important;
    }

    .teacherImgblock {
        display: none;
    }

    .navBlock ul li:nth-child(even) {
        /*
        position: relative;
        right: 131px;
        text-align: right;
        width: 139px;
*/
    }

    .navBlock ul li:nth-child(even) a {
        /*
        text-align: right;
        padding-right: 42px !important;
*/
    }

    .navBlock ul li:nth-child(even) a::before {
        /*
        left: inherit;
        right: 0;
*/
    }

    .navBlock ul li a {
        line-height: 22px;
    }

    .abouthead {
        padding-bottom: 50px;
    }

    .rocket2 {
        right: 7%;
    }

    .contactSection {
        padding-top: 50px;
    }

    .contactCard h6 {
        margin: 0;
    }

    .contactOption {
        flex-direction: column;
        align-items: center;
    }

    .contactCard {
        margin-bottom: 20px;
        width: 100%;
    }

    .contactCard img {
        width: 70px;
    }

    .seaBubble {
        padding-bottom: 80px;
    }

    .bubbleFloat1 {
        top: 71%;
    }

    .bubbleFloat2 {
        top: 88%;
    }

    .bubbleFloat4 {
        top: 77%;
        left: 81%;
    }

    .blogFoot .tab-content {
        padding: 0 70px;
    }

    .cloudContent .owl-prev {
        left: -10px;
    }

    .cloudContent .owl-next {
        right: -10px;
    }

    .sandTxt {
        padding: 0 20px;
    }

    .pricingPageBg {
        /*        background-size: cover;*/
    }

    .rocketFlame {
        height: 90px;
        bottom: 32px;
    }

    .yelloww {
        left: 19px;
        top: 22px;
        width: 30px;
        height: 30px;
    }

    .orangee {
        left: 11px;
        top: 23px;
        width: 40px;
        height: 40px;
    }

    .redd {
        left: 5px;
        top: 20px;
        width: 50px;
        height: 52px;
    }

    .whitee {
        left: 26px;
        top: 20px;
        width: 20px;
        height: 20px;
    }

    .navbar-toggler:hover {
        color: #000 !important;
    }

    .navbar-toggler> ::before,
    .navbar-toggler> ::after {
        background: #fff !important;
        color: #000 !important;
    }

    .navbar-toggler::after {
        display: none !important;
    }

    .learning {
        font-size: 22px;
    }

    .seaBg {
        /*
        background-position: 0 100%;
        background-size: 100%;
*/
        background-position: 35% 100%;
        background-size: 150%;
    }

    .seaBg::after {
        /*
        background: url(../images/searespinsive.jpg) 0 0 no-repeat;
        background-size: 100%;
*/
    }

    .seaBg::before {
        /*        background-size: cover;*/
        height: 320px;
    }

    #hero-2::before {
        /*        display: none;*/
        /*        top: 307px;*/
        top: 200px;
    }

    .cloudContent {
        padding-bottom: 228px;
    }

    .cloudBg {
        background-size: cover;
        /*        background-size: 100% 70%;*/
    }

    .sandBg {
        /*        background-size: cover;*/
    }

    .priceBg {
        flex-wrap: wrap;
        justify-content: center;
    }

    .forestContent {
        max-width: 100%;
        padding-bottom: 250px;
    }

    .priceslide .priceBlock {
        width: auto;
    }

    .priceBlock {
        width: 32%;
    }

    .priceslideb .priceBlock {
        width: auto;
        margin: 17px;
    }



    /*
    .bannerTxt {
        padding-bottom: 180px;
    }
*/

    .rocket {
        top: -432px;
        right: 23%;
    }

    .cloudBg::before {
        height: 242px;
    }

    .navBlock {
        text-align: center;
    }

    .navbar-toggler {
        background: transparent;
        box-shadow: none !important;
        font-size: 25px;
        padding-right: 0;
        padding-left: 20px;
    }

    .navbar-collapse {
        position: fixed;
        right: 0;
        left: 0;
        top: 61px;
        z-index: 0;
        /*        background: rgba(0, 0, 0, 0.6);*/
        background: #fff;
        /*        min-width: 215px;*/
        width: 187px;
        margin: 0 auto;
        text-align: right;
        padding: 0px 15px 4px 15px;
        position: sticky;
    }

    .navbar-toggler-icon {
        position: relative;
    }

    header .navbar-toggler[aria-expanded="true"] i {
        display: none;
    }

    header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
        content: "\2715";
        position: absolute;
        z-index: 9;
        left: 7px;
        top: 0;
        font-size: 26px;
        font-weight: 600;
    }

    .navBlock .navbar-nav {
        display: block;
        text-align: left;
        /*        padding-left: 50px;*/
        position: relative;
        left: 82px;
        /*        overflow: hidden;*/
    }

    .navBlock .navbar-nav::before {
        /*        left: 20px;*/
        /*        left: 54%;*/
        left: 5px;
        top: 2px;
        width: 2px;
        height: 100%;
        height: calc(100% - 10px);
    }

    .navBlock ul li a::before {
        left: -12px;
        top: 0;
    }

    .navBlock ul li a {
        /*        color: #fff;*/
    }

    .navBlock ul li a:hover,
    .navBlock ul li a.active {
        /*        color: #0bd70b;*/
    }

    header::before {
        top: 99%;
        z-index: 0;
    }


}

@media(min-width:768px) {
    .cloudBg {
        /*    position: relative;*/
        background: url("../images/cloudbase.jpg") 0 0 no-repeat;
    }
}

@media(max-width:767px) {
    .sdpform {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sdpbase {
        padding: 20px 15px;
    }

    .pricingPageBg {
        padding-top: 215px;
    }

    .pricingPageBg::before {
        height: 210px;
    }

    .pricingPageBg::after {
        background-size: 100%;
    }

    .navBlock .navbar-nav {
        left: 80px;
    }

    .homebanner {
        z-index: auto;
    }

    .hero2 {
        z-index: 10;
    }

    header {
        /*        position: relative;*/
    }

    .navbar-toggler {
        padding-left: 15px;
    }

    .footer p {
        font-size: 15px;
        line-height: 20px;
    }

    .navBlock ul li {
        margin: 12px 18px;
    }

    .aboutSection {
        padding-top: 48px;
    }

    .registrationModal .modal-content,
    .loginModal .modal-content,
    .forgotpassModal .modal-content {
        border-radius: 20px;
        padding: 20px;
    }

    .modalHead h3 {
        line-height: 30px;
        font-size: 23px;
    }

    .contactSection .rocketSmoke2 {
        top: -85px;
    }

    .rocket2 {
        right: 8%;
    }

    .rocketFlame2 {
        left: 48px !important;
        bottom: -82px !important;
        height: 175px;
    }

    .rocketFlame2 .redd {
        left: -25px;
        top: 51px;
        width: 34px;
        height: 34px;
    }

    .rocketFlame2 .orangee {
        left: -22px;
        top: 49px;
        width: 30px;
        height: 30px;
    }

    .rocketFlame2 .yelloww {
        left: -16px;
        top: 49px;
        width: 20px;
        height: 20px;
    }

    .rocketFlame2 .whitee {
        left: -14px;
        top: 52px;
        width: 16px;
        height: 16px;
    }

    .ourSocial {
        padding: 0;
    }

    .mapArea iframe {
        height: 250px;
    }

    .bubbleFloat2,
    .bubbleFloat3 {
        display: none;
    }

    .rocket2 {
        top: 15px;
    }

    .rocket2 img {
        width: 100px;
    }

    .slideBlock {
        margin: 10px 27px;
    }

    .aboutdescTop {
        flex-direction: column;
        align-items: stretch;
    }

    .aboutImg {
        /* position: static; */
        margin-bottom: 10px;
    }

    .priceBuckRgt {
        text-align: center;
    }

    .letterDetltxt {
        padding-right: 20px;
    }

    .letterDetltxt::before {
        right: 0px;
        top: -12px;
        height: 65px;
        border-radius: 70px 80px 5px 33px;
        transform: rotate(2deg);
    }

    .bucketStag {
        margin-bottom: 15px;
    }

    .teacherImgblock .slideBlock {
        width: 40%;
    }

    .priceBlock {
        width: 35%;
    }

    .cloudBg::before {
        height: 199px;
    }

    .levelUp {
        font-size: 19px;
        line-height: 25px;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h6 {
        font-size: 17px;
        line-height: 23px;
    }

    .navbar-collapse {
        right: -20px;
    }

    .blogdesc h4 {
        font-size: 20px;
    }


}

@media(max-width:600px) {
    .sdmCarousalHdn {
        flex-direction: column;
    }

    .sdmclft {
        flex-direction: column;
    }

    .sdmcrgt {
        text-align: center;
    }

    .sdmslideproduct {
        width: 48%;
    }

    .sdMtopform select {
        width: 100%;
        margin-right: 0;
    }

    .findlession {
        width: 100%;
    }

    .aboutImg {
        width: 100%;
        position: static;
    }

    .pricingPageBg::before {
        height: 200px;
    }

    .sandBg {
        padding-bottom: 268px;
    }

    .waveGif img {
        height: 300px;
    }

    .sandBg img {
        max-width: 400px;
    }

    .forestContent p {
        font-size: 15px;
    }

    .forestContent {
        padding-bottom: 170px;
    }

    .footer p br {
        display: block;
    }

    #hero-2::before {
        top: 250px;
    }

    .rocket2 img {
        width: 85px;
    }

    .timBg {
        flex-direction: column;
        /*        text-align: center;*/
        align-items: stretch;
    }

    .aboutImggreen {
        margin-top: 15px;
    }

    .bannerTxt {
        /*
        padding-left: 10px;
        padding-right: 10px;
*/
    }

    .slideBlock {
        margin: 10px 110px;
    }

    .footerMenu {
        font-size: 0;
    }

    .footerMenu a {
        background: linear-gradient(180deg, #5793e4 0%, #1f3d67 96.35%);
        border-radius: 50px;
        padding: 2px 10px;
        font-size: 15px;
        width: 38%;
        margin-bottom: 6px;
    }

    .footerMenu a:hover {
        background: linear-gradient(180deg, #1f3d67 0%, #5793e4 96.35%);
    }

    .blogFoot .owl-prev,
    .blogFoot .owl-next {
        width: 40px;
        height: 40px;
    }

    .blogFoot .owl-prev span,
    .blogFoot .owl-next span {
        top: -6px;
    }

    .socialBlock h6 {
        font-size: 15px;
    }

    .blogFoot .nav-link {
        font-size: 14px;
    }

    .socialBlock {
        padding-right: 0;
    }

    .sandBg h2 {
        font-size: 22px;
    }

    .priceslide .priceBlock {
        width: 270px;
        margin: 20px auto;
    }

    .blogSearch button {
        top: -2px;
    }

    .blogSearch form {
        width: 100%;
    }

    .blogSearch .form-control {
        width: 100%;
    }

    .teacherImgblock .slideBlock {
        width: 45%;
    }

    .priceBlock {
        width: 45%;
    }

    .bannerTxt {
        padding-bottom: 233px;
    }

    .rocket {
        top: -308px;
        right: 22%;
    }

    .rocket img {
        width: 155px;
    }

    .rocketFlame {
        left: 37px !important;
        bottom: 6px !important;
    }


    .redd {
        width: 28px;
        height: 28px;
    }

    .whitee {
        width: 10px;
        height: 10px;
    }

    .yelloww {
        width: 15px;
        height: 15px;
    }

    .rocketFlame2 {
        left: 42px !important;
        bottom: -91px !important;
    }


    .cloudBg::before {
        height: 175px;
    }

    h2 {
        font-size: 22px;
        line-height: 30px;
    }

    h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .forestContent h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .navbar-collapse {
        right: -36px;
    }

    .cloudContent h2 {
        padding-bottom: 15px;
    }

    p {
        /*
        font-size: 15px;
        line-height: 22px;
*/
    }

}

@media(max-width:480px) {
    .sdmslideproduct {
        width: 98%;
    }

    .pricingPageBg::before {
        height: 150px;
    }

    .navBlock .navbar-nav {
        left: 81px;
    }

    .seaBg {
        background-size: 183%;
    }

    .sandBg img {
        max-width: 300px;
    }

    .forestContent {
        padding-bottom: 130px;
    }

    .navbar-toggler {
        padding-left: 20px;
    }

    .loginModal .modal-body p br {
        display: block;
    }

    .accountInf br {
        display: block;
    }

    .modalHead button {
        right: -18px;
        top: -19px;
    }

    .registrationModal .modal-content,
    .loginModal .modal-content,
    .forgotpassModal .modal-content {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .contactContent {
        margin-bottom: 20px;
        padding: 20px 0;
    }

    .contactCard {
        margin-bottom: 15px;
    }

    .mapArea {
        margin-top: 0;
    }

    .contactOption {
        padding-bottom: 0;
    }

    .contactSection {
        padding-top: 20px;
    }

    .contactSection {
        /*        background-size: 100% 100%;*/
    }

    .contactCard h5 {
        font-size: 14px;
    }

    .footerMenu a {
        width: 50%;
    }

    .seaBg::before {
        height: 177px;
    }

    .slideBlock {
        margin: 10px 50px;
    }

    header::before {
        /*        top: 86%;*/
        background-size: cover;
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .blogDate {
        bottom: -8px;
    }

    .blogFoot .tab-content {
        padding: 0 28px;
    }

    .blogFoot .owl-prev {
        left: -55px;
    }

    .blogFoot .owl-next {
        right: -55px;
    }

    .priceslide .priceBlock {
        width: 220px;
    }

    .priceBlock {
        padding: 16px;
    }

    .blogBtm {
        flex-direction: column;
    }

    .bbImg {
        width: 100%;
    }

    .bbDate {
        right: 40%;
        bottom: -10px;
        top: inherit;
    }

    .bleftTxt h4 {
        font-size: 18px;
    }

    .blogCommonbg {
        padding: 13px;
    }

    .blogRight {
        flex-direction: column;
        width: 100%;
    }

    .blogRight img {
        width: 100%;
    }

    .friendboxtop {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .friendRating {
        padding-bottom: 10px;
    }

    .teacherModal p {
        margin-bottom: 8px;
    }

    .modalfriendDetl {
        text-align: center;
    }

    .friendBlocktext {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
    }

    .teacherBase {
        padding-top: 30px;
    }

    .teacherImgblock .slideBlock {
        width: 75%;
    }

    .priceBlock {
        width: 60%;
    }

    .cloudBg::before {
        height: 172px;
    }

    .rocket {
        top: -285px;
        right: 22%;
    }
    .aboutDesc{
        padding: 22px !important;
    }
}

@media(max-width:460px) {
    .navBlock .navbar-nav {
        left: 83px;
    }

    header::before {
        background-size: cover;
        /*        height: 30px;*/
        /*        top: 93%;*/
        z-index: 0;
        height: 34px;
    }

    .navbar-toggler {
        font-size: 23px;
    }

    .navBlock {
        top: 15px;
    }

    .logoBg img {
        max-width: 124px;
    }

    .regdBtn {
        padding: 8px 12px;
        font-size: 16px;
    }

    .getStarted {
        padding: 5px 12px;
        font-size: 16px;
    }
}

@media(max-width:430px) {
    .svgMotion {
        bottom: 95%;
    }

    .navbar-collapse {
        width: auto;
    }

    .navBlock .navbar-nav {
        left: 69px;
    }
}

@media(max-width:370px) {
    .pricingPageBg {
        padding-top: 157px;
    }

    .pricingPageBg::before {
        height: 120px;
    }

    .svgMotion {
        bottom: 93%;
    }
}

@media(max-width:360px) {
    .seaBg {
        background-size: 225%;
        background-position: 40% 100%;
    }

    .navBlock {
        width: 50px;
    }

    .navBlock .navbar-nav {
        left: 46px;
    }

    .registerBtn button {
        width: 100%;
    }

    .svgMotion {
        bottom: 91%;
    }

    .rocket2 {
        right: 6%;
    }

    .footer p {
        /*        font-size: 19px;*/
    }

    .footerMenu a {
        width: 60%;
    }

    .cloudBg::before {
        height: 161px;
    }

    .navbar-collapse {
        right: -50px;
    }
}

@media(max-width:320px) {
    header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
        /*        left: 14px;*/
    }

    .cloudContent {
        padding-bottom: 0;
    }

    .navBlock .navbar-nav {
        left: 39px;
    }
}

.priceBlock img {
    height: 120px !important;
}





/*------------------------ 27.07.2023 sushanta ------------------------------*/

.chatcontent_wrap {
    display: flex;

    border: 4px solid #E0EBFB;
    background: #F6FAFF;
    border-radius: 3px;
    padding: 20px;

}

.chatuser_info {
    padding: 15px;
    background: #fff;
    border-radius: 15px;
}

.chatuser_info {
    width: 35%;
}

.chatuser_item_wrap {
    height: 30vh;
    overflow: scroll;
}

.chat_display_scroll {
    height: 50vh;
    overflow: scroll;
}

.chatsearchopt h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}

.chat_inp_info {
    background: #FFFFFF;
    border: 1px solid #F6FAFF;
    border-radius: 100px;
    position: relative;
    display: flex;
    padding: 4px;
    align-items: center;
}

.chat_inp_info input.form-control {
    border: 0px !important;
    outline: 0px !important;
    padding: 0px 15px !important;
    height: 40px;
    background: transparent !important;
}


.def_btn_opt.active.searchopt {
    border: 1px solid #e0e0e0;
    padding: 10px;
    background: #9A22F8;
    border-radius: 100px;
    font-size: 0px;
    width: 40px !important;
    height: 40px;
    transition: 0.3s;
}

.chatsearchopt {
    margin-bottom: 20px;
}

.user_chat_block.useractive.activeuser_view {
    background: #F6FAFF;
}

.user_chat_block:hover {
    background: #F6FAFF;
}

.user_chat_block {
    border-bottom: 1px solid #F6FAFF;
    position: relative;
    cursor: pointer;

}

.user_chat_block {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 10px;
}

.user_prof {
    position: relative;
}

.activeuser_view .user_prof img {
    border: 2px solid #6BA442;
}

.user_prof img {
    position: relative;
}

.user_prof img {
    border: 2px solid #CDD8CD;
    border-radius: 50%;
    width: 55px;
    margin-right: 12px;
    height: 55px;
}

.activeuser_view .user_prof:after {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    content: "";
    background: #6BA442;
    border-radius: 50%;
}

.offlineuser .user_prof:after {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    content: "";
    background: #e1e1e1;
    border-radius: 50%;
}

.user_prof_info {
    flex: 1;
    overflow: hidden;
    text-align: left;
}

.user_prof_info h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
}

.chatcontent_display {
    flex: 1;
    margin-left: 3%;
}

.chatcontent_head .user_chat_block {
    background: transparent !important;
}

.user_chat_block p {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}

.user_chat_opt {
    display: flex;
}

.user_chat_pic {
    width: 50px;
    margin-right: 15px;
    margin-top: 10px;
    position: relative;
    flex: none;
}

.user_chat_pic img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #CDD8CD;

    box-shadow: 0px 0px 10px #0000000d;
}

.activeuser_view .user_chat_pic:after {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    content: "";
    background: #6BA442;
    border-radius: 50%;
}

.offlineuser .user_chat_pic:after {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    content: "";
    background: #e1e1e1;
    border-radius: 50%;
}

.user_chat_info {
    /* flex: 1; */

    flex: inherit;
}

.chat_content {
    border-radius: 20px 20px 20px 0px;
    padding: 15px;
    margin-bottom: 15px;
}

.reply_user .chat_content {
    background: #E9F8FF;
}

.user_chat_opt.def_user_cont .chat_content {
    border-radius: 20px 20px 0px 20px;
    background: #F1F6F9;
}

.chattime {
    color: #AFAFAF;
    font-size: 14px;
    margin-bottom: 16px;
}

.chat_content {
    text-align: left;
    font-size: 15px;

}

.chat_content p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-bottom: 7px;
}

.usr_name {
    font-weight: 600;
}

.usr_date {
    font-size: 13px;
}

.chatcontent_head .user_chat_block {
    background: #fff !important;
    border-radius: 10px;
    margin-bottom: 18px;
}

.user_chat_opt.def_user_cont {
    flex-direction: row-reverse;
}

.user_chat_opt.def_user_cont .user_chat_pic {
    margin-right: 0;
    margin-left: 15px;
}

.mes_cap {
    padding: 5px 0;
}

.chatcontent_display {

    background: #fff !important;
    padding: 0px 15px 15px;
    border-radius: 10px;
}


@media (max-width:1199px) {
    .chat_content {
        font-size: 14px;
    }

    .chat_content p {
        font-size: 14px;
    }



}

@media (max-width:767px) {
    .chatuser_info {
        width: 100%;
        margin-bottom: 30px;
    }

    .chatcontent_wrap {
        flex-direction: column;
    }

    .chatcontent_display {
        margin: 0px;
    }
}

@media (max-width:380px) {
    .abi {
        width: 193px !important;
    }
}

/* 27.07.2023 sushanta end */