html, 
body {
  height:100%;
}

body {
  background-color:#fff;

}

@font-face {
  font-family: "Inter-Light";
  src: url('../Fonts/Inter-Light.woff') format('woff'), 
  url('../Fonts/Inter-Light.eot') format('eot'), 
  url('../Fonts/Inter-Light.otf') format('otf'), 
  url('../Fonts/Inter-Light.svg') format('svg'), 
  url('../Fonts/Inter-Light.ttf') format('ttf'); 
  font-weight:300;
} 


@font-face {
  font-family: "Inter-Regular";
  src: url('../Fonts/Inter-Regular.woff') format('woff'), 
  url('../Fonts/Inter-Regular.eot') format('eot'), 
  url('../Fonts/Inter-Regular.otf') format('otf'), 
  url('../Fonts/Inter-Regular.svg') format('svg'), 
  url('../Fonts/Inter-Regular.ttf') format('ttf'); 
  font-weight:400;
} 

@font-face {
  font-family: "Inter-SemiBold";
  src: url('../Fonts/Inter-SemiBold.woff') format('woff'), 
  url('../Fonts/Inter-SemiBold.eot') format('eot'), 
  url('../fonts/Inter-SemiBold.otf') format('otf'), 
  url('../fonts/Inter-SemiBold.svg') format('svg'), 
  url('../fonts/Inter-SemiBold.ttf') format('ttf'); 
  font-weight:600;
} 

@font-face {
  font-family: "Inter-Bold";
  src: url('../Fonts/Inter-Bold.woff') format('woff'), 
  url('../Fonts/Inter-Bold.eot') format('eot'), 
  url('../Fonts/Inter-Bold.otf') format('otf'), 
  url('../Fonts/Inter-Bold.svg') format('svg'), 
  url('../Fonts/Inter-Bold.ttf') format('ttf'); 
  font-weight:700;
} 

@font-face {
  font-family: "Inter-Black";
  src: url('../Fonts/Inter-Black.woff') format('woff'), 
  url('../Fonts/Inter-Black.eot') format('eot'), 
  url('../Fonts/Inter-Black.otf') format('otf'), 
  url('../Fonts/Inter-Black.svg') format('svg'), 
  url('../Fonts/Inter-Black.ttf') format('ttf'); 
  font-weight:900;
} 


