@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
	--colorPrimary: #2AA7FF;
	--colorPrimaryLight: #EBF7FF;
	--colorWhite: #fff;
    --body-color: #2E383E;
    --colorRed: #E84B4B;
    --colorGreen: #03A66D;
    --colorYello: #FFC325;
    --responsive--aligndefault-width: 100%;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: "Inter", sans-serif;
    background: #fff;
    background-size: cover;
    font-size: 16px;
    color: #2E383E;

}

html {
	font-size: 62.5%;
    font-family: 'Inter';
}


/* Padding */
.p-0 { padding: 0; }
.p-4 { padding: 4px; }   
.p-8 { padding: 8px; }   
.p-12 { padding: 12px; }  
.p-16 { padding: 16px; }  
.p-20 { padding: 20px; }  
.p-24 { padding: 2.4rem; }  
.p-28 { padding: 2.8rem; }     
.p-32 { padding: 3.2rem; }   
.p-36 { padding: 3.6rem; }   
.p-40 { padding: 4rem; }  
.p-44 { padding: 4.4rem; }  
.p-48 { padding: 4.8rem; }  
.p-52 { padding: 5.2rem; }  
.p-56 { padding: 5.6rem; }  
.p-60 { padding: 6rem; }  
.p-64 { padding: 6.4rem; }
.p-68 { padding: 6.8rem; } 
.p-72 { padding: 7.2rem; } 
.p-76 { padding: 7.6rem; } 
.p-80 { padding: 8rem; }  
.p-84 { padding: 8.4rem; } 
.p-88 { padding: 8.8rem; } 
.p-92 { padding: 9.2rem; } 
.p-96 { padding: 9.6rem; } 
.p-100 { padding: 10rem; }  
.p-104 { padding: 10.4rem; } 
.p-108 { padding: 10.8rem; } 
.p-112 { padding: 11.2rem; }  
.p-116 { padding: 11.6rem; }  
.p-120 { padding: 12rem; }  
.p-124 { padding: 12.4rem; }  
.p-128 { padding: 12.8rem; }  
.p-132 { padding: 13.2rem; }  


.px-0 { padding: 0; }
.px-2 { padding-left: 2px; padding-right: 2px; }   
.px-4 { padding-left: 4px; padding-right: 4px; }   
.px-8 { padding-left: 8px; padding-right: 8px;}   
.px-12 {padding-left: 12px; padding-right: 12px; }  
.px-16 { padding-left: 16px; padding-right: 16px; }  
.px-20 { padding-left: 20px; padding-right: 20px; }  
.px-24 { padding-left: 2.4rem; padding-right: 2.4rem;}  
.px-28 { padding-left: 2.8rem; padding-right: 2.8rem; }     
.px-32 { padding-left: 3.2rem; padding-right: 3.2rem; }   
.px-36 { padding-left: 3.6rem; padding-right: 3.6rem;}   
.px-40 { padding-left: 4rem; padding-right: 4rem; }  
.px-44 { padding-left: 4.4rem; padding-right: 8px; }  
.px-48 { padding-left: 4.8rem; padding-right: 4.8rem; }  
.px-52 {padding-left: 5.2rem; padding-right: 5.2rem; }  
.px-56 { padding-left: 5.6rem; padding-right: 5.6rem; }  
.px-60 { padding-left: 6rem; padding-right: 6rem; }  
.px-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
.px-68 { padding-left: 6.8rem; padding-right: 6.8rem; } 
.px-72 { padding-left: 7.2rem; padding-right: 7.2rem; } 
.px-76 { padding-left: 7.6rem; padding-right: 7.6rem; } 
.px-80 { padding-left: 8rem; padding-right: 8rem; }  
.px-84 { padding-left: 8.4rem; padding-right: 8.4rem; } 
.px-88 { padding-left: 8.8rem; padding-right: 8.8rem; } 
.px-92 { padding-left: 9.2rem; padding-right: 9.2rem; } 
.px-96 { padding-left: 9.6rem; padding-right: 9.6rem; } 
.px-100 { padding-left: 10rem; padding-right: 10rem; }  
.px-104 { padding-left: 10.4rem; padding-right: 10.4rem; } 
.px-108 { padding-left: 10.8rem; padding-right: 10.8rem; } 
.px-112 { padding-left: 11.2rem; padding-right: 11.2rem; }  
.px-116 { padding-left: 11.6rem; padding-right: 11.6rem; }  
.px-120 { padding-left: 12rem; padding-right: 12rem; }  
.px-124 { padding-left: 12.4rem; padding-right: 12.4rem; }  
.px-128 { padding-left:12.8rem; padding-right:12.8rem; }  
.px-132 { padding-left: 13.2rem; padding-right: 13.2rem; }  

