/* Add here all your CSS customizations */
a{
  text-decoration: none;
}
svg[height="0"][width="0"] {
    display: none;
}
body {
    font-family: 'Raleway', sans-serif;
}
.service-font {
    font-size: 20px;
    text-align: justify;
}

#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
  font-size: 20px;
}
 


}
html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
  background-color: rgba(0, 32, 92, 0) !important;
}
#header .header-logo img {
    top: 15px;
}

#header .header-nav.header-nav-line nav > ul li:hover > a {
  color: #fff;
}
.ser-list-card 
{
  background: #0D152C;
  border-radius: 5px;
  padding: 2em;
}
#headermenu a{
  color: #fff;
}
.cartag{
  margin-left: 1.5em
}
.container5 {
    margin-right: 2em;
    margin-left: 2em;
}
.onlogin {
    position: relative;
    display: flex;
    aagn-items: center;
}
.rightank a.cartag {
    text-decoration: none;
    font-size: 15px;  
    padding: 0.3em 1em;
    border-radius: 18px;
    display: inane-flex;
    aagn-items: center;
    margin-left: 1em;
}

.mobshow {
    display: none;
    text-align: left;
}
.mobshow img {
    width: 75%;
}
#headermenu .nav-item {
    margin: 0 10px;
}
/*home*/
 h3 {
    color: #706eb0;
}

#headerbox:after {
    content: "";

    background: linear-gradient(106.08deg, rgba(169, 168, 176, 0.9) 1.65%, rgba(148, 160, 213, 0.9) 45.26%, rgba(27, 67, 213, 0.9) 96.22%);
}
body#nos-protections #headerbox {
    background: linear-gradient( rgba(22, 22, 22, 0.82), rgba(22, 22, 22, 0.82) ), url(../img/tabsP.png);
      padding-bottom: 15vw;
    background-repeat: no-repeat;}
body#tabsP #headerbox {
    background: linear-gradient( rgba(22, 22, 22, 0.82), rgba(22, 22, 22, 0.82) ), url(../img/nos-protections.png);
      padding-bottom: 15vw;
    background-repeat: no-repeat;}
body#services #headerbox {
    background: linear-gradient( rgba(22, 22, 22, 0.82), rgba(22, 22, 22, 0.82) ), url(../img/services.png);
      padding-bottom: 15vw;
    background-repeat: no-repeat;}
.aftr-pge-head{
  background: linear-gradient(106.08deg, rgba(169, 168, 176, 0.9) 1.65%, rgba(148, 160, 213, 0.9) 45.26%, rgba(27, 67, 213, 0.9) 96.22%);
  text-align: center;
  padding: 0.2em 1em;    margin-bottom: 1.5em;
font-style: normal;
font-weight: bold;
font-size: 70px;
line-height: 82px;

color: #FFFFFF;
    }
