:root,
:host {
    --color-blue: #2776B8;
}

@font-face {
    font-family: 'CoconNext';
    src: url('../fonts/CoconNext/CoconNext-Regular.ttf') format("truetype");
    font-weight: 300
}

@font-face {
    font-family: 'CoconNext';
    src: url('../fonts/CoconNext/CoconNext-Bold.ttf') format("truetype");
    font-weight: bold
}

body {
    font-family: 'CoconNext';
}

.bg-blue {
    background-color: var(--color-blue);
}

.bg-light-blue {
    background-color: #CEE9FF;
}

.bg-light-blue2 {
    background-color: #F6FAFE;
}

.bg-dark-blue {
    background-color: #033E6D;
}

.bg-pink {
    background-color: #DE556A;
}

.bg-orange {
    background-color: #E27321;
}

.bg-filter {
    border: 2px solid white;
    mask-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%),
        radial-gradient(ellipse 80% 130% at top center, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%),
        radial-gradient(ellipse 80% 130% at top center, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);
    mask-composite: intersect;
    -webkit-mask-composite: destination-in;
}

.text-blue {
    color: var(--color-blue);
}

.border-blue {
    border-color: var(--color-blue);
}

.border-dark-blue {
    border-color: #033E6D;
}

.border-blue {
    border-color: var(--color-blue);
}

.border-b-blue {
    border-bottom-color: var(--color-blue);
}

@media (width >=64rem) {
    .lg\:text-blue {
        color: var(--color-blue);
    }
}

.left-gradient {
    background: linear-gradient(to right, #2A6CAC 0%, #2776B800 60%);
}

html[dir="rtl"] .start-light-gradient {
    background: linear-gradient(to left, #2A6CAC 0%, #2776B800 60%);
}

html:not([dir="rtl"]) .start-light-gradient {
    background: linear-gradient(to right, #2A6CAC 0%, #2776B800 60%);
}

html[dir="rtl"] .start-dark-gradient {
    background: linear-gradient(to left, #033e6d 0%, #2776B800 150%);
}

html:not([dir="rtl"]) .start-dark-gradient {
    background: linear-gradient(to right, #033e6d 0%, #2776B800 150%);
}

.top-gradient {
    background: linear-gradient(to top, #2776B800 0%, #2A6CAC 60%);
}

.bottom-gradient {
    background: linear-gradient(to bottom, #2776B800 0%, #2A6CAC 60%);
}

.gl-white {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(39, 118, 184, 1) 50%, rgba(0, 0, 0, 0) 100%);
}

.header.open .menu-handler {
    background-color: transparent;
}

.navbar .menu li:hover .w-dropdown-list {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    display: none;
}

p+p {
    padding-top: .75rem;
}

.section-button.is-active,
.section-button:hover {
    color: #fff;
    background-color: var(--color-blue);
}

.in-tabButton.is-active,
.in-tabButton:hover {
    background-color: #CEE9FF;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    right: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    left: var(--f-button-next-pos)
}

.form-light .w-input::-webkit-input-placeholder {
    color: var(--color-blue);
}

.form-light .w-input:-ms-input-placeholder {
    color: var(--color-blue);
}

.form-light .w-input::-moz-placeholder {
    color: var(--color-blue);
    opacity: 1;
}

.form-light .w-input:-moz-placeholder {
    color: var(--color-blue);
    opacity: 1;
}

#path {
    fill: none;
}

.points {
    transition: background-color 0.3s ease-in;
}

.points.active {
    background-color: var(--color-blue);
    transition-delay: .3s;
}

html:not([dir="rtl"]) .social-container,
html:not([dir="rtl"]) .social-block .points svg {
    transform: scaleX(-1);
}

select:not(.choices) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%232776b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: left .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (width >=1024px) {
    .lg\:bg-blue {
        background-color: var(--color-blue);
    }
}

@media (width >=768px) {
    .social-gradient {
        background: linear-gradient(to left, #033e6d 0%, #2776B800 80%);
    }
}