:root {
    --default: #03174C;
    --primary: #FDCB3C;
    --blue: #03174C;
    --gray-100: #F4F4F4;
    --yellow: #F8DA67;
    --rubik: 'Rubik', sans-serif;
    --neucha: 'Neucha', cursive;
    --awesome: 'Font Awesome 5 Free', sans-serif;
    --awesome-pro: 'Font Awesome 5 Pro', sans-serif;
    --transition: .3s;
    --radius: 35px;
}


/**
 * Reset
 */
a {outline: none !important;color: var(--default);font-weight: normal;}
a:hover {color: currentColor;text-decoration: none;}
ul, ol, p, address {margin: 0;padding: 0}
button, input:focus, textarea:focus {outline: none !important;box-shadow: none !important}
h1, h2, h3, h4, h5, h6 {margin:0;}
figure {margin-bottom: 0;}
body {width:100%;color:var(--default);font-family:var(--rubik);font-size: 14px;font-weight: 300;line-height: normal;}

/* Bootstrap */
.form-control:focus {color: var(--default);border-color: var(--default);box-shadow: none;}
@media (min-width:1200px) {
}


/* Btn:Hamburger */
.btn-hamburger {width: 30px;height:18px;padding: 0;}
.btn-hamburger .bars {display: inline-block;position: relative;height: 17px;width: 26px;z-index: 3;}
.btn-hamburger .bars span {width: 100%;height: 2px;display:  block;background-color: #fff;transition:.1s;position: absolute;left: 0;border-radius: 21px}
.btn-hamburger .bars span:nth-child(1) {top:0;}
.btn-hamburger .bars span:nth-child(2) {top: 8px;}
.btn-hamburger .bars span:nth-child(3) {top: 16px;}
.nav-opened .btn-hamburger .bars span:nth-child(1) {transform:rotate(45deg);top: 9px;}
.nav-opened .btn-hamburger .bars span:nth-child(2) {opacity: 0}
.nav-opened .btn-hamburger .bars span:nth-child(3) {transform:rotate(-45deg);top: 9px;}

/**
 * Social
 */
.social {}
.social a {display: inline-flex;font-size:17px;width: 50px;height: 50px;border-radius: 50%;background-color: var(--yellow);align-items: center;justify-content: center;text-align: center;color: #0e2257 !important;text-decoration: none;}
.social a:last-child {margin-right: 0}


/* BG Stars */
.bg-stars {background-image: url("../images/bg-starz.png"); background-position: center top; background-repeat: repeat;background-size: auto;}
@media (max-width:767px) {
    .bg-stars {background-image: url("../images/bg-starz-sm.png");}
}

/**
 * Template
 */
.template {}
.wrapper-1600 {max-width: 1600px;margin: 0 auto;}
main > section {padding: 70px 0;}
.container {max-width: 1408px;}
@media (max-width: 1024px) {
    .container {max-width: 704px;}
}


/* Template:Header */
.template-header {position: absolute;width: 100%;left: 0;top: 0;z-index: 1001;}
.template-header > .container {height: 80px;position: relative;display: flex;align-items: center}
.template-header .logo {display: inline-block;}
.template-header .logo img {max-width: 145px}
.template-header .social,
.template-header .cart {position: absolute;right: 0;top: 14px;z-index: 1;}
.template-header .cart {border-radius: 50%;background: #fdcb3c;padding:2px;}
.template-header .btn-hamburger {display: none;z-index: 3;}
@media (max-width: 991px) {
    .template-header > .container {max-width: 100%;}
    .template-header .social {right: 15px;}
}
@media (max-width: 767px) {
    .template-header > .container {height: 70px;}
    .template-header .btn-hamburger {display: inline-block;}
    .template-header .logo {max-width: 95px;padding-top: 0;margin-left: 10px;}
    .template-header .logo img {max-width: 100%}
    .template-header .social {top: 12px;}
}

/* Header:Fixed */
.header-fixed .template-header {position: fixed;background-color: #03174c;}


/* Template:Nav */
.nav-main {position: absolute;left: 34%;top: 30px;z-index: 1;}
.nav-main .menu {}
.nav-main .menu li {display: inline-block;list-style: none;margin-right: 80px;}
.nav-main .menu li:last-child {margin-right: 0;}
.nav-main .menu li a {color: #fff;font-family: var(--neucha);font-size: 16px;font-weight: 400;}
.nav-main img {display: none;}
@media (max-width: 1199px) {
    .nav-main {left: 22%;}
    .nav-main .menu li {margin-right: 40px;}
}
@media (max-width: 767px) {
    .nav-main {display: none; padding-top:20vh;text-align: center;left: 0;top: 0;min-width: 100vw;min-height: 100vh;background:#03174C right center / auto no-repeat url("../images/nav-stars.png");z-index: 2;}
    .nav-main .menu {text-align: center;display: block;}
    .nav-main .menu li {display: block;margin: 0 0 20px 0;}
    .nav-main .menu li a {font-size: 24px;font-weight: 300;}
    .nav-main img {position: absolute;left: 50%;transform: translateX(-50%);bottom: 15vh;display: inline-block;}
    
    .nav-opened .nav-main {display: block;}
}


/**
 * Section:Header
 */
.section-header {text-align: center;margin-bottom: 50px;}
.section-header h2 {font-family: var(--neucha);font-size: 80px;line-height: 80px;}
.section-header .intro {font-size: 16px;line-height: 24px;max-width:475px;margin: 0 auto;padding-top: 20px;color: #586894}
@media (max-width: 1024px) {
    .section-header h2 {font-size: 64px;line-height: 100%;}
}
@media (max-width: 575px) {
    .section-header {text-align: center;margin-bottom: 40px;}
    .section-header h2 {font-size: 40px;line-height: 40px;}
}


/**
 * Hero
 */
.section-hero {position: relative;overflow: hidden;padding: 0;}
.section-hero:after {display: block;content: "";width: 100%;height: 170px;position: absolute;left: 0;bottom: 0;z-index: 2;background:center bottom / cover no-repeat url("../images/hero/clouds.png");}
.section-hero .row-video {width:100%;height:clamp(500px, 52.75vw, 844px);max-height:844px;z-index:1;overflow: hidden;position: relative;}
.section-hero .row-video .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: 1;
	transform: none;
}
.section-hero .row-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(3, 23, 76, 0.18);
    z-index: 2;
}
.section-hero .row-hero {height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 3;display: flex;align-items: center;justify-content: center;}
.section-hero .caption {color: #fff;text-align: center;margin: 0 auto;padding-bottom: 60px;max-width: 920px;}
.section-hero .caption h1 {font-family: var(--neucha);font-size: 75px;line-height: 75px;margin-bottom: 30px;}
.section-hero .row-hero .icon {position: absolute;left: 0;bottom: 180px;z-index: 4;width: 100%;text-align: center;}
.btn-hero-down {display: inline-flex;align-items: center;flex-direction: column;}
.btn-hero-down .arrows {display: inline-flex;flex-direction: column;align-items: center;justify-content: center; margin-top: 10px;gap: 10px;height: 34px}
.btn-hero-down .arrow-1,
.btn-hero-down .arrow-2 {transition: var(--transition);}
.btn-hero-down .arrow-1 path,
.btn-hero-down .arrow-2 path {stroke: #fff;}
.btn-hero-down .arrow-1 {animation: cw 2s infinite;}
.btn-hero-down .arrow-2 {animation: cg 2s infinite;}
.btn-hero-down:hover .arrows {gap: 5px}
@keyframes cw {
    0%  {}
    30% {opacity:.8;}
    60% {opacity:.6;}
    90% {opacity:.4;}
    100% {opacity:1;}
}
@keyframes cg {
    0%  {}
    30% {opacity:.4;}
    60% {opacity:.6;}
    90% {opacity:.8;}
    100% {opacity:1;}
}
@media (max-width: 1024px) {
    .section-hero:after {background-image: url(../images/hero/clouds-sm.png);background-size: auto;}
    .section-hero .caption h1 {font-size: 43px; line-height: 48px;}
    .section-hero .row-hero .icon {bottom: 75px;}
}




/* Products  */
.section-products {padding: 60px 0 0 0;}

/* Gallery */
.section-gallery {}

/* Swiper default */
.gallery-slider.swiper-container {overflow: hidden;}
.gallery-slider .swiper {overflow: visible;}
.gallery-slider .swiper .swiper-nav-wrapper {position: relative;max-width: 448px;margin: 0 auto;width: 100%;display: inline-flex;align-items: center;justify-content: space-between;}
.gallery-slider .swiper .swiper-nav {display: flex;align-items: center;margin-top: 30px;}
.gallery-slider .swiper .swiper-scrollbar {position: relative;bottom: 0;height: 2px;margin-right: 45px;}
.gallery-slider .swiper .swiper-slide {max-width: 448px; width: 100%; opacity: 0.4; transition: opacity 0.4s ease, max-width 0.4s ease;}
.gallery-slider .swiper .swiper-slide-active,
.gallery-slider .swiper .swiper-slide-next,
.gallery-slider .swiper .swiper-slide-prev {opacity: 1;}
.gallery-slider .swiper .swiper-nav-buttons {display: flex;justify-content: space-between;width: 112px;gap: 15px;}
.gallery-slider .swiper .swiper-nav-buttons button {background: var(--yellow);border-radius: 50%;width: 48px;height: 48px;padding: 0;border-color: transparent;}
.gallery-slider .swiper .swiper-nav-buttons svg {height: 19px;}
.gallery-slider .swiper .swiper-next svg {margin-left: 3px;}
.gallery-slider .swiper .swiper-prev svg {margin-right: 3px;}
.gallery-slider .swiper .swiper-scrollbar-drag {background: var(--yellow);top: -0.075rem;height: 4px;}
@media (max-width: 1024px) {
    .gallery-slider .swiper .swiper-nav-wrapper {max-width: 100%;}
    .gallery-slider .swiper .swiper-slide {max-width: 224px;}
    .gallery-slider .swiper .swiper-scrollbar {margin-right: 25px;}
    .gallery-slider .swiper .swiper-nav-buttons {gap: 10px;}
}


/* Package */
.section-package {}
.section-package .package-wrapper {display: flex;justify-content: center;overflow: hidden;}
.section-package .package-video {position: relative;background: top 50px center / auto 74% no-repeat url(../images/pack/cloud.png);width: 620px;display: flex;justify-content: center;}
.section-package .package-btn {width: 100%;max-width: 344px;position: relative;z-index: 1;}
.section-package .package-text {max-width: 266px;position: absolute;z-index: 2;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.section-package .package-text .caption {font-family: var(--neucha);font-weight: 400;font-size: 32px;line-height: 100%;text-align: center;width: 100%;margin-bottom: 30px;}
.section-package .package-text svg {}
.section-package .package-text-1 {top: 30px;left: -195px;}
.section-package .package-text-2 {top: 30px;right: -205px;}
.section-package .package-text-3 {bottom: 40px;left: -195px;}
.section-package .package-text-3 .caption,
.section-package .package-text-4 .caption {margin-bottom: 0;margin-top: 20px;}
.section-package .package-text-4 {bottom: 72px;right: -205px;}

@media (max-width: 1024px) {
    .section-package .package-video {background: center center / 69% no-repeat url(../images/pack/clouds.png);}
    .section-package .package-text .caption {font-size: 24px;}
    .section-package .package-text-1 {max-width: 130px;top: 30px;left: -10px;}
    .section-package .package-text-2 {max-width: 130px;top: 30px;right: -10px;}
    .section-package .package-text-3 {max-width: 165px;bottom: 40px;left: -10px;}
    .section-package .package-text-4 {max-width: 130px;bottom: 72px;right: -10px;}
}
@media (max-width: 575px) {
    .section-package .package-video {background: none;padding-top: 200px;padding-bottom: 175px;}
    .section-package .package-text {}
    .section-package .package-text .caption {font-size: 24px;}
    .section-package .package-text-1 {max-width: 130px;top: 0px;left: 0px;}
    .section-package .package-text-2 {max-width: 130px;top: 0px;right: 0px;}
    .section-package .package-text-3 {max-width: 165px;bottom: 0px;left: 0px;}
    .section-package .package-text-4 {max-width: 165px;bottom: 50px;right: 0px;}
    .section-package .package-text-3 svg {transform: scale(-1, 1) rotate(-95deg);}
    .section-package .package-text-4 svg {transform: scale(-1, 1) rotate(95deg);}
}


/* Tale */
.section-tale {padding: 60px 0;}
.section-tale .section-header {margin-bottom: 60px;}
.grid-tale-gallery {display: grid; grid-template-columns: repeat(3, 1fr);gap: 45px 30px;}
.grid-tale-gallery .grid-item {font-family: var(--neucha);}
.grid-tale-gallery .item-caption {font-weight: 400;font-size: 30px;line-height: 28px;text-align: center;margin-top: 25px;}
@media (max-width: 1024px) {
    .grid-tale-gallery {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 575px) {
    .section-tale .section-header {margin-bottom: 30px;}
    .grid-tale-gallery {grid-template-columns: repeat(1, 1fr);}
}


/* Smart */
.section-smart {}
.section-smart .section-header {margin-bottom: 65px;}
.grid-smart { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(3, minmax(150px, auto)); gap: 20px; align-items: stretch; } 
.grid-smart .grid-item { border-radius: 20px; padding-bottom: 60px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 18px; font-family: 'Neucha', sans-serif; }
.grid-smart .grid-smart-image { grid-area: 1 / 3 / 3 / 5; display: flex; align-items: start; justify-content: center; }
.grid-smart .grid-smart-image img {  }
.grid-smart .item-wrapper { position: relative; width: 100%; height: 100%; border-radius: 50px; padding: 80px 55px; text-align: left; }
.grid-smart .item-wrapper .item-caption { font-family: var(--neucha); font-size: 30px; line-height: 28px; font-weight: 400; margin-bottom: 20px; }
.grid-smart .item-icon { position: absolute; top: -55px;left: 0; }
.grid-smart .item-wrapper .item-text { font-family: var(--rubik);font-weight: 400;font-size: 16px;line-height: 24px;color: #586894;}

.grid-smart .item-1 { grid-area: 1 / 1 / 2 / 3; }
.grid-smart .item-2 { grid-area: 1 / 5 / 2 / 7; }
.grid-smart .item-3 { grid-area: 2 / 1 / 3 / 3; }
.grid-smart .item-4 { grid-area: 2 / 5 / 3 / 7; }
.grid-smart .item-5 { grid-area: 3 / 2 / 4 / 4; }
.grid-smart .item-6 { grid-area: 3 / 4 / 4 / 6; }
.grid-smart .item-1 .item-wrapper { background-color: rgba(74, 165, 162, .15); }
.grid-smart .item-2 .item-wrapper { background-color: rgba(250, 110, 90, .15); }
.grid-smart .item-3 .item-wrapper { background-color: rgba(156, 105, 226, .15); }
.grid-smart .item-4 .item-wrapper { background-color: rgba(240, 99, 184, .15); }
.grid-smart .item-5 .item-wrapper { background-color: rgba(250, 110, 90, .15); }
.grid-smart .item-6 .item-wrapper { background-color: rgba(89, 142, 156, .15); }
.grid-smart .item-2 .item-icon {left: -30px;}

@media (max-width: 1024px) {
    .grid-smart { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
    .grid-smart .item-wrapper {padding: 70px 30px 50px 30px;}
    .grid-smart .grid-item {padding-bottom: 50px;}
    .grid-smart .grid-smart-image, 
    .grid-smart .grid-item { grid-area: auto; }
    .grid-smart .grid-smart-image{ grid-area: 1 / 1 / 2 / 2; align-items: center; padding-bottom: 30px; }
    .grid-smart .grid-smart-image img { width: auto; max-width: 300px; }
    .grid-smart .item-1 {padding-bottom: 0;}
    .grid-smart .item-1 .item-wrapper {height: auto;margin-top: 140px;}
}
@media (max-width: 575px) {
    .grid-smart { grid-template-columns: 1fr; }
    .grid-smart .item-1 .item-wrapper {margin-top: 0;}
    .grid-smart .item-1 {padding-bottom: 40px;}
    .grid-smart .item-2 .item-icon {left: 0;}
}

/* Characters */
.section-characters {}
.characters-slider.swiper-container {overflow: hidden;}
.characters-slider .swiper {overflow: visible; will-change: transform;}
.characters-slider .swiper-nav-wrapper {position: relative;max-width: 448px;margin: 0 auto;width: 100%;display: inline-flex;align-items: center;justify-content: space-between;}
.characters-slider .swiper-nav {display: flex;align-items: center;margin-top: 30px;}
.characters-slider .swiper-scrollbar {position: relative;bottom: 0;height: 2px;margin-right: 45px;}
.characters-slider .swiper-slide {flex-shrink: 0; will-change: transform;}
.characters-slider .swiper-nav-buttons {display: flex;justify-content: space-between;width: 112px;gap: 15px;}
.characters-slider .swiper-nav-buttons button {background: var(--yellow);border-radius: 50%;width: 48px;height: 48px;padding: 0;border-color: transparent;}
.characters-slider .swiper-nav-buttons svg {height: 19px;}
.characters-slider .swiper-button-disabled {opacity: .6;}
.characters-slider .swiper-next svg {margin-left: 3px;}
.characters-slider .swiper-prev svg {margin-right: 3px;}
.characters-slider .swiper-scrollbar-drag {background: var(--yellow);top: -0.075rem;height: 4px;}

.characters-slider .swiper-wrapper {margin-bottom: 30px;height: 320px;}
/* .characters-slider .swiper-slide {display: flex;align-items: center;height: 380px;justify-content: flex-end;flex-direction: column;} */
.characters-slider .swiper-slide {max-width: 320px; width: 100%; height: 320px; background-position: bottom 35px center;display: flex;align-items: flex-end; justify-content: center; text-align: center;background-size: contain;background-repeat: no-repeat;}
.characters-slider .swiper-slide-prev {justify-content: flex-start;}
.characters-slider .swiper-slide-next {justify-content: flex-end;}
.characters-slider .swiper-slide-active {background-image: url("../images/characters/cloud.svg");}
.characters-slider .item-wrapper {display: inline-block;max-width: 140px;}
.characters-slider .swiper-slide-prev .item-wrapper,
.characters-slider .swiper-slide-next .item-wrapper {max-width: 225px;}
.characters-slider .swiper-slide-active .item-wrapper {max-width: 100%;}

.characters-slider .swiper-text {text-align: center;margin: 0 auto; max-width: 448px; width: 100%;font-family: var(--neucha);font-weight: 400;font-size: 30px;line-height: 28px;text-align: center;} 
 
@media (max-width: 1024px) {
    .characters-slider .swiper .swiper-nav-wrapper {max-width: 100%;}
    .characters-slider .swiper .swiper-scrollbar {margin-right: 25px;}
    .characters-slider .swiper .swiper-nav-buttons {gap: 10px;}
}
@media (max-width: 991px) {
    .characters-slider .swiper-slide-prev {justify-content: flex-end;}
    .characters-slider .swiper-slide-next {justify-content: flex-start;}
}



/* Section:Reviews */
.section-reviews {}
.section-reviews .wrapper {padding-top: 90px;padding-bottom: 70px;border-radius: 50px;background:var(--yellow) center top / contain no-repeat url("../images/reviews-bg.png");}
.section-reviews .section-header {color: #fff;margin-bottom: 60px;}

.reviews-slider {padding: 0 30px 0 30px;position: relative;max-width: 1024px;width: 100%;margin: 0 auto;}
.reviews-slider .swiper-slide {}
.reviews-slider .slider-item {background-color: #fff;padding: 50px;min-height:300px;border-radius:20px;box-shadow: 0 20px 0 0 rgba(156, 105, 226, 0.3);}
.reviews-slider .slider-item h3 {color: var(--blue);font-size: 40px;line-height: 45px;margin-bottom: 15px;font-family: var(--neucha);}
.reviews-slider .slider-item p {font-size: 16px;line-height: 24px;color: #586894}
.reviews-slider.swiper-container {overflow: hidden;}

.reviews-slider .swiper-nav-wrapper {position: relative;max-width: 448px;margin: 0 auto;width: 100%;display: inline-flex;align-items: center;justify-content: space-between;}
.reviews-slider .swiper-nav {display: flex;align-items: center;margin-top: 60px;}
.reviews-slider .swiper-scrollbar {position: relative;bottom: 0;height: 2px;margin-right: 45px;}
.reviews-slider .swiper-nav-buttons {display: flex;justify-content: space-between;width: 112px;gap: 15px;}
.reviews-slider .swiper-nav-buttons button {background: #fff;border-radius: 50%;width: 48px;height: 48px;padding: 0;border-color: transparent;}
.reviews-slider .swiper-nav-buttons svg {height: 19px;}
.reviews-slider .swiper-nav-buttons svg path {fill: var(--yellow);}
.reviews-slider .swiper-button-disabled {opacity: .6;}
.reviews-slider .swiper-next svg {margin-left: 3px;}
.reviews-slider .swiper-prev svg {margin-right: 3px;}
.reviews-slider .swiper-scrollbar-drag {background: #fff;top: -0.075rem;height: 4px;}

@media (max-width: 1024px) {
    .section-reviews .section-header {margin-bottom: 40px;padding-left: 20px;padding-right: 20px;}
    .section-reviews .wrapper {padding-bottom: 50px;background-size: cover;padding-top: 60px;}
    .reviews-slider .slider-item {padding: 30px;min-height: 260px;}
    .reviews-slider .slider-item p {font-size: 14px;line-height: 20px;}
    .reviews-slider .swiper-nav {margin-top: 45px;}
    .reviews-slider .swiper-nav-wrapper {max-width: 100%;}
    .reviews-slider .swiper-scrollbar {margin-right: 25px;}
    .reviews-slider .swiper-nav-buttons {gap: 10px;}
}
@media (max-width: 991px) {
    .reviews-slider .swiper-slide-prev {justify-content: flex-end;}
    .reviews-slider .swiper-slide-next {justify-content: flex-start;}
}
@media (max-width: 575px) {
    .section-reviews > .container {padding-left: 0;padding-right: 0;}
    .section-reviews .wrapper {border-radius: 0;}
}


/**
 * Section:FAQ
 */
.section-faq {}
.section-faq .wrapper {padding-top: 100px;padding-bottom: 145px;border-radius: 50px;background-color:#EAEBF4;}
.section-faq .section-header {margin-bottom: 90px;}
.grid-faq {max-width: 730px;margin: 0 auto;}
.grid-faq .grid-item {border-bottom: 1px solid #C5D2F6;padding-bottom: 17px;}
.grid-faq .question {color: #03174C; display: block;font-weight: 500;position: relative; padding:15px 60px 0 0;font-size: 40px;font-family: var(--neucha);cursor:pointer;}
.grid-faq .question .q-icon {padding-top: 1px;transform:rotate(180deg);position: absolute;width: 48px;height: 48px;right: 0;top: 18px;display: flex;align-items:center;justify-content: center; transition:.3s;background-color: transparent;border-radius:50px;border:2px solid var(--yellow);}
.grid-faq .question .q-icon svg path {fill: var(--yellow)}
.grid-faq .question.collapsed .q-icon {transform:rotate(0);background-color: var(--yellow);border-color: transparent}
.grid-faq .question.collapsed .q-icon svg path {fill: #fff}
.grid-faq .answer {}
.grid-faq .answer-content {font-size: 16px;line-height: 24px;font-weight: 400;padding:15px 0 5px 0;color: #586894}
.grid-faq .answer-content strong {font-size: 21px;}
.grid-faq .answer-content p {line-height: 21px;}
@media (max-width:991px) {
    .section-faq > .container {max-width: none}
    .section-faq .wrapper {padding: 110px 30px;}
    .section-faq .section-header {margin-bottom: 60px;}
}
@media (max-width:767px) {
    .section-faq {padding-top: 100px;}
    .section-faq .wrapper {padding: 110px 30px;}
    .grid-faq .question {font-size: 30px;line-height: 33px;}
    .grid-faq .question .q-icon {top: 8px;}
}
@media (max-width:575px) {
    .section-faq {background-size: contain;padding-top: 40px;}
    .section-faq .wrapper {padding: 60px 5px;}
    .section-faq .section-header {margin-bottom: 35px;}
}


/* Footer */
.template-footer {padding-top: 200px;background:#0E2257 center top 95px / auto no-repeat url("../images/bg-footer.png");position: relative;overflow: hidden;color: #fff}
.template-footer:before {position: absolute;width: 100%;height: 100%;left: 0;display: block;content: "";background-size: auto;background-repeat: no-repeat;z-index: 1;}
.template-footer:before {top: 0;background-image: url(../images/clouds-footer.png);background-position: center top;}
.template-footer > .container {position: relative;z-index: 2;}
.template-footer a {color: #fff;font-weight: 300;}
.template-footer h2 {font-family: var(--neucha);font-size: 18px;margin-bottom: 40px;}
.template-footer .logo {display: inline-block;max-width: 225px;}
.nav-footer {}
.nav-footer li {list-style: none;margin-bottom: 23px;}
.nav-footer li a {font-size: 16px}
.template-footer .col-social {text-align: right;}
.template-footer .col-social .wrapper {display: inline-block;text-align: left;}
.template-footer .social {display: flex;gap: 10px}
.template-footer .col-privacy {padding-top: 40px;padding-bottom: 60px;font-size: 12px}
@media (max-width:991px) {
    .template-footer .col-social {text-align: left;padding-top: 20px;}
    .template-footer .col-social h2 {margin-bottom: 25px;}
}
@media (max-width:767px) {
    .template-footer {padding-top: 200px;}
    .template-footer:before {background-image: url(../images/clouds-footer-sm.png);background-position: center top -15px;background-size: 100% auto;}
}
@media (max-width:575px) {
    .template-footer {text-align: center;padding-top: 80px;}
    .template-footer .col-logo {margin-bottom: 30px;}
    .template-footer .col-social {text-align: center;}
    .template-footer .col-nav h2 {display: none;}
    .template-footer .col-social .wrapper {text-align: center;}
    .template-footer .col-privacy p {margin-bottom: 15px;}
}