.in-top-head{
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
   line-height: 100px;
    color: #FFFFFF;
}
.top-banner-bx p{
  font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
}
.top-in-btn{
     background: #706EB0;
    border-radius: 5px;
    color: #fff;
    padding: 0.5em 2em;
    display: block;
    width: fit-content;
}
#services-box{
  background-color: #010920;
  color:#fff;
  padding: 2em 0;
}
.bigT{
font-style: normal;
font-weight: bold;
font-size: 40px;
color: #FFFFFF;
}
.linecss{
  display: flex;
}
.linecss span:first-child{
  height: 4px;
    width: 30px;
    background-color: #706eb0;
    display: block;
}
.linecss span:last-child{
  height: 4px;
    width: 90px;
    background-color: #706eb0;
    display: block;
    margin-left: 0.3em
}
.linecss.foterane{
  margin-bottom: 1em;
}
.linecss.foterane span:last-child{
  height: 4px;
    width: 30px;
    background-color: #0A3AD8;
    display: block;
}
.linecss.foterane span:first-child{
  height: 4px;
    width: 90px;
    background-color: #0A3AD8;
    display: block;
    margin-left: 0.3em
}
#headermenu .nav-ank {
    color: #fff;
}
.top-banner-bx{
      width: 40%;
    margin-left: auto;
    padding: 4em 0;
}
.head-in{
    font-size: 20px;
    text-align: justify;
    color: #FFFFFF;
    height: 60px;
    margin-bottom: 0.5em;
}
.boxheadH p{
  margin-top: 1em
}
#services-box .col-md-4 {
    margin: 15px 0;
}
.ser-ast-card{
  background: #0D152C;
border-radius: 5px;
padding: 2em
}
.ser-ast-card p{
  margin-bottom: 0px;
}
.ser-ast-card p {
    text-align: justify;
}
.firsthead{
  display: flex;
  aagn-items: center;
}
#about-box img{
  max-width: 100%
}
.about-title .bigT{
  color:#0009;
}
.about-title{
  margin-bottom: 2em
}
#about-box{
      margin: 3em 0;
}
.about-r-txt{
  display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.about-small{

font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 41px;
text-align: justify;
margin-bottom: 1em;
color: #706EB0;
}
#testi-box{
  background: #010920;
  padding: 3em 0;
  color:#fff;
}
#testi-box p{
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
    margin: 1.5em auto;
}
.testi-it-bx img{border-radius: 50%;
    margin-right: 1.5em;
}
.testi-nme{

font-size: 22px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}
#testi-box .linecss {
    display: flex;
    width: fit-content;
    margin: 3em auto 0;
}
.center{
  text-align: center;
}
.pro-in-txt{
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 47px;
color: #000000;
}
#prod-box .linecss {
    display: flex;
    margin: 1em auto;
    width: fit-content;
}
.pro1-bg-img{
    background-image: url(../img/pro1-img.jpg);
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 2em;
  }
.pro2-bg-img{
    background-image: url(../img/pro1-img.jpg);
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 2em;
  }
.pro3-bg-img{
    background-image: url(../img/pro1-img.jpg);
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 2em;
  }
  #prod-box .row{
    aagn-items: center;
  }
  #prod-box h2{
      margin-bottom: 2em;
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 41px;
color: #706EB0;
    }
  #prod-box{
      margin: 2em
    }
    #faq-box{
      background-color: #010920;
      padding: 2em 0;
      color:#fff;
    }
    .accordion-item {
       cursor: pointer;
    background-color: #0E142C;
    margin: 1em 0;
    padding: 1em 1em;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.min-icn{
  display: none;
}
.accordion-item.active .min-icn{
  display: block;
}
.accordion-item.active .plus-icn{
  display: none;
}
.accordion-item>a {
    display: block;
    justify-content: space-between;
    display: flex;
    aagn-items: center;
}
.accordion-item .content {
    max-height: 0;
    overflow: hidden;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
}
.accordion-item.active .content {
    max-height: 100%;
}
#faq-box .linecss{
  margin:0.3em auto 1.5em;
}
#faq-box .linecss span:first-child {
    height: 4px;
    width: 18px;}
#faq-box .linecss span:last-child {
    height: 4px;
    width: 40px;}
#faq-box .linecss.last-in-bx{
      margin: 2em auto 0;
    width: fit-content;
}
#marques-box h2{
font-weight: bold;
font-size: 35px;
line-height: 41px;
text-align: justify;
color: #706EB0;
}
#marques-box{
  margin: 3em 0;
 }
#marques-box .col-md-4{
  margin: 1.3em 0;
  text-align: center;
 }
