@charset "utf-8";
/* CSS Document */

 
 
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
.archivo-<uniquifier> {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}
*/ 

body {
	font-family: "Inter", sans-serif;
	font-size:16px;
	line-height:inherit;
	color:#000000;
	font-weight:normal;
 overflow-x: hidden;
}
/*==========================================================
headings 
============================================================*/


a{
color:#00AEEF;
}

a:hover{
color:#0B2341;
}


h1, h2, h3, h4, h5 {
	font-family: "Archivo", sans-serif;
	font-weight:900;
	color:#1C8DC8;
}
h1 {
    font-size: clamp(36px, 4.5vw, 70px);
    line-height: 1.15;
}

h2 {
    font-size: clamp(30px, 3.2vw, 50px);
    line-height: 1.2;
}

h3 {
    font-size: clamp(26px, 2.6vw, 40px);
    line-height: 1.25;
}

h4 {
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.3;
}

h5 {
    font-size: clamp(18px, 1.6vw, 24px);
    line-height: 1.25;
}

h1 span, h2 span{
	color:#0B2341;
}
.white{
	color:#fff !important;
}

.mb-30{
}

/*===============================================
heading badge
=================================================*/


.hbadge {
	font-family: "Inter", sans-serif;
	display:inline-block;
	padding:10px 28px;
	text-align:center;
	border-radius:50px;
	/*font-size:24px;*/
	  font-size: clamp(18px, 1.6vw, 24px);
	color:#fff;
	font-weight:bold;
}

.hbadge-sm{
	font-size:14px !important;
	line-height:14px !important;
}
.dark-bg{
	background:#0B2341;
}
.light-bg{
	background:#1C8DC8;
}


.dark{
	color:#0B2341;
}
.light{
	color:#1C8DC8;
}




.shade {
    position: relative;
    background-size: cover;
    background-position: center;
}

.shade::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
	z-index:1;
}


 

/*
.shade .container {
    position: relative;
    z-index: 2;
}*/

.banner-all{
	min-height:650px;
	display:flex;
	align-items:center;
	overflow:hidden;
}

.banner-all .container {
    position: relative;
    z-index: 2;
}

.banner-cmn{
}

.banner-cmn img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*===============================================
butttons
=================================================*/


.btn-primary {
	display:inline-flex;
	align-items:center;
	padding:14px 18px;
	border-radius:50px;
	background: #00AEEF;
	background: linear-gradient(180deg, rgba(0, 174, 239, 1) 0%, rgba(0, 87, 120, 1) 50%);
	color:#fff;
	font-size:18px;
	font-weight:500;
	border:none;
	outline:none;
}
.nbg-btn {
	padding:15px 18px;
	border-radius:50px;
	background:none;
	border:1px solid #fff !important;
	color:#fff;
	font-size:18px;
	font-weight:500;
}
/*.btn-primary span {
	color:#fff;
	font-size:18px;
	line-height:18px;
}
.btn-primary span::after {
 content:'';
 display:inline-block;
 background:url(../images/arrow-more.png) no-repeat;
 background-size:contain;
 margin-left:10px;
 width:15px;
 height:15px;
 transition: 0.2s all ease;
}*/
.btn-primary:hover {
	background:#0B2341;
	border:none;
	outline:none;
}
.nbg-btn:hover {
	background:#0B2341;
}
/* .btn-primary:hover span::after, .nbg-btn:hover span::after {
 content:'';
 display:inline-block;
 background:url(../images/arrow-more.png) no-repeat;
 background-size:contain;
 margin-left:10px;
 width:15px;
 height:15px;
 transition: 0.2s all ease;
 transform: rotate(45deg);
}*/
/*==============================================================================================================================*/








































@media (max-width: 991px) {
 
}
/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
{ 
   
}
@media (max-width: 1199px) {
  
  
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
 
}
@media (min-width: 992px)
{
 
}
@media (max-width: 991px) 
{
 
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) 
{
 
}
@media (min-width: 768px)
{
 
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{ 
 
}
@media (max-width: 480px)
{
 

}
/* Portrait i phones and smaller */
@media (max-width: 320px) 
{
	
}