.custom-option, .custom-select-trigger {
    cursor: pointer;
    color: #073857;
    display: block
}

.section-1 h1, .section-2 h1, .section-3 h1, body {
    font-weight: 400
}

.events *, .our-day *, footer * {
    outline: 0
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: nicolo-regular
}

body {
    margin: 0;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body:lang(ru) {
    font-family: "Arial";
}

.w-100 {
    width: 100%;
}

.blue-btn, .section-3 h1, .text-center {
    text-align: center
}

p {
    margin-top: 0
}

@font-face {
    font-family: helvetica-neue;
    src: url(../fonts/HelveticaNeueRegular.eot), url(../fonts/HelveticaNeueRegular.woff) format("woff"), url(../fonts/HelveticaNeue-Regular_22623.ttf) format("truetype")
}

@font-face {
    font-family: nicolo-regular;
    src: url(../fonts/Nicolo-Regular.otf)
}

@font-face {
    font-family: "Segoe UI";
    src: url('../fonts/Segoe UI.eot');
    src: url('../fonts/Segoe UI.otf') format("oft"),
    url('../fonts/Segoe UI.woff2') format("woff2"),
    url('../fonts/Segoe UI.woff') format("woff"),
    url('../fonts/Segoe UI.ttf') format("truetype"),
    url('../fonts/Segoe UI.svg') format("svg")
}

@font-face {
    font-family: "Arial";
    src: url('../fonts/Arial.eot');
    src: url('../fonts/Arial.otf') format("oft"),
    url('../fonts/Arial.woff2') format("woff2"),
    url('../fonts/Arial.woff') format("woff"),
    url('../fonts/Arial.ttf') format("truetype"),
    url('../fonts/Arial.svg') format("svg")
}

.position-relative {
    position: relative;
}

.d-flex {
    display: flex
}

.justify-content-between {
    justify-content: space-between
}

.align-items-center {
    align-items: center
}

.ml-auto {
    margin-left: auto
}

.m-0 {
    margin: 0 !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.d-block {
    display: block
}

.navbar {
    background-color: #7CD2EA
}

.pt-0 {
    padding-top: 0 !important;
}

.navbar .menu {
    list-style: none;
    padding: 5px 30px
}

.navbar .menu li {
    margin: 0 10px
}

.navbar .menu li a {
    color: #073857;
    font-size: 18px;
    text-decoration: none
}

.navbar .nav-content {
    max-width: 1385px;
    margin: 0 auto;
    padding: 0 22px 0 56px;
    position: relative
}

.navbar .nav-content .logo {
    position: absolute;
    top: 5px;
    z-index: 2
}

.nav-content .tell {
    background-color: #FFCA05;
    padding: 0 42px
}

.nav-content .tell a {
    text-decoration: none;
    color: #EF258D;
    font-family: helvetica-neue;
    font-size: 20px;
    margin-left: 17px;
    font-weight: bold;
}

.nav-content .tell .butterfly-pink {
    position: absolute;
    bottom: -13px;
    right: 0;
    z-index: 2
}

.home .home-img {
    width: 100%;
    height: 32.8vw;
}

.blue-btn {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    background-color: #1A85C7;
    width: 165px;
    height: 48px;
    line-height: 48px;
    border-radius: 41px;
    display: inline-block;
    transition: all .3s
}

.blue-btn:hover {
    background-color: #E73090;
    transition: all .3s
}

.home {
    position: relative
}

.slick-initialized .slick-slide:focus {
    outline: none;
    box-shadow: none;
}

.home .home-text h1 {
    color: #43437B;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.46;
    margin-bottom: 71px;
    max-width: 490px;
}

.home .home-text {
    position: absolute;
    top: 27.5%;
    left: 16.7%
}

.home .home-butterfly {
    position: absolute;
    bottom: -8px;
    right: 20.5%;
    max-width: 100%;
    height: auto
}

.section-1 {
    padding: 36px 15px 112px
}

.section-1 h1 {
    font-size: 30px;
    color: #E8258C;
    margin-bottom: 24px
}

.section-1-gallery {
    max-width: 1256px;
    padding: 0 15px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.section-1-gallery .gallery-img {
    padding: 0 10px 32px;
    position: relative
}

.section-1-gallery .gallery-img .hands {
    position: absolute;
    bottom: 7px;
    right: -26px
}

.section-1-gallery .gallery-img .heart {
    position: absolute;
    bottom: 8px;
    right: 3px
}

.section-1-gallery .gallery-img .wave {
    position: absolute;
    bottom: 31px
}

.section-1-gallery .gallery-img .wave p {
    position: absolute;
    bottom: 0;
    margin: 14px 32px;
    color: #213989;
    font-size: 20px
}

.section-1 .section-1-text {
    color: #213989;
    font-size: 20px;
    line-height: 1.4;
    max-width: 1065px;
    margin: 0 auto;
    padding-bottom: 86px;
}

.section-2 {
    background-color: #268ACB;
    position: relative
}

.section-2 .blue-butterfly {
    position: absolute;
    top: -101px;
    right: 0
}

.section-2 h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px
}

.section-2-content {
    max-width: 1622px;
    margin: 0 auto;
    position: relative
}

.section-2-content .boy {
    position: absolute;
    bottom: -57px;
    right: 34px
}

.about-us {
    padding: 11px 15px 15px;
    margin-left: -42px;
    position: relative;
    z-index: 1
}

.section-2 p {
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 61px;
    max-width: 1112px;
}

.section-2 .blue-btn {
    background-color: #fff;
    color: #2C79B7;
    transition: all .3s
}

.section-2 .blue-btn:hover {
    background-color: #E73090;
    transition: all .3s;
    color: #fff
}

.our-day-text {
    padding: 32px 36px 39px;
    max-width: 1282px;
    margin: 0 auto;
    position: relative
}

.our-day-text .blue-butterfly {
    right: 0;
    bottom: 30.6%;
    position: absolute
}

.section-3 h1 {
    font-size: 30px;
    color: #E73090;
    margin-bottom: 32px
}

.section-3 p, .section-3 ul {
    color: #324892;
    font-size: 20px;
    line-height: 1.7
}

.section-3 p {
    padding: 0 2px
}

.section-3 ul {
    padding: 17px 0 22px;
    line-height: 1;
    list-style: none
}

.section-3 ul li:before {
    content: '\2022';
    font-size: 48px;
    margin-right: 5px
}

.section-3 ul li {
    display: flex;
    align-items: flex-start;
    line-height: 35px
}

.section-4 .green {
    background-color: #238A36
}

.section-4 .green .left-img {
    position: absolute;
    top: -24px;
    left: 0
}

.section-4 .green .right-img {
    position: absolute;
    bottom: -15px;
    right: 0
}

.section-4 {
    padding: 63px 0 69px
}

.section-4 p {
    line-height: 1.5;
    padding: 0 15px 38px;
    color: #324892;
    font-size: 20px;
    max-width: 1048px;
    margin: 0 auto 1em;
}

.green p {
    color: #fff;
    font-size: 25px;
    padding: 25px 25px 25px 4px;
    position: relative;
    max-width: 799px;
    margin: 0 auto
}

.our-day .slick-prev {
    left: 33px;
    z-index: 1
}

.our-day .slick-next, .our-day .slick-prev {
    width: 25px;
    height: 39px;
    top: 49%
}

.slick-next:before, .slick-prev:before {
    display: none
}

.our-day .slick-slide img {
    display: block;
    margin: 0 auto;
    padding: 0 12px;
    height: 347px;
    width: 317px;
    object-fit: cover;
}

.our-day .slick-next {
    right: 33px;
    z-index: 1
}

.events-slide {
    padding: 0 15px 50px
}

.events {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 46px
}

.events .slick-prev {
    left: 0
}

.events .slick-next {
    right: 0
}

.events .slick-slide img {
    display: block;
    margin: 0 auto;
    padding: 0 14px;
    height: 347px;
    width: 317px;
    object-fit: cover;
}

.events .slick-next, .events .slick-prev {
    top: 36%
}

.events .event-img p {
    color: #E8258C;
    font-size: 20px;
    padding: 13px 0;
    text-align: center
}

.footer {
    background-color: #165A90
}

footer {
    margin-top: auto;
}

.footer-content {
    max-width: 1363px;
    margin: 0 auto;
    padding: 35px 15px 10px;
    flex-wrap: wrap
}

.footer-content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-content ul li {
    color: #fff;
    font-size: 20px;
    margin-bottom: 18px
}

.footer-content ul li a {
    color: #fff;
    font-size: 20px;
    text-decoration: none
}

.footer-content ul .address {
    font-size: 18px
}

.footer-bottom {
    background-color: #073E6A
}

.footer-bottom p {
    color: #fff;
    font-size: 14px;
    margin: 0
}

.footer-content p {
    color: #fff
}

.input, .send {
    height: 48px;
    color: #073E6A;
    font-family: nicolo-regular
}

.address {
    font-size: 18px
}

.footer-bottom .footer-bottom-cont {
    max-width: 1371px;
    margin: 0 auto;
    padding: 4px 15px
}

.input {
    width: 223px;
    padding: 15px 30px;
    border: none;
    font-size: 14px;
    margin-right: 5px;
    resize: none;
}

.inputs .input.input-radius {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.input::placeholder {
    font-size: 14px;
    color: #073E6A;
    font-family: nicolo-regular
}

.send {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border: none;
    width: 141px;
    background-color: #FFCA05;
    font-size: 16px;
    padding: 10px
}

.send::placeholder {
    font-size: 16px;
    color: #073E6A;
    font-family: nicolo-regular
}

.inputs {
    display: flex;
    flex-wrap: nowrap
}

.block-1 {
    padding: 10px 0 0
}

.block-1 ul li img {
    margin-right: 24px
}

.block-2 {
    margin-left: 7px;
    padding: 14px 0 0
}

.block-2 ul li img {
    margin-right: 17px
}

.block-3 {
    padding: 20px 0 0;
    margin: 0 auto;
}

.block-3 p {
    padding: 0 19px;
    font-size: 18px;
    margin-bottom: 20px
}

#nav-icon3 {
    width: 7.5vw;
    height: auto;
    position: relative;
    margin: 0 0 14px auto;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
/ / -webkit-transition: .5 s ease-in-out;
/ / -moz-transition: .5 s ease-in-out;
/ / -o-transition: .5 s ease-in-out;
/ / transition: .5 s ease-in-out;
    cursor: pointer;
    z-index: 4;
    display: block
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 1vw;
    width: 100%;
    background: #073E6A;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: .25s ease-in-out
}

#nav-icon3 span:nth-child(1) {
    top: 0
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 2vw
}

#nav-icon3 span:nth-child(4) {
    top: 3.9vw
}