.py-0 { padding-top: 0; padding-bottom: 0; }
.py-2 { padding-top: 2px; padding-bottom: 2px; }   
.py-4 { padding-top: 4px; padding-bottom: 4px; }   
.py-8 { padding-top: 8px; padding-bottom: 8px;}   
.py-12 {padding-top: 12px; padding-bottom: 12px; }  
.py-14 {padding-top: 14px; padding-bottom: 14px; }  
.py-16 { padding-top: 16px; padding-bottom: 16px; }  
.py-20 { padding-top: 20px; padding-bottom: 20px; }  
.py-24 { padding-top: 2.4rem; padding-bottom: 2.4rem;}  
.py-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }     
.py-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }   
.py-36 { padding-top: 3.6rem; padding-bottom: 3.6rem;}   
.py-40 { padding-top: 4rem; padding-bottom: 4rem; }  
.py-44 { padding-top: 4.4rem; padding-bottom: 8px; }  
.py-48 { padding-top: 4.8rem; padding-bottom: 4.8rem; }  
.py-52 {padding-top: 5.2rem; padding-bottom: 5.2rem; }  
.py-56 { padding-top: 5.6rem; padding-bottom: 5.6rem; }  
.py-60 { padding-top: 6rem; padding-bottom: 6rem; }  
.py-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }
.py-68 { padding-top: 6.8rem; padding-bottom: 6.8rem; } 
.py-72 { padding-top: 7.2rem; padding-bottom: 7.2rem; } 
.py-76 { padding-top: 7.6rem; padding-bottom: 7.6rem; } 
.py-80 { padding-top: 8rem; padding-bottom: 8rem; }  
.py-84 { padding-top: 8.4rem; padding-bottom: 8.4rem; } 
.py-88 { padding-top: 8.8rem; padding-bottom: 8.8rem; } 
.py-92 { padding-top: 9.2rem; padding-bottom: 9.2rem; } 
.py-96 { padding-top: 9.6rem; padding-bottom: 9.6rem; } 
.py-100 { padding-top: 10rem; padding-bottom: 10rem; }  
.py-104 { padding-top: 10.4rem; padding-bottom: 10.4rem; } 
.py-108 { padding-top: 10.8rem; padding-bottom: 10.8rem; } 
.py-112 { padding-top: 11rem; padding-bottom: 11rem; }  
.py-116 { padding-top: 11.4rem; padding-bottom: 11.4rem; }  
.py-120 { padding-top: 12rem; padding-bottom: 12rem; }  
.py-124 { padding-top: 12.4rem; padding-bottom: 12.4rem; }  
.py-128 { padding-top:12.8rem; padding-bottom:12.8rem; }  
.py-132 { padding-top: 13.2rem; padding-bottom: 13.2rem; } 



.pt-0 { padding-top: 0; }
.pt-4 { padding-top: 4px;  }   
.pt-8 { padding-top: 8px; }   
.pt-12 {padding-top: 12px}  
.pt-16 { padding-top: 16px }  
.pt-20 { padding-top: 20px }  
.pt-24 { padding-top: 2.4rem}  
.pt-28 { padding-top: 2.8rem }     
.pt-32 { padding-top: 3.2rem }   
.pt-36 { padding-top: 3.6rem}   
.pt-40 { padding-top: 4rem }  
.pt-44 { padding-top: 4.4rem }  
.pt-48 { padding-top: 4.8rem }  
.pt-52 {padding-top: 5.2rem }  
.pt-56 { padding-top: 5.6rem }  
.pt-60 { padding-top: 6rem }  
.pt-64 { padding-top: 6.4rem }
.pt-68 { padding-top: 6.8rem } 
.pt-72 { padding-top: 7.2rem } 
.pt-76 { padding-top: 7.6rem } 
.pt-80 { padding-top: 8rem }  
.pt-84 { padding-top: 8.4rem } 
.pt-88 { padding-top: 8.8rem } 
.pt-92 { padding-top: 9.2rem } 
.pt-96 { padding-top: 9.6rem } 
.pt-100 { padding-top: 10rem }  
.pt-104 { padding-top: 10.4rem} 
.pt-108 { padding-top: 10.8rem} 
.pt-112 { padding-top: 11rem }  
.pt-116 { padding-top: 11.6rem }  
.pt-120 { padding-top: 12rem }  
.pt-124 { padding-top: 12.4rem }  
.pt-128 { padding-top:12.8rem }  
.pt-132 { padding-top: 13.2rem } 



