/* ===================================
    New Fonts
====================================== */
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@font-face {
    font-family: 'BillionDreams_PERSONAL';
    src:url('../fonts/BillionDreams_PERSONAL.woff') format('woff'),
        url('../fonts/BillionDreams_PERSONAL.woff2') format('woff2'),
        url('../fonts/BillionDreams_PERSONAL.svg#BillionDreams_PERSONAL') format('svg'),
        url('../fonts/BillionDreams_PERSONAL.eot'),
        url('../fonts/BillionDreams_PERSONAL.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BillionDreams_PERSONAL.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.gochi-font{ font-family: 'Gochi Hand', cursive;}
.daughter-font{ font-family: 'Architects Daughter', cursive;}
.nanum-font{ font-family: 'Nanum Pen Script', cursive;}
.merienda-font{ font-family: 'Merienda One', cursive;}
.carter-font{ font-family: 'Carter One', cursive;}
.berkshire-font{ font-family: 'Berkshire Swash', cursive;}
.billion-font{font-family: 'BillionDreams_PERSONAL';}
.mali-font{font-family: 'Mali', cursive;}


/* ===================================
    space media queries
====================================== */
@media (max-width: 992px) { 
    .paddy{padding: 2em 0 0 0}

    .text-center-smart{
        text-align: center !important;
    }
}

/*btn whatsapp*/
.whatsapp-fixed{
    color:#fff!important;
    display:block;    
    position:fixed;
    left:20px;
    bottom: 30px;    
    font-size:38px;
    color:#fff;  
    text-align:center;
    text-decoration:none;
    border-radius:0 4px 4px 0;
    z-index:9998 !important;
}

.bg-whatsapp-color{
    background: #25d366;
}

/*btn index boxes*/
html .btn-with-arrow.btn-yellow-dark {
    background-color: transparent;
    border-color: transparent;
    color: #eaeaea;
}
html .btn-with-arrow.btn-yellow-dark:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #eaeaea !important;
}
html .btn-with-arrow.btn-yellow-dark span {
    background-color: #D09C03;
/*    border: 1px solid #FCC11C;*/
    box-shadow: 2px 3px 18px -3px #212529;
}

html .btn-with-arrow.btn-green-dark {
    background-color: transparent;
    border-color: transparent;
    color: #eaeaea;
}
html .btn-with-arrow.btn-green-dark:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #eaeaea !important;
}
html .btn-with-arrow.btn-green-dark span {
    background-color: #6A932E;
/*    border: 1px solid #97C450;*/
    box-shadow: 2px 3px 18px -3px #212529;
}

html .btn-with-arrow.btn-red-dark {
    background-color: transparent;
    border-color: transparent;
    color: #eaeaea;
}
html .btn-with-arrow.btn-red-dark:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #eaeaea !important;
}
html .btn-with-arrow.btn-red-dark span {
    background-color: #B21A48;
/*    border: 1px solid #E93F75;*/
    box-shadow: 2px 3px 18px -3px #212529;
}

html .btn-with-arrow.btn-blue-dark {
    background-color: transparent;
    border-color: transparent;
    color: #eaeaea;
}
html .btn-with-arrow.btn-blue-dark:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #eaeaea !important;
}
html .btn-with-arrow.btn-blue-dark span {
    background-color: #1d71b8;
    /*    border: 1px solid #E93F75;*/
    box-shadow: 2px 3px 18px -3px #212529;
}