#nav-icon3.open span:nth-child(1) {
    top: 2vw;
    width: 0;
    left: 50%
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav-icon3.open span:nth-child(4) {
    top: 12vw;
    width: 0;
    left: 50%
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    margin-left: 13px
}

.custom-select-wrapper select {
    display: none
}

.custom-select {
    position: relative;
    display: inline-block
}

.custom-select-trigger {
    position: relative;
    width: 61px;
    padding: 0;
    font-size: 18px
}

.custom-select-trigger:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #073857;
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 0 8px;
    right: 0;
    margin: 13px 0 0 -8px;
    border-radius: 4px;
    background: #7cd2ea;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.option-hover:before {
    background: #f9f9f9
}

.custom-option {
    position: relative;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 600;
    z-index: 1
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px
}

.custom-option.selection, .custom-option:hover {
    color: #fff
}

.fancybox-container * {
    outline: none;
}

.gallery-images {
    display: none;
}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
}

.blog-page-banner {
    max-width: 1227px;
    margin: 0 auto;
    height: 487px;
}

.blog-page-banner .hover-gradient {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 89px;
    bottom: 0;
    z-index: 1;
    padding: 19px 32px 10px;
    opacity: 0;
    transition: 0.8s all;
    min-height: 54px;

}

.blog-page-banner .hover-gradient:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    left: 0;
    right: 0;
    opacity: 0.87;
    background: #1a85c7;
}