.pb-0 { padding-bottom: 0; }
.pb-4 { padding-bottom: 4px;  }   
.pb-8 { padding-bottom: 8px; }   
.pb-12 {padding-bottom: 12px}  
.pb-16 { padding-bottom: 16px }  
.pb-20 { padding-bottom: 20px }  
.pb-24 { padding-bottom: 2.4rem}  
.pb-28 { padding-bottom: 2.8rem }     
.pb-32 { padding-bottom: 3.2rem }   
.pb-36 { padding-bottom: 3.6rem}   
.pb-40 { padding-bottom: 4rem }  
.pb-44 { padding-bottom: 4.4rem }  
.pb-48 { padding-bottom: 4.8rem }  
.pb-52 {padding-bottom: 5.2rem }  
.pb-56 { padding-bottom: 5.6rem }  
.pb-60 { padding-bottom: 6rem }  
.pb-64 { padding-bottom: 6.4rem }
.pb-68 { padding-bottom: 6.8rem } 
.pb-72 { padding-bottom: 7.2rem } 
.pb-76 { padding-bottom: 7.6rem } 
.pb-80 { padding-bottom: 8rem }  
.pb-84 { padding-bottom: 8.4rem } 
.pb-88 { padding-bottom: 8.8rem } 
.pb-92 { padding-bottom: 9.2rem } 
.pb-96 { padding-bottom: 9.6rem } 
.pb-100 { padding-bottom: 10rem }  
.pb-104 { padding-bottom: 10.4rem} 
.pb-108 { padding-bottom: 10.8rem} 
.pb-112 { padding-bottom: 11.2rem }  
.pb-116 { padding-bottom: 11.6rem }  
.pb-120 { padding-bottom: 12rem }  
.pb-124 { padding-bottom: 12.4rem }  
.pb-128 { padding-bottom:12.8rem }  
.pb-132 { padding-bottom: 13.2rem } 

.pl-0 { padding-left: 0; }
.pl-4 { padding-left: 4px;  }   
.pl-8 { padding-left: 8px; }   
.pl-12 {padding-left: 12px}  
.pl-16 { padding-left: 16px }  
.pl-20 { padding-left: 20px }  
.pl-24 { padding-left: 2.4rem}  
.pl-28 { padding-left: 2.8rem }     
.pl-32 { padding-left: 3.2rem }   
.pl-36 { padding-left: 3.6rem}   
.pl-40 { padding-left: 4rem }  
.pl-44 { padding-left: 4.4rem }  
.pl-48 { padding-left: 4.8rem }  
.pl-52 {padding-left: 5.2rem }  
.pl-56 { padding-left: 5.6rem }  
.pl-60 { padding-left: 6rem }  
.pl-64 { padding-left: 6.4rem }
.pl-68 { padding-left: 6.8rem } 
.pl-72 { padding-left: 7.2rem } 
.pl-76 { padding-left: 7.6rem } 
.pl-80 { padding-left: 8rem }  
.pl-84 { padding-left: 8.4rem } 
.pl-88 { padding-left: 8.8rem } 
.pl-92 { padding-left: 9.2rem } 
.pl-96 { padding-left: 9.6rem } 
.pl-100 { padding-left: 10rem }  
.pl-104 { padding-left: 10.4rem} 
.pl-108 { padding-left: 10.8rem} 
.pl-112 { padding-left: 11.2rem }  
.pl-116 { padding-left: 11.6rem }  
.pl-120 { padding-left: 12rem }  
.pl-124 { padding-left: 12.4rem }  
.pl-128 { padding-left:12.8rem }  
.pl-132 { padding-left: 13.2rem } 