/* ===================================
    Background color
====================================== */
.bg-blue-mundo{background-color: #1d71b8;}
.bg-light-blue-mundo{background-color: #47b0dd;}
.bg-dark-blue-mundo{background-color: #009bd2;}
.bg-purple-mundo{background-color: #61257b;}
.bg-red-mundo{background-color: #d5194d;}
.bg-yellow-mundo{background-color: #eab101;}
.bg-orange-mundo{background-color: #d6341a;}
.bg-green-mundo{background-color: #7bb231;}

/* ===================================
    Background color
====================================== */
.color-blue-mundo{color: #1d71b8 !important;}
.color-light-blue-mundo{color: #47b0dd !important;}
.color-dark-blue-mundo{color: #009bd2 !important;}
.color-purple-mundo{color: #61257b !important;}
.color-red-mundo{color: #d5194d !important;}
.color-yellow-mundo{color: #eab101 !important;}
.color-orange-mundo{color:#d6341a !important;}
.color-green-mundo{color: #7bb231 !important;}

/* ===================================
    Background color overlay
====================================== */
html .overlay-color-green-mundo:not(.no-skin):before {
    background-color: #7bb231 !important;
}

html .overlay-color-yellow-mundo:not(.no-skin):before {
    background-color: #eab101 !important;
}

html .overlay-color-red-mundo:not(.no-skin):before {
    background-color: #d5194d !important;
}

html .overlay-color-orange-mundo:not(.no-skin):before {
    background-color: #d6341a !important;
}

html .overlay-color-dark-blue-mundo:not(.no-skin):before {
    background-color: #009bd2 !important;
}




/* ===================================
    menu header animation
====================================== */
.header-link-animation li a {
    display: block;    
    color: #fff;
    margin-bottom: 3%;
}

.header-link-animation li a::after {
    color: #eab101;
    content: "";
    width: 0%;
    border-bottom: 3px solid #eab101;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: block;
    margin-top: -2%;
    transition: 0.3s all;
}

.header-link-animation a:hover,
.header-link-animation a:focus,
.header-link-animation a:active{
    color: #eab101 !important;
}

.header-link-animation a:hover::after,
.header-link-animation a:focus,
.header-link-animation a:active {
    color: #eab101;
    width: 65%;
}

/* ===================================
    side menu animation
====================================== */
#side-menu{
    padding: 20px;
}

#side-menu .nav-link:hover,
#side-menu .nav-link:focus{
    color: #fff;
    border-bottom: 1px #fff dashed;
}

article.half-section {padding:80px 0;}

.content-section {
    min-height: 200px;
}
.sidebar-section {
    position: absolute;
    height: 100%;
    width: 100%;
}

.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0 15px;
}

/* ===================================
    CIRCULAR MENU WHY US
====================================== */
.circular-menu {
    position: fixed;
    bottom: 1em;
    right: 1em;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: #7bb231;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .7);  
    color: #fff !important;
    text-align: center;
    line-height: 4.2;
    cursor: pointer;
    outline: 0;
}

.circular-menu .floating-btn i {
    font-size: 1.6em;
    transition: transform .2s;  
}

.circular-menu:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: #7bb231;
    transition: all .3s ease;
}

.circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: 3em;
    right: 3em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.5em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    background-color: rgba(0,0,0,.1);
    transition: transform .3s ease, background .2s ease;
}

.circular-menu.circular-menu-left {
    right: auto; 
    left: 1em;
}

.circular-menu.circular-menu-left .floating-btn {
    background-color: #7bb231;
}

.circular-menu.circular-menu-left:after {
    background-color: #7bb231;
}

.circular-menu.circular-menu-left.active .floating-btn i {
    transform: rotate(45deg);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
    transform: translate3d(3.3em,-7.8em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
    transform: translate3d(6.5em,-6.5em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
    transform: translate3d(7.8em,-3.3em,0);
}

/*.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
    transform: translate3d(7em,1em,0);
}*/



/* ===================================
    CIRCULAR MENU OUR PROGRAMS
====================================== */
.circular-menu-programs {
    position: fixed;
    bottom: 1em;
    right: 1em;
}

.circular-menu-programs .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: #d5194d;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .7);  
    color: #fff !important;
    text-align: center;
    line-height: 4.2;
    cursor: pointer;
    outline: 0;
}

.circular-menu-programs .floating-btn i {
    font-size: 1.6em;
    transition: transform .2s;  
}

.circular-menu-programs:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: #d5194d;
    transition: all .3s ease;
}

.circular-menu-programs.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu-programs .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu-programs .menu-item {
    position: absolute;
    top: 3em;
    right: 3em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.5em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    background-color: rgba(0,0,0,.1);
    transition: transform .3s ease, background .2s ease;
}

.circular-menu-programs.circular-menu-left {
    right: auto; 
    left: 1em;
}

.circular-menu-programs.circular-menu-left .floating-btn {
    background-color: #d5194d;
}

.circular-menu-programs.circular-menu-left:after {
    background-color: #d5194d;
}

.circular-menu-programs.circular-menu-left.active .floating-btn i {
    transform: rotate(45deg);
}

.circular-menu-programs.circular-menu-left.active .menu-item:nth-child(1) {
    transform: translate3d(3.3em,-7.8em,0);
}

.circular-menu-programs.circular-menu-left.active .menu-item:nth-child(2) {
    transform: translate3d(6.5em,-6.5em,0);
}

.circular-menu-programs.circular-menu-left.active .menu-item:nth-child(3) {
    transform: translate3d(7.8em,-3.3em,0);
}

/*.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
    transform: translate3d(7em,1em,0);
}*/

.team .owl-carousel.nav-bottom .owl-nav {
    position: absolute;
    top: -40px;
    right: 10px;
}

.team .owl-carousel.nav-bottom .owl-nav button.owl-prev, 
.team .owl-carousel.nav-bottom .owl-nav button.owl-next {
    border: none !important;
    font-size: 2em;
    padding: 0;
    width: auto;
    height: auto;
}

.team .owl-carousel.nav-bottom .owl-nav button.owl-prev:active, 
.team .owl-carousel.nav-bottom .owl-nav button.owl-next:active {
    background-color: none;
    border-color: transparent;
}

.team .owl-carousel.nav-bottom .owl-nav button.owl-prev {
    color: #0092e3;
}

.team .owl-carousel.nav-bottom .owl-nav button.owl-prev::before {
    font-family: simple-line-icons;
    content: "\e07a";
    font-size: 28.8px;
    font-size: 1.8rem;
}

.team .owl-carousel.nav-bottom .owl-nav button.owl-next {
    color: #2d529f;
}

.team .owl-carousel.nav-bottom .owl-nav button.owl-next::before {
    font-family: simple-line-icons;
    content: "\e079";
    font-size: 28.8px;
    font-size: 1.8rem;
}