/*  */

@import url('../fonts/stylesheet.css');

body {
  font-size: 100%;
}
:root {
    --CC--Heading: #08425D;
    --CC--Body: #344054;      
    --CC--Dark-Gray: #060F1F;     
    --CC--White: #FFFFFF;
    --CC--Primary: #EFBC43;      
    --CC--Secondary: #63C1EC; 
    --CC--Secondar-Dark: #189AD2;          
    --CC--Secondary-Text: #060F1F;
    --CC--Dark-BG: #053347; 
    --CC--Border: #D0D5DD; 
    --CC-fooger-BG: #181C20;
    --CC-textgray_Links: #CAD5DE;  
    --CC-F7F5F2:#F7F5F2 ;
    
  }
/*  */

/*  */
a{
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.color-heading{color: var(--CC--Heading);}
.color-body{color: var(--CC--Body);}
.color-yellow{color: var(--CC--Primary);}
.color-Secondary{color: var(--CC--Secondary);}
.color-Secondar-Dark{color: var(--CC--Secondar-Dark);}
.color-Dark-Gray{color: var(--CC--Dark-Gray);}
.textgray_Links{color: var(--CC-textgray_Links);}

.bg-heading{background-color: var(--CC--Heading);}
.bg-body{background-color: var(--CC--Body);}
.bg-dark{background-color: var(--CC--Dark-BG);}
.bg-yellow{background-color: var(--CC--Primary);}
.bg-Secondary{background-color: var(--CC--Secondary);}
.bg-Secondar-Dark{background-color: var(--CC--Secondar-Dark);}
.bg-cream{background-color: #FCFBF8;}
.bg-footer{background-color: var(--CC-fooger-BG);}
.bg-F7F5F2{background-color: var(--CC-F7F5F2);}
.bg-Heading{background-color: var(--CC--Heading);}
.bg-Dark-BG{background-color: var(--CC--Dark-BG);}
/*  */

/* Fonts */
/* @font-face {
    font-family: 'Gilroy-Bold';
    src: url('../fonts/Gilroy-Bold.otf') format("opentype");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'tt-common-pro';
    src: url('../fonts/tt_commons_pro_medium.ttf') format('ttf'),
         url('../fonts/tt_commons_pro_medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
} 

@font-face {
    font-family: 'gilroy-regularuploaded_file';
    src: url('gilroy-regular-webfont.woff2') format('woff2'),
         url('gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*/
/* Fonts END */

/* Common CSS */

html {
  scroll-behavior: smooth;
}

body{
  background-color: #FFF;
  font-family: "Helvetica", sans-serif;
}


h1,h2,h3,h4,h5,h6, .heading_h1{
  margin: 0px;
}
ul{
    margin: 0;
    padding: 0;
}

p{
  padding: 0px;
  margin: 0;
}



h1, .heading_h1{
    font-family: 'Gilroy-Bold';
    font-size:3rem;
    font-weight: normal;
    line-height: 120%;

}

h2{
    font-family: 'Gilroy-Bold';
    font-size:2.5rem;
    font-weight: normal;
    line-height: 120%;

}
h3{
    font-family: 'Gilroy-Bold';
    font-size:2rem;
    font-weight: normal;
    line-height: 120%;

}
h4{
    font-family: 'Gilroy-Bold';
    font-size:1.5rem;
    font-weight: normal;
    line-height: 120%;

}

h5, .heading_h5{
    font-family: 'Gilroy-Bold';
    font-size:1.25rem;
    font-weight: normal;
    line-height: 120%;

}

h6{
    font-family: 'Gilroy-Bold';
    font-size:1.125rem;
    font-weight: normal;
    line-height: 120%;

}

.xxs-font{
    font-family: 'Gilroy-Bold';
    font-size:1rem;
    font-weight: normal;
    line-height: 120%;
}

.gilroy-fw-400{
    font-family: 'gilroy-regular';

}
.gilroy-fw-500{
    font-family: 'gilroy-medium';

}
.gilroy-fw-600{
    font-family: 'gilroy-semibold';

}

.body-demi-P1{
    font-family: 'TTCommonsPro-Db';
    font-size:1.5rem;
    font-weight: normal;
    line-height: 160%;

}
.body-demi-P2{
    font-family: 'TTCommonsPro-Db';
    font-size:1.25rem;
    font-weight: normal;
    line-height: 160%;
}

.body-demi-P3{
    font-family: 'TTCommonsPro-Db';
    font-size:1.125rem;
    font-weight: normal;
    line-height: 160%;
}

.body-demi-P4{
    font-family: 'TTCommonsPro-Db';
    font-size:1rem;
    font-weight: normal;
    line-height: 160%;
}

.body-demi-P5{
    font-family: 'TTCommonsPro-Db';
    font-size:0.875rem;
    font-weight: normal;
    line-height: 160%;
}

.body-demi-P6{
    font-family: 'TTCommonsPro-Db';
    font-size:0.75rem;
    font-weight: normal;
    line-height: 160%;
}


/* Normal */
.body-normal-P1{
    font-family: 'TTCommonsPro-Normal';
    font-size:1.5rem;
    font-weight: normal;
    line-height: 160%;

}
.body-normal-P2{
    font-family: 'TTCommonsPro-Normal';
    font-size:1.25rem;
    font-weight: normal;
    line-height: 160%;
}

.body-normal-P3{
    font-family: 'TTCommonsPro-Normal';
    font-size:1.125rem;
    font-weight: normal;
    line-height: 160%;
}

.body-normal-P4{
    font-family: 'TTCommonsPro-Normal';
    font-size:1rem;
    font-weight: normal;
    line-height: 160%;
}

.body-normal-P5{
    font-family: 'TTCommonsPro-Normal';
    font-size:0.875rem;
    font-weight: normal;
    line-height: 160%;
}

.body-normal-P6{
    font-family: 'TTCommonsPro-Normal';
    font-size:0.75rem;
    font-weight: normal;
    line-height: 160%;
}
/*  */

/* Regular */
.body-regular-P1{
    font-family: 'TTCommonsPro-Rg';
    font-size:1.5rem;
    font-weight: normal;
    line-height: 160%;

}
.body-regular-P2{
    font-family: 'TTCommonsPro-Rg';
    font-size:1.25rem;
    font-weight: normal;
    line-height: 160%;
}

.body-regular-P3{
    font-family: 'TTCommonsPro-Rg';
    font-size:1.125rem;
    font-weight: normal;
    line-height: 160%;
}

.body-regular-P4{
    font-family: 'TTCommonsPro-Rg';
    font-size:1rem;
    font-weight: normal;
    line-height: 160%;
}

.body-regular-P5{
    font-family: 'TTCommonsPro-Rg';
    font-size:0.875rem;
    font-weight: normal;
    line-height: 160%;
}

.body-regular-P6{
    font-family: 'TTCommonsPro-Rg';
    font-size:0.75rem;
    font-weight: normal;
    line-height: 160%;
}
/*  */


/* Medium */
.body-medium-P1{
    font-family: 'TTCommonsPro-Md';
    font-size:1.5rem;
    font-weight: normal;
    line-height: 160%;

}
.body-medium-P2{
    font-family: 'TTCommonsPro-Md';
    font-size:1.25rem;
    font-weight: normal;
    line-height: 160%;
}

.body-medium-P3{
    font-family: 'TTCommonsPro-Md';
    font-size:1.125rem;
    font-weight: normal;
    line-height: 160%;
}

.body-medium-P4{
    font-family: 'TTCommonsPro-Md';
    font-size:1rem;
    font-weight: normal;
    line-height: 160%;
}

.body-medium-P5{
    font-family: 'TTCommonsPro-Md';
    font-size:0.875rem;
    font-weight: normal;
    line-height: 160%;
}

.body-medium-P6{
    font-family: 'TTCommonsPro-Md';
    font-size:0.75rem;
    font-weight: normal;
    line-height: 160%;
}
/*  */
/* Button */

.button-text{
    font-family: 'TTCommonsPro-Db';
    font-size:1rem;
    font-weight: normal;
    line-height: 160%;
    text-decoration: none;
}
.button-text-sm{
    font-family: 'TTCommonsPro-Db';
    font-size:0.875rem;
    font-weight: normal;
    line-height: 160%;
}

.common_btn{
    padding: 0.875rem 1rem; 
    /* background: var(--CC--Secondary);
    color: var(--CC--Heading); */
    border-radius: 4px;  
    font-family: 'TTCommonsPro-Db';
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
}
.common_btn:hover{
    background-color: #83D1F6;
}

.common_btn.bg-yellow{
    border:1px solid var(--CC--Primary);
}

.common_btn.bg-yellow:hover{
    background-color: #F3CD72;
}
.yellowOutlined{
    background-color: transparent;
    color:var(--CC--Primary);
}
.yellowOutlined:hover{
    color:var(--CC--Dark-Gray);
    
}
/* Button END */
.gap8{gap: 0.5rem;}
.gap12{gap: 0.75rem;}
.gap16{gap: 1rem;}
.gap24{gap: 1.5rem;}
.gap32{gap: 2rem;}
.gap40{gap: 2.5rem;}
.gap48{gap: 3rem;}
.gap64{gap: 4rem;}
.gap80{gap: 5rem;}
.gap96{gap: 6rem;}

.br-8{
    border-radius: 0.5rem;
}
.br-12{
    border-radius: 1rem;
}
.br-16{
    border-radius: 1rem;
}
.br-24{
    border-radius: 1.5rem;
}

.Twolines{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.threelines{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}
.fourlines{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}

.padding-tb48{
    padding-top: 3rem;
    padding-bottom: 3rem;

}
.margin-tb48{
    margin-top: 3rem;
    margin-bottom: 3rem;

}
.padding48{
    padding: 3rem;
}

.padding32{
    padding: 2rem;
}
.pb-32{
    padding-bottom: 2rem;
}
.mb-32{
    margin-bottom: 2rem;
}
.pt-80{
    padding-bottom: 80px;
}
.pb-80{
    padding-bottom: 80px;
}

.readmoreLink:hover{

    color: #4ab2de;
 
}

.min-h-auto {
    min-height: auto !important;
}

.grid_box_two {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-gap: 1.5rem;
}
.grid_box_three {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 1.5rem;
}

.w-33{
    width: 33.33%;
}
.inset-0 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
ul{
    list-style: none;
}
ul.list_style_disc{
    list-style: disc;
}

/* .dropdown-menu.show{
    display: none;
} */

.hidden{opacity: 0;}

.featuresChips{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 35px;
    width: max-content;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 100px;
    padding-top: 2px;


    
}
.ChipsYellow{
    background: var(--CC--Primary);
}
.ChipsBlue{
    background: var(--CC--Secondary);
}
/* Chip */

.opacity-10 {
    opacity: .10 !important;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 116px;
  }

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

figure {
    margin: 0;
}
.cursour-pointer{
    cursor: pointer;
}
.lh-130{
    line-height: 130%;
}
.lh-150{
    line-height: 150%;
}
.lh-160{
    line-height: 160%;
}

.maxw--1000 {
    max-width: 1000px;
}

.border-b-secondary {
    border-bottom: 1px solid var(--CC--Primary);
}

.flex-basis-0{
    flex-basis: 0;
}
.bg-FAFAFA{
    background-color: #FAFAFA;
}

.bg-ECE7E0{
   background-color: #ECE7E0
}