.pr-0 { padding-right: 0; }
.pr-4 { padding-right: 4px;  }   
.pr-8 { padding-right: 8px; }   
.pr-12 {padding-right: 12px}  
.pr-16 { padding-right: 16px }  
.pr-20 { padding-right: 20px }  
.pr-24 { padding-right: 2.4rem}  
.pr-28 { padding-right: 2.8rem }     
.pr-32 { padding-right: 3.2rem }   
.pr-36 { padding-right: 3.6rem}   
.pr-40 { padding-right: 4rem }  
.pr-44 { padding-right: 4.4rem }  
.pr-48 { padding-right: 4.8rem }  
.pr-52 {padding-right: 5.2rem }  
.pr-56 { padding-right: 5.6rem }  
.pr-60 { padding-right: 6rem }  
.pr-64 { padding-right: 6.4rem }
.pr-68 { padding-right: 6.8rem } 
.pr-72 { padding-right: 7.2rem } 
.pr-76 { padding-right: 7.6rem } 
.pr-80 { padding-right: 8rem }  
.pr-84 { padding-right: 8.4rem } 
.pr-88 { padding-right: 8.8rem } 
.pr-92 { padding-right: 9.2rem } 
.pr-96 { padding-right: 9.6rem } 
.pr-100 { padding-right: 10rem }  
.pr-104 { padding-right: 10.4rem} 
.pr-108 { padding-right: 10.8rem} 
.pr-112 { padding-right: 11.2rem }  
.pr-116 { padding-right: 11.6rem }  
.pr-120 { padding-right: 12rem }  
.pr-124 { padding-right: 12.4rem }  
.pr-128 { padding-right:12.8rem }  
.pr-132 { padding-right: 13.2rem } 



/* Margin */
.m-0 { margin: 0; }
.m-4 { margin: 4px; }   
.m-8 { margin: 8px; }   
.m-12 { margin: 12px; }  
.m-16 { margin: 16px; }  
.m-20 { margin: 20px; }  
.m-24 { margin: 2.4rem; }  
.m-28 { margin: 2.8rem; }     
.m-32 { margin: 3.2rem; }   
.m-36 { margin: 3.6rem; }   
.m-40 { margin: 4rem; }  
.m-44 { margin: 4.4rem; }  
.m-48 { margin: 4.8rem; }  
.m-52 { margin: 5.2rem; }  
.m-56 { margin: 5.6rem; }  
.m-60 { margin: 6rem; }  
.m-64 { margin: 6.4rem; }
.m-68 { margin: 6.8rem; } 
.m-72 { margin: 7.2rem; } 
.m-76 { margin: 7.6rem; } 
.m-80 { margin: 8rem; }  
.m-84 { margin: 8.4rem; } 
.m-88 { margin: 8.8rem; } 
.m-92 { margin: 9.2rem; } 
.m-96 { margin: 9.6rem; } 
.m-100 { margin: 10rem; }  
.m-104 { margin: 10.4rem; } 
.m-108 { margin: 10.8rem; } 
.m-112 { margin: 11.2rem; }  
.m-116 { margin: 11.6rem; }  
.m-120 { margin: 12rem; }  
.m-124 { margin: 12.4rem; }  
.m-128 { margin: 12.8rem; }  
.m-132 { margin: 13.2rem; }  


.mx-0 { margin-left: 0; margin-right: 0; }
.mx-4 { margin-left: 4px; margin-right: 4px; }   
.mx-8 { margin-left: 8px; margin-right: 8px; }   
.mx-12 { margin-left: 12px; margin-right: 12px; }  
.mx-16 { margin-left: 16px; margin-right: 16px; }  
.mx-20 { margin-left: 20px; margin-right: 20px; }  
.mx-24 { margin-left: 2.4rem; margin-right: 2.4rem; }  
.mx-28 { margin-left: 2.8rem; margin-right: 2.8rem; }     
.mx-32 { margin-left: 3.2rem; margin-right: 3.2rem; }   
.mx-36 { margin-left: 3.6rem; margin-right: 3.6rem; }   
.mx-40 { margin-left: 4rem; margin-right: 4rem; }  
.mx-44 { margin-left: 4.4rem; margin-right: 4.4rem; }  
.mx-48 { margin-left: 4.4rem; margin-right: 4.4rem; }  
.mx-52 { margin-left: 5.2rem; margin-right: 5.2rem; }  
.mx-56 { margin-left: 5.6rem; margin-right: 5.6rem; }  
.mx-60 { margin-left: 6rem; margin-right: 6rem; }  
.mx-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
.mx-68 { margin-left: 6.8rem; margin-right: 6.8rem; } 
.mx-72 { margin-left: 7.2rem; margin-right: 7.2rem; } 
.mx-76 { margin-left: 7.6rem; margin-right: 7.6rem; } 
.mx-80 { margin-left: 8rem; margin-right: 8rem; }  
.mx-84 { margin-left: 8.4rem; margin-right: 8.4rem; } 
.mx-88 { margin-left: 8.8rem; margin-right: 8.8rem; } 
.mx-92 { margin-left: 9.2rem; margin-right: 9.2rem; } 
.mx-96 { margin-left: 9.6rem; margin-right: 9.6rem; } 
.mx-100 { margin-left: 10rem; margin-right: 10rem; }  
.mx-104 { margin-left: 10.4rem; margin-right: 10.4rem; } 
.mx-108 { margin-left: 10.8rem; margin-right: 10.8rem; } 
.mx-112 { margin-left: 11.2rem; margin-right: 11.2rem; }  
.mx-116 { margin-left: 11.6rem; margin-right: 11.6rem; }  
.mx-120 { margin-left: 12rem; margin-right: 12rem; }  
.mx-124 { margin-left: 12.4rem; margin-right: 12.4rem; }  
.mx-128 { margin-left: 12.8rem; margin-right: 12.8rem; }  
.mx-132 { margin-left: 13.2rem; margin-right: 13.2rem; } 