#marques-box .row{
  aagn-items: center;
  margin: 2em auto;
  justify-content: center;
 }
 #cont-box .linecss {
    display: flex;
    width: fit-content;
    margin: 0.3em auto 2em;
}
 #cont-box{  
  background-color: #0D152D;
  color: #fff;
  padding: 2em 0;
 }
 #cont-box .col {
    margin-bottom: 1em;
}
 #cont-box .col>input{
      background: #000A20;
    border-radius: 5px;
    border: 0;
    padding: 1em 2em;
}
 #cont-box .col>textarea{
      background: #000A20;
    border-radius: 5px;
    border: 0;
    padding: 1em 2em;
}
#cont-box form{
  margin: 2em 0;
}
.form-submit-btn{
background: #706EB0;
    border-radius: 5px;
    padding: 0.6em 2em;
    display: block;
    font-size: 1.2em;
    line-height: 20px;
    margin: 2em auto 1em;
}
.head-in-bx small{color: #0A3AD8;
}
#services-box img{
      vertical-aagn: middle;
    width: 80px;
    height: 80px;
}
#footer p{
text-align: justify;
}
#footer{
  background-color: #121212;
  padding: 2em 0 0;
  color: #fff;
}
#footer svg {
        fill: #000;
    background-color: #fff;
    padding: 7px;
    border-radius: 5px;
    width: 45px;
    height: 45px;
}
.ftr-cnt-info a>img{
  margin-right: 0.4em;
}
.ftr-cnt-info a{
  display: block;
  color:#fff;
  padding: 0.5em 0em;

}
.subscribe-btn{
  background: #706EB0;
    border-radius: 5px;
    border: 0;
    padding: 0.5em 2em;
    display: block;
    color:#fff;
    font-size: 20px;
}
#fotr-form input{
    font-size: 17px;
    background-color: #fff;
    padding: 0.8em 1em;
    width: 100%;
    margin-bottom: 1em;
    border: 0;
}
.copyftr{
    background-color: #000000;
    padding: 0.7em 0.5em;
    margin: 2em 0 0;
}
.copyftr p {
    margin-bottom: 0;
}
.fotr-to-ank{
  ast-style: none;
    padding: 0;
    margin: 0;
}
.fotr-to-ank a{
  display: inane-block;
}
/*home*/
/*2222*/
#bx-container{
      position: relative;
}
.in-servi-lbx img{
  width: 100%;
    object-fit: cover;}
.in-servi-lbx{
  display: flex;
}
.vrilinecss{
     display: flex;
    flex-direction: column;
    margin-top: 0.3em;
    margin-right: 0.8em;
}
.vrilinecss.ri-bx {
    margin-left: 0.8em;
}
.vrilinecss span:first-child{
      height: 75px;
    width: 7px;
    background-color: #0A3AD8;
    display: block;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
}
.hr-d{
  width: 60%;
    display: block;
    height: 1px;
    background-color: #A197CA;
    margin: 4em auto;
}
.vrilinecss span:last-child{
  height: 90px;
    width: 7px;
    background-color: #0A3AD8;
    display: block;
    margin-top: 0.3em;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
}
.prosmall img{
  width:136px;
  height:136px;
}
.top-head-bx p{
  margin-top: 1em
}
.in-rowbx .row{
  align-items: center;
}
.out-bx{ box-shadow: 0px 4px 4px #a197ca;
       border-radius: 10px;padding: 0;}
       .in-rowbx{
        padding: 1em
       }
.txt-in{
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    color: #5B5B5B;
       }
#box-view{
        margin: 2em 0;
       }
/*2222*/
@media (max-width: 767px){
  .container5 {
    margin-right: 1em;
    margin-left: 1em;
}
  .mobshow {
      display: block;
  }
  .mobhide {
    display: none;
}
}

.section-title hr, .process-title hr {
	height: 3px;
	color: #b28014;
	background-color: #b28014;
	border: none;
	width: 200px;
	margin: 0 auto;
	text-align: left;
}
.logo{
	height: 80px;
}
.page-header.page-header-modern.page-header-background.page-header-background-lg {
	padding: 100px 0;
	color: #fff;
}
.tmiics
{
	color: #00205c;
	font-weight: 300;
}

