@charset "utf-8";	
 @import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&family=Georama:ital,wght@0,100..900;1,100..900&display=swap');


/* font-family: "Georama", sans-serif;
font-family: "Anek Bangla", system-ui; */


*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;}



:root {
  /* color */
  --blue: #00B0F0;
  --light_blue: #EAF6FF;
  --grey: #F3F4F7;
  --light_grey: #F5F5F5;
  --dark_blue: #0A1F5B;
  --white: #fff;
  --dark: #000;
  --light_pink:#FAFBFC;

  /* size */
  --font-40: 40px;
  --font-25: 25px;
  --font-15: 15px;
  

  /* space */
  --space-10: 10px;
  --space-20: 20px;
  --space-30: 30px;
  --space-40: 40px;
  --space-50: 50px;
  --space-60: 60px;
  --space-70: 70px;
  --space-80: 80px;
  --space-90: 90px;
  --space-100: 100px;
  --space-130: 130px;
} 
h1, h2, h3, h4, h5 {
  margin: 0px;
  margin-bottom: var(--space-20);
  font-family: "Anek Bangla", system-ui;
}

.container {
  max-width: 1380px;
  height: auto;
  display: block;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}


.sub-container {
  max-width: 1246px;
  height: auto;
  display: block;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}


.full-container {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.sub-container {
  max-width: 1220px;
  height: auto;
  display: block;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}


.w-50 {
  width: 50%;
}



.bg-brown { background: var(--brown);}
.bg-white { background: var(--white) !important;}
.bg-dark { background: var(--dark);}
.bg-light-blue { background: var(--light_blue);}
.bg-light-grey { background: var(--light_grey);}
.bg-grey { background: var(--grey);}
.bg-pink-light { background: var(--light_pink);}


.color-brown { color: var(--brown);}
.color-white { color: var(--white);}
.color-dark { color: var(--dark);}
.color-light-grey { color: var(--light-grey);}




.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

h1 { font-size: 70px; line-height: 72px; }
h2 { font-size: 40px; line-height: 1.2; color: var(--dark_blue); }

h3 { font-size: 18px; line-height: 1.2; }
h4 { font-size: 16px; line-height: 1.2; }
h5 { font-size: 14px; line-height: 1.2; }


.ml-0 { margin-left: 0 !important;}
.mr-0 { margin-right: 0 !important;}
.mt-0 { margin-top: 0 !important;}
.mb-0 { margin-bottom: 0 !important;}

.pt-0 { padding-top: 0 !important;}
.pb-0 { padding-bottom: 0 !important;}
.pl-0 { padding-left: 0 !important;}
.pr-0 { padding-right: 0 !important;}
.pl-76{ padding-left: 76px !important;}
.pr-76{ padding-right: 76px !important;}
.pb-10 { padding-bottom: var(--space-10); }
.pb-20 { padding-bottom: var(--space-20); }
.pb-30 { padding-bottom: var(--space-30); }
.pb-40 { padding-bottom: var(--space-40); }
.pb-50 { padding-bottom: var(--space-50); }
.pb-60 { padding-bottom: var(--space-60); }
.pb-70 { padding-bottom: var(--space-70); }
.pb-80 { padding-bottom: var(--space-80); }
.pb-90 { padding-bottom: var(--space-90); }
.pb-100 { padding-bottom: var(--space-100); }
.pb-130 { padding-bottom: var(--space-130); }


.pt-10 { padding-top: var(--space-10); }
.pt-20 { padding-top: var(--space-20); }
.pt-30 { padding-top: var(--space-30); }
.pt-40 { padding-top: var(--space-40); }
.pt-50 { padding-top: var(--space-50); }
.pt-60 { padding-top: var(--space-60); }
.pt-70 { padding-top: var(--space-70); }
.pt-80 { padding-top: var(--space-80); }
.pt-90 { padding-top: var(--space-90); }
.pt-100 { padding-top: var(--space-100); }
.pt-130 { padding-top: var(--space-130); }


.mt-10 { margin-top: var(--space-10); }
.mt-20 { margin-top: var(--space-20); }
.mt-30 { margin-top: var(--space-30); }
.mt-40 { margin-top: var(--space-40); }
.mt-50 { margin-top: var(--space-50); }
.mt-60 { margin-top: var(--space-60); }
.mt-70 { margin-top: var(--space-70); }
.mt-80 { margin-top: var(--space-80); }
.mt-90 { margin-top: var(--space-90); }
.mt-100 { margin-top: var(--space-100); }


.mb-10 { margin-bottom: var(--space-10); }
.mb-20 { margin-bottom: var(--space-20); }
.mb-30 { margin-bottom: var(--space-30); }
.mb-40 { margin-bottom: var(--space-40); }
.mb-50 { margin-bottom: var(--space-50); }
.mb-60 { margin-bottom: var(--space-60); }
.mb-70 { margin-bottom: var(--space-70); }
.mb-80 { margin-bottom: var(--space-80); }
.mb-90 { margin-bottom: var(--space-90); }
.mb-100 { margin-bottom: var(--space-100); }



.grid-layout {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  
}

.grid-layout.column-1 .item {width: calc( 100% - 20px );margin-left: 10px; margin-right: 10px;}
.grid-layout.column-2 .item {width: calc( 50% - 20px ); margin-left: 10px; margin-right: 10px;}
.grid-layout.column-3 .item {width: calc( 33% - 20px );margin-left: 10px; margin-right: 10px;}
.grid-layout.column-4 .item {width: calc( 25% - 20px ); margin-left: 10px; margin-right: 10px;}

.d-flex {
  display: flex !important;
}
.align-items-end {
  align-items: flex-end !important; 
}
.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}



.primary_btn {
  font-size: 15px;
  line-height: 1.2;
  background: var(--blue);
  color: var(--white);
  padding: 5px 20px;
  min-width: 185px;
  outline: 0 !important;
  box-shadow: none !important;
  border: 1px solid var(--brown);
  transition: all 0.5s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 68px;
  border-radius: 32px;
  font-weight: 500;
}

.primary_btn img {
  width: 22px;
  display: inline-block;
  margin-left: 12px;
}
.primary_btn.white_btn {
  background: #fff;
  color: #0A1F5B;
}

.primary_btn.white_btn:hover{
  background: var(--blue);
  color: var(--white);
}


.primary_btn.rounded {
  border-radius: var(--space-50);
}

.primary_btn.dark {
  background: var(--dark);
  border-color: var(--dark);
}
.primary_btn:hover {
  background: var(--white);
  color: var(--brown);
}
.primary_btn.dark:hover {
  background: var(--white);
  color: var(--dark);
}



.row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}



@media only screen and (max-width: 1199px) {
  :root {    
    --space-80: 70px;
    --space-90: 80px;
    --space-100: 90px;
  } 


}
@media only screen and (max-width: 991px) {
  :root {    
    --space-80: 60px;
    --space-90: 60px;
    --space-100: 60px;
  } 


.grid-layout.column-3 .item {width: calc( 50% - 20px );}
.grid-layout.column-4 .item {width: calc( 50% - 20px );}
  
}
@media only screen and (max-width: 767px) {

  :root {       
    --space-80: 40px;
    --space-90: 40px;
    --space-100: 40px;
  } 

.grid-layout.column-2 .item {width: calc( 100% - 20px );}
.grid-layout.column-3 .item {width: calc( 100% - 20px );}
.grid-layout.column-4 .item {width: calc( 100% - 20px );}

}
@media only screen and (max-width: 575px) {

}