.my-0 { margin-top: 0; margin-bottom: 0; }
.my-4 { margin-top: 4px; margin-bottom: 4px; }   
.my-8 { margin-top: 8px; margin-bottom: 8px; }   
.my-12 { margin-top: 12px; margin-bottom: 12px; }  
.my-16 { margin-top: 16px; margin-bottom: 16px; }  
.my-20 { margin-top: 20px; margin-bottom: 20px; }  
.my-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }  
.my-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }     
.my-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }   
.my-36 { margin-top: 3.6rem; margin-bottom: 3.6rem; }   
.my-40 { margin-top: 4rem; margin-bottom: 4rem; }  
.my-44 { margin-top: 4.4rem; margin-bottom: 4.4rem; }  
.my-48 { margin-top: 4.4rem; margin-bottom: 4.4rem; }  
.my-52 { margin-top: 5.2rem; margin-bottom: 5.2rem; }  
.my-56 { margin-top: 5.6rem; margin-bottom: 5.6rem; }  
.my-60 { margin-top: 6rem; margin-bottom: 6rem; }  
.my-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }
.my-68 { margin-top: 6.8rem; margin-bottom: 6.8rem; } 
.my-72 { margin-top: 7.2rem; margin-bottom: 7.2rem; } 
.my-76 { margin-top: 7.6rem; margin-bottom: 7.6rem; } 
.my-80 { margin-top: 8rem; margin-bottom: 8rem; }  
.my-84 { margin-top: 8.4rem; margin-bottom: 8.4rem; } 
.my-88 { margin-top: 8.8rem; margin-bottom: 8.8rem; } 
.my-92 { margin-top: 9.2rem; margin-bottom: 9.2rem; } 
.my-96 { margin-top: 9.6rem; margin-bottom: 9.6rem; } 
.my-100 { margin-top: 10rem; margin-bottom: 10rem; }  
.my-104 { margin-top: 10.4rem; margin-bottom: 10.4rem; } 
.my-108 { margin-top: 10.8rem; margin-bottom: 10.8rem; } 
.my-112 { margin-top: 11.2rem; margin-bottom: 11.2rem; }  
.my-116 { margin-top: 11.6rem; margin-bottom: 11.6rem; }  
.my-120 { margin-top: 12rem; margin-bottom: 12rem; }  
.my-124 { margin-top: 12.4rem; margin-bottom: 12.4rem; }  
.my-128 { margin-top: 12.8rem; margin-bottom: 12.8rem; }  
.my-132 { margin-top: 13.2rem; margin-bottom: 13.2rem; } 

.mt-0 { margin-top: 0; }
.mt-4 { margin-top: 4px; }   
.mt-8 { margin-top: 8px; }   
.mt-12 { margin-top: 12px; }  
.mt-16 { margin-top: 16px; }  
.mt-20 { margin-top: 20px; }  
.mt-24 { margin-top: 2.4rem; }  
.mt-28 { margin-top: 2.8rem; }     
.mt-32 { margin-top: 3.2rem; }   
.mt-36 { margin-top: 3.6rem; }   
.mt-40 { margin-top: 4rem; }  
.mt-44 { margin-top: 4.4rem; }  
.mt-48 { margin-top: 4.8rem; }  
.mt-52 { margin-top: 5.2rem; }  
.mt-56 { margin-top: 5.6rem; }  
.mt-60 { margin-top: 6rem; }  
.mt-64 { margin-top: 6.4rem; }
.mt-68 { margin-top: 6.8rem; } 
.mt-72 { margin-top: 7.2rem; } 
.mt-76 { margin-top: 7.6rem; } 
.mt-80 { margin-top: 8rem; }  
.mt-84 { margin-top: 8.4rem; } 
.mt-88 { margin-top: 8.8rem; } 
.mt-92 { margin-top: 9.2rem; } 
.mt-96 { margin-top: 9.6rem; } 
.mt-100 { margin-top: 10rem; }  
.mt-104 { margin-top: 10.4rem; } 
.mt-108 { margin-top: 10.8rem; } 
.mt-112 { margin-top: 11.2rem; }  
.mt-116 { margin-top: 11.6rem; }  
.mt-120 { margin-top: 12rem; }  
.mt-124 { margin-top: 12.4rem; }  
.mt-128 { margin-top: 12.8rem; }  
.mt-132 { margin-top: 13.2rem; } 