html .bg-dark {
	background: linear-gradient(106.08deg, rgba(148, 160, 213, 0.9) 45.26%, rgba(27, 67, 213, 0.9) 96.22%) !important;
}
.form-control {
	border-color: #252120;
	border-radius: 5px;
}
.form-control-lg
{
	font-size:14px;
	color: #000;
}
.shadow {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.45)!important;
}
.divider-left-border {
	border-left: 2px solid #b28014;
}
.list li {
	margin-bottom: 3px;
}
html .scroll-to-top {
	color:#fff;
}
.tparrows{
	background: #404B9A;
	color:#fff;
}
html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu {
	background-color: rgba(0, 32, 92, 0.87);
	border-top: 3px solid #b28014;
}

html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
	color: #FFF;
	font-size: 14px;
	padding:7px;
	font-weight: 400;
	border-bottom-color: #b28014;
}
.programme-header{
	color: #fff;
	font-size: 18px;
	text-align: center;
	text-decoration: none!important;
}
a:link{
	text-decoration: none!important;
}
.programme-header a:hover{
	color: #b28014;
	text-decoration: none;
	border-bottom: 2px solid #b28014;
}
.programme-header a:active{
	color: #b28014;
	text-decoration: none;
	border-bottom: 12px solid #b28014;
}
.pro-divider{
	border-right: 0.5px solid grey;
}

@media only screen and (max-width: 576px) {
	.page-header.page-header-modern.page-header-background.page-header-background-lg {
		padding: 60px 0;
	}
	.logo{
		height: 50px;
	}
   #testi-box p{
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    margin: 1.5em auto;
}
	.inner-page-banner-text h2 {
		font-weight: 400;
		margin-top: 40px;
		margin-bottom: 10px;
		color: #fff;
		font-size: 30px;
	}
	.section-title{
		margin-bottom: 20px;
	}
	p {
		color: #000;
		line-height: 25px;
		font-size: 17px;
	}
	body {
		font-size: 17px;
	}

}
@media only screen and (max-width: 575px) {
	.page-header.page-header-modern.page-header-background.page-header-background-lg {
		padding: 50px 0;
	}
	.logo{
		height: 50px;
	}
   #testi-box p{
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    margin: 1.5em auto;
}
	.inner-page-banner-text h2 {
		font-weight: 400;
		margin-top: 40px;
		margin-bottom: 10px;
		color: #fff;
		font-size: 30px;
	}
	.section-title{
		margin-bottom: 20px;
	}
	p {
		color: #000;
		line-height: 25px;
		font-size: 17px;
	}
	body {
		font-size: 17px;
	}
	h2 {
		font-size: 24px;
		font-weight: 300;
		line-height: 32px;
		margin: 0 0 32px 0;
	}
	.page-header .breadcrumb > li {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
		background-color: rgb(0,32,92) !important;
	}
	html #header.header-transparent {
		min-height: 0 !important;
		width: 100%;
		position: initial;
	}
   #testi-box p{
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    margin: 1.5em auto;
}
	.logo{
		height: 60px;
	}
	.page-header.page-header-modern.page-header-background.page-header-background-lg {
		padding: 40px 0;
	}
	.inner-page-banner-text h2 {
		font-weight: 400;
		margin-top: 20px;
		color: #fff;
		font-size: 27px;
	}
	.section-title{
		margin-bottom: 20px;
	}
	p {
		color: #777777;
		line-height: 30px;
		font-size: 16px;
	}
	body {
		font-size: 16px;
	}
	.pro-divider{
		border-right: 0;
	}
	h2 {
		font-size: 24px;
		font-weight: 300;
		line-height: 32px;
		margin: 0 0 32px 0;
	}
	.page-header .breadcrumb > li {
		font-size: 12px;
	}
}
@media only screen and (min-width: 768px) {
	html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
		background: linear-gradient(106.08deg, rgba(169, 168, 176, 0.9) 1.65%, rgba(148, 160, 213, 0.9) 45.26%, rgba(27, 67, 213, 0.9) 96.22%);
	}
	html #header.header-transparent {
		min-height: 0 !important;
		width: 100%;
		position: initial;
	}
   #testi-box p{
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    margin: 1.5em auto;
}
	.logo{
		height: 60px;
	}
	.page-header.page-header-modern.page-header-background.page-header-background-lg {
		padding: 100px 0;
	}
	.inner-page-banner-text h2 {
		font-weight: 400;
		margin-top: 25px;
		color: #fff;
		font-size: 25px;
	}
	.section-title{
		margin-bottom: 10px;
	}
	p {
		color: #777777;
		line-height: 30px;
		font-size: 16px;
	}
	body {
		font-size: 16px;
	}
	.pro-divider{
		border-right: 0;
	}
	h2 {
		font-size: 24px;
		font-weight: 300;
		line-height: 32px;
		margin: 0 0 32px 0;
	}
	.page-header .breadcrumb > li {
		font-size: 12px;
	}
}
@media only screen and (min-width: 992px)
{
	.page-header.page-header-modern.page-header-background.page-header-background-lg {
		padding: 120px 0;
	}
  #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
  font-size: 16px;
}
	.logo{
		height: 70px;
	}
   #testi-box p{
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    margin: 1.5em auto;
}
	.inner-page-banner-text h2 {
		font-weight: 400;
		margin-bottom: 10px;
		color: #fff;
		font-size: 35px;
	}
	.section-title{
		margin-bottom: 20px;
	}
	
	#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a {
		border-bottom-color: transparent;
	}
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
	background: #b28014;
	color: #FFF;
}
.programme-bar {
	width: 100%;
	overflow: auto;
	border-radius: 10px;
}
/* Navigation links */
.programme-bar a {
	float: left;
	padding: 10px 5px;
	color: white;
	background: linear-gradient(-45deg, #b28014, #00205c, #b28014, #000);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	text-decoration: none;
	border-right: 0.5px solid white;
	font-size: 18px;
	width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
	text-align: center; /* If you want the text to be centered */
}

/* Add a background color on mouse-over */
.programme-bar a:hover {
	color: #000;
	border-bottom: 3px solid #b28014;
}

/* Style the current/active link */
.programme-bar a.active {
	background: #000;
	color:#b28014;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.citizenship-tab ul li a:hover, .citizenship-tab ul li a.active, .citizenship-tab ul li div:hover, .citizenship-tab ul li div.active {
	color: #c18b15;
}

.citizenship-tab #select {
	display: block;
	padding: 8px;
	cursor: pointer;
	border: 1px solid #c18b15;
	color: #000;
	position: relative;
	max-width: 260px;
	margin: auto;
	font-weight: 500;
	border-radius: 4px;
	font-size: 16px;
}

