:root {
	--transparent: transparent; 
	--color-black: #000000; 
	--color-black2: #020202; 
	--color-white: #ffffff; 
	--color-purple: #7D00BE; 
	--color-lynch: #637381; 
	--color-black-pearl: #001219; 
	--color-black-pearl-rgba: rgba(0, 18, 25, 0.4);
	--color-java: #229186; 
	--color-sea-green: #2EC4B6; 
	--color-oslo-grey: #7D8585; 
	--color-grey: #BCBCBC; 
	--color-nobel: #9595951f; 
	--color-nobel-2: #949494; 
	--color-dim-gray: #6B6B6B; 
	--color-royal-blue: #4361EE; 
	--color-saffron: #FFBA24; 
	--color-lush-blue: #0a61ff; 
	color-scheme:light dark;
    supported-color-schemes: light dark;
}

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

.vh-100 {
    height: 100vh;
}

.nav {
   display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Fonts */

.font-hel-neue-64 {
    font-size: 64px;
    font-family: 'HelveticaNeue';
    font-style: normal;
    line-height: 110%;
}

.font-hel-neue-48 {
    font-size: 48px;
    font-family: 'HelveticaNeue';
    font-style: normal;
    line-height: 110%;
}

.font-hel-neue-24 {
    font-size: 24px;
    font-family: 'HelveticaNeue';
    font-style: normal;
    line-height: 110%;
}

.font-hel-neue-18 {
    font-size: 18px;
    font-family: 'HelveticaNeue';
    font-style: normal;
    line-height: 110%;
}

.font-hel-neue-14 {
    font-size: 14px;
    font-family: 'HelveticaNeue';
    font-style: normal;
    line-height: 110%;
}

.font-lora-48 {
    font-size: 48px;
    font-family: Lora;
    font-style: normal;
    line-height: 110%;
}

.font-lora-24 {
    font-size: 24px;
    font-family: Lora;
    font-style: normal;
    line-height: 28px;
}

.font-lora-18 {
    font-size: 18px;
    font-family: Lora;
    font-style: normal;
    line-height: 124%;
}

.italic {
    font-family: Lora;
    font-style: italic;
}

/* Font Weight */

.weight-700 {
    font-weight: 700;
}

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

.weight-500 {
    font-weight: 500;
}

.weight-400 {
    font-weight: 400;
}

.weight-300 {
    font-weight: 300;
}

/* Letter Spacing */

.letter-spacing_36 {
    letter-spacing: 0.36em;
}

.letter-spacing_2 {
    letter-spacing: 0.02em;
}

.letter-spacing_-2 {
    letter-spacing: -0.02em;
}

.letter-spacing_-3 {
    letter-spacing: -0.03em;
}

/* Margin */

.mb-240 {
    margin-bottom: 240px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-31 {
    margin-bottom: 31px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-20 {
    margin-bottom: 20px;
}

/* Colors */

.head_pure_btn .transparent {
    background-color: var(--transparent);
    color: #0A61FF !important;
}

.head_pure_btn .transparent:hover {
    color: #fff !important;
}

.sea-green {
    color: var(--color-sea-green);
}
.royal-blue {
    color: var(--color-royal-blue);
}
.saffro {
    color: var(--color-saffron);
}
.bg-saffro {
    background-color: var(--color-saffron);
}
.lush-blue {
    color: var(--color-lush-blue);
}
.lynch {
    color: var(--color-lynch);
}
.black-pearl {
    color: var(--color-black-pearl);
}
.dark-black{
    color: var(--color-black);
}

/* Padding */
.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.py-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.py-300 {
    padding-top: 300px;
    padding-bottom: 300px;
}

.py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.py-41 {
    padding-top: 41px;
    padding-bottom: 41px;
}

.px-7em {
    padding-left: 7em;
    padding-right: 7em;
}

.px-46 {
    padding-left: 46px;
    padding-right: 46px;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.px-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.px-13 {
    padding-left: 13px;
    padding-right: 13px;
}

.pr-40 {
    padding-right: 40px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-100 {
    padding-bottom: 100px;
}

.p-120 {
    padding: 120px;
}

/* Text Transform */
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}

/* Normal CSS */
.ab-section-3 .background-wrapper {
    background: linear-gradient(113.24deg, rgba(10, 97, 255, 0.08) 27.23%, rgba(114, 9, 183, 0.3) 77.65%);
    border-radius: 24px;
}

.spacer-200 {
    width: 100%;
    height: 200px;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.flex-49 {
    flex: 0 0 49%;
    max-width: 49%;
}

.flex-32 {
    flex: 0 0 32%;
    max-width: 32%;
}

.gap {
    gap: 20px;
}

.blurry-effect {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 28px 50px 57px 29px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(40.2167px);
    border-radius: 8px;
}

.ab-section-5 .row:nth-last-child(2) {
    flex-direction: row-reverse;
}

.ab-section-4 {
    position: relative;
}

.ab-section-4::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 851px;
    height: 1700px;
    background: url('/wp-content/uploads/2022/10/Ellipse-143.png') no-repeat left center / auto;
}

.ab-section-6 .row .item {
    border-radius: 8px;
}

.weight-700 {
    font-weight: 700;
}

.weight-400 {
    font-weight: 400;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-44 {
    margin-bottom: 44px !important;
}

.lh-100 {
    line-height: 100%;
}

.lh-124 {
    line-height: 124%;
}
.default-btn {
    background: #28C675;
    border-radius: 30px;
    padding: 18px 24px;
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFF;
    transition: all 0.4s linear;
    display: inline-block;
}
.default-btn:hover {
    background: #0A61FF;
}

.default-btn.font-size-18 {
    font-size: 18px;
}

.btn-wrapper {
    position: relative;
}

.btn-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 79%;
    background: rgba(99, 115, 129, 0.17);
}

.btn-wrapper .default-btn {
    font-size: 14px;
}

.download-container {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 18, 25, 0.2);
    box-shadow: 23px 24px 20px 5px rgba(0, 0, 0, 0.04);
    border-radius: 24px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.facebook-support-section .main-sec {
    background: #0A61FF;
    box-shadow: 13px 19px 19px rgb(0 18 25 / 3%);
    border-radius: 16px !important;
    border: none !important;
}

.facebook-support-section h3 {
    color: #fff !important;
}

.facebook-support-section a.fontfamily_hel_neue.fontsize_24.wd_220 {
    color: #001219 !important;
    background: #fff !important;
    font-weight: 600;
}

.dark-mode-section::before {
    content: '';
    width: 571px;
    height: 500px;
    border: 61px solid #FFBA24;
    filter: blur(132px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.dark-mode-section::after {
    position: absolute;
    width: 583px;
    height: 557px;
    background: #FFFFFF;
    filter: blur(57px);
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dark-mode-section .featurehd_style_sfpro64 {
    position: relative;
}

/*.dark-mode-section .featurehd_style_sfpro64:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background-image: url(http://3.130.97.36:8201/wp-content/uploads/2022/10/Ellipse-156.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: bottom center;*/
/*    width: 50%;*/
/*    height: 89%;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0 auto;*/
/*    bottom: -150px;*/
/*}*/

.col-md-5.switch.content-sec h3.head-one {
    padding-right: 30px;
}

.dark-mode-section .featurehd_style_sfpro64 picture {   
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    z-index: 0;
}
.relative {
    position: relative;
}

.pt-19rem {
    padding-top: 19rem;
}

.col-md-5.switch.content-sec span.dark-night {
        color: #000;
    }
    .col-md-5.switch.content-sec span.dark-day {
        color: #FFBA24;
    }




@media (prefers-color-scheme: dark) {
    .col-md-5.switch.content-sec span.dark-night {
        color: #FFBA24;
    }
    .col-md-5.switch.content-sec span.dark-day {
        color: #000;
    }
}

/*RESPONSIVE MEDAI QUERY*/
@media(max-width:1024px){
    
}

@media only screen and (max-width: 6100px) and (min-width: 1400px)  {
    .mh-1000.sec_cvr.light_blue_layers.d-flex.justify-content-center:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 76%;
    background: #1066ff;
    opacity: 0.9;
    border-radius: 25px;
}
}

.custom-italic {
    font-style: italic;
    font-family: Lora;
}