.mb-0 { margin-bottom: 0; }
.mb-4 { margin-bottom: 4px; }   
.mb-8 { margin-bottom: 8px; }   
.mb-12 { margin-bottom: 12px; }  
.mb-16 { margin-bottom: 16px; }  
.mb-20 { margin-bottom: 20px; }  
.mb-24 { margin-bottom: 2.4rem; }  
.mb-28 { margin-bottom: 2.8rem; }     
.mb-32 { margin-bottom: 3.2rem; }   
.mb-36 { margin-bottom: 3.6rem; }   
.mb-40 { margin-bottom: 4rem; }  
.mb-44 { margin-bottom: 4.4rem; }  
.mb-48 { margin-bottom: 4.8rem; }  
.mb-52 { margin-bottom: 5.2rem; }  
.mb-56 { margin-bottom: 5.6rem; }  
.mb-60 { margin-bottom: 6rem; }  
.mb-64 { margin-bottom: 6.4rem; }
.mb-68 { margin-bottom: 6.8rem; } 
.mb-72 { margin-bottom: 7.2rem; } 
.mb-76 { margin-bottom: 7.6rem; } 
.mb-80 { margin-bottom: 8rem; }  
.mb-84 { margin-bottom: 8.4rem; } 
.mb-88 { margin-bottom: 8.8rem; } 
.mb-92 { margin-bottom: 9.2rem; } 
.mb-96 { margin-bottom: 9.6rem; } 
.mb-100 { margin-bottom: 10rem; }  
.mb-104 { margin-bottom: 10.4rem; } 
.mb-108 { margin-bottom: 10.8rem; } 
.mb-112 { margin-bottom: 11.2rem; }  
.mb-116 { margin-bottom: 11.6rem; }  
.mb-120 { margin-bottom: 12rem; }  
.mb-124 { margin-bottom: 12.4rem; }  
.mb-128 { margin-bottom: 12.8rem; }  
.mb-132 { margin-bottom: 13.2rem; } 

.ml-0 { margin-left: 0; }
.ml-4 { margin-left: 4px; }   
.ml-8 { margin-left: 8px; }   
.ml-12 { margin-left: 12px; }  
.ml-16 { margin-left: 16px; }  
.ml-20 { margin-left: 20px; }  
.ml-24 { margin-left: 2.4rem; }  
.ml-28 { margin-left: 2.8rem; }     
.ml-32 { margin-left: 3.2rem; }   
.ml-36 { margin-left: 3.6rem; }   
.ml-40 { margin-left: 4rem; }  
.ml-44 { margin-left: 4.4rem; }  
.ml-48 { margin-left: 4.8rem; }  
.ml-52 { margin-left: 5.2rem; }  
.ml-56 { margin-left: 5.6rem; }  
.ml-60 { margin-left: 6rem; }  
.ml-64 { margin-left: 6.4rem; }
.ml-68 { margin-left: 6.8rem; } 
.ml-72 { margin-left: 7.2rem; } 
.ml-76 { margin-left: 7.6rem; } 
.ml-80 { margin-left: 8rem; }  
.ml-84 { margin-left: 8.4rem; } 
.ml-88 { margin-left: 8.8rem; } 
.ml-92 { margin-left: 9.2rem; } 
.ml-96 { margin-left: 9.6rem; } 
.ml-100 { margin-left: 10rem; }  
.ml-104 { margin-left: 10.4rem; } 
.ml-108 { margin-left: 10.8rem; } 
.ml-112 { margin-left: 11.2rem; }  
.ml-116 { margin-left: 11.6rem; }  
.ml-120 { margin-left: 12rem; }  
.ml-124 { margin-left: 12.4rem; }  
.ml-128 { margin-left: 12.8rem; }  
.ml-132 { margin-left: 13.2rem; } 

