@charset "UTF-8";

@import url('../fonts/fonts-style.css');

body {
    padding-top: 100px;
    background-color: #FFFAF1;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Graphik";
    transition: all ease 0.3s;
    color: #000;

}

a {
    text-decoration: none;
    cursor: pointer;
    transition: all ease 0.3s;
}
a:hover{
    text-decoration: underline;
}

ul,
li,
ol {
    list-style: none;
}

h2 {
    font-size: 48px;
    line-height:63px;
    font-weight: 500;
}

h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
}

p {
    line-height: 28px;
}
html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
}

button {
    cursor: pointer;
}

input:focus,
input:focus-visible,
input:focus-within,
button:focus,
button:focus-visible,
button:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within {
    outline: unset;
    box-shadow: unset;
}

.container {
    padding: 0 20px;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    height: 100%;
}

section {
    padding: 60px 0;
    /* scroll-margin-top: 155px; */
}

.flex {
    display: flex !important;
}

.flex-col {
    flex-direction: column !important;
}

.align-center {
    align-items: center !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-between {
    justify-content: space-between !important;
}
.pt-full{
    padding-top: 120px !important;
}
.pb-full{
    padding-bottom: 120px !important;
}

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

.border-0 {
    border: unset;
}

.cursor-pointer {
    cursor: pointer;
}

.transition {
    transition: all ease 0.3s;
}

.f-600 {
    font-weight: 600;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.h-100 {
    height: 100%;
}

.mw-100 {
    max-width: 100%;
}

.btn-main {
    position: relative;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border-radius: 50px;
    height: 46px;
    white-space: nowrap;
    background: #58C8CE;
    padding: 0 25px;
    line-height: 28px;
    display: inline-flex;
    font-size: 16px;
    text-decoration: none !important;
}

.btn-main span:first-child {
    position: relative;
    transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
    z-index: 10;
        color: #FFFAF1;
}

.btn-main span:last-child {
    color: #FFFAF1;
    display: block;
    position: absolute;
    bottom: 0;
    transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
    z-index: 100;
    opacity: 0;
        top: 50%;
    left: 50%;
    transform: translateY(225%) translateX(-50%);
    height: 14px;
}

.btn-main:after {
    content: "";
    position: absolute;
    bottom: -50%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fdbd1f;
    transform-origin: bottom center;
    transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
    transform: skewY(9.3deg) scaleY(0);
    z-index: 50;
}

.btn-main:hover:after {
    transform-origin: bottom center;
    transform: skewY(9.3deg) scaleY(2);
}

.btn-main:hover span:last-child {
    transform: translateX(-50%) translateY(-100%);
    opacity: 1;
    transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}


/* HEADER STYLING START  */
.header-main {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #FFFAF1;
}
.navbar-collapse a.link{text-decoration:none;}
.navbar-collapse a.link span{font-size:11px;}

/* .banner-main{
    min-height: calc(100dvh - 100px);
} */

.navbar-brand img {
    max-width: 138px;
    width: 100%;
}
.scrolled{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.header-main .navbar {
    justify-content: space-between;
}

.navbar-collapse {
    justify-content: end;
    gap: 180px;
}

.text_links{gap:30px;}

.navbar-collapse a.link:hover, .let-begin a:hover{
        transform: scale(1.1);
}
.navbar-toggler {
    display: none;
}

.navbar {
    min-height: 100px;
    padding: 20px 0;
}

.navbar-nav {
    justify-content: center;
}

.navbar-collapse a {
    color: #065B67;
    font-weight: 500;
    text-decoration: underline;
}

/* HEADER STYLING FINIESHED  */

/* BANNER STYLING START  */
.banner-info-inner h1 {
    color: #086E8E;
    font-size: 64px;
    line-height: 75px;
    font-weight: 600;
}

.banner-info-inner p {
    padding: 65px 0 35px 0;
    line-height: 28px;
    max-width: 485px;
    width: 100%;
}

.banner-btn-div div {
    line-height: 25px;
    font-weight: 600;
}

.banner-btn-div span {
    font-weight: 400;
}

.banner-btn-div {
    gap: 30px;
}

.banner-info {
    padding-bottom: 20px;
}

.banner-img {
    position: relative;
    top: 4px;
}

.banner-img:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    top: -130px;
    left: 56%;
    z-index: 1000;
    background: url(../images/svg/bird-orange.svg) no-repeat;
    /*animation: swing 6s ease 0s infinite normal forwards;*/
}

.aba-agency-main h2 {
    color: #086E8E;
}

.aba-agency-main p {
    color: #065B67;
    letter-spacing: 1px;
    line-height: 28px;
    max-width: 711px;
}

.aba-agency-main {
    min-height: 437px;
    background: url(../images/svg/bg-bird.svg) no-repeat;
    border-radius: 18px;
    gap: 70px;
    padding: 20px;
}

/* BANNER STYLING FINIESHED  */
/* SETTING STYLING START  */
.setting-img {
    mix-blend-mode: multiply;
    position: relative;
}
.setting-img:before{
    position: absolute;
    content: "";
    width: 126px;
        height: 78px;
    top: 27%;
    animation: cloudUp 12s ease 0s infinite normal forwards;
        left: 20px;
        z-index: 0;
    background: url(../images/svg/cloud-left.svg) no-repeat;
}
.setting-img:after{
    position: absolute;
    content: "";
    width: 162px;
        height: 176px;
        top: 0;
        animation: cloudUp 12s ease 0s infinite reverse forwards;
        right: 14%;
        z-index: 0;
    background: url(../images/svg/cloud-bird.svg) no-repeat;
}
.setting-img img{
        animation: cloudUp 12s ease 0s infinite reverse forwards;
}
.setting-info-inner{
position: relative;
}
.setting-info-inner::before{
    position: absolute;
        content: "";
        width: 126px;
        height: 78px;
        top: 28%;
    animation: swing 5s ease 0s infinite normal forwards;
        right: 0;
        z-index: 0;
        background: url(../images/svg/bird-orange2.svg) no-repeat;
}
@keyframes cloudUp {

    0%,
    100% {
        transform: translateY(0);
    }

    10%,
    30%,
    50%,
    70% {
        transform: translateY(-8px);
    }

    20%,
    40%,
    60% {
        transform: translateY(8px);
    }

    80% {
        transform: translateY(6.4px);
    }

    90% {
        transform: translateY(-6.4px);
    }
}

.setting-info h2 {
    color: #086E8E;
}

.setting-info h2 {
    color: #086E8E;
    padding-bottom: 65px;
}

.setting-info-inner {
    max-width: 590px;
}

.setting-info-inner-para {
    border-left: 1px solid #F7A400;
    padding: 5px 0 2px 24px;
}

.setting-info-inner-para h3 {
    padding-bottom: 30px;
}

.setting-info-inner-para p {
    width: 81%;
    line-height: 28px;
}

/* SETTING STYLING FINIESHED  */
/* MIGHTY STYLING START  */
.mighty-heading-box h2 {
    color: #086E8E;
}

.mighty-heading-box p {
    line-height: 28px;
    padding: 50px 0;
}

.mighty-heading-box {
    padding: 0 122px;
}

.mighty-para-box .setting-info-inner-para {
    margin-bottom: 80px;
}

.care-main h3 span {
    color: #F7A400;
}
.care-main{
    padding-bottom: 0;
}

.let-begin p {
    font-size: 20px;
}
.let-begin {
    padding-top: 0;
}

.let-begin a {
    font-size: 18px;
    color: #58C8CE;
    text-decoration: underline;
    white-space: nowrap;
}

.let-begin-inner {
    gap: 20px;
    padding-top: 0;
flex-direction:column;
}

/* MIGHTY STYLING FINIESHED  */
/* GIVING STYLING START  */
.giving-main {
    background: url(../images/svg/bg-cloud.svg) no-repeat center center/cover;
}

.giving-para {
    padding: 45px 0;
    gap: 30px;
}

.giving-heading p {
    margin: auto;
    max-width: 714px;
}

.giving-items-box {
    gap: 20px;
    flex-wrap: wrap;
}

.giving-item {
    background: #FFFAF1;
    border-radius: 18px;
    width: 330px;
    min-height: 360px;
    padding: 40px;
    gap: 30px;
}
.giving-item:hover img{
    transform: scale(1.2);
}
.giving-item:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.giving-item img {
    width: 48px;
    height: 48px;
    padding-bottom: 10px;
}

/* GIVING STYLING FINIESHED  */
/* HELP STYLING START  */
.help-inner-img img {
    mix-blend-mode: multiply;
    max-width: 440px;
    max-width: 100%;
    animation: cloudUp 12s ease 0s infinite normal forwards;
}

.help-inner-info h2 {
    color: #086E8E;
}

.help-info-para {
    padding: 50px 0;
    gap: 35px;
    max-width: 450px;
}

.help-inner {
    gap: 120px;
}
.help-main .help-inner-img {
    position: relative;
}

.help-main .help-inner-img:before {
    position: absolute;
    content: "";
width: 83px;
    height: 41px;
    top: 14%;
    animation: swing 5s ease 0s infinite normal forwards;
    left: 0;
    z-index: 0;
    background: url(../images/svg/bird-orange-5.svg) no-repeat;
}

/* HELP STYLING FINIESHED  */
/* READY STYLING START  */
.ready-main .help-inner-info h2 {
    padding-bottom: 50px;
}

.ready-main .help-inner {
    gap: unset;
    padding: 0 100px;
}
.ready-main .help-inner-img img {
animation: cloudUp 12s ease 0s infinite normal forwards;
}

/* READY STYLING FINIESHED  */
/* MAKING STYLING START  */
.making-heading span {
    color: #fff;
}

.making-heading {
    gap: 45px;
}

.making-heading h2 {
    color: #086E8E;
}

.making-para p {
    color: #065B67;
    letter-spacing: 1px;
}

.making-para {
    gap: 35px;
    max-width: 767px;
    margin: 0 auto;
}

.making-inner {
    gap: 60px;
    background: url(../images/svg/making-bg-img.svg) no-repeat center center/cover;
    border-radius: 18px;
    padding: 60px 20px 80px 20px;
}

/* MAKING STYLING FINIESHED  */
/* LEFTOFF STYLING START  */
.leftoff-img img {
    max-width: 491px;
    width: 100%;
    animation: cloudUp 12s ease 0s infinite normal forwards;
}
.leftoff-img{
    padding-right: 70px;
}
.leftoff-heading h2 {
    color: #086E8E;
    padding-bottom: 50px;
}

.leftoff-info-item p {
    padding-top: 15px;
    max-width: 315px;
    width: 100%;
}
.leftoff-info{
    position: relative;
}
.leftoff-info:before {
    position: absolute;
    content: "";
    width: 138px;
        height: 54px;
        top: 0%;
        animation: swing 5s ease 0s infinite normal forwards;
        right: 18%;
    z-index: 0;
    background: url(../images/svg/bird-orange-3.svg) no-repeat;
}

.leftoff-info-item {
    border-left: 1px solid #000;
    padding-left: 50px;
    padding-bottom: 50px;
    position: relative;
    /* margin-left: 50px; */
}

.leftoff-info-item:last-child{border-left:none;}

.number-div{

    border: 1px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -5px;
    background: #FFFAF1;
    left: -21px;
}
.number-div span{
    color: #F2B12E;
    font-size: 24px;
}

/* .leftoff-inner {
    gap: 60px;
} */
.leftoff-btn{
    padding-top: 60px;
}

/* LEFTOFF STYLING FINIESHED  */
/* WORDS STYLING START  */
.words-inner {
    background: url(../images/svg/words-bg.svg) no-repeat center center/cover;
    border-radius: 18px;
    padding: 100px 100px 70px 100px;
}

.words-heading h2 {
    color: #086E8E;
    padding-bottom: 100px;
}

.words-slider {
    background: #EBFBFC;
    border-radius: 18px;
    padding: 30px;
    width: 389px;
    min-height: 320px;
}

.writter-by {
    font-size: 18px;
    justify-content: end;
    gap: 30px;
}

.words-slider {
    margin-right: 12px;
    gap: 10px;
}

.words-slider-box {
    padding-bottom: 30px;
}
.slick-track{
    display: flex;
}

.slick-slide {
    margin: 0 15px;
    height: unset;
}

.slick-list {
    margin: 0 -15px;
}

.slick-arrow {
    position: absolute;
    z-index: 9;
    bottom: 0;
    background: transparent;
    border: unset;
    font-size: 0;
}

.slick-prev {
    right: 170px;
}

.slick-next {
    right: 70px;
}

.slick-next::before,
.slick-prev::before {
    position: absolute;
    content: "";
    width: 68px;
    height: 17px;
    top: 0;
    left: 0;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
}

.slick-prev::before {
    background-image: url('data:image/svg+xml;utf8,<svg width="65" height="16" viewBox="0 0 65 16" fill="" xmlns="http://www.w3.org/2000/svg"><path d="M0.292893 7.29289C-0.0976333 7.68341 -0.0976334 8.31658 0.292892 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6568L2.41422 7.99999L8.07107 2.34314C8.46159 1.95262 8.46159 1.31945 8.07107 0.928927C7.68054 0.538403 7.04738 0.538403 6.65685 0.928927L0.292893 7.29289ZM65 7L1 6.99999L1 8.99999L65 9L65 7Z" fill="white" /></svg>');
}

.slick-prev:hover::before {

    background-image: url('data:image/svg+xml;utf8,<svg width="65" height="16" viewBox="0 0 65 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.292893 7.29289C-0.0976333 7.68341 -0.0976334 8.31658 0.292892 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6568L2.41422 7.99999L8.07107 2.34314C8.46159 1.95262 8.46159 1.31945 8.07107 0.928927C7.68054 0.538403 7.04738 0.538403 6.65685 0.928927L0.292893 7.29289ZM65 7L1 6.99999L1 8.99999L65 9L65 7Z" fill="DarkTurquoise" /></svg>');
}

.slick-next::before {

    background-image: url('data:image/svg+xml;utf8,<svg width="65" height="16" viewBox="0 0 65 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M64.7071 8.70711C65.0976 8.31658 65.0976 7.68342 64.7071 7.29289L58.3431 0.928932C57.9526 0.538407 57.3195 0.538407 56.9289 0.928932C56.5384 1.31946 56.5384 1.95262 56.9289 2.34315L62.5858 8L56.9289 13.6569C56.5384 14.0474 56.5384 14.6805 56.9289 15.0711C57.3195 15.4616 57.9526 15.4616 58.3431 15.0711L64.7071 8.70711ZM64 7L8.74228e-08 6.99999L-8.74228e-08 8.99999L64 9L64 7Z" fill="white" /></svg>');
}

.slick-next:hover::before {

    background-image: url('data:image/svg+xml;utf8,<svg width="65" height="16" viewBox="0 0 65 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M64.7071 8.70711C65.0976 8.31658 65.0976 7.68342 64.7071 7.29289L58.3431 0.928932C57.9526 0.538407 57.3195 0.538407 56.9289 0.928932C56.5384 1.31946 56.5384 1.95262 56.9289 2.34315L62.5858 8L56.9289 13.6569C56.5384 14.0474 56.5384 14.6805 56.9289 15.0711C57.3195 15.4616 57.9526 15.4616 58.3431 15.0711L64.7071 8.70711ZM64 7L8.74228e-08 6.99999L-8.74228e-08 8.99999L64 9L64 7Z" fill="DarkTurquoise" /></svg>');
}

/* WORDS STYLING FINIESHED  */
/* FOOTER STYLING START  */
.footer-bottom {
    border-top: 1px solid #2D8F98;
    padding-top: 50px;
    margin-top: 50px;
}

.footer-bottom p {
    color: #2D8F98;
}

.footer-bottom p span {
    color: #2D8F98;
}

.footer-main {
    background: #065B67;
    padding: 95px 0 50px 0;
}

.footer-para p {
    color: #58C8CE;
    max-width: 318px;
    padding-top: 20px;
}

.footer-link span {
    color: #58C8CE;
    font-weight: 500;
    min-width: 100px;
    font-size: 16px;
}

.footer-link a {
    color: #58C8CE;
}

.footer-link {
    padding-bottom: 30px;
}

.footer-details {
    padding-top: 20px;
}

/* FOOTER STYLING FINIESHED  */


/* CONTACT PAGE STYLING START  */
.contact-heading span {
    font-size: 18px;
    line-height: 75px;
    color: #065B67;
}

.contact-heading h2 {
    color: #086E8E;
}

.contact-heading {
    padding: 0 0 60px 60px;
}

.contact-form {
    border-radius: 18px;
    padding: 60px;
}

.contact-parent .contact-form {
    background: #F4FDFD;
}

.contact-providers .contact-form {
    background: #F3FCF4;
}

.contact-input {
    position: relative;
    padding: 20px 0;
}

.contact-input input,
.contact-input textarea,
.contact-input select {
    background: transparent;
	border:none;
    border-bottom: 1px solid #065B67;
    height: 40px;
    resize: none;
	outline:none;
	box-shadow:none;
}

.contact-input label {
    position: absolute;
    top: 20px;
}

.contact-input.active label {
    top: 0;
    font-size: 14px;
}

.contact-btn {
    padding-top: 60px;
}

.contact-inner {
    gap: 44px;
}

.submit-sucess {
    background: #DFF0D8;
    color: #659464;
    font-size: 13px;
    padding: 10px;
    letter-spacing: 1px;
    border-radius: 18px;
    font-weight: 500;
    /* display: none; */
}

.submit-un-sucess {
    background: #EDD1D1;
    color: #B95458;
    font-size: 13px;
    padding: 10px;
    letter-spacing: 1px;
    font-weight: 500;
    /* display: none; */
    border-radius: 18px;
}

.submit-info {
    padding-top: 20px;
}
.contact-inner{
    position: relative;
}
.contact-inner:before {
    position: absolute;
    content: "";
    width: 133px;
        height: 74px;
    top: 0;
    right: 0;
    z-index: 0;
    background: url(../images/svg/bird-orange-6.svg) no-repeat;
    animation: swing 6s ease 0s infinite normal forwards;
}
.contact-main{
 background: url(../images/svg/contact-bg.svg) no-repeat center center;
}
.contact-body{
    background: #ffffff;
}
.contact-body .header-main{
    background: #ffffff;
}

/* CONTACT PAGE STYLING FINIESHED  */