.elementor-kit-6{--e-global-color-primary:#FAB82C;--e-global-color-secondary:#D6EAF9;--e-global-color-text:#2D2D2D;--e-global-color-accent:#61CE70;--e-global-color-82224e2:#D4E4F7;--e-global-color-24e84fd:#FAF7F4;--e-global-color-9bac719:#FFD166;--e-global-color-9d22cbe:#FFFFFF;--e-global-color-55327ff:#1A1A1A;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-9bac719 );font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:var( --e-global-color-text );border-radius:25% 25% 25% 25%;padding:8px 16px 8px 16px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Quicksand", Sans-serif;font-size:120px;font-weight:700;}.elementor-kit-6 h2{font-family:"Quicksand", Sans-serif;font-size:96px;font-weight:700;line-height:84px;}.elementor-kit-6 h3{font-family:"Quicksand", Sans-serif;font-size:64px;line-height:84px;}.elementor-kit-6 h4{font-family:"Quicksand", Sans-serif;font-size:24px;font-weight:500;line-height:36px;}.elementor-kit-6 h5{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:600;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6 h1{font-size:100px;}.elementor-kit-6 h2{font-size:80px;}.elementor-kit-6 h3{font-size:50px;}.elementor-kit-6 h4{font-size:20px;}}@media(max-width:1200px){.elementor-kit-6 h1{font-size:80px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h2{font-size:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Quicksand:Quicksand; --Inter:Inter; --Yellow:#FAB82C; --Yellow2:#F1B434; --BlueButton:#5BA6FF; --BlueGra:#D4E4F7; --BlueGra2:#E8EEF6; --BlueGra3:#FAF7F4; --YellowLight:#FFD166; --Dark:#1A1A1A; --white:#FFFFFF; } /* Start custom CSS */.cloud { position: relative; } /*Time to animate*/ .x { right: 0px; -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } .x1 { top:0; right: 200px; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } /*variable speed, opacity, and position of clouds for realistic effect*/ .x2 { right: 200px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; /*opacity proportional to the size*/ /*Speed will also be proportional to the size and opacity*/ /*More the speed. Less the time in 's' = seconds*/ -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } .x3 { right: -180px; top: -200px; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); opacity: 0.85; /*opacity proportional to the size*/ -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; -o-animation: moveclouds 35s linear infinite; } .x4 { right: 470px; top: 300px; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); opacity: 0.75; /*opacity proportional to the size*/ -webkit-animation: moveclouds 30s linear infinite; -moz-animation: moveclouds 30s linear infinite; -o-animation: moveclouds 30s linear infinite; } .x5 { right: 50px; top:150px; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; } .x6 { right: 250px; bottom:-80px; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; } @-webkit-keyframes moveclouds { 0% {margin-right: 800px;} 100% {margin-right: -800px;} } @-moz-keyframes moveclouds { 0% {margin-right: 800px;} 100% {margin-right: -800px;} } @-o-keyframes moveclouds { 0% {margin-right: 800px;} 100% {margin-right: -800px;} } .cloud_border { filter: drop-shadow(0px 5px 5px rgba(0,0,0,.15)) drop-shadow(0px 5px 5px rgba(0,0,0,.12)); } @keyframes float1 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(6px, -10px); } 50% { transform: translate(12px, 0px); } 75% { transform: translate(6px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes float2 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(-8px, 10px); } 50% { transform: translate(-14px, 0px); } 75% { transform: translate(-8px, -10px); } 100% { transform: translate(0px, 0px); } } @keyframes float3 { 0% { transform: translate(0px, 0px); } 30% { transform: translate(10px, -8px); } 60% { transform: translate(4px, 8px); } 100% { transform: translate(0px, 0px); } } .cloud-1 { top: 30px; left: 0px; animation: float1 5s ease-in-out infinite; } .cloud-2 { top: 20px; right: 80px; animation: float2 6s ease-in-out infinite; } .cloud-3 { top: 100px; left: 20px; animation: float3 7s ease-in-out infinite; }/* End custom CSS */