.mr-0 { margin-right: 0; }
.mr-4 { margin-right: 4px; }   
.mr-8 { margin-right: 8px; }   
.mr-12 { margin-right: 12px; }  
.mr-14 { margin-right: 12px; }  
.mr-16 { margin-right: 16px; }  
.mr-20 { margin-right: 20px; }  
.mr-24 { margin-right: 2.4rem; }  
.mr-28 { margin-right: 2.8rem; }     
.mr-32 { margin-right: 3.2rem; }   
.mr-36 { margin-right: 3.6rem; }   
.mr-40 { margin-right: 4rem; }  
.mr-44 { margin-right: 4.4rem; }  
.mr-48 { margin-right: 4.8rem; }  
.mr-52 { margin-right: 5.2rem; }  
.mr-56 { margin-right: 5.6rem; }  
.mr-60 { margin-right: 6rem; }  
.mr-64 { margin-right: 6.4rem; }
.mr-68 { margin-right: 6.8rem; } 
.mr-72 { margin-right: 7.2rem; } 
.mr-76 { margin-right: 7.6rem; } 
.mr-80 { margin-right: 8rem; }  
.mr-84 { margin-right: 8.4rem; } 
.mr-88 { margin-right: 8.8rem; } 
.mr-92 { margin-right: 9.2rem; } 
.mr-96 { margin-right: 9.6rem; } 
.mr-100 { margin-right: 10rem; }  
.mr-104 { margin-right: 10.4rem; } 
.mr-108 { margin-right: 10.8rem; } 
.mr-112 { margin-right: 11.2rem; }  
.mr-116 { margin-right: 11.6rem; }  
.mr-120 { margin-right: 12rem; }  
.mr-124 { margin-right: 12.4rem; }  
.mr-128 { margin-right: 12.8rem; }  
.mr-132 { margin-right: 13.2rem; }




.m-auto { margin: auto;}


.gap-4 {gap: 4px;}
.gap-8 {gap: 8px}
.gap-12 {gap: 12px;}
.gap-16 {gap: 16px;}
.gap-20 {gap: 20px;}
.gap-24 {gap: 2.4rem;}
.gap-28 {gap: 2.8rem;}
.gap-32 {gap: 3.2rem;}
.gap-36 {gap: 3.6rem;}
.gap-40 {gap: 4rem;}
.gap-44 {gap: 4.4rem;}
.gap-48 {gap: 4.8rem;}
.gap-52 {gap: 5.2rem;}
.gap-54 {gap: 5.4rem;}
.gap-60 {gap: 6rem;}

/* Font Size */
.text-12 { font-size: 12px; } 
.text-13 { font-size: 13px; } 
.text-14 { font-size: 14px; } 
.text-15 { font-size: 15px; } 
.text-16 { font-size: 16px; } 
.text-17 { font-size: 17px; } 
.text-18 { font-size: 18px; } 
.text-20 { font-size: 20px; } 
.text-22 { font-size: 2.2rem } 
.text-24 { font-size: 2.4rem; } 
.text-26 { font-size: 2.6rem; } 
.text-27 { font-size: 2.7rem; } 
.text-28 { font-size: 2.8rem; } 
.text-30 { font-size: 3rem; } 
.text-36 { font-size: 3.6rem; } 
.text-40 { font-size: 4rem; } 
.text-44 { font-size: 4.4rem; } 
.text-50 { font-size: 5rem; } 
.text-60 { font-size: 6rem; } 
.text-70 { font-size: 7rem; } 
.text-80 { font-size: 8rem; } 

/* LINE Height */
.line-height-12 { line-height: 12px;}
.line-height-15 { line-height: 15px;}
.line-height-22 { line-height: 22px;}
.line-height-19 { line-height: 19px;}
.line-height-27 { line-height: 2.7rem;}
.line-height-37 { line-height: 3.7rem;}
.line-height-60 { line-height: 6rem;}

/* FONT WEIGHT */
.weight-400 { font-weight: 400;}
.weight-500 { font-weight: 500;}
.weight-600 { font-weight: 600;}
.weight-700 { font-weight: 400;}
.weight-800 { font-weight: 800;}
.weight-bold { font-weight: bold;}

/* BORDER */


hr { height: 1px; border: none;}

