@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,100..900,0..100,0..1;1,9..144,100..900,0..100,0..1&family=Roboto&display=swap');

@font-face {
    font-family: fraunces_144pt;
    src: url('fonts/Fraunces_144pt-SemiBoldItalic.ttf');
}

body {
    background-color: #ffffff;
    font-family: "Fraunces", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-variation-settings:
        "SOFT"0,
        "WONK"1;
}

* {
    transition: 0.2s ease-in-out;
}

a {
    color: #685F5F;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.marquee {
    background-color: #E72B4F;
    color: #ffffff;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.marquee span {
    display: inline-block;
    font-size: 16px;
    padding: 5px 0;
    position: relative;
    left: 100%;
}

.marquee:hover span {
    animation-play-state: paused;
}

.marquee span:nth-child(1) {
    animation-delay: 0s;
}

.marquee span:nth-child(2) {
    animation-delay: 0s;
}

.marquee span:nth-child(3) {
    animation-delay: 0s;
}

.marquee span:nth-child(4) {
    animation-delay: 0s;
}

.marquee span:nth-child(5) {
    animation-delay: 0s;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -80%;
    }
}

.roboto {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.amatic-sc-regular {
    font-family: "Amatic SC", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.amatic-sc-bold {
    font-family: "Amatic SC", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.light {
    font-weight: 200;
}

.regular {
    font-weight: 400;
}

.semibold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.italics {
    font-style: italic;
}

.brown {
    color: #80695F;
}

.brown-2 {
    color: #685F5F;
}

.dark-brown {
    color: #584033;
}

.bright-brown {
    color: #A35507;
}

.indigo {
    color: #5059B0;
}

.black {
    color: #2A2727;
}

.background-brown {
    overflow: hidden;
    background-color: #EFEDE7;
}

.background-cyan {
    overflow: hidden;
    background-color: #CEDEDE;
}

.underline::after {
    display: table;
    margin: 30px auto;
    border-bottom: 1px dashed #A35507;
    content: '';
}

.navbar-expand-xl {
    z-index: 2;
}

.navbar-toggler:focus,
.navbar-toggler {
    border: none;
    box-shadow: none;
    outline: 0;
}

.navbar-toggler.collapsed span {
    margin: 8px 0;
}


.navbar-toggler.collapsed span:nth-child(2) {
    width: 12px;
}


.navbar-toggler span {
    background-color: rgb(0, 0, 0);
    height: 2px;
    border-radius: 10;
    display: block;
    margin: 3px 0;
    width: 25px;
}

.navbar-expand-xl .navbar-nav .nav-link {
    font-size: 1.2rem;
    color: #2A2727;
}

section {
    overflow: hidden;
}

.plane-2,
.flower-left,
.ele-plane,
.para-cloud,
.moon-cloud,
.butterfly,
.butterfly-left,
.kite-left,
.cloud-star {
    position: absolute;
    z-index: 0;
}

.moon-cloud {
    top: 94px;
}

.testimonials,
.program {
    padding-top: 50px;
}

.about,
.left-content,
.content {
    position: relative;
    z-index: 1;
}


.daycare .content {
    display: grid;
}

.flash-text {
    color: #5059B0;
}

.dc-btn {
    background-color: #E72B4F;
}

.dc-btn:hover {
    background-color: #5059B0;
}

.daycare a {
    color: #ffffff;
    text-decoration: none;
}

.content-text {
    font-size: 1.2rem;
    position: relative;
    line-height: 180%;
}

.title {
    padding: 20px 0;
}

.main-logo {
    margin: 30px 0;
}

.contact {
    background-image: url(img/contact-background.svg);
    background-size: contain;
}

.contact .content {
    padding: 0 20px;
}

.franchise .col-lg-6 {
    padding: 0;
    margin: 0;
}

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

.program a {
    display: inline-block;
    border-radius: 12px;
    color: #584033;
    background-color: #EFEDE7;
    border: 1px solid #584033;
}

.admission .nav-link {
    margin-right: 20px;
    margin-top: 10px;
    border-radius: 12px;
    color: #584033;
    background-color: #EFEDE7;
    border: 1px solid #584033;
}

.program a:hover,
.admission .nav-link:hover {
    background-color: #584033;
    color: #EFEDE7;
}

.admission .nav-link.active {
    border-radius: 5px;
    border-radius: 12px;
    background-color: #584033;
    color: #EFEDE7;
}

.admission p {
    font-size: 1.1rem;
    line-height: 180%;
}

.mini {
    display: flex;
    width: inherit;
}

.left-pane,
.right-pane {
    margin: 10px 0;
}

.left-pane img {
    height: 70px;
    width: 70px;
}

.right-pane {
    color: #80695F;
    padding: 0 20px;
}

.giraffe {

    margin-bottom: -45px;
}

.giraffe img {
    margin-top: 50px;
}


address p {
    padding: 0;
    margin: 8px 0;
}

.map {
    overflow: hidden;
    border-radius: 30px;
}


.flower img {
    margin-top: -13%;
    height: 80px;
    margin-left: 45%;
}

.flower-left {
    top: 120px;
    left: 15px;
}

.flower-left img {
    width: 30px;
}

.cloud {
    margin-top: -90px;
    margin-bottom: -100px;
}

.cloud img {
    height: 200px;
}


.butterfly-right {
    margin-top: -120px;
    margin-bottom: -60px;
}

.butterfly-right img {
    height: 200px;
}


.bear-plane {
    z-index: 2;
    position: relative;
}


.box {
    min-width: 320px;
    padding: 30px;
    border-radius: 30px;
    background-color: #A1D4E4;
    color: #383838;
}


.box .nav-link {
    color: #6C858D;
}

.box .nav-link.active {
    color: #383838;
}

.box .nav-link::after {
    display: table;
    margin: 5px auto;
    border-bottom: 1px solid #6C858D;
    content: '';
}

.box .nav-link.active::after {
    border-bottom: 1px solid #383838;
}

label {
    margin: 14px 0;
}

.franchise address {
    padding: 30px 30px 30px 0;
    border-bottom: 1px solid #e6dede;
}

address .social {
    margin-top: 15px;
}

address .social a {
    color: #C3B7B7;
    margin-right: 20px;
}

address .social a:hover {
    color: #584033;
}


input:focus,
input.form-control:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px #E72B4F solid;

}

.form-control::placeholder {
    color: #d0d0d0;
    opacity: 1;
}


.btn {
    background-color: #E72B4F;
    color: #fff;
    border: none;
}

.btn-primary {
    border-radius: 12px;
    font-size: 1.3rem;
    min-width: 145px;
    vertical-align: middle;
    min-height: 57px;
    padding: 10px 30px 9px 30px
}

.btn-outline-secondary {
    background-color: #86C9DC;
}

.btn-outline-secondary:hover {
    background-color: #5059B0 !important;
}


.btn:hover {
    background-color: #5059B0;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: #000000;
}


.gj-datepicker {

    margin-bottom: 0 !important;
}

.gj-picker {
    font-family: "Roboto", sans-serif;
}

.dual-box {
    overflow: hidden;
    margin-top: 20px;
    border-radius: 50px;
    min-height: 300px;
    display: grid;
    place-content: center start;
    background-color: #B9BCED;
}


.para-content {
    min-height: 300px;
    display: grid;
    place-content: center start;
}

.para-content p {
    margin-top: 10px;
}

.para {
    min-height: 300px;
    display: grid;
    place-content: start end;
}

.para img {
    height: 300px;
}

.creative {
    border-radius: 50px;
    height: 300px;
    display: grid;
    place-content: center start;
}

.art {
    color: #424244;
    border-radius: 50px;
    min-height: 300px;
    display: grid;
    place-content: center start;
    background-color: #E3BA93;
    overflow: hidden;
}


.creative h1 {
    font-size: 5em;
}

.lion-content {
    color: #424244;
    font-size: 1.1rem;
    height: 300px;
    display: grid;
    place-content: center start;
}

.lion img {
    height: 300px;
}

.dashed-box {
    border-radius: 50px;
    margin: 50px 0;
    border: 1px dashed #AB5C06;
}

.sun {
    position: relative;
    z-index: 0;
}


.owl-carousel .item {
    min-height: 180px;
    display: grid;
    place-content: center center;
    border-radius: 30px;
    padding: 20px;
}

.owl-carousel .item p {
    font-size: 0.9em;
}

.owl-carousel .item h4 {
    font-size: 1.2em;
}

.owl-theme .owl-dots .owl-dot span {
    background: #ececec;
}


.owl-nav {
    height: 0;
}

.prev-icon,
.next-icon {
    opacity: 0.5;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    position: absolute;
}

.prev-icon {
    background-image: url(img/left.svg);
    left: -40px;
}

.next-icon {
    background-image: url(img/right.svg);
    background-position: right;
    right: -40px;
}

.prev-icon:hover,
.next-icon:hover {
    opacity: 1;
}

.accordion-item:first-of-type>.accordion-header .accordion-button,
.accordion-item:not(:first-of-type)>.accordion-header .accordion-button.collapsed {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.accordion-item:first-of-type,
.accordion-item:not(:first-of-type) {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
}

.accordion {
    --bs-accordion-bg: #fff;
    z-index: 1;
    position: relative;
}

.accordion-button::after {
    background-image: url(img/down.svg);

}

.accordion-button:not(.collapsed)::after {
    background-image: url(img/up.svg);
}

.accordion-item {
    color: #6D5555;
    margin-top: 20px;
    border: none;
}

.accordion-item:first-of-type,
.accordion-item:not(:first-of-type) {
    border: 1px solid #6D5555;
}

.accordion-item:has(.collapsed) {
    border: 1px solid #E0D5D5;
}

.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

.accordion-button {
    font-size: 1.5rem;
}

.accordion-button.collapsed {
    color: #604F4F;
    background-color: #E0D5D5;
}

.accordion-button:not(.collapsed) {
    color: #6D5555;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

footer {
    position: relative;
    z-index: 1;
    background-color: #EEE8DE;
    color: #847D72;
}

footer p {
    margin: 0;
}

footer a {
    color: #847D72;
}

.social {
    padding-top: 20px;
    padding-bottom: 10px;
}

.moon {
    position: relative;
    z-index: 0;
    margin: 20px 0 0 20px;
}


.flags {
    position: relative;
    z-index: 0;
}

.elep {
    margin-top: -50%;
}


footer .social a {
    height: inherit;
    color: #847D72;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 20px;
}


@media (min-width: 320px) {

    .marquee span {
        animation: marquee 8s linear infinite;
    }

    .franchise address {
        min-height: 240px;
    }

    .main-logo img {
        margin-top: -12px;
        width: 280px;
    }


    .timebox {
        padding-bottom: 20px
    }

    .box .nav-link {
        padding: 10%;
        font-size: 0.8rem;
    }

    .box .nav-link::after {
        width: 70px;
    }

    .giraffe img {
        height: 300px;
    }

    .left-pane {
        margin-left: 9%;
    }

    .right-pane p {
        margin-top: 6px;
        min-width: 150px;
        font-size: 1rem;
    }

    .content-text {
        padding: 0 30px;
    }

    .owl-carousel .item {
        min-height: 282px;
    }

    .prev-icon,
    .next-icon {
        top: 38%;
    }

    .prev-icon {
        left: 0;
    }

    .next-icon {
        right: 0;
    }

    .daycare .content {
        height: 780px;
        place-content: center center;
    }

    footer p {
        padding: 10px;
    }

    .bunny-plane,
    .butterfly,
    .moon-cloud {
        opacity: 1;
    }


    .owl-carousel {
        padding: 10px 40px;
    }

    .sun-smile img {
        height: 60px;
    }

    .program a {
        width: 220px;
        padding: 10px 0;
        margin: 5px;
    }

    .underline::after {
        width: 95%;
    }

    .plane-2 {
        right: 7%;
        top: 16%;
    }

    .plane-2 img {
        height: 80px;
    }


    .logo {
        height: 150px;
        display: grid;
        place-content: center center;
        border-bottom: 1px solid #e6dede;
    }

    .logo img {
        height: 70px;
    }

    .contact .left-content {
        height: 700px;
        display: grid;
        place-content: center center;
    }

    .contact .content {
        height: auto;
        padding-bottom: 50px;
        display: grid;
        place-content: start center;
    }

    .butterfly-title {
        margin-left: 5%;
        display: inline;
    }

    .butterfly-title img {
        margin-top: -55px;
        height: 50px;
    }

    .choose .content {
        margin-top: -20px;
    }

    .fran .content {
        height: 770px;
        display: grid;
        place-content: start center;
    }

    .lion-plane img {
        margin-top: 25px;
        width: 300px;
    }

    .daycare-logo {
        height: 150px;
        display: grid;
        place-content: center center;
    }

    .daycare-logo img {
        height: 65px;
    }

    .huge {
        line-height: 140%;
        font-size: 2.6rem;
    }


    .admission {
        padding-top: 20px;
    }

    .admission ul {
        margin: 20px 0 40px 0;
    }



    .about .content {
        padding: 40px 10px;
        display: grid;
        place-content: center center;
    }

    .navbar-nav {
        margin-top: 20px;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding: 20px;
    }

    .navbar-brand img {
        height: 30px;
    }


    .sun {
        margin-bottom: -50px;
        text-align: start;
    }

    .sun img {
        height: 50px;
    }

    .kite img {
        height: 100px;
    }


    .dashed-box {
        padding: 20px;
        padding-bottom: 0;
    }

    .dashed-box img {
        height: 100px;
    }

    .bunny-plane {
        margin-right: 11px;
        margin-top: 20px;
        margin-bottom: -50px;
    }

    .bunny-plane img {
        height: 50px;
    }

    .admission .tab-pane {
        padding: 0 20px;
    }

    .everything .content {
        height: 500px;
        display: grid;
        place-content: center center;
    }


    .admission .left-content {
        min-height: 720px;
        display: grid;
        place-content: center center;
    }

    .admission .content {
        min-height: 680px;
        display: grid;
        place-content: start center;
    }


    .elep img {
        height: 60px;
    }

    .moon img {
        height: 60px;
    }

    .moon {
        margin-bottom: -60px;
    }


    .plane {
        padding-bottom: 50px;
    }

    .plane img {
        height: 100px;
    }


    .admission .nav-link {
        padding: 10px 30px;
        width: 220px;
    }


    .heros img {
        height: 100px;
    }

    .fran .left-content {
        height: 500px;
        display: grid;
        place-content: center center;
    }

    .rainbow img {
        height: 50px;
    }

    .para-ele {
        margin-top: 20px;
        margin-right: 20px;
    }

    .para-ele img {
        height: 60px;
    }

    .para-cloud,
    .butterfly-left,
    .kite-left {
        top: 350px;
        left: 20px;
    }


    .kite-left img {
        width: 60px;
    }

    .flags {
        margin-bottom: -20px;
    }

    .flags img {
        height: 80px;
    }

    .giraffe {
        text-align: center;
    }

    .sun-smile {
        margin-top: 20px;
        margin-bottom: -40px;
    }

    .flash .content {
        height: 550px;
        display: grid;
        place-content: center center;
    }

    .ele-plane,
    .cloud-star {
        top: 0px;
        right: 0px;
    }

    .cloud-star {
        top: 90px;
    }

    .cloud-star img {
        margin-top: 10px;
        width: 80px;
    }

    .ele-plane img {
        margin-top: 560px;
        margin-right: 10px;
        width: 80px;
    }

    .butterfly {
        top: 420px;
        left: 5%;
    }

    .butterfly img {
        width: 60px;
    }

    .moon-cloud img {
        width: 50px;
    }

    .para-cloud img {
        width: 50px;
    }

    .butterfly-left img {
        width: 50px;
    }

    .butterfly-left {
        top: 300px;
        left: 20px;
    }

    .huge-title {
        text-align: center;
    }

    .para-content {
        width: 265px;
        padding-left: 30px;
    }

    .para-content h1 {
        width: 175px;
        position: relative;
        font-size: 2em;
    }

    .lion-content {
        padding-left: 30px;
    }

    .count h1 {
        font-size: 3rem;
    }

    .lander .left-content {
        text-align: center;
        height: 620px;
        display: grid;
        place-content: center center;
    }

    .lander .content {
        height: 680px;
        display: grid;
        text-align: center;
        place-content: start center;
    }

    .main-title {
        font-size: 5.5rem;
    }

    .huge-title {
        font-size: 2.4rem;
    }

    .faq .big {
        font-size: 3rem;
    }

    .bear-plane {
        text-align: center;
    }

    .bear-plane img {
        width: 70%;
        margin-bottom: 50px;
    }

    .franchise {
        padding: 0 20px;
    }

    footer .social {
        text-align: center;
    }

    .dc-btn {
        font-size: 0.9rem;
        padding: 15px 20px;
        border-radius: 10px;
    }
}

@media (min-width: 360px) {


    .left-pane {
        margin-left: 12%;
    }

    .owl-carousel .item {
        min-height: 256px;
    }
}

@media (min-width: 420px) {

    .box {
        min-width: 400px
    }


    .box .nav-link {
        padding: 15px;
        font-size: 1rem;
    }

    .box .nav-link::after {
        width: 85px;
    }

    .giraffe img {
        height: 400px;
    }

    .faq .big {
        font-size: 3rem;
    }


    .left-pane {
        margin-left: 14%;
    }

    .right-pane p {
        margin-top: 6px;
        min-width: 200px;
        font-size: 1.3rem;
    }

    .owl-carousel .item {
        min-height: 220px;
    }

    .para-content {
        width: auto;
    }

    .dc-btn {
        font-size: 1.3rem;
        padding: 20px 40px;
        border-radius: 10px;
    }
}

@media (min-width: 576px) {

    .marquee span {
        animation: marquee 12s linear infinite;
    }

    .main-logo img {
        width: 400px;
    }


    .timebox {
        padding-bottom: 0;
    }


    .left-pane {
        margin-left: 24%;
    }

    .content-text {
        padding: 0 40px;
    }

    .owl-carousel .item {
        min-height: 180px;
    }

    .prev-icon,
    .next-icon {
        top: 34%;
    }
}

@media (min-width: 768px) {

    .left-pane {
        margin-left: 30%;
    }

    .sun-smile img {
        height: 100px;
    }

    .plane-2 {
        right: 10%;
        top: 16%;
    }

    .plane-2 img {
        height: 150px;
    }


    .logo {
        height: 200px;
        display: grid;
        place-content: center center;
        border-bottom: 1px solid #e6dede;
    }

    .logo img {
        height: 100px;
    }

    .butterfly-title {
        margin-left: 5%;
        display: inline;
    }

    .butterfly-title img {
        margin-top: -55px;
        height: 80px;
    }

    .daycare-logo {
        height: 250px;
        display: grid;
        place-content: center center;
    }

    .daycare-logo img {
        height: 100px;
    }

    .huge {
        font-size: 3rem;
    }

    .para-content h1 {
        width: auto;
        font-size: 2.5em;
    }

    .lander .left-content {
        height: 480px;
    }

    .main-title {
        font-size: 7rem;
    }

    .admission .tab-pane {
        padding: 0;
    }

    .ele-plane img {
        margin-top: 650px;
    }

    .flash .content {
        height: 400px;
    }

    .sun-smile {
        margin-top: 20px;
        margin-bottom: -100px;
        margin-left: 0;
    }
}

@media (min-width: 992px) {

    .marquee span {
        animation: marquee 20s linear infinite;
    }

    .rm-bdr {
        border: none !important
    }



    .faq .big {
        font-size: 4rem;
    }



    .left-pane {
        margin-left: 0;
    }

    .ele-plane,
    .para-cloud,
    .bunny-plane {
        opacity: 0.4;
    }



    .underline::after {
        width: 700px;
    }



    .plane-2 {
        right: 30%;
        top: 16%;
    }

    .plane-2 img {
        height: 200px;
    }

    .choose .content {
        margin-top: 90px;
    }

    .admission {
        padding-top: 50px;
    }

    .admission ul {
        margin: 50px 0;
    }


    .about .content {
        padding: 70px 10px;
        margin-bottom: -130px;
    }

    .navbar-brand img {
        height: 40px;
    }

    .sun {
        margin-bottom: -200px;
        margin-left: -100%;
        text-align: center;
    }

    .sun img {
        height: 200px;
    }

    .kite {
        margin-top: -220%;
        margin-bottom: 240px;
    }

    .kite img {
        height: 240px;
    }

    .dashed-box img {
        height: 200px;
    }

    .bunny-plane {
        margin-top: -50%;
    }

    .bunny-plane img {
        height: 240px;
    }

    .main-title {
        font-size: 11rem;
    }

    .butterfly,
    .moon-cloud img {
        width: 250px;
    }

    .butterfly {
        top: 390px;
    }

    .butterfly img {
        width: 150px;
    }

    .butterfly-left {
        top: 550px;
    }

    .butterfly-left {
        opacity: 0.4;
    }

    .everything .content {
        height: 400px;
    }

    .elep img {
        height: 150px;
    }

    .moon img {
        height: 150px;
    }

    .moon {
        margin-bottom: -150px;
    }


    .plane {
        margin-top: -5%;
    }

    .plane img {
        height: 200px;
    }

    .faq .content {
        margin-top: 0;
    }

    .butterfly-left img {
        width: 200px;
    }

    .kite-left img {
        width: 200px;
    }

    .cloud-star {
        top: 90px;
        right: 20px;
    }

    .cloud-star img {
        margin-top: 0px;
        width: 300px;
    }

    .rainbow img {
        height: 130px;
    }

    .para-ele img {
        height: 250px;
    }

    .giraffe {
        margin-top: -300px;
        text-align: end;
    }

    .flags {
        margin-bottom: -100px;
    }

    .flags img {
        height: 150px;
    }


    .heros img {
        height: 200px;
    }

    .ele-plane img {
        margin-top: 450px;
        width: 300px;
    }

    .para-cloud img {
        width: 200px;
    }

    .para-ele {
        margin-top: -560px;
    }
}

@media (min-width: 1200px) {

    .marquee span {
        animation: marquee 30s linear infinite;
    }

    .main-logo img {
        width: 450px;
    }

    .owl-carousel .item {
        min-height: 200px;
    }

    .prev-icon,
    .next-icon {
        top: 36%;
    }

    .daycare .content {
        place-content: start center;
    }


    .heros {
        margin-top: 80px;
    }

    footer p {
        padding: 25px;
    }

    .bunny-plane,
    .butterfly,
    .moon-cloud {
        opacity: 0.4;
    }

    .program a {
        padding: 10px 0;
        width: 15%;
        margin: 20px 5px;
    }

    .plane-2 {
        left: 45%;
        top: 22%;
    }

    .lion-plane img {
        margin-top: 50px;
        width: 350px;
    }

    .fran .content {
        height: 840px;
        display: grid;
        place-content: center center;
    }

    .lander .content {
        height: 720px;
        place-content: center center;
    }

    .navbar-nav {
        margin-top: 0;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding: 0;
        padding-right: 40px;
        padding-left: 40px;
    }

    .admission .tab-pane {
        min-height: 750px;
    }

    .admission .content {
        min-height: 720px;
        place-content: center center;
    }


    .admission .nav-link {
        padding: 10px 48px;
        width: auto;
    }

    .fran .left-content {
        height: 820px;
    }

    .contact .left-content,
    .contact .content {
        height: 820px;
        place-content: center center;
    }

    .huge-title {
        font-size: 3.8rem;
        text-align: start;
    }

    .lion-content h1 {
        width: 170px;
    }

    .lion-content p {
        width: 150px;
    }

    .count p {
        width: 200px;
    }

    .lion-content {
        padding-left: 0px;
    }

    .bear-plane {
        margin-top: 255px;
    }

    .bear-plane img {
        width: 380px;
        margin-left: -33%;
        margin-bottom: 0;
    }

    .lander .left-content {
        height: 720px;
        text-align: start;
    }

    .main-title {
        white-space: nowrap;
        margin-top: -18px;
    }

    .designed {
        margin-left: 20px;
        text-align: start;
        place-content: center start;
    }

    footer .social {
        text-align: end;
    }
}

@media (min-width: 1400px) {

    .owl-carousel .item {
        min-height: 180px;
    }

    .prev-icon,
    .next-icon {
        top: 35%;
    }

    .admission .nav-link {
        padding: 10px 66px;
    }

    .para-ele {
        margin-top: -550px;
    }

    .huge-title {
        font-size: 4.5rem;
    }


    .para-content {
        padding-left: 40px;
    }

    .lion-content {
        padding-left: 20px;
    }


    .bear-plane {
        margin-top: 225px;
    }

    .bear-plane img {
        width: 450px;
        margin-left: -33%;
        margin-bottom: 0;
    }

}

@media (min-width: 1600px) {

    .ele-plane,
    .para-cloud,
    .bunny-plane,
    .butterfly,
    .moon-cloud {
        opacity: 1;
    }

    .butterfly-left {
        opacity: 1;
    }

    .sun-smile {
        margin-left: -100px;
    }
}