*{  padding:0;  margin:0;      font-family: "Inter-Regular"; color:#375281; font-size:16px;}
p{  font-family: "Inter-Regular"; margin-bottom:15px;}
p:last-child{margin-bottom:0px;}
a{color:#19223A;   font-family: "Inter-SemiBold"; display:inline-block;}
a:hover{ text-decoration:none !important;}

.container{max-width: 1280px !important; width:100%;}
h1, h2, h3, h4, h5, h6{color:#011F53; margin-bottom:0px;}
.gradient-wrapper{background-image:linear-gradient(to right, #011F53, #4353FF);}
img{max-width:100%; display:block;}


/****************************** bofc theme start from here ***************************/

.bofc-light{font-family: "Inter-Light";}
.bofc-regular{font-family: "Inter-Regular";}
.bofc-semi-bold{font-family: "Inter-SemiBold";}
.bofc-bold{font-family: "Inter-Bold";}
/************** bofc font family **********************/

.bofc-2-col{width:49%;}
.bofc-2-col:nth-child(odd){margin-right:1%;}
.bofc-2-col:nth-child(even){margin-left:1%;}
.bofc-3-col{width:32%;}
.bofc-3-col:nth-child(3n+2){margin-left:2%; margin-right:2%;}


/********************** bofc grid *********************/



.hero-heading{font-size:3.75rem;}	 
.large-heading{font-size:30px;}	 
.medium-heading{font-size:24px;}	 
.small-heading{font-size:20px;}	 
.smallest-heading{font-size:18px;}
	
/************* heading-font design ************/

.dark-gray-bg{background-color:#0F101D;}
.dark-blue-bg{background-color:#011f53;}
.dark-blue-text{color:#011f53;}
.highlight-bg-color{background-color:#4353ff;}
.highlight-text{color:#4353ff;}
.light-blue-bg{background-color:#e3edff;}

/****** bofc color theme ********/

.highlight-btn-fill{
	background-color:#4353ff; padding:10px 15px; border:1px solid #4353ff; border-radius:5px; color:#ffffff; font-size:0.875rem; letter-spacing:1px;text-transform:uppercase; text-decoration:none;
}

.highlight-btn-fill:hover, .highlight-btn-fill:active, .highlight-btn-fill:focus{
	background-color:#fff; color:#4353ff;}
	
.highlight-btn-fill:hover i, .highlight-btn-fill:active i, .highlight-btn-fill:focus i{color:#4353ff !important;}	

.highlight-blank-btn{background-color:#fff; padding:10px 15px; border-radius:5px; color:#4353ff; font-size:0.875rem; border:1px solid #4353ff; letter-spacing:1px;text-transform:uppercase; text-decoration:none;}

.highlight-blank-btn:hover, .highlight-blank-btn:active, .highlight-blank-btn:focus{background-color:#4353ff; color:#ffffff;}
.blank-bright-btn{background-color:transparent; padding:10px 15px; border-radius:5px;color:#ffffff; font-size:0.875rem;  border:1px solid #fff; letter-spacing:1px;text-transform:uppercase; text-decoration:none;}


.fill-bright-btn{background-color:#fff; padding:10px 15px; border:1px solid #fff; border-radius:5px;color:#0F101D; font-size:0.875rem; letter-spacing:1px;text-transform:uppercase; text-decoration:none;}


/***********bofc button design *****************/



.slick-list{margin:0px -7px;}
.slick-slide{margin:0px 7px;}
.slick-prev{left:0px; z-index:1;}
.slick-prev, .slick-next{font-size: 0 !important;   line-height: 0;    position: absolute;    top: 50%;    display: block;    width: 20px;    height: 20px;    padding: 0;  border:0px !important;  -webkit-transform: translate(0, -50%);    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);    cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent;}
	
.slick-prev, .slick-next{width: 40px !important; height: 40px; background-color: #4353ff2e !important; border-radius: 50% !important;}
.slick-prev:before{content: "\f104"; display:inline-block; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased; font-size:20px; color: #4353ff !important; opacity:1;}
	
.slick-next{right:0px; z-index:1;}
.slick-next:before{content: "\f105"; display:inline-block;  font: normal normal normal 14px / 1 FontAwesome; font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased; font-size:20px; color: #4353ff !important; opacity:1;}	

.slick-prev:hover, .slick-prev:active, .slick-prev:focus, .slick-next:hover, .slick-next:active, .slick-next:focus{background-color:#4353ff !important;}

.slick-prev:hover:before, .slick-prev:active:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:active:before, .slick-next:focus:before{color:#fff !important;}

/****************** bofc slick slider design *******************/



.bofc-z-1{z-index:1;}
.bofc-z-2{z-index:2;}
.bofc-hidden{overflow:hidden;}
.bofc-xsmall-radius{border-radius:5px;}
.bofc-small-radius{border-radius:10px;}
.bofc-medium-radius{border-radius:15px;}
.bofc-common-border{border: 1px solid #e3edff;}
.bofc-left-half{left:50%;}
.bofc-top-half{top:50%;}
.bofc-y-x-center{transform:translate(-50%, -50%);  -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}


/****************************** bofc theme ene here **********************************/

header {
    position: fixed; width: 100%;  top: 0px;     background-color: #0F101D;   z-index: 2;  transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;    -ms-transition: all 0.5s;    -o-transition: all 0.5s;
}



header.fixed{background-color:#0F101D;}

.main-header{padding:10px 0px;}

.header-box{justify-content:space-between;}
.co-logo{width:350px;}
.co-logo img{max-width:298px;}
.header-nav {    
		width: calc(100% - 350px); padding-left:80px; display: flex;  display: -webkit-box;   display: -webkit-flex; display: -moz-flex;    display: -ms-flex;    flex-flow: wrap;		justify-content:space-between; align-items:center;
}

.header-nav>nav>ul{border-radius:5px;padding:4px;background-color:#ffffff; margin-bottom:0px;}
.header-nav>nav>ul>li{display:inline-block;}
.header-nav>nav>ul>li>a{padding:10px 15px;display:block; font-size:1rem;  color:#0F101D; text-decoration:none;}

.header-nav>nav>ul>li>a:hover{background-color:#4353ff; border-radius:5px;color:#ffffff;}

.header-right a{display:inline-block;}






/************************ footer start from here *********************/

footer{background-color:#011F53;}
.footer-top{margin-bottom:20px;}
.footer-logo img{max-width:350px;}
.footer-logo a{display:inline-block;}
.footer-top-col{width:32%;}
.footer-top-col:nth-child(3n+2){margin-left:2%; margin-right:2%;}
.footer-top-col ul li{list-style:none;}
.footer-top-middle a{display: inline-block;  height: 50px;    width: 50px;    float: left;    margin: 0 5px;    overflow: hidden;    background: #fff;    border-radius: 50px;    cursor: pointer;    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out;}

.footer-top-middle i{display: inline-block;    height: 50px;    width: 50px; text-align: center;    border-radius: 50px;    box-sizing: border-box;    line-height: 50px; font-size:20px;    transition: all 0.3s ease-out;}

.footer-top-middle span{font-size: 16px; font-weight: 500; line-height: 50px; margin-left: 50px; transition: all 0.3s ease-out;}

.footer-top-middle a:hover{width:210px; text-decoration: none;}	
.footer-top-middle a:hover i{background-color:#4353ff; color:#fff;}
.footer-top-middle a:hover span{color:#4353ff; margin-left:0px; font-size:16px;}


.bofc-social-footer a{display: inline-block;  height: 50px;    width: 50px;    float: left;    margin: 0 5px;    overflow: hidden;    background: #fff;    border-radius: 50px;    cursor: pointer;    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out;}
.bofc-social-footer i{display: inline-block;    height: 50px;    width: 50px; text-align: center;    border-radius: 50px;    box-sizing: border-box;    line-height: 50px; font-size:20px;    transition: all 0.3s ease-out;}

.bofc-social-footer span{font-size: 16px; font-weight: 500; line-height: 50px; margin-left: 50px; transition: all 0.3s ease-out;}

.bofc-social-footer a:hover{width:180px; text-decoration: none;}
.bofc-social-footer a:hover i{background-color:red;}
.bofc-social-footer a:hover span{margin-left:10px; text-decoration:none;}

.bofc-social-footer a:nth-child(1):hover i{background-color: #4267b2; color:#fff;}
.bofc-social-footer a:nth-child(1):hover span{color: #4267b2;}

.bofc-social-footer a:nth-child(2):hover i{background-color: #000000; color:#fff;}
.bofc-social-footer a:nth-child(2):hover span{color: #000000;}

.bofc-social-footer a:nth-child(3):hover i{background-color: #0a66c2; color:#fff;}
.bofc-social-footer a:nth-child(3):hover span{color: #0a66c2;}

.bofc-social-footer a:nth-child(4):hover i{background-color: #ff0000; color:#fff;}
.bofc-social-footer a:nth-child(4):hover span{color: #ff0000;}


.quick-links ul li{width:32%; list-style:none;}
.quick-links ul li:nth-child(3n+2){margin-left:2%; margin-right:2%;}
.quick-links ul li a{color: #e3edff;   font-size: 0.875rem;    line-height: 1.3125rem;}



.bofc-description p{margin-bottom:0px; color: #e3edff; font-size:0.875rem; line-height:1.3125rem;}
.bofc-description p strong{color:#4353ff;}
footer .footer-heading{font-size:20px; margin-top:0px; font-weight: 600;}

.footer-contant-detail ul{padding-left:0px;}
.footer-contant-detail ul li{list-style:none !important; margin-top:8px;}
.footer-contant-detail ul li a{color: #e3edff; font-size:0.875rem; line-height:1.3125rem;}
.footer-links-box{background-color: #fff; border-radius: 10px; padding: 15px; margin-bottom:15px;}
.footer-links{margin-bottom:25px;}
.footer-links:last-child{margin-bottom:0px;}



.footer-bottom{border-top:1px solid #344666; padding:10px 0px; margin-top:30px; }





@media only screen and (max-width: 1199px)
{
	.container{max-width:960px !important;}
	.co-logo {width: 290px;}
	.header-nav { width: calc(100% - 290px);    padding-left: 50px; display:none;}
	.footer-logo img { max-width: 290px;}
	
	.footer-top-middle a{height: 40px;    width: 40px; margin:0px 3px;}
	.footer-top-middle i{line-height: 40px; height: 40px;    width: 40px; font-size:14px;}
	.footer-top-middle span{line-height:40px; font-size: 14px;}
	.footer-top-middle a:hover{    width: 180px;}
	
	
	.bofc-social-footer a{height: 40px;    width: 40px; margin:0px 3px;}
	.bofc-social-footer i{line-height: 40px; height: 40px;    width: 40px; font-size:16px;}
	.bofc-social-footer span{line-height:40px; font-size: 16px;}
	.bofc-social-footer a:hover{    width: 140px;}
}





@media only screen and (max-width: 1024px)
{
	.co-logo {width: 250px;}
	.header-nav{width: calc(100% - 250px);    padding-left: 15px;}
	
	
	
	.footer-logo img{width:250px;}
	.footer-top-col{width:100%; margin-bottom:15px;}
	.footer-top-col:nth-child(3n+2) {margin-left: 0%; margin-right: 0%;}
	.footer-top-middle ul{width:100%;display:flex; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flex; flex-flow:wrap;}
	.footer-top-middle ul li{padding-right:15px;}
	.footer-top-right ul li	{width: unset; margin-bottom: 0px;}
	.footer-top-right ul li:nth-child(odd) {margin-right: 0%;}
	.footer-top-right ul li:nth-child(even) {margin-left: 0%;}
	.footer-top-right ul li{padding-right:15px;}
	
	footer .footer-heading{font-size:16px;}
	.footer-text-heading{position:relative; margin-bottom: 10px;        margin-top: 15px;}
	.footer-links-col{display:none;}
	
	
}

@media only screen and (max-width: 991px)
{
	.container{max-width:720px !important;}
	.quick-links ul li {width: 49%;}
	.quick-links ul li:nth-child(3n+2) {margin-left: 0%; margin-right: 0%;}
	.quick-links ul li:nth-child(odd){margin-right:1%;}
	.quick-links ul li:nth-child(even){margin-left:1%;}
	
}


@media only screen and (max-width: 767px)
{
	.container{max-width:540px !important;}
	.bofc-2-col {    width: 100%;}
	.bofc-2-col:nth-child(odd){margin-right:0px;}
	.bofc-2-col:nth-child(even){margin-left:0px;}
	
}

@media only screen and (max-width: 576px)
{
	.container{max-width:100% !important;}

	
	
}