/* BORDER RADIUS */
.radius-2 { border-radius: 2px;}
.radius-4 { border-radius: 4px;}
.radius-6 { border-radius: 6px;}
.radius-8 { border-radius: 8px;}
.radius-10 { border-radius: 10px;}
.radius-12 { border-radius: 12px;}
.radius-16 { border-radius: 16px;}
.radius-50 { border-radius: 50%;}


/* Alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* Display */
.d-flex { display: flex; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-block { display: block; }
.d-inline-flex { display: inline-flex; }
.d-none { display: none;}
.flex-wrap { flex-wrap: wrap;}
.flex-direction-column { flex-direction: column;}
.flex-direction-row { flex-direction: row;}
.grow-0 { flex: 0;}
.grow-1 { flex-grow: 1;}
.grow-2 { flex-grow: 2;}
.grow-3 { flex-grow: 3;}


/* COLOR */
.color-white { color: var(--colorWhite);}
.color-primary { color: var(--colorPrimary);}
.color-red { color: var(--colorRed);}
.color-green { color: var(--colorGreen);}
.color-yellow { color: var(--colorYello);}
.color-body { color: var(--body-color);}




/* BG COLOR */
.bg-primary { background-color: var(--colorPrimary);}
.bg-white { background-color: var(--colorWhite);}
.bg-primary-light {background-color: var(--colorPrimaryLight);}
.bg-dark { background-color: #02121B;}



/* BG GRADIENT*/
.bg-primary-gradient { background-image: linear-gradient(to bottom, #16928D, #006B66);}

/* FOR IMAGE*/
.aspect-ration-1-8 { aspect-ratio: 1.8;}
.object-fit-cover { object-fit: cover;}
.vertical-align-middle { vertical-align: middle;}


/* TEXT STYLING */
.text-upper { text-transform: uppercase;}
.text-decoration-none { text-decoration: none;}
.text-nowrap { white-space: nowrap;}

/* Flexbox Alignment */
.justify-center { justify-content: center; }
.justify-end { justify-content: end; }
.justify-between { justify-content: space-between; }
.align-center { align-items: center; }
.align-baseline { align-self: baseline;}
.align-end { align-self: flex-end;}
.align-start { align-self: flex-start;}

/* FORM STYLING */
button, input, select {font-family: "Inter", sans-serif}
input:disabled { pointer-events: none; opacity: 0.6;}

/* Width and Height */
.w-100 { width: 100%; }
.h-100 { height: 100%; }

.h-400 { height: 40rem;}
.h-500 { height: 50rem;}
.h-600 { height: 60rem;}

/* OVERFLOW */
.overflow-hidden { overflow: hidden;}
.overflow-y-auto { overflow-y: auto;}
.overflow-x-auto { overflow-y: auto;}

/* POSITION */
.p-relative { position: relative;}
.p-absolute { position: absolute;}
.p-static { position: static;}


.max-width-1000 { max-width: 100rem;}
.max-width-800 { max-width: 80rem;}
.max-width-700 { max-width: 70rem;}
.max-width-600 { max-width: 60rem;}
.max-width-500 { max-width: 50rem;}
.max-width-400 { max-width: 40rem;}
.max-width-300 { max-width: 30rem;}

/* OPACITY */
.opacity-2 { opacity: 0.2;}
.opacity-3 { opacity: 0.3;}
.opacity-4 { opacity: 0.4;}
.opacity-5 { opacity: 0.5;}
.opacity-6 { opacity: 0.6;}
.opacity-7 { opacity: 0.7;}
.opacity-8 { opacity: 0.8;}

/* LIST STYLE */
.list-style-none { list-style: none;}
/* TABS */
.tab-panel { display: none; }
.tab-panel.active { display: block}

/* HOVER */
.a-tag-hover:hover { opacity: 0.7;}

/* CUSTOM SCROLLBAR */
.custom-scrollbar::-webkit-scrollbar { background-color: #c4c4c4; width: 2px; height: 10px; }
/* Scrollbar Thumb */
.custom-scrollbar::-webkit-scrollbar-thumb { border-radius: 3px; background: #00AAA1; width: 4px;}
/* Scrollbar Track */
.custom-scrollbar::-webkit-scrollbar-track { border-radius: 3px; background-color: #c4c4c4; width: 4px; }


/* GRID */
.grid-two-one { display: grid; grid-template-columns: 2.5fr 1fr;}
.grid-one-one { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));}
.grid-one-one-one { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));}
.grid-4 {display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));}
.grid-2-1 { display: grid; grid-template-columns: 2fr 1.05fr;}