@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Marcellus&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Marcellus&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Marcellus&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Marcellus&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/* font-family: "DM Sans", serif; */

:root{
    --primary-font: "Plus Jakarta Sans", 'Segoe UI', sans-serif;
    --secondary-font: 'Open Sans','Segoe UI', sans-serif;
    --Mulish-font: "Mulish", serif;
    --Inter-font: "Inter", serif;
    --Cabin-font: "Cabin", serif;
    --Black: rgba(0, 0, 0, 1);
    --Grey: #6C6C6C;
    --White: rgba(255, 255, 255, 1);
    --Pastel-Peach: #FFE1E1;
    --gadient: linear-gradient(90deg, #EF7662 0%, #9141C5 100%);
    --primary-color: #685FE2;
    --secondary-color: #312B2B;
    --btn-third-color: #FF7F50;
    --txt-primary-color: #0D0D0D;
    --txt-secondary-color: #262626;
    --bodyTxt-color: #606060;
    --main-title:64px;
    --common-heading:50px;
    --Sub_Heading:32px;
    --Sub_Txt:24px;
    --body:20px;
    --body-sub:18px;
    --body-subTxt:16px;
    --smallestTxt:14px;
    --secGap:75px;
    --fw-light:300;
	--fw-regular:400;
	--fw-medium:500;
	--fw-semi-bold:600;
	--fw-bold:700;
	--fw-extra-bold:800;
	--fw-black:900;
}

 



header, main, footer{width: 100%;float: left;}

body{text-rendering:optimizeSpeed;line-height:1.5; font-family: var(--primary-font);}
body,h1,h2,h3,h4,h5,h6,p,ul,ul li{margin:0;padding:0;}
*,*::before,*::after{outline:none;box-sizing:border-box;scroll-behavior:smooth;}
*{margin:0;padding:0;}
input,button{-moz-appearance:none;-webkit-appearance:none;}
button{cursor: pointer;}
a:link,a:visited{text-decoration:none;border:none;outline:none;}
img,picture,svg{max-width:100%;display:block;}
img{border:none;outline:none;width: 100%;display: block;}
ul,ol{list-style:none;list-style-type:none;}
q{quotes:"\201C" "\201D" "\2018" "\2019";} 
.desktop{display:block;}
.mobile{display:none;}
.helperSpan{display:inline-block;vertical-align:middle;width:1px;height:100%;}
.relative{position:relative;}
.absolute{position:absolute;}
.clr{clear:both;}
.floatLft{float:left;}
.floatRgt{float:right;}
.d-flex{display: flex;}
.justContCent{justify-content: center;}
.justContStretch{justify-content: stretch;}
.justContSpBtw{justify-content: space-between;}
.inlineBlk{display:inline-block;vertical-align:middle;}
.table{display:table;}
.transition{transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-webkit-transition:all 0.35s ease 0s;}
.row{display:flex; justify-content: space-between;}
.flexdircol{flex-direction:column;}
.flexdirrow{flex-direction:row;}   
.black{color: var(--Black);}
.white{color: var(--White);}

.sec_head{font-size: var(--Main_Heading); font-weight: var(--fw-bold);}
/* .com_desc{font-size: var(--common-Txt); font-weight: var(--fw-regular); color: var(--bodyTxt-color);} */
.card_head{font-size: var(--Sub_Heading); font-weight: var(--fw-bold);}

 /* ======= containers  ======= */



/* font weight */
.fw-black{font-weight:var(--fw-black);}
.fw-ex-bold{font-weight:var(--fw-extra-bold);}
.fw-bold{font-weight:var(--fw-bold);}
.fw-semi-bold{font-weight:var(--fw-semi-bold);}
.fw-medium{font-weight:var(--fw-medium);}
.fw-regular{font-weight:var(--fw-regular);}
.fw-light{font-weight:var(--fw-light);}
.ff-secondary{font-family:var(--secondary-font);}

/* ======= containers  ======= */
.col-10{width:10%;}
.col-20{width:20%;}
.col-30{width:30%;}
.col-40{width:40%;}
.col-50{width:50%;} 
.col-60{width:60%;}
.col-70{width:70%;}
.col-80{width:80%;}
.col-90{width:90%;}
.col-100{width:100%;}
.textCenter{text-align:center;}
.textJustify{text-align:justify;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.textUp{text-transform:uppercase;}
.bg-transparent{background-color:transparent;}
.main-wrapper{max-width:1600px; width:100%; margin:0 auto;}
.wrap-1500{max-width:1500px; width:100%; margin:0 auto;}
.wrap-1400{max-width:1450px; width:100%; margin:0 auto;}
.wrap-1300{max-width:1318px; width:100%; margin:0 auto;}
.wrap-1200{max-width:1266px; width:100%; margin:0 auto;}
.wrap-1100{max-width:1146px; width:100%; margin:0 auto;}


.common-heading{font-size: var(--common-heading);color: var(--txt-primary-color);line-height: 1.5;font-family: var(--DM-Sans);}
.common-heading span{color: var(--primary-color);}
.common-heading.banner-title{font-size: var(--banner-title); line-height: 1.063;}
.common-heading.white, .body-txt.white,.sub-heading.white, i.white{color: #fff;}
.sub-heading{font-size: var(--Sub_Txt);}
.body-txt{font-size: var(--body); color: var(--bodyTxt-color);}
.card-heading{font-size: var(--Sub_Heading);color: var(--White);}
.sv-secGap{padding: var(--secGap) 0;}
.margiBot0-5em{margin-bottom: 0.5em;}
.margiBot1em{margin-bottom: 1em;}
.margiBot2em{margin-bottom: 2em;}
.margiBot3em{margin-bottom: 3em;}
.margiBot4em{margin-bottom: 4em;}
.margiBot5em{margin-bottom: 5em;}
.padd-bot0{padding-bottom: 0;}
.marg-bot0{margin-bottom: 0;}
.z-3{z-index: 3;}


/* scrollbar */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #93A0B7;-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--primary-color);-webkit-box-shadow:inset 0 0 6px #93A0B7;}
::-webkit-scrollbar-thumb:window-inactive{background:#93A0B7 ;}