.blog-page-banner .blog:hover .hover-gradient {
    opacity: 1;
    transition: .5s all;

}

.blog-page-banner .blog img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.blog-page-banner .blog {
    object-fit: cover;
    position: relative;
    width: 100%;
    color: white;

}

.blog-page-banner .title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 9px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.blog-page-banner .date {
    font-size: 16px;
    line-height: 19px;
}

.blog-page-banner a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 4px;

}

.blog-boxes {
    max-width: 1287px;
    padding: 0 15px 88px;
    margin: 0 auto;
    width: 100%;
}

.blog-boxes h3 {
    font-size: 25px;
    line-height: 34px;
    letter-spacing: 0;
}

.blog-boxes .blog-box {
    max-width: 389px;
    width: 100%;
    margin: 15px;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.blog-boxes .blog-box:hover .blog-link {
    transition: .3s all;
    background-color: #E73090;
    color: white;
}

.blog-boxes .blog-link {
    line-height: 15px;
    padding: 10px 22px 11px;
    color: white;
    font-size: 12px;
    transition: .3s all;
    background-color: #1A85C7;

}

.blog-boxes a {
    display: inherit;
    color: black;
    text-decoration: none;
}

.blog-boxes .blog-box-img {
    width: 100%;
    height: 218px;
    object-fit: cover;
}

.blog-boxes .blog-box-text {
    width: 100%;
    transition: .3s all;
    background: white;
    position: relative;
    box-shadow: none;
    border: 1px solid #c3c3c3;
    border-radius: 0 0 3px 3px;
    padding: 0;
    overflow: hidden;
    border-bottom: 0;
}

.blog-boxes .date {
    font-size: 14px;
    color: #073E6A;
    line-height: 17px;
}

.blog-boxes .title {
    margin-bottom: 8px;
    margin-top: 9px;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-boxes .blog-text {
    font-size: 16px;
    letter-spacing: 0.6px;
    border-bottom: 1px solid #E3E3E3;
    border-bottom: none;
    line-height: 22px;
    padding: 17px 0;
    height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-boxes .blog-box-padding {
    padding: 11px 19px 9px;
}

.blog-boxes .blog-boxes-content {
    padding-top: 34px;
    flex-wrap: wrap;

}

.blog-single-page {
    max-width: 1164px;
    width: 100%;
    margin: 0 auto;
    padding: 56px 15px 23px;

}

.blog-single-page .author-section {
    width: 39.2%;
    flex: 0 0 39.2%;
    padding: 0 30px 0 0;

}

.blog-single-page h1 {
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 35px;
    letter-spacing: 0;

}

.blog-single-page .read {

    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.blog-single-page .post-author {

    font-size: 16px;
    line-height: 19px;
    color: #1F1F1F;
    padding: 35px 0;

}

.blog-single-page .post-author-img {
    border: 1px solid #707070;
    border-radius: 50%;
    display: block;
    object-fit: cover;
    width: 83px;
    height: 83px;
    margin-right: 14px;

}

.blog-single-page .post-info {

    font-size: 16px;
    margin-top: 9px;
    letter-spacing: 0;

}

.blog-single-text {
    max-width: 943px;
    padding: 0 3vw 0 15px;
    margin: 0 auto;
}

.blog-single-text .blog-content {
    padding: 26px 0 0;
    color: #2B2B2B;
}

.blog-single-text .share {
    padding-right: 5.7vw;
    padding-top: 8px;
}

.blog-single-text a {
    display: block;
    margin-bottom: 23px;

}

.blog-single-text img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 50px 0;
}

.blog-single-text .blog-p {
    letter-spacing: 0;
    font-size: 20px;
    line-height: 30px;

}

.blog-single-text p {
    margin-bottom: 29px;
    max-width: 675px;
}

.blog-single-text:last-child {
    margin-bottom: 29px;

}

.blog-single-text .blog-date {

    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    color: #2B2B2B;
    margin-bottom: 65px;

}

.blog-single-text .title {
    color: #191919;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 20px;
    letter-spacing: 0;

}

.dropdown {
    position: relative;
    cursor: pointer;
    width: max-content;
    margin: 0 auto;
}

.dropdown-menu {
    font-size: 1.05rem;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    top: 32px;
    left: inherit;
    right: 0;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 5rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 3px;

}

.dropdown-menu .dropdown-item:hover {
    background-color: #7cd2ea;
    color: white;
}

.arrow {
    display: inline-block;
    border-bottom: aliceblue;
    width: 10px;
    height: 10px;
    margin-left: 7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #073857;
}

.dropdown-menu .dropdown-item {
    display: block;
    font-size: 16px;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-menu.d-block {
    display: block;
}

.login {
    max-width: 575px;
    margin: 0 auto;
    padding: 150px 15px;
}

.login .send {
    border-radius: 40px;

}

input:focus {
    outline: none;
}

.login .input {
    width: 100%;
    border: 1px solid #165a90;
    margin: 0 0 15px;
    border-radius: 40px;
}

.aist-block {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

.aist-block span {
    padding-right: 19px;
    letter-spacing: 0.3px;
}

.aist-block:hover {
    color: #FFC400;
    text-decoration: none;
    transition: color 0.3s;
}

.aist-block:hover svg path {
    fill: #FFC400;
    transition: fill 0.5s;
}

@media (min-width: 992px) {
    #nav-icon3 {
        display: none
    }

}

@media (max-width: 1286px) {
    .blog-boxes {
        max-width: 868px;
    }

}

@media (max-width: 1266px) {
    .section-1-gallery .gallery-img .wave p {
        font-size: 16px;
        margin: 14px 18px
    }
}

@media (max-width: 1150px) {
    .footer-content {
        justify-content: space-around
    }
}

@media (max-width: 1199px) {
    .mobile-menu {
        position: absolute;
        flex-direction: column;
        width: 100%;
        text-align: center;
        top: 48px;
        left: 0;
        right: 0;
        height: 100vh;
        z-index: 1;
        padding: 46px 15px !important;
        background: #7cd2ea;
        display: block !important;
        margin: 0;
    }
    .dropdown{
        width: 100%;
    }
    .dropdown-menu {
        position: relative;
        top: 0;
        background: transparent;
        float: none;
        left: 0;
        right: 0;
        max-width: 100%;
    }
    .dropdown-menu .dropdown-item{
        text-align: center;
    }

    #nav-icon3 {
        width: 24px;
        margin: 0 0 18px auto;
        display: block
    }

    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
        top: 6px
    }

    #nav-icon3 span {
        height: 3px;
        border-radius: 9px;
        display: block
    }

    #nav-icon3 span:nth-child(4) {
        top: 12px
    }

    .nav-content .tell, .navbar .menu {
        display: none
    }

    .navbar .nav-content {
        padding: 30px
    }

    .custom-select-trigger:after {
        right: -3px
    }

    .custom-select-wrapper {
        margin-left: 0
    }

    .custom-options {
        margin: 0
    }
}