.citizenship-tab ul {
	list-style: none;
	background: #f1f1f1;
	display: none;
	font-size: 0;
	padding: 0;
	max-width: 260px;
	margin: auto;
}
.citizenship-tab ul li {
	padding: 5px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #c18b15;
	border-right: 1px solid #c18b15;
	border-left: 1px solid #c18b15;
	color: #000;
	font-size: 14px;
}
/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	z-index: 11; /* Sit on top */
	left: 0;
	top: 0;
	background-color: rgb(0,32,92); /* Black fallback color */
	background-color: rgba(0,32,92, 0.85); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
	position: relative;
	top: 15%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
	color: #fff;
}
.overlay ul {
	list-style: none;
}
.overlay ul li {
	display: block;
	color: #fff;
	padding: 16px;
	text-decoration: none;
	position: relative;
	z-index: 11; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
	color: #fff;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
	.overlay a {font-size: 20px}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}
.service-bg{
	background: linear-gradient(-45deg, #b28014, #00205c, #b28014, #000);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

.service-box8 > a {
	position: relative;
	font-size: 22px;
	font-weight: 800;
	padding: 18px 30px;
	background-color: #fff;
	border-radius: 15px;
	text-transform: uppercase;
	text-align: center;
}
.service-box8 > a:hover {
	background-color: rgb(0,32,92);
	color: #fff;
}