@media (max-width: 991px) {
    .blog-page-banner {
        height: 49vw;
        min-height: 221px;
    }

    .home .home-text h1 {
        margin-bottom: 23px;
        z-index: 2;
        position: relative;
        font-size: 26px
    }

    .input {
        border-radius: 40px;
        margin-bottom: 10px;
        width: 270px;
    }

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

    .send {
        border-radius: 40px;
    }

    .block-3 {
        align-items: flex-start;
    }
}

@media (max-width: 908px) {
    .section-1-gallery {
        max-width: 623px;
    }
}

@media (max-width: 867px) {
    .blog-boxes {
        max-width: 420px;
    }

    .blog-boxes .blog-box {
        margin: 15px 0;
    }

    .blog-boxes .blog-box-padding {
        padding: 15px;
    }

}

@media (max-width: 767px) {
    .dropdown-menu .dropdown-item{
        white-space: normal;
    }
    .navbar .nav-content {
        padding: 15px;
    }

    .blog-page-banner .title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .blog-page-banner .date {
        font-size: 14px;
    }

    .blog-page-banner .hover-gradient {
        padding: 10px;
        height: 60px;
        opacity: 1;
    }

    .home .home-img {
        min-height: 356px;
        object-fit: cover
    }

    .home .home-text h1 {
        font-size: 24px;
        margin-bottom: 31px
    }

    .home .home-text {
        top: 36.5%;
        left: 6.7%
    }

    .section-1 h1, .section-2 h1, .section-3 h1 {
        font-size: 24px
    }

    .events .event-img p, .footer-content ul .address, .section-1 .section-1-text, .section-2 p, .section-3 p, .section-3 ul, .section-4 p {
        font-size: 16px
    }

    .green p {
        font-size: 22px;
        padding: 15px
    }

    .section-3 ul li:before {
        font-size: 36px
    }

    .section-3 ul li {
        line-height: 25px
    }

    .footer-content ul li {
        font-size: 16px;
        margin-bottom: 10px
    }

    .block-3, .footer-content {
        flex-direction: column;
        align-items: center
    }

    .section-1-gallery {
        justify-content: center
    }

    .events .slick-slide img {
        padding: 0
    }

    .footer-bottom .footer-bottom-cont {
        flex-direction: column
    }

    .home .home-butterfly {
        right: 0;
        width: 80px
    }

    .section-2 .blue-butterfly {
        width: 120px;
        top: -78px
    }

    .our-day-text .blue-butterfly {
        width: 120px
    }

    .our-day-text {
        padding: 15px
    }

    .section-2-content .boy {
        width: 124px;
        bottom: -27px;
        right: 0
    }

    .rainbow {
        display: none
    }

    .about-us {
        padding: 11px 15px 82px;
        margin-left: 0;
    }

    .section-1-gallery .gallery-img .hands {
        right: 0
    }

    .section-2 p {
        margin-bottom: 32px
    }

    .section-1 {
        padding: 13px 15px 68px
    }

    .section-1 .section-1-text {
        margin-bottom: 36px
    }

    .section-4 p {
        padding: 15px
    }

    .section-4 {
        padding: 36px 0
    }

    .navbar .nav-content .logo {
        width: 160px
    }

    .blue-btn {
        width: 150px;
        height: 44px;
        line-height: 44px;
        font-size: 16px
    }

    .events-slide {
        padding: 0 10px 50px
    }

    .events .slick-next img, .events .slick-prev img, .our-day .slick-next img, .our-day .slick-prev img {
        width: 20px
    }

    .events {
        padding: 0 30px
    }
}

@media (max-width: 575px) {
    .navbar .nav-content .logo {
        width: 101px;
    }
}