body{
	font-family: saira,Sans-serif;
	font-size: 12px;
	line-height: 28px;
	overflow-x:hidden;
}

a{
	color: #000 !important;
}

a:hover{
	text-decoration: none!important;
}


/*--- Scroll Top
============================================================---*/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

#myBtn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 26px;
	width: 50px;
	height: 50px;
	color: #fff;
	background-color: #2368a9;
	cursor: poninter;
	outline: none;
	z-index: 99;
	border: 3px solid #d6dfe6;
	border-radius: 30px;
	transition: all 900ms ease-in-out;
	animation: myfirst 5s linear 2s infinite alternate;
}
#myBtn:hover{
	color: #fff;
	background-color: #000;
	border: 3px solid #2368a9;
}



/*---Header
============================================================---*/
.header {
	background-color: #d6dfe6;
}

.logo{
	width: 150px;
	margin-top: 10px;
	margin-left: 50px;

}
.navbar-expand-lg{
	float: right;
	padding: 0px;
	margin-top: 0px !important;
}

.drop_nav {
	width: 692px;
}

.btn{
	font-size: 16px;
}

.btn:focus{
	box-shadow: none!important;
}

.nav{
	font-size: 16px;
    margin-right: 15px;
}

.nav-link {
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  color: #031D44;
  padding: 20px 0px 15px 10px;
  display: inline-block;
  position: relative;
  opacity: 0.75;
}

.nav-link:hover {
  opacity: 1;
}

.nav-link::before {
	position: absolute;
	top: 50px;
	transition: 300ms;
	height: 1px;
	content: "";
	position: absolute;
	background-color: #031D44;
}

.nav-link::before {
  width: 0%;
  bottom: 5px;
}

.nav-link:hover::before {
  width: 70%;
  margin-left: 1px;
}

.dropdown{
	margin-right: 15px;
}

.navbar-expand-lg{
	margin-top: 20px;
}

.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 15px;
}

.swper{
	float: left !important;
}

.nav-5:hover::before{
	display: none;
}

.navbar-nav {
	margin-right: 35px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	top: 61px;
	border-radius: 0px;
	border: 1px solid #d6dfe6;
	background-color: #d6dfe6;
}


/*---Banner
============================================================---*/

.carousel-inner::after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 860px;
	z-index: 1;
	background-color: #000;
	opacity: .5;
}

.d-block{
	position: relative;
	width: 100%;
	height: 860px;
}

.represent {
	position: absolute; 
	top: 250px; 
	left: 200px; 
	color: white; 
	z-index: 2;
	padding: 15px;
	border-radius: 5px;
}

.represent h1{
	font-family: saira,Sans-serif;
	color: #fff;
    font-size: 42px;
	font-weight: 600;
	margin-bottom: 0px;
    text-transform: capitalize;
}
.represent p{
	font-family: saira,Sans-serif;
    width: 920px;
	text-align: justify;
	font-size: 16px;
	margin-top: 30px;
	color: #fff;
}
.button{
	position:absolute;
	display:inline-block;
	width:140px;
	height:50px;
	margin-top: 20px;
	border:2px solid #fff;
	text-align:center;
	cursor:pointer;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
}

.button a{
	font-family:arial;
	font-size:16px;
	color: #fff!important;
	text-decoration:none;
	text-transform:uppercase;
	line-height:50px;
	transition:all .5s ease;
	z-index:2;
	position:relative;
}

.eff{
	width:140px;
	height:50px;
	top:-50px;
	background:#fff;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
}

.button:hover .eff{
	top:0;
}

.button:hover a {
	color:#000!important;
}

.owl-carousel .owl-nav button.owl-next {
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	background-color: #2368a9;
	transition: all 900ms;
}

.owl-carousel .owl-nav button.owl-prev {
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	background-color: #2368a9;
	transition: all 900ms;
}

.owl-carousel .owl-nav button.owl-next:hover {
	color: #000;
	background-color: #fff;
}

.owl-carousel .owl-nav button.owl-prev:hover {
	color: #000;
	background-color: #fff;
}



  /*---The Dream Comes True
============================================================---*/
.Dream{
	margin-top: 120px;
}

.hedline{
	font-size: 36px;
	font-weight: 600;
	color: #2368a9;
	text-align: center;
	margin-bottom: 0px;
}

.dreams {
	position: relative;
	font-size: 22px;
	margin-top: 50px;
	margin-bottom: 0px;
}

.dreams::after {
	position: absolute;
	content: '';
	top: -45px;
	left: 475px;
	width: 150px;
	height: 2px;
	background-color: #d6dfe6;
}

.dream-text{
	width: 100%;
	font-size: 16px;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 0px;
}
.dream-6-img{
	margin-top: 50px;
}

.dream-img{
	width: 100%;
	height: 300px;
    margin-bottom: 30px;
}

.dream_img {
	width: 100%;
	height: 100%;
}

.dream-3-img{
	margin-top: 30px;
}

.button-2{
	width: 150px;
	margin-top: 30px;
	border-radius: 5px;
	background-color: #000;
}

.button-2 a{
	font-size: 16px;
	color: #fff!important;
	display: table;
    margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.button-2 a i{
	margin-left: 15px;
}



/*---Diversified Business Portfolio
============================================================---*/
.Diversified{
	margin-top: 90px;
	margin-bottom: 0px;
}
.diversified-p{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}
.hedlinePo {
	position: relative;
	font-size: 36px;
	margin-bottom: 0px;
}
.hedlinePo::before {
	position: absolute;
	content: '';
	top: 50px;
	left: 475px;
	width: 150px;
	height: 2px;
	background-color: #d6dfe6;
}

.automobile{
	overflow-y: auto;
	scrollbar-width: thin;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.05);
    margin-right: 15px;
	transition: all 900ms;
	height: 475px;
    padding: 15px;
}
.automobile:hover{
	transform: translateY(-10px);
}
.automobile img{
	width: 100%;
	height: 200px;
}
.automobile h3{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
}
.automobile p{
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
}
.travel{
	margin-top: 4px!important;
}
.button-3{
	display: table;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #2368a9;
}



/*---Our Strategic Partnerships
============================================================---*/
.partnerships{
	margin-top: 120px;
}
.partnerships-1{
	font-size: 36px;
	color: #2368a9;
	position: relative;
	margin-bottom: 50px;
}
.partnerships-1::after{
	position: absolute;
	content: '';
	top: 50px;
	left: 485px;
	width: 150px;
	height: 2px;
	background-color: #d6dfe6;
}
.partnerships-img img{
	width: 100%;
	height: 100px;
}
.owl-carousel .owl-item img{
    height: 350px;
}
.owl-nav {
	display: table;
	margin: auto;
}
.owl-carousel .owl-nav.disabled{
	display: block;
	text-align: center;
	margin-top: 30px;
    margin-left: 6px;
}
.owl-carousel .owl-nav button.owl-prev{
	margin-right: 15px;

}
.owl-carousel .owl-nav button.owl-Next{
	margin-right: 15px;
}
.owl-carousel .owl-nav button.owl-prev:focus{
	outline: none;
}
.owl-carousel .owl-nav button.owl-next:focus{
outline: none;
}



/*---Strategic Advantage
============================================================---*/
.Advantage{
	position: relative;
	margin-top: 120px;
}
.strateg-ad{
	position: absolute;
	top: 65%;
	left: 350px;
	margin-bottom: 120px;
}
.bg-img{
	background-image: url(../img/jg.jpg);
	background-position: center;
	padding: 70px 0 40px;
	height: 400px;
}
.bg-img h2{
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}
.bg-img p{
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}
.Advantage-text{
	width: 280px;
	height: 310px;
	background-color: #fff;
	border: 1px solid #ccc;
	transition: all 900ms;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.05);
}

.Advantage-text img {
	display: table;
	margin: auto;
}

.Advantage-text h3 {
	text-align: center;
}

.Advantage-text:hover {
	transform: translateY(-10px);
}
.Advantage-text img{
	width: 70px;
	margin-top: 30px;
}
.Advantage-text h3{
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}
.Advantage-text p{
	width: 100%;
	height: 140px;
	text-align: center;
	padding: 15px;
	overflow-x: hidden;
	scrollbar-width: thin;
	cursor: pointer;
	font-family: saira,Sans-serif;
	color: #777;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 1.7em;
}



/*--- Our Companies
============================================================---*/
.Companies{
	margin-top: 300px;
}



/*--- Our Core Values
============================================================---*/
.bg-img-1{
	height: 800px;
}
.values-1{
	margin-top: 50px;
}
.Core-Values{
	margin-top: 120px;
}
.values{
	width: 100%;
	height: 250px;
	overflow: auto;
	text-align: center;
	margin-top: 30px;
	background-color: #fff;
	border: 1px solid #2368a9;
	transition: all 0.35s ease 0s;
}
.values img{
	width: 50px;
    margin: 30px;
    margin-bottom: 0px;
}
.values h5 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
}
.values p{
	white-space: normal;
	font-size: 16px;
	font-weight: 300;
	color: #000;
    padding: 0px 15px !important;
	margin-top: 15px;
}
.values:hover{
    transform: translateY(-15px)
}


/*--- Counter
============================================================---*/
.Trust{
	background-image: url(../img/jg.jpg);
	background-position: center;
    margin-top: 120px;
	padding: 70px 0 40px;
	height: 260px;
	}
.count-1{
	margin-top: 120px;
	margin-bottom: 120px;
	margin-left: -15px;
}
.trust-text{
	font-size: 36px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0px;
	text-align: center;
}
.bg-count-color{
	width: 244px;
	padding: 50px 15px 50px 15px;
	text-align: center;
	border-radius: 100px 0px 100px 0px ;
	background-color: #f7f9f8;
	border: 1px solid #2368a9;

}
.bg-count-color span{
	color: #000;
	font-size: 26px;
}
.bg-count-color p{
	color: #000;
	margin-top: 15px;
	font-size: 16px;
}
.counter{
	width: 100%;
	display: flex;
	justify-content: space-between;
  }
.button-3{
	display: table;
	margin: auto;
	margin-top: 30px;
}



/*--- History-part
============================================================---*/
.History-part {
	background-color: #000;
	height: 350px;
}

.history-text {
	margin-top: 110px;
}

.history-text h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	text-transform: uppercase;
	font-weight: 600px;
	margin-bottom: 0px;
}
.history-text p {
	color: #fff;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-transform: capitalize;
}

.coreValueHistory {
	margin-top: -28px !important;
}

.additionalC {
	margin-top: 0px !important;
}


/*--- History-part-2
============================================================---*/
.born {
	margin: 120px 50px 0px 125px;
}

.born h1 {
	font-size: 36px;
	font-weight: 600;
	color: #2368a9;
	margin-bottom: 0px;
}

.born p {
	font-size: 16px;
	font-weight: 300;
	margin-top: 30px;
	text-align: justify;
	margin-bottom: 0px;
}

.history-img img {
	width: 100%;
	height: 700px;
}



/*--- History-Diversification
============================================================---*/
.pointing {
	margin-left: 150px;
	margin-top: 50px;
}

.point i {
	font-size: 14px;
	float: left;
	margin-top: 6px;
}

.point p {
	font-size: 14px;
	margin-left: 30px;
}


/*--- History-Transformation
============================================================---*/
.accordion {
	margin-left: 120px;
	margin-top: 50px;
	margin-right: 50px;
	width: 80%;
	max-width: 600px;
	margin-top: 5rem;
	margin-left: 200px;
}

.trosotesct {
	margin-top: -28px;
}

.accordion:nth-child(3) {
    margin: 0px !important;
    margin-left: 200px !important;
}

.accordion:nth-child(4) {
    margin: 0px !important;
    margin-left: 200px !important;
}

.accordion:nth-child(5) {
    margin: 0px !important;
    margin-left: 200px !important;
}

.accordion:nth-child(6) {
    margin: 0px !important;
    margin-left: 200px !important;
}

.accordion:nth-child(7) {
    margin: 0px !important;
    margin-left: 200px !important;
}

  details > summary {
	list-style: none;
	font-size: 16px;
  }

  details summary::-webkit-details-marker {
	display: none;
  }

  details {
	margin-bottom: 12px;
	border-radius: 8px;
  }

  summary {
	background-color: #fff;
	border: 2px solid #f7f7f7;
	color: #000;
	padding: 1rem;
	font-weight: 700;
	letter-spacing: 2px;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	cursor: pointer;
	border-top-left-radius: 24px;
	border-bottom-right-radius: 24px;
  }

.icon svg {
	transition: all 0.35s ease-out;
}

details > div {
	font-size: 14px;
	background-color: #fff;
	border: 2px solid #f7f7f7;
	padding: 1rem 2rem;
}

details[open] summary {
	border-bottom-right-radius: unset;
}

details[open] > div {
	border-bottom-right-radius: 24px;
}

details[open] .icon svg {
	transform: rotateX(180deg);
}



/*--- Our Memories
============================================================---*/
.memries {
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #f7f9f8;
}

.memories-text {
	text-align: center;
}

.memories-text h2{
	font-size: 42px;
	color: #000;
	margin-bottom: 0px;
}

.memories-text p{
	font-size: 14px;
	margin-top: 30px;
	line-height: 1.6em;
}

img{
	max-width: 100%;
}

.single-portfolio-item{
	margin-bottom: 30px;
}

.single-portfolio-item img{
	height: 100%;
	max-height: 300px;
	width: 100%;
	object-fit: cover;
}

.portfolio-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.portfolio-menu ul li {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    background: #2368a9;
    color: #fff;
    border-radius: 3px;
    margin: 34px 4px;
    margin-bottom: 30px;
    cursor: pointer;
}

.portfolio-menu ul li.mixitup-control-active{
	color: #fff;
	background: #000;
	border: 1px solid #2368a9;
}



/*--- Our Awards & Accolades
============================================================---*/
.awards {
	margin-top: 120px;
}

.awards-text h2 {
	text-align: center;
	margin-bottom: 0px;
}

.awards-text p{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.awards-img img{
	width: 100%;
	height: 250px;
	margin-top: 30px;
	border: 6px solid #fff;
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
}



/*--- Matjil LTD - On the Fast Lane to Success
============================================================---*/
.Sucess {
	background-image: url(../img/jg.jpg);
	background-position: center;
	margin-top: 120px;
	height: 280px;
}

.sucess-text {
	font-size: 42px;
	margin-top: 120px;
	text-align: center;
}



/*--- Vision & Mission
============================================================---*/
.vision-mission {
	background-color: #000;
	height: 300px;
}

.Vision-text {
	margin-top: 110px;
}

.Vision-text h2 {
	color: #fff;
	font-size: 66px;
	font-weight: 700px;
	margin-bottom: 30px;
}

.ensure {
	font-size: 18px;
	line-height: 1.6;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 30px;
	letter-spacing: 3px;
}



/*--- Board Of Directors
============================================================---*/
.board-directors {
	background-color: #000;
	height: 420px;
}

.Directors-text {
	margin-top: 120px;
}

.Directors-text h2 {
	color: #fff;
	font-size: 66px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.Directors-text p {
	width: 950px;
	font-size: 16px;
	color: #fff;
	text-align: justify;
	margin-bottom: 0px;
}



/*--- CHAIRMAN
============================================================---*/
.chairman {
	position: relative;
	overflow: hidden;
	display: block;
	margin-top: 120px;
}
.chairman-img img{
	width: 100%;
	height: 500px;
	padding: 15px;
	border: 1px solid #ccc;
}
.chairman-text h3{
	color: #2368a9;
	margin-bottom: 15px;
}
.chairman-text span {
	font-size: 16px;
	margin-bottom: 0px;
}
.chairman-text h3 i {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #2368a9;
	font-size: 18px;
	color: #2368a9;
	background-color: #ccc;
}
.chairman-text h1{
	font-size: 28px;
	color: #ccc;
	margin-top: 30px;
	margin-bottom: 0px;
}
.chairman-text p{
	font-size: 14px;
	color: #939393;
	text-align: justify;
	margin-top: 30px;
}
.chairman-text h3::after{
	content: '';
	position: absolute;
	width: 15%;
	top: 18px;
	margin-left: 10px;
	border-top: 2px solid #ccc;
}



/*--- VICE CHAIRMAN & Presedent
============================================================---*/
.vice-chairman{
	margin-top: 120px;
	background-color: #f7f7f7;
}

.other_people {
	margin: 50px;
}


.vice_chair_man {
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
}

.vice_chair_man img {
	width: 100%;
	height: 500px;
	border-radius: 5px;
}

.vice_chair_man h4 {
	font-size: 26px;
	text-transform: uppercase;
	color: #2368a9;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.vice_chair_man p{
	font-size: 18px;
	color: #ccc;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

.other_member h4 {
	font-size: 36px;
	text-align: center;
	color: #2368a9;
	margin-bottom: 0px;
}


.other_member p {
	font-size: 16px;
	color: #000;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.vice{
	width: 100%;
	text-align: center;
	margin-top: 20px !important;
	border-radius: 0px 70px;
	background-color: #fff;
	border: 1px solid #ccc;
	transition: all 0.35s ease 0s;
}

.vice img{
	width: 250px;
	height: 200px;
	padding: 5px;
	margin-top: 20px;
	border: 1px solid #ccc;
	border-radius: 0px 70px;
}

.vice h4{
	font-size: 22px;
	color: #2368a9;
	margin-top: 30px;
	margin-bottom: 0px;
}

.vice p{
	font-size: 16px;
	color: #ccc;
	margin-top: 15px;
	margin-bottom: 20px;
}

.vice:hover{
	cursor: pointer;
    transform: translateY(-20px);
}



/*--- The workforce
============================================================---*/
.workface{
	margin: 120px 0px 120px;
}
.workface-text{
	position: relative;
}
.workface-text p{
	font-size: 16px;
	color: #959595;
	text-align: center;
	margin-bottom: 0px;
}
.workface-text::after {
	content: '';
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 250px;
	height: 2px;
	background-color: #2368a9;
}
.workface-text i {
	font-size: 36px;
	color: #2368a9;
	display: table;
	margin: auto;
	margin-top: 10px;
}
.lataest-text{
	font-size: 42px;
	margin-top: 40px;
	text-align: center;
}


/*--- Exciting Journey to Exponential Growth
============================================================---*/
.aviation-img{
  height: 100%;
  font-family: 'Quicksand', sans-serif;
  line-height: 1.5;
  word-spacing: 4px;
  letter-spacing: 1px;
}

.fixed-bg{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
  display: table;
}



/*--- Customer Centric Strategy
============================================================---*/
.bg-2{
	height: 300px;
}

.aviation-img h2{
	color: #fff !important;
	text-align: center;
	margin-top: 50px;
}

.centric{
	font-size: 36px;
	color: #2368a9 !important;
	margin-top: 30px;
}

.centrics{
	font-size: 36px;
	color: #fff !important;
	margin-top: 70px;
}

.bg-3 {
	height: 450px;
}



/*--- Business Divisions
============================================================---*/
.division{
	background-image: url(../img/jg.jpg);
	background-position: center;
	margin-top: 120px;
	height: 800px;
}

.business-title{
	font-size: 42px;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 0px;
}

.division-img-text{
	width: 100%;
	height: 500px;
	text-align: center;
	background-color: #fff;
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
	padding-bottom: 30px;
}

.division-img-text img{
	width: 100%;
	height: 230px;
	padding: 15px;
}

.division-img-text{
	margin-top: 50px;
}

.division-img-text h3{
	font-size: 22px;
	color: #2368a9;
	margin-top: 15px;
}

.division-img-text p{
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
}

.new-button{
	width: 170px;
	display: table;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	margin: auto;
	transition: all 900ms ease;
	background-color: #2368a9;
}

.new-button a{
	font-size: 16px;
	color: #fff!important;
	text-align: center;
	margin-left: 10px;
	margin-top: 30px;
}

.new-button a i{
	margin-left: 10px;
}

.new-button:hover{
	background-color: #000;
}

.chairman-text-1 p {
	font-size: 14px;
	margin-bottom: 0px;
	text-align: justify;
}


/*--- AVIATION SALES
============================================================---*/
.aviation-sales{
	margin-top: 350px;
}

.avition-sales-text h1{
	font-size: 28px;
	margin-bottom: 0px;
}

.avition-sales-text p{
	color: #2368a9;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.pilot_center span {
	font-size: 22px;
	margin-bottom: 0px;
}

.pilot_center p {
	font-size: 14px;
	color: #939393;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 0px;
}

.new-button-1{
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 300px;
	margin-bottom: 30px;
	transition: all 900ms ease;
	background-color: #2368a9;
}

.new-button-1 a{
	font-size: 14px;
	color: #fff!important;
	text-align: center;
	margin-left: 35px;
	margin-top: 30px;
}

.new-button-1 a i{
	font-size: 16px;
	margin-left: 10px;
}

.new-button-1:hover{
	background-color: #000;
	transform: translate(20px);
}

.new-button-2{
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	transition: all 900ms ease;
	background-color: #2368a9;
}

.new-button-2 a{
	font-size: 16px;
	color: #fff!important;
	text-align: center;
	margin-left: 35px;
	margin-top: 30px;
}

.new-button-2 a i{
	font-size: 16px;
	margin-left: 10px;
}

.new-button-2:hover{
	background-color: #000;
	transform: translate(20px);
}



/*--- Business-Partner-1
============================================================---*/
.partner-1{
	margin-top: 90px;
}

.partner-1-text{
	width: 100%;
	height: 450px;
	text-align: center;
	margin-top: 30px;
	padding: 30px 15px 30px 15px;
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
}

.partner-1-text h5{
	font-size: 22px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 0px;
}
.partner-1-text p{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.partner-1-text img {
	width: 120px;
}


/*--- AVIATION SERVICE
============================================================---*/
.avitiation-ser{
	padding: 120px 0px 120px;
	background-color: #f7f7f7;
}


/*--- Business-Partner-2
============================================================---*/
.partner-2{
	background-color: #f7f7f7;
	padding: 0px 0px 120px;
}

.partner-2-text{
    width: 100%;
    height: 400px;
	text-align: center;
	padding: 30px 15px 30px 15px;
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
}

.partner-2-text h5{
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.partner-2-text p{
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 0px;
}



/*--- CESSNA PILOT CENTER (CPC)
============================================================---*/
.latest-bg{
	margin-top: 120px;
}



/*--- Serving New Frontiers
============================================================---*/
.fixed-img{
	width: 100%;
	height: 500px;
}



/*--- Serving WALLAN RENT A CAR
============================================================---*/
.advantage-1{
	margin: auto;
	background-color: #f7f7f7;
}

.Rent-care{
	margin-top: 120px;
	background-color: #f7f7f7;
	padding-top: 120px;
	padding-bottom: 120px;
}

.web-img img{
	float: right;
	width: 100px;
	height: 100px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #fff;
}



/*--- MATJEL TRANSPORT
============================================================---*/
.TRANSPORT-1{
	margin-top: 330px;
	background-color: #fff;
}



/*--- MATJEL REAL ESTATE
============================================================---*/
.est-0{
	margin-top: 330px;
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #f7f7f7;
}



/*--- MATJEL TRAVEL
============================================================---*/
.travel-0{
	margin-top: 120px;
}



/*--- YOUR BRAND CONSULTANTS
============================================================---*/
.video{
	position: relative;
    width: 100%;
    bottom: 50px;
}

.video-wrapper {
	width:100%;
	height: 600px;
	overflow: hidden;
	margin-top: 50px;
}

.video-wrapper video{
    width: 100%;
}

.consultant{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.line-hov{
	position: absolute;
	top: 531px;
	left: 0px;
	transform: rotate(180deg);
}

.consultant h1{
	color: #fff;
	font-size: 56px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 4px #000000;
}

.consultant p{
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin-top: 30px;
    font-weight: 300;
    line-height: 1.6em;
}



/*--- Al Muahal Al Hadeith
============================================================---*/

.mohal img{
   display: table;
   margin: auto;
   width: 120px;
}

.mohal h1 {
	font-size: 32px;
	font-weight: 600;
	color: #2368a9;
	text-align: center;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 0px;
}



/*--- Brand Management
============================================================---*/
.all-service{
	margin-top: 20px;
}

.brand-4-text h3{
	margin-bottom: 0px;
}

.brand-4-text p{
	color: #747371;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 0px;
    font-weight: 300;
    line-height: 1.6em;
}

.consultant-0{
	margin-top: 50px;
}



/*--- Evolution
============================================================---*/
.Evolution-img{
	position: relative;
	background-image: url(../img/chart.png);
	background-position: center;
	height: 400px;
	margin-top: 120px;
}

.evolution-img-2{
	position: absolute;
	top: 0px;
	left: 0px;
}

.evolution-text{
	text-align: center;
	margin-top: 150px;
}

.evolution-text h1{
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.evolution-text p{
	font-size: 16px;
	color: #fff;
	margin-top: 30px;
}





/*--- customers’ brands successful
============================================================---*/
.customers{
	position: relative;
	margin-top: 120px;
}

.custemers-img{
	width: 100%;
}

.nero{
	position: absolute;
	top: 100px;
	right: 150px;
}

.customers-text{
	width: 450px;
	text-align: center;
	padding: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.customers-text i{
	font-size: 56px;
	margin-bottom: 30px;
}

.customers-text p{
	font-size: 16px;
}



/*--- We’re Proud To Serve Major Global & Local Brands
============================================================---*/
.Global{
	margin-top: 120px;
}

.global-text{
	font-size: 32px;
	font-weight: 600;
	color: #2368a9;
	text-align: center;
	margin-bottom: 30px;
}




/*--- Globally & Locally.
============================================================---*/
.Globally-img{
	position: relative;
	background-image: url(../img/chart.png);
	background-position: center;
	height: 600px;
	margin-top: 120px;
}

.Globally-img-2{
	position: absolute;
	top: 0px;
	left: 0px;
}

.Globally-text{
	color: #fff;
	text-align: center;
	margin-top: 140px;
}

.Globally-text h2{
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.Globally-text h1{
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.Globally-text p{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.Globally-text a {
	width: 500px;
	font-size: 16px;
	padding: 12px 30px;
	margin-bottom: 0px;
	border-radius: 15px;
	text-transform: uppercase;
	border: 1px solid #ccc;
	background-color: #fff;
}

.Globally-text a i {
	color: #2368a9;
	font-size: 16px;
	margin-left: 150px;
}



/*--- Aligned with KSA Vision 2030
============================================================---*/
.aligned {
	position: relative;
	margin-top: 120px;
}

.aligned-img {
	position: relative;
	background-position: center;
	background-size: cover;
	height: 500px;
}

.aligned-text h1 {
	color: #fff;
	padding-top: 170px;
	font-size: 42px;
	text-transform: uppercase;
	margin-left: 70px;
	margin-bottom: 0px;
}

.aligned-text p {
	color: #ffff;
	font-size: 16px;
	margin-left: 70px;
	margin-top: 15px;
	margin-bottom: 0px;
}



/*--- We Invest in our Homeland
============================================================---*/
.homeland-img {
	position: absolute;
	top: -50px;
	right: 15px;
	border: 3px solid #fff;
}
.homeland-text {
	margin-top: 120px;
}
.homeland-text h1 {
	font-size: 36px;
	color: #2368a9;
	margin-bottom: 0px;
}
.homeland-text p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 30px;
}



/*--- Tremendous Potential
============================================================---*/
.Tremendous{
	background-color: #f7f7f7;
	margin-top: 62px;
}
.Tremendous-img img{
	height: 559px;
}
.Tremendous-text h1{
	font-size: 36px;
	color: #2368a9;
	margin-top: 50px;
	margin-bottom: 0px;
}
.Tremendous-text p{
	font-size: 16px;
	margin-top: 30px;
	text-align: justify;
	margin-bottom: 0px;
}
.security{
	margin-top: 0px;
	margin-left: -65px;
}



/*--- Strategic Advantage
============================================================---*/
.strategic-text h1{
	font-size: 36px;
	color: #2368a9;
	margin-top: 50px;
	margin-bottom: 0px;
}
.strategic-text p{
	width: 100%;
	height: 237px;
	padding-right: 10px;
	overflow-x: hidden;
	text-align: justify;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}



/*--- Undertaking Social Responsibility
============================================================---*/
.Responsibility{
	background-color: #f7f7f7;
	padding: 120px 0px 120px 0px;
}
.social-rensponsibility-text h1{
	font-size: 36px;
	color: #2368a9;
	text-align: center;
	margin-bottom: 0px;
}
.social-rensponsibility-text p{
	font-size: 16px;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 0px;
}




/*--- Partner with Us
============================================================---*/
.partner-bg{
	background-image: url(../img/jg.jpg);
	background-position: center;
	height: 400px;
}
.Partner-text{
	margin-top: 150px;
}
.Partner-text h1{
	color: #fff;
	font-size: 42px;
	margin-bottom: 0px;
}
.Partner-text p{
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
}




/*--- News & Media-block
============================================================---*/
.block {
	margin-top: 120px;
}
.block-text-img {
	width: 100%;
	height: 500px;
	border: 6px solid #fff;
	padding: 15px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
	transition: all 150ms ease;
}
.block-text-img img {
	width: 100%;
    height: 200px;
}
.block-text-img:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}
.block-text-img h2 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}
.block-text-img p {
	font-size: 14px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}
.block-link{
	margin-top: 30px;
	cursor: pointer;
}
.block-link a {
	font-size: 14px;
	color: #61CE70!important;
	margin-right: 15px;
}
.block-link i {
	font-size: 14px;
	color: #61CE70!important;
}
.block-item {
	margin-top: 50px;
	margin-bottom: 120px;
}




/*--- Stay Connected
============================================================---*/
.connect-text {
	text-align: center;
	margin-top: 120px;
}
.connect-text h1 {
	position: relative;
	font-size: 36px;
	color: #2368a9;
	margin-bottom: 0px;
}
.connect-text h1::after {
	position: absolute;
	content: '';
	top: 50px;
	left: 350px;
	width: 180px;
	height: 2px;
	background-color: #2368a9;
}
.connect-text h1::before {
	position: absolute;
	content: '';
	top: 50px;
	right: 350px;
	width: 180px;
	height: 2px;
	background-color: #2368a9;
}
.connect-text p {
	font-size: 16px;
	margin-top: 30px;
}




/*--- Gogle map
============================================================---*/

.gogle-map {
	margin-top: 85px;
	margin-bottom: 30px;
}
.gogle-map iframe {
	width: 100%;
	height: 360px;
	border: 2px solid #ccc !important;
	border-radius: 15px;
}
.message {
	margin-top: 30px;
}
.message h2{
	font-size: 26px;
	color: #000;
}
.placehol input{
	width: 100%;
	height: 50px;
	font-weight: 500;
	font-size: 16px;
	color: #717173;
	padding-left: 15px;
	border-radius: 10px;
	border: 1px solid #ccc !important;
	margin-top: 15px!important;
	border: none;
}
.placehol input:focus {
	outline: none;
}
.placehol input:first-child {
	margin-top: 0px;
}

.textarea {
	width: 100%;
	height: 100px;
	color: #666666;
	margin-top: 15px;
	padding: 1em;
	border-radius: 10px;
	border: 1px solid #ccc !important;
	outline: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	transition: all 0.2s;
}

.new-button-5{
	width: 200px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	transition: all 900ms ease;
	background-color: #2368a9;
}
.new_button_send_msg {
	float: right;
	font-size: 16px;
	color: #fff;
	padding: 7px 25px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 30px;
	border: 1px solid #ccc;
	transition: all 900ms ease;
	background-color: #2368a9;
}

.new_button_send_msg i {
	margin-left: 10px;
}

.new-button-5 a{
	font-size: 14px;
	color: #fff!important;
	text-align: center;
	margin-left: 35px;
	margin-top: 30px;
}
.new-button-5 a i{
	font-size: 16px;
	margin-left: 10px;
}
.new-button-5:hover{
	background-color: #000;
	transform: translate(20px);
}
.reach{
	font-size: 16px;
	font-weight: 400;
	color: #2368a9;
	margin-top: 30px;
}
.reach-card{
	display: inline-block;
}
.location-icon-text {
	width: 100%;
	display: flex;
	margin-top: 10px;
}
.location-icon-text i{
	font-size: 18px;
	color: #2368a9;
	margin-top: 7px;
	margin-right: 15px;
}
.location-icon-text p{
	color: #999;
	font-size: 14px;
}

.clock-icon-text {
	display: flex;
	margin-top: 10px;
}
.clock-icon-text i{
	font-size: 18px;
	color: #2368a9;
	margin-top: 7px;
	margin-right: 15px;
}
.clock-icon-text p{
	color: #999;
	font-size: 14px;
}
.phone-icon-text {
	width: 100%;
	display: flex;
}
.phone-icon-text i{
	font-size: 18px;
	color: #2368a9;
	margin-top: 5px;
	margin-right: 15px;
}
.phone-icon-text p{
	color: #999;
	font-size: 14px;
	margin-bottom: 115px;
}
.message{
	position: relative;
}
.message::after{
	content: '';
	position: absolute;
	width: 15%;
	top: 20px;
	left: 260px;
	border-top: 2px solid #000;
}




/*--- Shell, Matjel Trading team up for Riyadh service center
============================================================---*/
.service-center{
	position: relative;
	background-color: #000;
	height: 400px;
}

.service-center-text{
	color: #fff;
	margin-top: 130px;
}

.service-center-text p {
	font-size: 18px;
	color: #2368a9;
	margin-bottom: 0px;
}

.service-center-text h1 b {
	font-size: 36px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 0px;
}



/*--- Riyadh service center card
============================================================---*/
.riyadh{
	position: absolute;
	top: -50px;
	left: 0px;
	padding: 30px;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}

.riyadh h4{
	font-size: 22px;
	text-align: justify;
	margin-bottom: 30px;
}

.riyadh img{
	width: 100%;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #ccc;
}

.riyadh span{
	color: #000;
	font-size: 16px;
}

.riyadh p{
	font-size: 14px;
	text-align: justify;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 0px;
}

.Recent-Posts {
	margin-top: 60px;
}

.Recent-Posts h4{
	font-size: 32px;
	color: #2368a9;
	margin-bottom: 0px;
}

.hyundai{
	font-size: 16px;
	text-align: justify;
}

.rectnt-btn a{
	color: #ccc!important;
	font-size: 12px;
}

.rectnt-btn i{
	color: #ccc;
	font-size: 14px;
	margin-left: 10px;
}

.block-card{
	margin-top: 30px;
}

.recent-bg{
	width: 100%;
	height: 200px;
	margin-top: 910px;
	background-color: #000;
}

.transporImage {
	width: 100%;
	height: 450px;
	border-radius: 50px 0px 50px 0px;
	border: 1px solid #ccc;
}

.re_div_blog {
	margin-top: 15px;
}



/*--- Services-Banner
============================================================---*/
.auto-text-img{
	position: relative;
	background-image: url(../img/jg.jpg);
	background-position: center;
	margin-top: 20px;
	height: 500px;
}

.line-position{
	position: absolute;
	top: 435px;
}

.type-eff{
	position: absolute;
	top: 45%;
	left: 20%;
	transform: translate(-50%, -50%);
}

.typing > *{
	overflow: hidden;
	font-size: 42px;
	color: #fff;
	white-space: nowrap;
	animation: typingAnim 3s steps(50);
  }
 @keyframes typingAnim {
	from {width:0}
	to {width:100%}
}



  /*--- Services-US
============================================================---*/
.matjel-card{
	display: table;
	margin: auto;
	width: 450px;
	height: 100px;
	background-color: #00c363;
	border: 5px solid #fff;
	border-radius: 75px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}

.matjel-card h1{
	color: #fff!important;
	margin-top: 20px;
	text-align: center;
}

.others-web{
	margin-top: 70px;
}

.new-link{
	margin-top: 50px;
}

.new-link img{
	position: relative;
	width: 100%;
	height: 150px;
	padding: 15px;
	border: 5px solid #fff;
	border-radius: 75px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}

.link-matjel{
	width: 100%;
	height: 150px;
	margin-top: -75px;
	border: 5px solid #fff;
	border-radius: 75px;
	text-align: center;
	background-color: #f7f7f7;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}

.link-matjel a{
	position: absolute;
    top: 85%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
	font-size: 22px;
	letter-spacing: 5px;
}

.located-bg{
	position: relative;
	width: 100%;
	height: 75px;
	margin-top: 50px;
	border: 5px solid #fff;
	background-color: #f7f7f7;
	border-radius: 75px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}

.whatsapp-text i{
	float: left;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 15px;
	font-size: 36px;
	color: #61CE70;
}

.ph-number{
	float: left;
	margin-top: 20px;
	font-size: 22px;
}

.ph-number span{
	margin-left: 30px;
}

.ph-number::after{
	content: '';
	position: absolute;
	width: 2px;
	height: 55px;
	top: 5px;
	left: 530px;
	background-color: #000;
}

.whatsapp-text:last-child i {
	margin-left: 330px !important;
}

.upper{
	float: right;
	margin-right: 30px;
}

.Servic-bg{
	background-image: url(../img/jg.jpg);
	background-position: center;
	height: 400px;
	margin-top: 120px;
}

.Service-text{
	margin-top: 150px;
}

.Service-text h1{
	color: #fff;
	font-size: 42px;
	margin-bottom: 0px;
}

.Service-text p{
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
}

.new-button-5 button{
    border: none;
    color: #fff;
    font-size: 16px;
    margin-left: 25px;
    background-color: #2368a9;
}

.new-button-5 button i{
    font-size: 16px;
}

.new-button-5 button:focus{
    outline: none;
}

.new-button-5:hover{
    background-color: #2368a9;
}



/*--- LICENSEE || CREATE ZONE
=========================================---*/
.bg_licenseeImage {
	width: 100%;
	height: 100vh;
	background-size: cover !important;
	background-color: #f3f3f3;
}

.zone_banner_text {
	margin-top: 150px;
}

.zone_banner_text h1 {
	font-size: 46px;
	color: #fff;
	margin-bottom: 0px;
}

.zone_banner_text h3 {
	font-size: 26px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 0px;
}

.zone_banner_text h3 span {
	color: #2368a9;
}

.zone_banner_text button {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 20px;
	margin-top: 30px;
	background-color: #2368a9;
	border: 1px solid #ccc;
}

.zone_banner_text button:focus {
	outline: none;
}

.banner_description {
	margin-top: 30px;
}

.banner_description p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0px;
}

.banner_description ul {
	margin-top: 30px;
}

.banner_description ul li {
	font-size: 16px;
	color: #fff;
	list-style-type: none;
}

.banner_description ul li i {
	color: #2368a9;
	margin-right: 10px;
}

.banner_from {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 30px;
	margin-top: 150px;
	border: 1px solid #ccc;
	background-color: #cecece;
}

.banner_from::after {
	position: absolute;
	content: '';
	top: -35px;
	left: -35px;
	width: 70px;
	height: 70px;
	border: 1px solid #ccc;
	background-color: #2368a9;
	transform: rotate(45deg);
}

.banner_from h3 {
	font-size: 26px;
	color: #2368a9;
	margin-bottom: 0px;
}

.licence_banner_filed {
	margin-top: 15px;
}

.licence_banner_filed label {
	width: 100%;
	font-size: 16px;
	margin-bottom: 0px;
}

.licence_banner_filed input {
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #f2f3f5;
	border-left: 1px solid #f2f3f5;
	border-right: 1px solid #f2f3f5;
}

.licence_banner_filed input:focus {
	outline: none;
	border-bottom: 1px solid #2368a9;
}

.iti {
	display: block;
}

.licence_banner_filed textarea {
	width: 100%;
	height: 80px;
	font-size: 16px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #f2f3f5;
	border-left: 1px solid #f2f3f5;
	border-right: 1px solid #f2f3f5;
}

.licence_banner_filed textarea:focus {
	outline: none;
	border-bottom: 1px solid #2368a9;
}

.banner_from form button {
	width: 100%;
	margin-top: 15px;
    background-color: #2368a9;
    color: white;
    padding: 8px 26px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.banner_from form button:focus {
	outline: none;
}




/*---|| CONSULTATION (BOOKIN CLEANDER) ||
============================================---*/

.booking_cleander {
	margin-top: 120px;
	padding: 30px;
	background-color: #f7f9fc;
}

.free_consultation h3 {
	font-size: 26px;
	margin-bottom: 0px;
}

.conlult h3 {
	font-size: 26px;
	margin-bottom: 15px;
}

.free_consultation p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.consultation_cleander {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 70px;
	margin-right: 70px;
}

.calendar {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	max-height: auto;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 0px;
}

.calendar::after {
	position: absolute;
	content: '';
	right: -50px;
	top: 0px;
	width: 200px;
	height: 50px;
	transform: rotate(45deg);
	background-color: #2368a9;
	border: 1px solid #ccc;
}

.calendar p {
	position: absolute;
	top: 27px;
	right: 0px;
	color: #000;
	line-height: 14px;
	font-size: 12px;
	transform: rotate(45deg);
	z-index: 1;
	text-align: center;
	margin-bottom: 0px;
}

.calendar h1 {
	font-size: 22px;
	color: #2368a9;
	margin-top: 30px;
	margin-bottom: 0px;
	text-align: center;
}

.consultation_cleander h3 {
	font-size: 22px;
	margin-bottom: 0px;
}

.consultation_cleander button {
	background-color: #2368a9;
	border: 1px solid #ccc;
}

.consultation_cleander button:focus {
	outline: none;
}

.consultation_cleander button i {
	width: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0px;
}

.dates {
	display: grid;
	border-top: 1px solid #ccc;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: 70px 70px 70px 70px 70px;

}

.days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-bottom: 0px;
	border-top: 2px solid #ccc;
	background-color: #f2f2f2;
}

.day {
	font-size: 16px;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

.date {
	font-size: 16px;
	padding: 5px;
	cursor: pointer;
	line-height: 4;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	align-items: flex-start;
	text-align: center;
	justify-content: flex-start;
	position: relative;
}

.date:hover {
	background-color: #f2f2f2;
}

.current-month {
	font-size: 16px;
	color: #2368a9;
	font-style: italic;
	font-weight: bold;
}

.event {
	background-color: #f2f2f2;
	color: black;
	padding: 20px 5px 60px 5px;
	border-radius: 3px;
	font-size: 22px;
	cursor: pointer;
	align-content: center;
}

.has-event::after {
	content: '\2022';
	color: #FF5733;
	position: absolute;
	top: 5px;
	right: 5px;
}

.area {
	width: 100%
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 1rem 1.5rem;
	width: 24rem;
	border-radius: 0.5rem;
}

.close-button {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	background-color: lightgray;
}

.close-button:hover {
	background-color: darkgray;
}

.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.hidden {
	display: none;
}

.whatsapp-icon {
    position: fixed;
	width: 50px;
	height: 50px;
    bottom:80px;
    right: 20px;
    text-decoration: none;
    border-radius: 50%;
	border: 2px solid #ccc;
    padding: 10px;
	z-index: 9;
	padding-bottom: 0px;
	background-color: #25d366;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 900ms;
}

.whatsapp-icon i {
	font-size: 32px;
	color: #fff;
	margin-top: -2px;
}

.whatsapp-link {
    display: inline-block;
    padding: 10px;
}




/*---|| OWNERSHIP ||
============================================---*/

.ownership_bg {
	margin-top: 120px;
}

.ownership img {
	position: relative;
	width: 80%;
	height: 400px;
	border-radius: 15px;
	display: table;
	margin: auto;
	margin-top: 50px !important;
}

.ownership_text h3 {
	font-size: 26px;
	color: #2368a9;
	margin-bottom: 0px;
}

.ownership_text p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.ownership_text p span {
	font-size: 16px;
	font-weight: 500;
}

.ownership_text ul {
	margin-top: 15px;
}

.ownership_text ul li {
	font-size: 16px;
	list-style-type: none;
}

.ownership_text ul li i {
	color: #2368a9;
	margin-right: 10px;
}

.ownership_image img {
	position: absolute;
	bottom: 50px;
	width: 30%;
	height: 180px;
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	margin-top: 30px;
}

.ownership_image_secend img {
	position: absolute;
	top: -35px;
	right: 0px;
	width: 30%;
	height: 180px;
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	margin-top: 30px;
}



/*---|| INTERNATIONAL EXPANSION ||
============================================---*/

.bg_expansion {
	margin-top: 120px;
	padding: 80px 0px;
	background-color: #f7f7f7;
}

.expansion_title h3 {
	font-size: 28px;
	color: #2368a9;
	text-align: justify;
	margin-bottom: 0px;
}

.expansion_title p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.expansion_card {
	width: 99%;
	padding: 30px;
	text-align: center;
	background-color: #fff;
	transition: all 900ms;
}

.expansion_card:hover {
	transform: translateY( -15px);
}

.expansion_card img {
	width: 80px !important;
	height: 70px !important;
}

.expansion_card h3 {
	color: #2368a9;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.expansion_card p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.expansion_card a {
	font-size: 16px;
	color: #fff !important;
	text-align: center;
	margin-top: 15px;
	padding: 12px 25px;
	cursor: pointer;
	background-color: #2368a9;
	transition: all 900ms;
}

.expansion_card a:hover {
 	color: #2368a9;
}



/*---|| BUSINESS ROADMAP ||
============================================---*/

.roadmap {
	margin-top: 120px;
}

.roadmap_img img {
	width: 100%;
}





/*---|| BUSINESS PLANS ||
============================================---*/

.plans_bg {
	margin-top: 120px;
}

.payment_system {
	width: 100%;
	height: 560px;
	padding: 50px;
	background-color: #041F42;
}

.payment_system h1 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 0px;
}

.payment_system h1 span {
	color: #2368a9;
}

.payment_system h3 {
	font-size: 28px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 0px;
}

.payment_system p {
	font-size: 16px;
	color: #fff;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.payment_system button {
	font-size: 16px;
	margin-top: 30px;
	padding: 7px 25px;
	color: #fff;
	background-color: #2368a9;
	border: 1px solid #ccc;
}

.payment_system button:focus {
	outline: none;
}

.easy_pay {
	width: 80%;
	margin-left: 20%;
	margin-top: 15px;
}

.payment_image img {
	width: 100%;
	height: 60px;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-top: 30px;
}

.steps_pay {
	width: 100%;
	height: 560px;
	padding: 50px;
	background-color: #f7f7f7;
}

.steps_pay h1 {
	position: relative;
	font-size: 36px;
	color: #2368a9;
	margin-bottom: 0px;
}

.steps_pay h1::after {
	position: absolute;
	content: '';
	top: 45px;
	left: 0px;
	width: 300px;
	height: 2px;
	background-color: #2368a9;
}

.steps_pay ul {
	margin-top: 50px;
}

.steps_pay ul li {
	display: flex;
	font-size: 16px;
	font-weight: 300;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 30px;
}

.steps_pay ul li:first-child {
	margin-top: 0px;
}

.steps_pay ul li i {
	color: #2368a9;
	margin-right: 15px;
}




/*---|| MEET OUR SPECIALISTS ||
============================================---*/

.bg_specialists {
	margin-top: 120px;
}

.specialists_title {
	text-align: center;
}

.specialists_title h1 {
	position: relative;
	font-size: 28px;
	color: #2368a9;
	margin-bottom: 0px;
}

.specialists_title h1::after {
	position: absolute;
	content: '';
	top: 45px;
	left: 360px;
	width: 170px;
	height: 2px;
	background-color: #2368a9;
}

.specialists_title h1::before {
	position: absolute;
	content: '';
	top: 45px;
	right: 360px;
	width: 170px;
	height: 2px;
	background-color: #2368a9;
}

.specialists_title p {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.specialists_title i {
	position: absolute;
	top: 38px;
	left: 565px;
	color: #2368a9;
	font-size: 16px;
}

.specialists_card {
	width: 100%;
	height: 370px;
	padding: 10px;
	margin-top: 30px;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
}

.specialists_card img {
	width: 100%;
	padding: 10px;
	border-radius: 50px 0px;
	height: 230px;
	background-color: #fff;
}

.specialists_card h4 {
	font-size: 22px;
	color: #2368a9;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}

.specialists_card p {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px !important;
}

.specialists_card ul {
	margin-left: 25px;
	margin-top: 5px;
}

.specialists_card ul li {
	font-size: 18px;
	float: left;
	text-align: center !important;
	margin-left: 30px !important;
	list-style-type: none;
}

.specialists_card ul li a {
	color: #2368a9 !important;
}



/*---|| ANALYSTS CONTACT ||
============================================---*/

.analysts_cn_bg {
	background-color: #f7f7f7;
	padding: 50px;
	margin-top: 120px;
}

.get_started h4 {
	position: relative;
	font-size: 28px;
	color: #2368a9;
	margin-bottom: 0px;
}

.get_started h4::after {
	position: absolute;
	content: '';
	top: 45px;
	left: 0px;
	width: 250px;
	height: 2px;
	background-color: #2368a9;
}

.get_started ul li {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
	list-style-type: none;
}

.con_ster_fr {
	margin-top: 65px;
}

.con_ster_fr button {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding: 5px 25px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.con_ster_fr button:focus {
	outline: none;
}

.started_contact {
	margin-top: 15px;
}

.started_contact label {
	font-size: 16px;
	margin-bottom: 0px;
}

.started_contact input {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	padding-left: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #2368a9;
}

.started_contact input:focus {
	outline: none;
}

.started_contact textarea {
	width: 100%;
	height: 80px;
	margin-top: 10px;
	font-size: 16px;
	padding-left: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #2368a9;
}

.started_contact textarea:focus {
	outline: none;
}



/*---|| BUSNESS SETUP COUNTRY BANNER ||
============================================---*/

.qatar_bg_banner {
	width: 100%;
	height: 470px;
	background-color: #000;
	padding-bottom: 50px;
}

.qatar_banner_text {
	margin-top: 150px;
}

.qatar_banner_text h1 {
	font-size: 42px;
	color: #fff;
	margin-bottom: 0px;
}

.qatar_banner_text p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 30px;
}

.qatar_banner_text button {
	font-size: 16px;
	color: #fff;
	padding: 6px 25px;
	margin-top: 30px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.qatar_banner_text button:focus {
	outline: none;
}

.qatar_banner img {
	width: 100%;
	margin-top: 50px;
}

/*---|| UAE BANNER ||
============================================---*/


.uae_bg_banner {
	width: 100%;
	background-color: #000;
	padding-bottom: 50px;
}

.uae_banner_text {
	margin-top: 120px;
}

.uae_banner_text h1 {
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0px;
}

.uae_banner_text p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 30px;
}

.uae_banner_text button {
	font-size: 16px;
	color: #fff;
	padding: 6px 25px;
	margin-top: 30px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.uae_banner_text button:focus {
	outline: none;
}

.uae_banner img {
	width: 100%;
	height: 400px;
	margin-top: 70px;
}


.schedule_time button {
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	margin-top: 8px;
	border: none;
	background-color: #2368a9;
}

.schedule_time button:focus {
	outline: none;
}

.schedule_time h1 {
	font-size: 22px;
	padding: 15px;
	color: #fff;
	margin-bottom: 0px;
	line-height: 18px;
}

.schedule_time h1 small {
	font-size: 12px;
}

.bg_schedul {
	background-color: #2368a9;
}

.schedul {
	margin-top: 15px;
}

.schedul label {
	font-size: 16px;
	margin-bottom: 0px;
}

.schedul input {
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	border: 1px solid #ccc;
}

.schedul input:focus {
	outline: none;
}

.schedul select {
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	border: 1px solid #ccc;
}

.schedul select:focus {
	outline: none;
}

.schedul textarea {
	width: 100%;
	height: 80px;
	font-size: 16px;
	padding-left: 10px;
	border: 1px solid #ccc;
}

.schedul textarea:focus {
	outline: none;
}

.schedul_form {
	padding: 0px 15px 15px 15px;
}

.schedul_form button {
	width: 100%;
	padding: 8px 10px;
}

.schedul_form button:focus {
	outline: none;
}



/*---|| BUSNESS SETUP COUNTRY BANNER ||
============================================---*/

.busness {
	width: 100%;
	height: 230px;
	position: absolute;
	bottom: -15px;
	left: 15px;
	background-color: #f7f7f7;
	padding: 15px;
	border: 5px solid #ccc;
}

.busness h3 {
	color: #2368a9;
	font-size: 18px;
	text-align: justify;
	margin-top: 60px;
	margin-bottom: 0px;
}

.busness h3 i {
	color: #2368a9;
	margin-right: 10px;
}

.busness h2 {
	font-size: 22px;
	margin-top: 15px;
	margin-left: 25px;
}

.busness_text p {
	font-size: 16px;
	text-align: justify;
	margin-top: 50px;
	margin-left: 15px;
	margin-bottom: 0px;
}



/*---|| OPPORTUNITY ||
============================================---*/

.bg_opportunity {
	margin-top: 120px;
}

.opportunity h3 {
	font-size: 18px;
	color: #2368a9;
	margin-bottom: 0px;
}

.opportunity h3 i {
	color: #2368a9;
	margin-right: 10px;
}

.opportunity h2 {
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.opportunity p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.opportunity button {
	font-size: 16px;
	margin-top: 15px;
	padding: 6px 25px;
	border: 1px solid #ccc;
}

.opportunity button:focus {
	border: 1px solid #ccc;
	outline: none;
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
}

.schedule_time {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.opportunity_card {
	width: 100%;
	padding-left: 30px;
	border-left: 2px solid #2368a9;
}

.opportunity_card h4 {
	position: relative;
	font-size: 22px;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	background-color: #2368a9;
	margin-bottom: 0px;
}

.opportunity_card h4::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #2368a9;
	border-bottom: 22px solid transparent;
	top: 0px;
	left: -10px;
}

.opportunity_card p {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.opportunity_card i {
	position: absolute;
	font-size: 18px;
	color: #2368a9;
	top: 14px;
	left: 8px;
}



/*---|| BUSINESS JURISDICTION ||
============================================---*/

.jurisdiction {
	text-align: center;
	margin-top: 120px;
}

.jurisdiction h1 {
	font-size: 42px;
	font-weight: 600;
	color: #2368a9;
	margin-bottom: 0px;
}

.jurisdiction p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.company_card {
	width: 100%;
	height: 400px;
	padding: 15px;
	margin-top: 30px;
	border-left: 5px solid #2368a9;
    background-color: #f7f7f7;
}

.company_card img {
	width: 70px;
	height: 70px;
	display: table;
	margin: auto;
}

.company_card h3 {
	font-size: 22px;
	color: #2368a9;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.company_card p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.company_card ul {
	padding-left: 0px;
	margin-top: 15px;
}

.company_card ul li {
	display: flex;
	font-size: 16px;
	list-style-type: none;
}

.company_card ul li i {
	color: #2368a9;
	margin-right: 10px;
}



/*---|| ATTRACTIVE FREEZONES||
============================================---*/

.attractive_bg {
	background-color: #f7f7f7;
	padding-bottom: 50px;
	margin-top: 120px;
}

.freezones h3 {
	color: #2368a9;
	font-size: 18px;
	text-align: justify;
	margin-top: 60px;
	margin-bottom: 0px;
}

.freezones h3 i {
	color: #2368a9;
	margin-right: 10px;
}

.freezones h2 {
	font-size: 22px;
	margin-top: 15px;
}

.freezones p {
	font-size: 16px;
	text-align: justify;
	margin-top: 50px;
	margin-left: 15px;
	margin-bottom: 0px;
}

.bufontas {
	width: 100%;
	padding: 15px;
	margin-top: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.bufontas_text h3 {
	font-size: 22px;
	color: #2368a9;
	margin-bottom: 0px;
}

.bufontas_text h3 i {
	color: #2368a9;
	margin-right: 10px;
}

.bufontas_text p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.bufontas button {
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	margin-top: 30px;
	border: none;
	padding: 8px 25px;
	background-color: #2368a9;
}

.bufontas button:focus {
	outline: none;
}


/*---|| BUSINESS EXPAISION ||
============================================---*/

.bg_approval {
	margin-top: 120px;
}

.procedure h3 {
	color: #2368a9;
	font-size: 18px;
	text-align: justify;
	margin-bottom: 0px;
}

.procedure h3 i {
	color: #2368a9;
	margin-right: 10px;
}

.procedure h2 {
	font-size: 22px;
	margin-top: 15px;
}

.procedure p {
	font-size: 16px;
	text-align: justify;
	margin-top: 50px;
	margin-left: 15px;
	margin-bottom: 0px;
}

.procedure img {
	width: 100%;
	height: 350px;
	margin-top: 15px;
}

.approval h2 {
	position: relative;
	font-size: 22px;
	color: #2368a9;
	margin-bottom: 0px;
}

.approval h2::after {
	position: absolute;
	content: '';
	top: 30px;
	left: 0px;
	width: 150px;
	height: 2px;
	background-color: #2368a9;
}

.approval h2 span {
	margin-right: 10px;
}

.approval p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
}



/*---|| COMMUNATION EXPART ||
============================================---*/

.communation_bg {
	width: 100%;
	padding: 15px;
	margin-top: 120px;
	border-radius: 0px 70px;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
}

.communation img {
	width: 100%;
	height: 250px;
	padding: 30px;
	border-radius: 0px 70px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.communation_text h4 {
	font-size: 18px;
	color: #2368a9;
	margin-top:30px;
	margin-bottom: 0px;
}

.communation_text h1 {
	font-size: 26px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.communation_text p {
	font-size: 16px;
	margin-top: 15px;
}

.communation_text button {
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	border: none;
	padding: 8px 25px;
	background-color: #2368a9;
}

.communation_text button:focus {
	outline: none;
}



/*---|| ACROSS THE GLOBE ||
============================================---*/

.across_globe {
	margin-top: 120px;
}

.across_text h3 {
	font-size: 28px;
	color: #2368a9;
	margin-bottom: 0px;
	margin-bottom: 0px;
}

.across_text p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.across_text p a {
	color: #2368a9 !important;
}

.across_globe ul {
	padding-left: 0px;
	margin-top: 0px !important;
}

.across_globe ul li {
	float: right;
	margin-right: 50px;
	list-style-type: none;
	text-align: center;
}

.across_globe ul li:first-child {
	margin-right: 0px;
}

.across_globe ul li a{
	font-size: 22px;
	color: #000 !important;
	margin-bottom: 0px;
}

.across_globe ul li a img {
	width: 70px;
	height: 70px;
	border-radius: 70px;
}



/*---|| FAQ SECTION DUBI ||
============================================---*/

.faq_bg {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.faq_header h3 {
	position: relative;
	font-size: 28px;
	color: #2368a9;
	padding-left: 15px;
	margin-bottom: 0px;
}

.faq_header h3::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 5px;
	height: 30px;
	background-color: #2368a9;
}

.faq_header h2 {
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.faq_header p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.faq-container {
	margin-top: 30px;
	margin-bottom: 30px;
}

.faq-item {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	background-color: #f1f1f1;
	cursor: pointer;
	transition: all 900ms;
}

.faq-question:hover {
	background-color: #e7e7e7;
}

.faq-question span {
	font-size: 16px;
	color: #333;
}

.faq-question .arrow {
	transition: all 900ms;
}

.faq-answer {
	display: none;
	padding: 15px;
	background-color: #fff;
	color: #333;
}

.faq-answer p {
	font-size: 16px;
	margin-bottom: 0px;
}

.enquiry_button {
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	border: none;
	padding: 8px 25px;
	background-color: #2368a9;
}

.enquiry_button:focus {
	outline: none;
}






/*---|| SERVICES CONTAINER ||
============================================---*/

.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 40px;
    background-color: white;
    max-width: 1200px;
    margin: auto;
}

.service-card {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.service-card i {
    font-size: 36px;
    color: #FF6347;
    margin-bottom: 10px;
}

.service-card h2 {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.service-card p {
    color: #666;
    font-size: 14px;
}

.service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}


/*---|| FOOER SECTION ||
============================================---*/

.offer-section {
    display: flex;
    justify-content: center;
  }

  .offer-content {
    display: flex;
    gap: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .offer-image {
    width: 300px;
    border-radius: 10px;
  }

  .offer-details {
    max-width: 400px;
  }

  .offer-details h2 {
    font-size: 1.8rem;
    color: #FF5733;
    margin-bottom: 10px;
  }

  .offer-details p {
    font-size: 1.1rem;
    color: #555;
  }

  .offer-list {
    margin: 10px 0;
    padding-left: 20px;
  }

  .offer-validity {
    font-size: 1rem;
    color: #333;
    margin-top: 10px;
  }

  .pricing {
    margin: 15px 0;
  }

  .pricing p {
    font-size: 1.3rem;
    color: #004080;
    font-weight: bold;
  }

  .learn-more-btn {
    background-color: #FF5733;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
  }

  .learn-more-btn:hover {
    background-color: #d94d29;
  }

  .terms {
    font-size: 0.8rem;
    color: #777;
  }

  .offers-section {
    text-align: center;
    padding: 50px 0;
}

.offers-section h2 {
    color: #FF6347;
    font-size: 24px;
    margin-bottom: 40px;
}

.offers-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.offer-card {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 300px;
    text-align: left;
}

.offer-image {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.offer-content {
    padding: 20px;
}

.offer-content p {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.highlight {
    color: #FF6347;
    font-weight: bold;
}

.offer-button {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    background-color: #FF6347;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.offer-button:hover {
    background-color: #FF4500;
}




/*---|| BUSINESS SETUP SECTION DUBAI ||
============================================---*/

.business-setup-section {
    background: url('image.png') no-repeat center center/cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-container {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
}

.left-side {
    width: 40%;
}

.left-side ul {
    list-style: none;
    padding-left: 20px;
    border-left: 2px solid #FF5733;
}

.left-side ul li {
    margin-bottom: 15px;
    font-size: 1.1rem;
    color: #ddd;
}

.right-side {
    width: 55%;
}

.right-side h1 {
    font-size: 2.5rem;
    color: #FF5733;
    margin-bottom: 30px;
}

.step-box {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
}

.step-box h2 {
    font-size: 3rem;
    color: #FF5733;
    margin-right: 20px;
}

.step-details h3 {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 10px;
}

.step-details p {
    font-size: 1rem;
    color: #ddd;
}



/*---|| OPEN COMPANY SAUDI ||
============================================---*/

.saudi_bg_banner {
	width: 100%;
	height: 550px;
	background-color: #000;
	padding-bottom: 50px;
}

.bg_saudi_banner {
	position: absolute;
	top: 550px;
	left: 385px;
}

.saudi_card {
	width: 100%;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.saudi_card img {
	width: 80px;
	height: 80px;
	display: table;
	margin: auto;
}

.saudi_card h3 {
	font-size: 18px;
	margin-top: 15px;
	text-align: center;
}




/*---|| OWNERSHIP SAUDI ||
============================================---*/

.ownership_bg_saudi {
	margin-top: 220px;
}

.saudi_bg img {
	width: 100%;
}



/*---|| EXISTING BUSINESS SAUDI ||
============================================---*/

.existing_bg_saudi {
	margin-top: 120px;
}

.ownership_text_saudi h3 {
	font-size: 24px;
	color: #2368a9;
	margin-bottom: 0px;
}

.ownership_text_saudi p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.ownership_text_saudi p span {
	font-size: 16px;
	font-weight: 500;
}

.ownership_text_saudi ul {
	margin-top: 15px;
}

.ownership_text_saudi ul li {
	display: flex;
	font-size: 16px;
	list-style-type: none;
}

.ownership_text_saudi ul li i {
	color: #2368a9;
	margin-right: 10px;
}




/*---|| LETS PLAN ||
============================================---*/

.letsplay_bg_saudi {
	background-color: #f1f1f1;
	padding: 50px 0px;
	margin-top: 120px;
}

.lets_plan {
	width: 100%;
	padding: 30px 15px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.lets_plan h1 {
	font-size: 36px;
	color: #2368a9;
	text-align: center;
	margin-bottom: 0px;
}

.lets_plan p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.lets_plan button {
	font-size: 16px;
	color: #fff;
	display: table;
	margin: auto;
	margin-top: 15px;
	padding: 7px 25px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}



/*---|| PACKAGES ||
============================================---*/

.packages_saudi {
	margin-top: 120px;
}

.package_cart {
	width: 100%;
	padding: 15px;
	margin-top: 30px;
	border: 1px solid #ccc;
}

.package_cart h1 {
	width: 100%;
	font-size: 28px;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
	padding: 8px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.package_cart p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}

.package_cart ul {
	padding-left: 0px;
}

.package_cart ul li {
	display: flex;
	margin-top: 15px;
	font-size: 16px;
	list-style-type: none;
}

.package_cart ul li span i {
	color: #2368a9;
	margin-right: 10px;
}


/*---|| BUSNESS SETUP OMAN ||
============================================---*/

.communation_bg_uk {
	width: 100%;
	padding: 50px 15px 50px 15px;
	margin-top: 120px;
	border-radius: 0px 70px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.communation_uk img {
	width: 100%;
	height: 250px;
	padding: 30px;
	border-radius: 0px 70px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}



/*---|| PACKAGE DETAILS ||
============================================---*/

.package_details {
	margin-top: 120px;
}

.package_facality table {
	width: 100%;
}

.package_facality table thead tr th {
	background-color: #f7f7f7;
	color: #000;
	font-size: 18px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 15px 8px;
}

.package_facality table tbody tr td {
	font-size: 16px;
	margin-bottom: 0px;
	padding: 6px 30px;
	border: 1px solid #ccc;
}

.package_facality table tbody tr td i {
	color: #2368a9;
}

.danger i {
	color: #f00 !important;
}


/*---|| JURISDICTIOON CHINA ||
============================================---*/

.ministry_com_china {
	padding-left: 0px;
	margin-top: 35px;
}

.ministry_com_china li {
	font-size: 16px;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 15px;
}

.ministry_com_china li span {
	display: flex;
}

.ministry_com_china li span i {
	color: #2368a9;
	margin-top: 5px;
	margin-right: 15px;
}


/*---|| REGISTER BUSINESS OF BANGLADESH ||
============================================---*/

.register_img img {
	width: 100%;
	margin-top: 30px;
}



/*---|| BUSNESS SETUP UAE ||
============================================---*/

.bg_uade {
	margin-top: 120px;
}

.consultation ul {
	position: relative;
	padding-left: 0px;
}

.consultation ul::after {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 3px;
	height: 225px;
	background-color: #2368a9;
}

.consultation ul li {
	display: flex;
	font-size: 16px;
	color: #b6b6b6;
	list-style-type: none;
	margin-top: 15px;
}

.consultation ul li:first-child {
	margin-top: 0px;
}

.consultation ul li span i {
	margin-right: 15px;
	color: #2368a9;
}

.requirements h3 {
	font-size: 26px;
	color: #2368a9;
	margin-bottom: 0px;
}

.requirements ol {
	margin-top: 30px;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.requirements ol li {
	font-size: 16px;
	margin-left: 15px;
}

.requirements ol li h6 {
	font-size: 18px;
	margin-bottom: 0px;
}

.requirements ol li p {
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.jurisdiction_title {
	margin-top: 120px;
}

.jurisdiction_title h6 {
	font-size: 18px;
	margin-bottom: 0px;
}

.jurisdiction_title h6 i {
	color: #2368a9;
	margin-right: 10px;
}

.jurisdiction_title h1 {
	font-size: 28px;
	margin-top: 15px;
	color: #2368a9;
	margin-bottom: 0px;
}

.jurisdiction_title p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.jurisdiction_card {
	width: 100%;
	height: 370px;
	margin-top: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.jurisdiction_card h4 {
	font-size: 18px;
	margin-bottom: 0px;
}

.jurisdiction_card h4 i {
	margin-right: 10px;
	color: #2368a9;
}

.jurisdiction_card p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.jurisdiction_list {
	margin-top: 15px;
}

.jurisdiction_list li {
	display: flex;
	list-style-type: none;
	font-size: 16px;
}

.jurisdiction_list li i {
	margin-right: 10px;
	margin-top: 5px;
	color: #2368a9;
}

.services_container {
	margin-top: 120px;
}

.service_card {
	width: 100%;
	height: 310px;
	margin-top: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	transition: all 900ms;
}

.service_card:hover {
	transform: translateY(-10px);
	border: 1px solid #2368a9;
	box-shadow: 7px 7px 4px rgba(0, 0, 0, 0.2);
}

.service_card i {
	display: table;
	margin: auto;
	font-size: 28px;
	color: #2368a9;
}

.service_card h2 {
	font-size: 22px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.service_card p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.alert-success {
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 0px;
	width: 450px;
}

.histopry {
	width: 300px;
	top: -130px;
	z-index: 109;
}

.alert_msg_saudi {
	top: 63px;
}



/*---|| CAREER PAGE ||
============================================---*/

.job_offer {
	position: relative;
	margin-top: 50px;
	text-align: center;
}

.job_offer h1 {
	font-size: 36px;
	font-weight: 600;
	color: #9397ad;
	margin-bottom: 0px;
}

.job_offer h6 {
	font-size: 18px;
	color: #9397ad;
	margin-top: 15px;
	margin-bottom: 0px;
}

.job_offer p {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.job_offer p span {
	font-size: 16px;
	color: #9397ad;
	margin-top: 15px;
	margin-bottom: 0px;
}

.circular {
	width: 100%;
	margin-top: 50px;
}

.circular h1 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 0px;
}

.circular h1 a {
	text-decoration: underline;
}

.circular h1 a:hover {
	text-decoration: underline !important;
	text-decoration-color: #2368a9 !important;
}

.circular p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.carcular_dead_line {
	display: flex;
	margin-top: 15px;
}

.carcular_dead_line i {
	font-size: 16px;
	color: #2368a9;
	margin-top: 5px;
	margin-right: 10px;
}

.carcular_dead_line p {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/*---|| APPLICTION PAGE ||
============================================---*/

.appliction_heading {
	display: flex;
	font-size: 16px;
	color: #9397ad;
	margin-top: 30px;
}

.appliction_heading a {
	margin-right: 10px;
}

.appliction_heading i {
	margin-top: 5px;
	margin-right: 10px;
}

.appliction_heading p {
	margin-bottom: 0px;
}

.appliction button {
	font-size: 16px;
	color: #fff;
	margin-top: 50px;
	padding: 6px 25px;
	border-radius: 5px;
	background-color: #2368a9;
	border: 1px solid #2368a9;
}

.appliction button:focus {
	outline: none;
}

.appliction_description {
	margin-top: 50px;
}

.ap_description:first-child {
	margin-top: 0px;
}

.ap_description {
	display: flex;
	margin-top: 10px;
}

.ap_description h3 {
	width: 150px;
	font-size: 18px;
	margin-bottom: 0px;
}

.ap_description p {
	font-size: 16px;
	color: #9397ad;
	margin-bottom: 0px;
}

.appliction_responsibilities h3 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.appliction_responsibilities ul li {
	font-size: 16px;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 0px;
}

.appliction_responsibilities ul {
	margin-bottom: 30px;
}

.appliction_responsibilities ul li i {
	color: #2368a9;
	margin-right: 10px;
}

.em_description {
	display: flex;
	margin-top: 10px;
}

.em_description h3 {
	width: 230px;
	font-size: 18px;
	margin-bottom: 0px;
}

.em_description span {
	color: #9397ad;
}

.Instruction h3 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.Instruction ul li {
	font-size: 16px;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 0px;
}

.Instruction ul {
	margin-bottom: 30px;
}

.Instruction ul li span {
	color: #2368a9;
	margin-right: 10px;
}

.contact_apply h3 {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}

.contact_apply h3::after {
	position: absolute;
	content: '';
	top: 27px;
	left: 420px;
	width: 300px;
	height: 1px;
	background-color: #2368a9;
}

.contact_apply p {
	width: 250px;
	display: table;
	margin: auto;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.contact_apply p i {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 30px;
	border: 1px solid #ccc;
	margin-right: 10px;
	color: #fff;
	background-color: #2368a9;
}

.contact_apply button {
	display: table;
	margin: auto;
	font-size: 16px;
	color: #fff;
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 5px 25px;
	background-color: #2368a9;
	border-radius: 5px;
}

.contact_apply button:focus {
	outline: none;
}


/*---|| APPLICTION FORM ||
============================================---*/

.appliction_form {
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	padding: 0px 0px 30px 0px;
	transform: translate(-50%, -50%);
	width: 600px;
	z-index: 9;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.apply_form_title {
	display: flex;
	padding: 5px 15px;
	background-color: #2368a9;
}

.apply_form_title h3 {
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #fff;
}

.apply_form_title button {
	font-size: 18px;
	margin-left: 100px;
	padding-bottom: 5px;
	border: none;
	color: #fff;
	background-color: #2368a9;
}

.apply_form_title button:focus {
	outline: none;
}

.form_control {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.form_control label {
	font-size: 16px;
	margin-bottom: 0px;
}

.form_control label sup {
	font-size: 16px;
	color: #ff0000;
}

.form_control input {
	width: 100%;
	height: 40px;
	font-size: 16px;
	border-radius: 5px;
	padding-left: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.form_control input:focus {
	outline: none;
}

.form_control input[type="file"] {
    padding-top: 2px;
	padding-left: 2px;
}

.appliction_submit_btn {
	float: right;
	margin-top: 15px;
}

.appliction_submit_btn button {
	color: #000;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 4px 25px;
	margin-right: 15px;
}

.appliction_submit_btn button:last-child {
	color: #fff;
	background-color: #2368a9;
}

.appliction_submit_btn button:focus {
	outline: none;
}

.apply_loction {
	margin-left: 30px;
}



/*---|| FOOTTER ||
============================================---*/
.matjel-ft{
	margin-top: 120px;
	/* padding-top: 50px; */
	padding-bottom: 50px;
	/* background-color: #d6dfe6; */
}
.ft-border{
	border-bottom: 1px dotted #000;
}
.logo-3 img{
	width: 150px;
	margin-left: 0px !important;
}
.ft-text h4{
    margin-bottom: 0px;
	font-weight: 600;
    font-size: 22px;
}

.ft-link {
	padding-left: 0px;
}

.ft-link h4{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.ft-link li{
	font-size: 16px;
	font-weight: 300;
	list-style-type: none;
	margin-top: 10px;
}

.ft_payment h4{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.ft_payment ul {
	padding-left: 0px;
}

.ft_payment ul li {
	float: left;
	list-style-type: none;
	margin-top: 10px;
}

.ft_payment ul li img {
	width: 50px;
	padding: 5px;
	height: 30px;
	background-color: #d6dfe6;
}

.payment_ft {
	border-top: 1px solid #d6dfe6;
	margin-top: 70px;
}

.payment_ft ul {
	padding-left: 0px;
	margin-top: 15px;
}

.payment_ft ul li {
	list-style-type: none;
	float: left;
	margin-left: 30px;
}

.payment_ft ul li:first-child {
	margin-left: 0px;
}

.payment_ft ul li img {
	width: 112px;
	padding: 5px;
	background-color: #d6dfe6;
}

.ft-contact h4 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.ft-contact ul {
	padding-left: 0px;
}

.ft-contact ul li {
	display: flex;
	margin-top: 10px;
}

.ft-contact ul li i{
	color: #2368a9;
	font-size: 16px;
	margin-top: 6px;
}
.ft-contact p{
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 0px;
	margin-left: 20px;
}

.social-media-1{
	margin-top: 15px;
	border-top: 1px solid #d6dfe6;
}

.social-media-1 h4 {
	font-size: 22px;
	margin-top: 30px;
	font-weight: 600;
	margin-bottom: 0px;
}

.social-media-1 ul {
	padding-left: 0px;
}

.social-media-1 ul li {
	list-style-type: none;
	float: left;
	margin-left: 15px;
}

.social-media-1 ul li:first-child {
	margin-left: 0px;
}

.social-media-1 ul li a {
	text-decoration: none;
}

.social-media-1 ul li a img {
	width: 35px;
	height: 35px;
	padding: 5px;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 10px;
	border: 1px solid #2368a9;
}

.copyright{
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.ft-resources h4{
	font-size: 21px;
	margin-bottom: 0px;
}
.ft-resources ul{
	font-weight: 300;
	margin-left: -53px;
	margin-top: 15px;
}
.ft-resources ul li{
	float: left;
	font-size: 14px;
	margin-top: 15px;
	margin-left: 13px;
	list-style-type: none;
}




/*---|| HR SOLUTIONS ||
============================================---*/

.hr_bg {
	background-color: #000;
}

.hr_banner_text {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 65px;
}

.hr_banner_text h1 {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0px;
}

.hr_banner_text p {
	font-size: 16px;
	text-align: justify;
	margin-top: 30px;
	color: #fff;
	margin-bottom: 0px;
}

.vegitor {
	margin-top: 30px;
	padding: 15px;
	background-color: #d6dfe6;
}

.providing {
	display: flex;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.providing img {
	width: 80px;
	height: 60px;
}

.hr_happy_customer {
	margin-left: 15px;
}

.hr_happy_customer h1 {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 0px;
}

.hr_happy_customer p {
	color: #000;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.hr_google_text {
	display: flex;
	margin-top: 30px;
	margin-left: 15px;
}

.google_review h1 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.google_review p {
	display: flex;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.google_review p i {
	color: #ffc107;
	margin-top: 5px;
}

.hr_form {
	margin-top: 50px;
	margin-right: 65px;
	padding: 30px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.hr_form h1 {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}

.hr_form_field {
	margin-top: 15px;
}

.hr_form_field input {
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	margin-top: 15px !important;
	border: 1px solid #ccc !important;
}

.hr_form_field input:focus {
	outline: none;
}

.hr_form_field textarea {
	width: 100%;
	height: 80px;
	margin-top: 15px;
	padding-left: 10px;
	font-size: 16px;
	border: 1px solid #ccc !important;
}

.hr_form_field textarea:focus {
	outline: none;
}

.hr_form_field button {
	width: 100%;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid #ccc;
	font-size: 16px;
	background-color: #2368a9;
}

.hr_form_field button:focus {
	outline: none;
}



/*---|| EXCUTIVE SEARCH ||
============================================---*/

.excutive {
	margin-top: 120px;
}

.excutive h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.excutive p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.hrsolu_text {
	margin-top: 30px;
}

.hrsolu_text h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.hrsolu_text p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.hrsolu_text ul li {
	font-size: 16px;
	margin-bottom: 0px;
	list-style-type: none;
	margin-top: 10px;
}

.hrsolu_text ul li i {
	color: #2368a9;
	font-size: 16px;
	margin-right: 15px;
}

.organization_hr li {
	font-size: 16px;
}

.organization_hr li p {
	font-size: 16px;
	display: flex;
	margin-top: 15px;
	margin-left: 30px;
	text-align: left;
	margin-bottom: 0px;
}

.hrsolu_text img {
	margin-top: 15px;
}

.reach_hr {
	width: 100%;
	display: flex;
	margin-top: 30px;
}

.enterslice_hr {
	width: 175px;
	padding: 30px;
	margin-left: 60px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.enterslice_hr img {
	width: 60px;
	display: flex;
	margin: auto;
}

.enterslice_hr p {
	font-size: 14px;
	text-align: center;
}




/*---|| RELATED SERVICES ||
============================================---*/

.related_s_bg {
	width: 100%;
	margin-top: 120px;
	padding: 50px 65px;
	background-color: #f7f7f7;
}

.related_s_bg h1 {
	font-size: 28px;
	font-weight: 600;
}

.company_reg {
	width: 100%;
	padding: 15px;
	cursor: pointer;
	margin-top: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
	transition: all 900ms;
}

.company_reg:hover {
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #2dbff0;
}

.company_reg a {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

.company_reg a i {
	color: #2368a9;
	margin-right: 15px;
}




/*---|| OUR AWARDS ||
============================================---*/

.hr_awards {
	margin-top: 120px;
	display: flex;
}

.hr_awards img {
	width: 50px;
}

.hr_awards h1 {
	font-size: 28px;
	margin-top: 15px;
	margin-left: 15px;
}

.hr_awards_img img {
	width: 200px;
	height: 180px;
	margin-top: 30px;
}

.hr_awards_text h3 {
	font-size: 22px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 0px;
}

.hr_awards_text p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}


.hr_awards_i2mg img {
	width: 200px;
	height: 180px;
	float: right;
	margin-top: 30px;
}

.iti * {
	color: #000;
}

.iti__country.iti__highlight {
	color: #000;
}



/*---|| OUR PARTNER ||
============================================---*/

.hr_partner {
	margin-top: 120px;
	padding: 50px 65px;
	background-color: #f7f7f7;
}

.hr_partner h1 {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0px;
}

.my-carousel {
    display: flex;
    overflow: hidden;
    width: 100%; 
    position: relative;
}

.carousel-slide {
    text-align: center;
    box-sizing: border-box;
    transition: transform 0.5s ease;
}

.carousel-slide  img {
	width: 150px;
	height: 70px;
}




/*---|| QUICK ENQUIRY ||
============================================---*/

.quick-enquiry {
	margin-top: 120px;
}

.quick-enquiry h2 {
	position: relative;
	font-size: 28px;
	color: #2368a9;
	font-weight: 600;
	margin-bottom: 0px;
}

.quick-enquiry h2::after {
	position: absolute;
	content: '';
	width: 250px;
	height: 1px;
	top: 35px;
	left: 0px;
	background-color: #2368a9;
}

.enquiry-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-details, .enquiry-form {
    width: 100%;
	margin-top: 15px;
}

.contact-item {
    display: flex;
    margin-top: 30px;
}

.contact-item .icon {
	color: #2368a9;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
    font-size: 28px;
    margin-right: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.contact-item h4 {
	font-size: 18px;
	font-weight: 600;
    margin-bottom: 0px;
    color: #333;
}

.contact-item p {
    margin: 5px 0;
    color: #777;
}

.enquiry-form form {
	color: #fff;
	padding: 15px;
    border-radius: 10px;
	margin-top: 30px;
	border: 1px solid #ccc;
	background: #2368a9;
}

.placehols textarea {
	width: 100%;
	height: 80px;
	margin-top: 10px;
	border-radius: 10px;
	padding-left: 10px;
	border: 1px solid #ccc;
}

.placehols textarea:focus {
	outline: none;
}

.placehols input{
	width: 100%;
	height: 50px;
	font-weight: 500;
	font-size: 16px;
	color: #717173;
	padding-left: 15px;
	border-radius: 10px;
	border: 1px solid #ccc !important;
	margin-top: 15px!important;
	border: none;
}

.placehols input:focus{
	outline: none;
}

.placehols input:first-child{
	margin-top: 0px;
}

.mobile-input {
    display: flex;
}

.mobile-input select, .mobile-input input[type="tel"] {
    flex: 1;
    margin-right: 5px;
}

.captcha {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mt_3 {
	margin-top: 15px;
}

.btn-submit {
	color: #000 !important;
	font-size: 16px;
    background: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
	margin-top: 15px;
    cursor: pointer;
}

.btn-submit:focus {
	outline: none;
}

.job-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.job-card {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}


.apply-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.apply-button:hover {
    background-color: #0056b3;
}




/*---|| GULF COUNTRIES OFFICES ||
============================================---*/

.section-title {
	font-weight: 600;
    font-size: 28px;
	color: #2368a9;
	margin-top: 120px;
	margin-bottom: 30px;
}

.office-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
	border: 1px solid #ccc;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.office-details {
    flex: 1;
}

.office-name {
    font-size: 18px;
    font-weight: bold;
    color: #1d1d1f;
}

.office-address, .office-email {
    margin-top: 5px;
    font-size: 14px;
	text-align: justify;
    color: #555;
}

.icon {
    font-size: 20px;
    color: #2368a9;
    margin-right: 10px;
}

.plus-button {
    background-color: #eaf2ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.plus-button:hover {
    background-color: #d4e5ff;
}

.plus-button i {
    color: #2368a9;
}




/*---|| TRADEMARK SERVICE ||
============================================---*/

.testimonials_title {
	margin-top: 120px;
	text-align: center;
}

.testimonials_title h1 {
	position: relative;
	font-size: 28px;
	font-weight: 600;
	color: #2368a9;
	margin-bottom: 0px;
}

.testimonials_title h1::after {
	position: absolute;
	content: '';
	top: 45px;
	left: 360px;
	width: 170px;
	height: 2px;
	background-color: #2368a9;
}

.testimonials_title h1::before {
	position: absolute;
	content: '';
	top: 45px;
	right: 360px;
	width: 170px;
	height: 2px;
	background-color: #2368a9;
}

.testimonials_title p {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.testimonials_title i {
	position: absolute;
	top: 158px;
	left: 565px;
	color: #2368a9;
	font-size: 16px;
}

.testimonial-container {
	position: relative;
	width: 100%;
	color: #000;
	margin-top: 30px;
}

.fa-quote {
	position: absolute;
	top: 70px;
	font-size: 28px;
	color: rgba(255, 255, 255, 0.3);
}

.fa-quote-right {
  	left: 40px;
}

.fa-quote-left {
  	right: 40px;
}

.testimonial {
	font-size: 16px;
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: justify;
}

.user {
	display: flex;
	align-items: center;
	margin-top: 15px;
	justify-content: center;
}

.user-image {
	height: 80px;
	width: 80px;
	padding: 5px;
	object-fit: cover;
	border-radius: 30px 0px 30px 0px;
	background-color: #2368a9;
}


.username {
	font-size: 22px;
  	margin-left: 15px;
	margin-bottom: 0px;
}

.role {
	font-size: 16px;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 0px;
}

.progress-bar {
	width: 100%;
	height: 2px;
	transform-origin: left;
  	background-color: #2dbff0;
	animation: grow 10s linear infinite;
}

@keyframes grow {
	0% {
		transform: scaleX(0);
	}
}

@media (max-width: 768px) {
	.testimonial-container {
		padding: 20px 30px;
	}

	.fa-quote {
		display: none;
	}
}



/*---|| SUBSCRIBE ||
============================================---*/

.trade_bg_subscribe {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.subscribe_card {
	display: table;
	margin: auto;
}

.subscribe_card h1 {
	font-size: 28px;
	color: #2368a9;
	text-align: center;
	font-weight: 600;
	margin-bottom: 0px;
}

.subscribe_card p {
	text-align: center;
	font-size: 16px;
	margin-bottom: 0px;
}

.subscribe_field {
	position: relative;
	margin-top: 15px;
}

.subscribe_field input {
	width: 100%;
	height: 50px;
	font-size: 16px;
	padding-left: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.subscribe_field input:focus {
	outline: none;
}

.subscribe_field button {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 0px 10px 10px 0px;
	background-color: #2368a9;
	border: 1px solid #ccc;
}

.subscribe_field button:focus {
	outline: none;
}



/*---|| ACCOUNTING AND TAX SERVICE ||
============================================---*/

.accTax_heading {
	margin-top: 120px;
}

.accTax_heading h3 {
	font-size: 26px;
	margin-bottom: 0px;
}

.accTax_text {
	margin-top: 120px;
}

.accTax_text p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
}

.bg_financial {
	margin-top: 120px;
}

.comprehensively h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.comprehensively p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.bookkeeping {
	margin-top: 50px;
}

.bookkeeping h3 {
	font-size: 22px;
	margin-bottom: 0px;
	font-weight: 600;
}

.bookkeeping p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.bookkeeping_list {
	margin-top: 90px;
	padding-left: 0px;
}

.bookkeeping_list li {
	display: flex;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 16px;
}

.bookkeeping_list li:first-child {
	margin-top: 0px;
}

.bookkeeping_list li i {
	color: #2368a9;
	margin-top: 6px;
	margin-right: 15px;
}




/*---|| BENEFITS OF OUTSOURCING ||
============================================---*/

.bg_benefits {
	padding: 50px 0px;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.outsourcing_heading {
	font-size: 28px;
	color: #2dbff0;
	font-weight: 600;
	margin-bottom: 0px;
}

.outsourcing_card {
	margin-top: 50px;
}

.outsourcing_card img {
	width: 70px;
	height: 70px;
	background-color: #fff;
	padding: 5px;
	border-radius: 70px;
	border: 1px solid #ccc;
}

.outsourcing_card h3 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}

.outsourcing_card p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}



/*---|| MAJOR LOCATION ||
============================================---*/

.major_location_heading {
	margin-top: 120px;
	text-align: center;
}

.major_location_heading h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.major_location_heading p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.major_location_heading p a {
	color: #2dbff0 !important; 
}

.major_location_card {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

.major_location_card img {
	width: 100px;
	height: 100px;
	border-radius: 120px;
	border: 5px solid #2368a9;
}

.major_location_card h3 {
	font-size: 22px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 0px;
}

.major_location_card p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.major_location_card a {
	font-size: 16px;
	text-decoration: none;
	padding: 10px 30px;
	color: #fff !important;
	border-radius: 30px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.major_location_card a i {
	margin-left: 15px;
}




/*---|| OTHER SERVICE ||
============================================---*/

.bg_other_service {
	margin-top: 120px;
}

.extra_service_heading h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.corporate_list h3 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 0px;
}

.corporate_list ul {
	margin-top: 15px;
}

.corporate_list ul li {
	display: flex;
	font-size: 16px;
	margin-top: 10px;
	list-style-type: none;
}

.corporate_list ul li:first-child {
	margin-top: 0px;
}

.corporate_list ul li i {
	color: #2368a9;
	margin-top: 5px;
	margin-right: 15px;
}



/*---|| FAQ ACCOUNTING ||
============================================---*/

.faq_account h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.faq_account i {
	color: #2368a9;
	margin-right: 10px;
}

.faq_account h1 {
	font-size: 25px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 0px;
}

.faq_account p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.enquiry_br_button {
	font-size: 16px;
	border: none;
	padding: 8px 25px;
	border-radius: 30px;
	margin-top: 30px;
	margin-right: 10px;
	border: 1px solid #2d2d2d !important;
}

.enquiry_br_button:focus {
	outline: none;
}



/*---|| DISSOLUTION SERCIVE ||
============================================---*/

.dissolution_heading h1 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 120px;
	margin-bottom: 0px;
}

.dissolution_heading p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}



/*---|| LIQUIDATION PROCESS ||
============================================---*/

.liquidation_bg {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.liquidation_card h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.liquidation_card img {
	width: 300px;
	height: 300px;
	padding: 10px;
	display: table;
	margin: auto;
	border-radius: 300px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.liquidation_list_description p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
}

.liquidation_list_description ul {
	margin-bottom: 0px;
}

.liquidation_list_description ul li {
	font-size: 16px;
	margin-top: 15px;
	list-style-type: none;
}

.liquidation_list_description ul li i {
	color: #2368a9;
	margin-right: 10px;
}



/*---|| GOVT RELATIONS ||
============================================---*/

.govt_rels {
	margin-top: 120px;
}

.liquidation_list_description h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 15px;
}



/*---|| GRO BENEFITS OUTSOURCING ||
============================================---*/

.gro_outsourcing_heading h1 {
	font-size: 28px;
	color: #2368a9;
	font-weight: 600;
	margin-bottom: 0px;
}

.gro_outsourcing_heading p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.gro_outsourcing_heading p a {
	font-size: 16px;
	color: #2368a9 !important;
	text-decoration: none;
}

.gro_outsourcing_card {
	width: 100%;
	height: 250px;
}

.gro_outsourcing_card img {
	width: 70px;
	height: 70px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 70px;
	background-color: #fff;
}

.gro_outsourcing_card h3 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}

.gro_outsourcing_card p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.gro_btn {
	font-size: 16px;
	cursor: pointer;
	margin-top: 30px;
	border-radius: 30px;
	padding: 7px 25px;
	border: 1px solid #ccc;
	transition: all 900ms;
}

.gro_btn:hover {
	color: #fff;
	cursor: pointer;
	background-color: #2dbff0;
	border: 1px solid #fff;
}

.gro_btn:focus {
	outline: none;
}



/*---|| FACTORY SETUP SERVICE ||
============================================---*/

.factory_bg {
	margin-top: 120px;
}

.document_heading {
	margin-top: 120px;
}

.document_heading h1 {
	font-size: 28px;
	color: #2368a9;
	font-weight: 600;
	margin-bottom: 15px;
}

.document_mini_title {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.bg_industrial {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.industrial_title h1 {
	font-size: 28px;
	color: #2368a9;
	font-weight: 600;
	text-align: justify;
	margin-bottom: 0px;
}

.industrial_sort_description {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
}

.regulatory {
	padding: 30px;
	margin-top: 30px;
	border-radius: 30px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.regulatory h1 {
	font-size: 18px;
	text-align: justify;
	margin-bottom: 15px;
}

.regulatory h3 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 0px;
}

.industrial_cities ul {
	margin-top: 15px;
	margin-bottom: 0px;
}

.industrial_cities ul li {
	display: flex;
	font-size: 16px;
	margin-top: 10px;
	list-style-type: none;
}

.industrial_cities ul li:first-child {
	margin-top: 0px;
}

.industrial_cities ul li i {
	color: #2368a9;
	margin-top: 5px;
	margin-right: 15px;
}

.city_list {
	margin-top: 47px;
}




/*---|| FACTORY STEPS SETTING ||
============================================---*/

.steps_setting_bg {
	margin-top: 120px;
}

.steps_setting_bg h6 {
	font-size: 18px;
	margin-bottom: 0px;
}

.steps_setting_bg h6 i {
	margin-right: 10px;
	color: #2368a9;
}

.steps_setting_bg h1 {
	font-size: 28px;
	color: #2368a9;
	text-align: justify;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 0px;
}

.steps_setting_bg img {
	width: 250px;
	margin-top: 15px;
}

.step_bg_card {
	margin-top: 120px;
}

.step_rule {
	margin-top: 30px;
}

.step_rule h3 {
	font-size: 18px;
	font-weight: 600;
	text-align: justify;
	margin-bottom: 0px;
}

.step_rule p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.step_rule ul li {
	font-size: 16px;
	list-style-type: none;
	margin-top: 15px;
}

.step_rule ul li i {
	color: #2368a9;
	margin-right: 15px;
}



/*---|| FACTORY READY BUILT FACTORIES ||
============================================---*/

.bg_ready_built_fact {
	padding: 50px 0px;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.ready_built_fact h1 {
	font-size: 28px;
	font-weight: 600;
	color: #2368a9;
	text-align: justify;
	margin-bottom: 0px;
}

.ready_built_fact p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.industrial_cities p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.built_image {
	float: right;
	width: 300px;
}

.brings {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}



/*---|| FACTORY FACT COUNTER ||
============================================---*/

.bg_counter_factory {
	width: 100%;
	background-color: #f7f7f7;
}

.bg_counter_factory span {
	width: 70px;
	height: 70px;
	color: #2dbff0;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	line-height: 70px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.bg_counter_factory h5 {
	font-size: 16px;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
	float: left;
}

.professionals {
	margin-right: 95px;
}

.expe_son {
	margin-right: 30px;
}




/*---|| INSURANCE COMPAINES ||
============================================---*/

.hrsolu_text img {
	width: 500px;
}

.insurance_text {
	margin-top: 30px;
}

.insurance_text h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.insurance_text p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.insurance_text ul li {
	display: flex;
	font-size: 16px;
	margin-bottom: 0px;
	list-style-type: none;
	margin-top: 10px;
}

.insurance_text ul li i {
	margin-top: 6px;
	color: #2dbff0;
	font-size: 16px;
	margin-right: 15px;
}

.organization_in li {
	display: flex;
	font-size: 16px;
}

.organization_in li i {
	margin-top: 6px;
}

.organization_in li p {
	font-size: 16px;
	display: flex;
	margin-top: 15px;
	margin-left: 30px;
	text-align: justify;
	margin-bottom: 0px;
}

.custom-section-title {
	margin-top: 120px;
}

.custom-section-title h2 {
	text-align: center;
	font-size: 28px;
	color: #2368a9;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	position: relative;
}

.custom-section-title h2::after {
	content: "";
	height: 2px;
	background-color: #2368a9;
	width: 250px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
}

.custom-carousel-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-top: 30px;
}

.custom-carousel {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.custom-slide {
	min-width: 200px;
	margin: 0 10px;
	box-sizing: border-box;
}

.custom-slide img {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.currency li {
	display: flex;
	font-size: 16px;
}

.currency li i {
	margin-top: 6px;
}

.currency li p {
	font-size: 16px;
	display: flex;
	margin-top: 15px;
	margin-left: 30px;
	text-align: justify;
	margin-bottom: 0px;
}




/*---|| MEDIA ||
============================================---*/

.media_title {
	text-align: center;
	margin-top: 120px;
}

.media_title h1 {
	position: relative;
	font-size: 28px;
	color: #2368a9;
	margin-bottom: 30px;
}

.media_title h1::after {
	position: absolute;
	content: '';
	top: 45px;
	left: 430px;
	width: 100px;
	height: 2px;
	background-color: #2368a9;
}

.media_title h1::before {
	position: absolute;
	content: '';
	top: 45px;
	right: 430px;
	width: 100px;
	height: 2px;
	background-color: #2368a9;
}

.media_title i {
	position: absolute;
	top: 158px;
	left: 565px;
	color: #2368a9;
	font-size: 16px;
}

.media_content {
	width: 100%;
	height: 310px;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 15px;
	margin-top: 30px;
}

.media_content img {
	width: 100%;
	height: 200px;
}

.media_content h6 {
	font-size: 18px;
	margin-bottom: 0px;
	text-align: center;
	margin-top: 10px;
	transition: all 900ms;
}

.media_content:hover h6 {
    color: #2dbff0;
}

.media_banner_text {
	position: relative;
	display: flex;
	font-size: 16px;
	margin-top: 30px;
}

.media_banner_text::after {
	position: absolute;
	content: '';
	top: 3px;
	left: 132px;
	width: 1px;
	height: 25px;
	transform: rotate(25deg);
	background-color: #000;
}

.media_banner_text a {
	text-decoration: none;
}

.media_banner_text p {
	margin-left: 30px;
	margin-bottom: 0px;
}

.initial h1 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 0px;
}

.initial p {
	font-size: 16px;
	color: #9397ad;
	margin-top: 15px;
	margin-bottom: 0px;
}

.published_date p {
	display: flex;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.published_date_last {
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #000;
}

.media_create {
	display: flex;
	margin-top: 30px;
}

.media_create h6 {
	font-size: 16px;
	color: #2dbff0;
	margin-bottom: 0px;
}

.media_create span {
	font-size: 16px;
	color: #9397ad;
}

.media_social_media {
	display: flex;
	margin-left: 475px;
}

.media_social_media ul {
	padding-left: 0px;
	margin-top: -10px;
}

.media_social_media ul li {
	list-style-type: none;
	float: left;
	margin-left: 15px;
}

.media_social_media ul li:first-child {
	margin-left: 0px;
}

.media_social_media ul li a {
	text-decoration: none;
}

.media_social_media ul li a img {
	width: 35px;
	height: 35px;
	padding: 5px;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 10px;
	border: 1px solid #2dbff0;
}

.dropdown {
	position: relative;
	margin-left: 15px;
}

.dropdown-btn {
	font-size: 16px;
	padding: 4px 25px;
	border: 1px solid #2368a9;
}

.dropdown-btn:focus {
	outline: none;
}

.follow_us_whatsup {
	font-size: 16px;
}

.follow_us_whatsup img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.dropdown-btn i {
	margin-left: 15px;
}

.dropdown-content {
	display: none;
	position: absolute;
	width: 230px;
	top: calc(100% + 5px);
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px 20px;
	z-index: 9;
	left: 0;
	right: auto;
	flex-direction: column;
}
  
.dropdown.active .dropdown-content {
	display: flex;
}

.media_top_stories {
	margin-top: 30px;
}

.media_top_stories h3 {
	font-size: 22px;
	font-weight: 600;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 0px;
	border-bottom: 2px solid #2368a9;
}

.top_stories_card {
	background-color: #f7f7f7;
	padding: 10px;
	margin-top: 15px;
	border: 1px solid #ccc;
}

.top_stories_card a img {
	width: 100%;
	height: 150px;
	border-radius: 10px;
}

.top_stories_card a p {
	font-size: 16px;
	text-align: center;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.middle_stories_card {
	margin-top: 30px;
}

.middle_stories_card img {
	width: 100%;
	height: 320px;
	border-radius: 10px;
}

.middle_stories_card p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.middle_stories_card video {
	width: 100%;
	margin-top: 30px;
}

.top_stories_card_last {
	background-color: #f7f7f7;
	padding: 10px;
	margin-top: 30px;
	border: 1px solid #ccc;
}

.top_stories_card_last img {
	width: 100%;
	height: 80px;
	border-radius: 5px;
}

.top_stories_card_last p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 18px;
	text-align: center;
}

.recommended_card {
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.recommended_card img {
	width: 100%;
	height: 60px;
}

.recommended_card p {
	font-size: 14px;
	text-align: justify;
	line-height: 18px;
	margin-bottom: 0px;
}



/*---|| FOUNDING ||
============================================---*/

.founding_text {
	margin-top: 30px;
}

.founding_text_img img {
	width: 100%;
}

.founding_description h1 {
	font-size: 28px;
	text-align: justify;
	margin-bottom: 0px;
}

.founding_description p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.founding_description button {
	color: #fff;
	padding: 5px 25px;
	font-size: 16px;
	margin-top: 15px;
	border-radius: 7px;
	background-color: #2368a9;
	border: 1px solid #ccc;
}

.founding_description button:focus {
	outline: none;
}

.founding_list li {
	display: flex;
	font-size: 16px;
}

.founding_list li i {
	margin-top: 5px;
}

.founding_list li p {
	font-size: 16px;
	display: flex;
	margin-top: 15px;
	margin-left: 30px;
	text-align: justify;
	margin-bottom: 0px;
}



/*--- BUSINESS HUB
============================================================---*/

.carousel_inner_slide {
	width: 100%;
	height: 50vh;
}

.carousel-control-prev-hub {
	position: absolute;
	top: 45%;
	left: 3%;
	background-color: transparent;
	border: none;
	z-index: 9;
}

.carousel-control-prev-hub:focus {
	outline: none;
}

.carousel-control-next-bub {
	position: absolute;
	top: 45%;
	right: 3%;
	background-color: transparent;
	border: none;
	z-index: 9;
}

.carousel-control-next-bub:focus {
	outline: none;
}

.carousel-indicators {
	margin-bottom: 25px;
}

.carousel-control-prev-icon {
	margin-top: 10px;
}

.carousel-control-next-icon {
	margin-top: 10px;
}


/*--- EXTENSIVE BUSINESS HUB
============================================================---*/
.extensive_bg {
	margin-top: 120px;
}

.extensive {
	width: 100%;
}

.extensi_edu {
	float: left;
	width: 75px;
	height: 75px;
	border: 1px solid #ccc;
	border-radius: 0px 25px 0px 25px;
	background-color: #2368a9;
}

.extensive_text {
	float: left;
	margin-top: 12px;
	margin-left: 7px;
}

.extensive_text h6 {
	font-size: 18px;
	margin-bottom: 7px;
}

.extensive_text a {
	font-size: 16px;
	color: #ccc !important;
	margin-bottom: 0px;
}

.extensive_text a i {
	margin-left: 10px;
}



/*--- BUSINESS HUB APPLY
============================================================---*/

.business_hub {
	margin-top: 120px;
}

.business_hub_img img {
	width: 100%;
}

.business_hub_description h2 {
	font-size: 28px;
	margin-bottom: 0px;
}

.business_hub_description p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 30px;
}

.business_hub_description a {
	color: #fff !important;
	padding: 15px 25px;
	font-size: 16px;
	border-radius: 5px;
	background-color: #2368a9;
}




/*--- BUSINESS HUB COUNTER
============================================================---*/

.business_hub_numbers {
	margin-top: 120px;
}

.business_hub_numbers h1 {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.business_hub_numbers h1::after {
	position: absolute;
	content: '';
	top: 50px;
	left: 430px;
	width: 250px;
	height: 2px;
	background-color: #2368a9;
}

.hub_counter span {
	font-size: 28px;
	display: table;
	margin: auto;
}

.hub_counter p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}




/*--- BUSINESS HUB PACKAGES
============================================================---*/

.hub_packages {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.hub_packages h6 {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
}

.package_hub_description {
	width: 100%;
	height: 300px;
	padding: 15px;
	margin-top: 30px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.package_hub_description h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.package_hub_description p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
}




/*--- DURATION OF MEMBERSHIP
============================================================---*/

.hub_members {
	font-size: 16px;
	margin-bottom: 0px;
}

.Perpetual {
	display: flex;
	width: 100%;
	padding: 15px;
	border: 1px solid #ccc;
	margin-top: 30px;
	background-color: #f7f7f7;
	transition: all 900ms;
}

.Perpetual:hover {
	transform: translateY(-10px);
	cursor: pointer;
}

.Perpetual img {
	width: 70px;
	height: 70px;
}

.Perpetual p {
	font-size: 16px;
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 0px;
}

.access_shared_img img {
	width: 100%;
}

.internet_hub {
	width: 100%;
	margin-top: 30px;
}

.internet_hub a img {
	display: table;
	margin: auto;
	width: 80px;
	padding: 15px 15px 0px 15px;
	margin-left: 135px;
	border-radius: 30px 30px 0px 0px;
	background-color: #2368a9;
}

.internet_hub_description {
	width: 100%;
	height: 110px;
	text-align: center;
	padding: 30px;
	background-color: #2368a9;
	border-radius: 30px;
}

.internet_hub_description h6 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
}

.internet_hub_description p {
	color: #fff;
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 0px;
}




/*--- CORPORATE BUSINESS HUB
============================================================---*/

.testimonial-slider {
	width: 100%;
	background-color: var(--light-color);
	margin-top: 120px;
	padding: 0px 30px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.testimonial-list {
	display: flex;
	overflow: hidden;
}
.slide_testimonial_bg {
	position: relative;
}

.slide_testimonial_bg h1 {
	font-size: 36px;
	color: #2368a9;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}

.slide_testimonial_bg::after {
	position: absolute;
    content: "";
    top: 8px;
    left: 690px;
    width: 1px;
    height: 30px;
    border-left: 2px dashed #2368a9;
}

.slide_testimonial_bg::before {
	position: absolute;
    content: "";
    top: 8px;
    right: 690px;
    width: 1px;
    height: 30px;
    border-left: 2px dashed #2368a9;
}

.testimonial {
	flex: 1 0 100%;
	text-align: center;
	padding: 0px 30px;
	transition: all 900ms;
}

.testimonial .bi-quote {
	font-size: 4rem;
	color: var(--sunglow);
	opacity: 0.75;
}

.testimonial blockquote {
	font-size: 1.25rem;
	margin-inline: 20px;
}

.corporate_pre_nav {
	position: absolute;
	top: 130px;
	left: 0px;
	border: none;
	font-size: 22px;
	background-color: #fff;
}

.corporate_pre_nav:focus {
	outline: none;
}

.corporate_nex_nav {
	position: absolute;
	top: 130px;
	right: 0px;
	border: none;
	font-size: 22px;
	background-color: #fff;
}

.corporate_nex_nav:focus {
	outline: none;
}

.corporate_img img {
	width: 100%;
}

.corporate_description h1 {
	font-size: 28px;
	text-align: left;
	margin-bottom: 0px;
}

.user-details h4 {
	font-size: 26px;
	text-transform: capitalize;
}

.user-details p {
	text-transform: capitalize;
}

.corporate_description p {
	font-size: 16px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
}

.corporate_description a {
	float: right;
	color: #2368a9 !important;
	margin-top: 30px;
	margin-top: 15px;
}

.slides {
	display: flex;
	transition: transform 0.5s ease;
}

.slide {
	min-width: 100%;
	box-sizing: border-box;
}

.slider-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: none;
	padding: 10px;
	cursor: pointer;
	z-index: 10;
}

.slider-control.prev {
	top: 210px;
	left: 10px;
	background-color: #2368a9;
	border: 1px solid #ccc;
	transition: all 900ms;
}

.slider-control.prev:focus {
	outline: none;
}

.slider-control.prev:hover {
	color: #000;
	background-color: #fff;
}

.slider-control.next {
	top: 210px;
	right: 10px;
	background-color: #2368a9;
	border: 1px solid #ccc;
	transition: all 900ms;
}

.slider-control.next:focus {
	outline: none;
}

.slider-control.next:hover {
	color: #000;
	background-color: #fff;
}



/*---=====|| TRANSFORMATION SERVICES 
============================================================---*/

.bg_transformation {
	margin-top: 120px;
}

.transformation h1 {
	font-size: 28px;
	margin-bottom: 0px;
}

.transformation_description p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
}




/*---=====|| POSSLBILITIES 
============================================================---*/

.possibilities_bg {
	margin-top: 120px;
}

.possibilities_text h3 {
	font-size: 28px;
	margin-bottom: 0px;
}

.possibilities_text p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 15px;
}

.possibilities_pik img {
	width: 400px;
	display: table;
	margin: auto;
}

.bg_counter_business_ex {
	margin-top: 120px;
	padding: 70px 0px;
	background-color: #f7f7f7;
}

.business_expa_counter {
	text-align: center;
}

.business_expa_counter span {
	font-size: 42px;
	display: table;
	margin: auto;
}

.business_expa_counter p {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 0px;
}


/*---=====|| CONSULTING 
============================================================---*/

.consulting_bg {
	margin-top: 70px;
}

.process_consult h3 {
	font-size: 26px;
	color: #2368a9;
	margin-bottom: 0px;
}

.process_consult p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.process_consult {
	margin-top: 30px;
}

.consulting_list ul {
	padding-left: 0px;
	margin-top: 77px;
}

.consulting_list ul li {
	list-style-type: none;
	font-size: 16px;
	margin-top: 10px;
}

.consulting_list ul li:first-child {
	margin-top: 0px;
}

.consulting_list ul li i {
	font-size: 16px;
	color: #2368a9;
	margin-right: 10px;
}



/*---=====|| RESTRUCTURING SUPPORT 
============================================================---*/

.restructuring_bg {
	margin-top: 120px;
	padding: 70px 0px 50px 0px;
	background-color: #f7f7f7;
}


.restructuring_card {
	width: 100%;
	padding-left: 30px;
	border-left: 2px solid #2368a9;
}

.restructuring_card h4 {
	position: relative;
	font-size: 18px;
	color: #fff;
	padding: 12px 10px;
	border-radius: 5px;
	background-color: #2368a9;
	margin-bottom: 0px;
}

.restructuring_card h4::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #2368a9;
	border-bottom: 22px solid transparent;
	top: 0px;
	left: -10px;
}

.restructuring_card p {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 30px;
}

.restructuring_card i {
	position: absolute;
	font-size: 18px;
	color: #2368a9;
	top: 14px;
	left: 8px;
}


/*---=====|| BANKING BANNER 
============================================================---*/

.banking_slide {
	width: 100%;
	height: 70vh;
}

.comarch_banking_heading {
	position: absolute;
	left: 250px;
	top: 150px;
	z-index: 9;
}

.comarch_banking_heading h1 {
	font-size: 42px;
	color: #fff;
	margin-bottom: 0px;
}

.comarch_banking_heading p {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}

.comarch_banking_heading a {
	font-size: 16px;
	color: #fff !important;
	margin-bottom: 0px;
}

.comarch_banking_heading a i {
	margin-left: 10px;
	margin-top: 5px;
}



/*---=====|| SOFTWARE CLIENTS 
============================================================---*/

.bg_softwar {
	margin-top: 120px;
}

.comarch_heading {
	font-size: 28px;
	font-weight: 600;
	color: #2368a9;
	margin-bottom: 30px;
}

.sottware_other_bank {
	width: 100%;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.sottware_other_bank a img {
	width: 100%;
}



/*---=====|| ONE VENDOR 
============================================================---*/

.one_vendor_bg {
	margin-top: 120px;
}

.distribution_text h3 {
	font-size: 28px;
	font-weight: 600;
	text-align: justify;
	margin-bottom: 0px;
}

.distribution_text p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.grafika_bank img {
	display: table;
	margin: auto;
}



/*---=====|| DISCOVER MORE BANKING
============================================================---*/

.bangking_discover {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.ai_banking h3 {
	font-size: 28px;
	margin-bottom: 0px;
}

.ai_banking p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.discover_btn {
	float: right;
	margin-top: 20px;
}

.discover_btn button {
	color: #fff;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 6px 30px;
	border-radius: 5px;
	transition: all 900ms;
	background-color: #2368a9;
}

.discover_btn button:hover {
	color: #2368a9;
	background-color: #fff;
}



/*---=====|| OUR SOLUTION
============================================================---*/

.solution_bg {
	margin-top: 120px;
}

.our_solutions h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.platform {
	width: 100%;
	height: 250px;
	padding: 25px;
	margin-top: 30px;
	border: 2px solid #f7f7f7;
	background-color: #f7f7f7;
	transition: all 900ms;
}

.platform:hover {
	background-color: #fff;
	border: 2px solid #2368a9;
}

.platform a img {
	width: 80px;
	display: table;
	margin: auto;
}

.platform a h4 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}

.platform a p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 15px;
	line-height: 22px;
}



/*---=====|| BANKING SERVICE
============================================================---*/

.banking_ser_bg {
	margin-top: 120px;
}

.service_for {
	width: 100%;
	height: 300px;
	text-align: center;
	background-color: #2368a9;
}

.service_for h1 {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 300px;
}

.finance_bangking_video video {
	width: 100%;
	height: 300px;
}



/*---=====|| DIGITAL BANKING SOFTWARE
============================================================---*/

.digital_srvice {
	margin-top: 120px;
}

.digital_srvice h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.digital_srvice p {
	font-size: 16px;
	margin-top: 30px;
	text-align: justify;
	margin-bottom: 0px;
}

.digital_srvice p a {
	color: #2368a9 !important;
}




/*---=====|| CORPORATE BANKING
============================================================---*/

.bg_corporate_banking {
	margin-top: 120px;
}

.comarch_text h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.comarch_text p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
}

.comarch_text button {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding: 6px 25px;
	border: 2px solid #2368a9;
	background-color: #2368a9;
	transition: all 900ms;
}

.comarch_text button:focus {
	outline: none;
}

.comarch_text button:hover {
	color: #000;
	border: 2px solid #2368a9;
	background-color: #fff;
}

.comarch_imges {
	display: table;
	margin: auto;
}

.comarch_imges img {
	margin-top: 100px;
}



/*---=====|| WANT LEARN
============================================================---*/

.want_learn_bg {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.learn_text h3 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 0px;
}

.learn_text p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.learn_btn button {
	font-size: 16px;
	float: right;
	color: #fff;
	margin-top: 15px;
	padding: 6px 25px;
	border: 2px solid #2368a9;
	background-color: #2368a9;
	transition: all 900ms;
}

.learn_btn button:focus {
	outline: none;
}

.learn_btn button:hover {
	color: #000;
	border: 2px solid #2368a9;
	background-color: #fff;
}




/*---=====|| SPVS BANNER
============================================================---*/

.spvs_bg {
	width: 400px;
	height: 350px;
	float: right;
	margin-top: 0px;
	background-size: cover;
}

.banner_text {
	width: 100%;
	height: 400px;
	background-color: #fff;
}

.banner_text h1 {
	color: #2368a9;
	font-size: 56px;
	font-weight: 600;
	padding-top: 130px;
	margin-left: 100px;
}



/*---=====|| ACROSS SPVS
============================================================---*/

.combine_bg {
	padding: 100px 0px 150px 0px;
	background-color: #f7f7f7;
}

.combine h3 {
	font-size: 18px;
	font-weight: 500;
	text-align: justify;
	margin-bottom: 0px;
}

.across_list {
	margin-top: 30px;
}

.across_list ul {
	padding-left: 0px;
}

.across_list ul li {
	margin-top: 15px;
	font-size: 16px;
	list-style-type: none;
}

.across_list ul li i {
	color: #2368a9;
	margin-right: 10px;
}



/*---=====|| ELEMENTAL
============================================================---*/

.element_cart {
	width: 100%;
	height: 280px;
	margin-top: -100px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.element_cart img {
	width: 100px;
	display: table;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
	background-color: #f7f7f7;
}

.element_cart p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}



/*---=====|| MANAGEMENT
============================================================---*/

.management_title {
	margin-top: 120px;
}

.management_title h3 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 0px;
}

.management_title p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.incorporation_image {
	width: 100%;
	margin-top: 50px;
}

.incorporation_text {
	width: 100%;
	margin-top: 50px;
}

.incorporation_text h4 {
	font-size: 28px;
	text-align: left;
	margin-bottom: 0px;
}

.incorporation_text ul {
	padding-left: 0px;
}

.incorporation_text ul li {
	font-size: 16px;
	list-style-type: none;
	margin-top: 15px;
}

.incorporation_text ul li i {
	color: #2368a9;
	margin-right: 10px;
}




/*---=====|| INDIVIDUAL SERVICES
============================================================---*/

.individual_bg {
	padding: 50px 0px;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.individual_text h3 {
	font-size: 28px;
	margin-bottom: 15px;
}


.individual_btn button {
	width: 100%;
	padding: 10px 25px;
	font-size: 16px;
	margin-top: 15px;
	border-radius: 5px;
	border: 2px solid #2368a9;
	background-color: #2368a9;
	transition: all 900ms;
}

.individual_btn button a {
	font-size: 16px;
	color: #fff !important;
}

.individual_btn button:focus {
	outline: none;
}

.individual_btn button:hover {
	background-color: #fff;
	border: 2px solid #ccc;
}

.individual_btn button:hover a {
	color: #2368a9 !important; 
}

.ontario {
	display: flex;
}

.ontario i {
	font-size: 62px;
	color: #2368a9;
	margin-top: 7px;
}

.ontario img {
	height: 70px;
	margin-left: 30px;
}

.ontario_tet {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}




/*---=====|| EXPERTISE
============================================================---*/

.expertise_text {
	margin-top: 120px;
	text-align: center;
}

.expertise_text h3 {
	font-size: 28px;
	margin-bottom: 0px;
}

.expertise_text p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.expertise_text p a {
	color: #2368a9 !important;
}

.expertise_image {
	width: 100%;
	padding: 15px;
	margin-top: 30px;
}

.expertise_image img {
	display: table;
	margin: auto;
}

.expertise_image h4 {
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}



/*---=====|| MYTILINEOS
============================================================---*/

.companies_img img {
	margin-top: 120px;
	height: 450px;
}

.mytilineos_text {
	margin-top: 120px;
}

.mytilineos_text img {
	width: 80px;
	height: 80px;
	display: table;
	margin: auto;
}

.mytilineos_text p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.spvs_image_group {
	margin-top: 30px;
}

.spvs_image_group img {
	width: 150px;
	height: 80px;
	margin-left: 85px;
}

.spvs_image_group img:first-child {
	margin-left: 0px;
}

.spvs_partner_btn {
	display: table;
	margin: auto;
}

.spvs_partner_btn button {
	font-size: 16px;
	color: #fff;
	padding: 6px 25px;
	margin-top: 30px;
	border-radius: 5px;
	border: 1px solid #2368a9;
	background-color: #2368a9;
}

.spvs_partner_btn button:focus {
	outline: none;
}



/*---=====|| SPEAK AN EXPERT
============================================================---*/

.speak_an_expart_bg {
	width: 100%;
	padding: 50px 0px;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.expoert_heading h1 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 0px;
}

.expoert_heading p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.ex_spvs_text {
	margin-top: 30px;
}

.ex_spvs_text h3 {
	font-size: 22px;
	margin-bottom: 0px;
}

.ex_spvs_text p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.spvs_expart_image {
	margin-top: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: inset 0px 0px 10px #000000;
}

.spvs_expart_image img {
	width: 100%;
}

.spvs_expart_image ul {
	display: table;
	margin: auto;
	padding-left: 0px;
}

.spvs_expart_image ul li {
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
	list-style-type: none;
}

.spvs_expart_image ul li:first-child {
	margin-left: 0px;
}

.spvs_expart_image ul li a {
	font-size: 16px;
}



/*---=====|| READ OUR GUIDES
============================================================---*/

.read_guides {
	margin-top: 120px;
}

.read_guides h2 {
	font-size: 28px;
	margin-bottom: 0px;
}

.read_guides button {
	width: 100%;
	font-size: 16px;
	margin-top: 30px;
	padding: 6px;
	border: 1px solid #ccc;
}

.read_guides button:focus {
	outline: none;
}

.spv_proposal {
	margin-top: 120px;
}

.spv_proposal h2 {
	font-size: 28px;
	margin-bottom: 0px;
}

.spv_proposal p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.spv_proposal form {
	margin-top: 15px;
}

.spv_proposal_filed label {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.spv_proposal_filed label sup {
	color: red;
}

.spv_proposal_filed input {
	font-size: 16px;
	width: 100%;
	height: 40px;
	padding-left: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
}

.spv_proposal_filed input:focus {
	outline: none;
}

.spv_proposal_filed textarea {
	width: 100%;
	height: 120px;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 10px;
	border: 1px solid #ccc;
}

.spv_proposal_filed textarea:focus {
	outline: none;
}



/*---=====|| PROGRESS BAR
============================================================---*/

.bg_progress_spvs {
	position: relative;
	width: 100%;
	padding: 50px 0px;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.bg_progress_spvs::after {
    position: absolute;
    content: "";
    top: 50px;
    left: 690px;
    width: 1px;
    height: 220px;
    border-left: 2px dashed #2368a9;
}

.bg_progress_spvs::before {
    position: absolute;
    content: "";
    top: 50px;
    right: 690px;
    width: 1px;
    height: 220px;
    border-left: 2px dashed #2368a9; 
}

.spvs_counter_progress img {
	width: 120px;
	height: 120px;
}

.spvs_counter_progress span {
	font-size: 28px;
	display: table;
	margin: auto;
	margin-top: 15px;
}

.spvs_counter_progress p {
	font-size: 16px;
	margin-top: 15px;
	text-align: center;
}



/*---=====|| PAYMENT BANNER
============================================================---*/

.bg_payment {
	width: 100%;
	height: 600px;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}

.payment_banner_text {
	margin-top: 220px;
	margin-left: 200px;
}

.payment_banner_text h1 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 0px;
}

.payment_banner_text p {
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.payment_banner_text button {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding: 6px 25px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.payment_banner_text button:focus {
	outline: none;
}

.creative_zone_pay {
	margin-top: 120px;
}

.creative_zone_pay h3 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.creative_zone_pay em {
	font-size: 16px;
	margin-bottom: 0px;
}

.creative_zone_pay p {
	font-size: 16px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}

.creative_form_zone {
	margin-top: 120px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.creative_form_zone_btn {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding: 6px 25px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.creative_form_zone_btn:focus {
	outline: none;
}




/*---=====|| PAYMENT SERVICE
============================================================---*/

.payment_bg_ser {
	margin-top: 120px;
}

.payment_outService h1 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 0px;
}

.payment_outService h1 span {
	color: #2368a9;
}

.payment_servic_card {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	cursor: pointer;
	margin-top: 30px;
	transition: all 900ms ease;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.payment_servic_card img {
	width: 100%;
	height: 600px;
	transition: transform 900ms ease;
}

.payment_servic_card:hover {
	box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.6);
}

.payment_servic_card:hover img {
	transform: scale(1.05);
}

.payment_servic_intro {
	position: absolute;
	width: 100%;
	bottom: -280px; 
	height: 200px; 
	overflow: hidden;
	padding: 50px;
	color: #fff;
	background-color: #f7f7f7;
	transition: bottom 0.4s ease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.payment_servic_card:hover .payment_servic_intro {
	bottom: 0; 
	height: 400px; 
	background-color: #f7f7f7;
}

.payment_servic_intro h1 {
	font-size: 28px;
	color: #2368a9;
	text-align: center;
	margin-bottom: 0px;
	border-bottom: 2px solid #000;
}

.payment_servic_intro p {
	color: #000;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.payment_version_btn {
	font-size: 16px;
	color: #fff;
	display: table;
	margin: auto;
	margin-top: 15px;
	padding: 6px 25px;
	border-radius: 10px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.payment_version_btn:focus {
	outline: none;
}




/*---=====|| WHY CHOOSE
============================================================---*/

.cz_payment_gateway {
	margin-top: 120px;
}

.cz_payment_gateway h2 {
	font-size: 18px;
	color: #2368a9;
	text-align: center;
	margin-bottom: 0px;
}

.cz_payment_gateway h1 {
	font-size: 28px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.cz_payment_gateway p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.proprietary_text {
	width: 100%;
	height: 310px;
	margin-top: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.proprietary_text img {
	width: 80px;
	height: 80px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 0px;
}

.proprietary_text h4 {
	font-size: 22px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 0px;
}

.proprietary_text p {
	font-size: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}



/*---=====|| PAYMENT ABOUT
============================================================---*/

.bg_ab_payme_nt {
	width: 100%;
	height: 450px;
	margin-top: 120px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.payment_g_banner_text {
	margin-top: 120px;
}

.payment_g_banner_text h4 {
	font-size: 28px;
	margin-bottom: 0px;
}

.payment_g_banner_text h4 span {
	color: #ffff;
}

.payment_g_banner_text h1 {
	font-size: 36px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.payment_g_banner_text p {
	font-size: 16px;
	color: #fff;
	width: 800px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 0px;
}




/*---=====|| ISO CERTIFICATION
============================================================---*/

.iso_banner_text {
	margin-top: 170px;
	margin-left: 200px;
}

.iso_banner_text h1 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 0px;
}

.iso_banner_text p {
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.iso_banner_text button {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding: 6px 25px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.iso_banner_text button:focus {
	outline: none;
}

.iso_certifaction_form {
	margin-top: 120px;
	margin-right: 65px;
	width: 100%;
	padding: 30px 30px;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
}

.iso_certifaction_form h1 {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}



/*---=====|| ISO PACKAGES
============================================================---*/

.iso_packages_bg {
	display: flex;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.package_iso_img img {
	height: 500px;
}

.iso_cer_pack h1 {
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	margin-top: 105px;
	margin-bottom: 0px;
}

.iso_cer_pack h1 span {
	color: #2368a9;
}

.certification_iso_cart {
	width: 100%;
	height: 200px;
	padding: 30px;
	margin-top: 30px;
	border-radius: 0px 50px 0px 50px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.certification_iso_cart {
	position: relative;
	overflow: hidden;
}

.certification_iso_cart h4 {
	font-size: 28px;
	margin-top: 35px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}

.iso_cer_pack button {
	position: absolute;
	font-size: 16px;
	top: 0px;
	left: 0px;
	color: #fff;
	padding: 6px 25px;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #2368a9;
}

.iso_cer_pack button:focus {
	outline: none;
}



/*---=====|| ISO SERVICE
============================================================---*/

.payment_isoService {
	margin-top: 120px;
}

.payment_isoService h1 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 0px;
}

.payment_isoService p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.payment_isoService h1 span {
	color: #2368a9;
}

.iso_ser_card {
	position: relative;
	margin-top: 30px;
}

.iso_ser_card img {
	width: 100%;
	height: 700px;
}

.iso_ser_card::after {
	position: absolute;
	cursor: pointer;
	content: "";
	left: 0px;
	top: 0px;
	width: 486px;
	height: 700px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(35, 104, 169.4));
}

.iso_define_text {
	position: absolute;
	bottom: 30px;
	z-index: 1;
	padding: 30px;
	opacity: 1; 
	transition: all 900ms;
}

.iso_define_text h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0px;
}

.iso_define_text p {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	text-align: justify;
	margin-bottom: 0px;
}

.iso_ser_card:hover .iso_define_text {
    opacity: 0;
}




/*---=====|| QUICK BENEFITS OVERVIEW
============================================================---*/

.benefit_title {
	margin-top: 120px;
}

.benefit_title h1 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 0px;
}

.benefit_title h1 span {
	color: #2368a9;
}

.iso_sr_list {
	margin-top: 30px;
}

.iso_sr_list ul {
	padding-left: 0px;
}

.iso_sr_list ul li {
	display: flex;
	margin-top: 15px;
	font-size: 16px;
	list-style-type: none;
}

.iso_sr_list ul li i {
	color: #2368a9;
	margin-top: 6px;
	margin-right: 10px;
}



/*---=====|| CONCIERGE BANNER
============================================================---*/

.concigrge_banner_text {
	margin-top: 200px;
	margin-left: 200px;
}

.concigrge_banner_text h1 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 0px;
}

.concigrge_banner_text p {
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.concigrge_banner_text button {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding: 6px 25px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.concigrge_banner_text button:focus {
	outline: none;
}

.choose_creaconcigege {
	margin-top: 120px;
}

.choose_creaconcigege h1 {
	font-size: 28px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.choose_creaconcigege em {
	color: #2368a9;
}



/*---=====|| MEET OUR SPECIALISTS
============================================================---*/

.conciegre_spelist_bg {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.speli_m {
	font-size: 28px;
	text-align: center;
	margin-bottom: 0px;
}

.speli_m span {
	color: #2368a9;
}

.specialists_all_card_concierge {
	display: table;
	margin: auto;
}

.specialists_card_concierge {
	float: left;
	width: 300px;
	height: 380px;
	padding: 15px;
	margin-top: 30px;
	margin-left: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.specialists_card_concierge:first-child {
	margin-left: 0px;
}

.specialists_card_concierge img {
	width: 100%;
}

.specialists_card_concierge h4 {
	font-size: 22px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.specialists_card_concierge p {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}



/*---=====|| GALLERY
============================================================---*/

.gallery_text h1 {
	color: #000;
	padding-top: 170px; 
	font-size: 42px;
	text-transform: uppercase;
	margin-left: 70px;
	margin-bottom: 0px;
}

.gallery_text p {
	color: #000;
	font-size: 16px;
	margin-left: 70px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.isotope_gallery {
	margin-top: 120px;
}

.gallery_section_card h2 {
	position: relative;
	font-size: 28px;
	text-align: center;
	margin-bottom: 0px;
}

.gallery_section_card h2::after {
	position: absolute;
	content: "";
	top: 35px;
	left: 450px;
	width: 210px;
	height: 2px;
	background-color: #2368a9;
}

.gallery_section_card h2 span {
	color: #2368a9;
}

.filter_buttons {
	margin-top: 30px;
	margin-left: 5px;
}

.filter_buttons button {
	color: #000;
	font-size: 16px;
	padding: 4px 25px;
	margin-left: 15px;
	border: 1px solid #2368a9;
	background-color: #fff;
	transition: all 900ms;
}

.filter_buttons button:first-child {
	margin-left: 0px;
}

.filter_buttons button:focus {
	outline: none;
}

.filter_buttons button:hover {
	color: #fff;
	background-color: #2368a9;
}

.filter_buttons button.active {
    color: #fff;
	background-color: #2368a9;
}

.gallery_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
	margin-top: 30px;
}

.gallery_item {
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
}

.gallery_item img {
    width: 100%;
	height: 200px;
    display: block;
	padding: 5px;
    border: 2px solid #2368a9;
}

.fancybox-spaceball {
    border: 1px solid #ccc;
}



/*---=====|| EVENT BANNER
============================================================---*/

.event_m_text {
	position: absolute;
	left: 250px;
	top: 295px;
	z-index: 9;
}

.event_m_text h1 {
	font-size: 42px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0px;
}

.event_m_text p {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}

.event_m_text a {
	font-size: 16px;
	color: #fff !important;
	margin-bottom: 0px;
}

.event_m_text a i {
	margin-left: 10px;
	margin-top: 5px;
}



/*---=====|| EVENT MEETUP
============================================================---*/

.event_meet_up {
	position: relative;
	margin-top: -150px;
	z-index: 9;
	border: 1px solid #ccc;
	padding: 30px 30px 60px 30px;
	background-color: #f7f7f7;
}

.event_meet_up h1 {
	color: #2368a9;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 0px;
}

.event_schedule {
	width: 100%; 
	margin-top: 100px;
}

.event_schedule h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.event_schedule i {
	color: #2368a9;
	margin-right: 15px;
}

.event_schedule p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.event_count {
	width: 100%;
	padding: 15px;
	margin-top: 30px;
	border: 1px solid #ccc;
	background-color: #ffff;
}

.event_count h1 {
	font-size: 28px;
	text-align: center;
}

.event_count h1 span {
	color: #ccc;
}



/*---=====|| OVERVIEW
============================================================---*/

.event_overview {
	text-align: center;
	margin-top: 120px;
}

.event_overview h3 {
	color: #2368a9;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.event_overview h1 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 0px;
}

.event_overview p {
	color: #777777;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.event_schedule_btn {
	margin-top: 30px;
}

.event_schedule_btn button {
	padding: 6px 25px;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	background-color: #2368a9;
}

.event_schedule_btn button:focus {
	outline: none;
}

.event_schedule_btn button:last-child {
	color: #2368a9;
	background-color: #f7f7f7;
	margin-left: 15px;
}

.event_conference {
	width: 100%;
	text-align: center;
	padding: 30px 15px;
	margin-top: 30px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.event_conference:hover i {
	color: #007bff;
	border: 1px solid #2368a9;
}

.event_conference i {
	width: 60px;
	height: 60px;
	font-size: 28px;
	color: #2368a9;
	padding: 15px;
	border-radius: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
	transition: all 900ms;
}

.event_conference h4 {
	font-size: 22px;
	color: #2368a9;
	margin-top: 15px;
	margin-bottom: 0px;
}

.event_conference p {
	color: #777777;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.event_schedule_bg {
	margin-top: 120px;
	padding: 50px 0px;
	background-color: #f7f7f7;
}

.event_text_sebling h1 {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}




/*---=====|| EVENT COLLEPSE
============================================================---*/

.event_collapse {
	margin-top: 50px;
}

.event_all_btn {
	width: 100%;
	border: 1px solid #2368a9;
	background-color: #f7f7f7;
}

.event_day_btn {
	position: relative;
	width: 271px;
	height: 120px;
	font-size: 16px;
	margin-left: 4px;
	border-left: 1px solid #2368a9;
	border-right: 1px solid #2368a9;
	border-top: none;
	border-bottom: none;
	background-color: #f7f7f7;
	transition: all 900ms;
}

.event_day_btn strong {
	font-size: 26px;
}

.event_day_btn:last-child {
	border-right: none;
}

.event_day_btn:first-child {
	border-left: none;
	margin-left: 0px;
}

.event_day_btn:focus {
	outline: none;
}

.event_day_btn .arrow {
	font-size: 14px;
	font-weight: 600;
	margin-left: 10px;
}

.event_day_btn.active {
	background-color: #2368a9;
	color: #fff;
	border-color: #0056b3;
}

.event_day_btn:hover {
	color: #2368a9;
	background-color: #fff;
}

.event_day_btn.active .arrow {
	font-weight: bold;
}

.event_card {
	width: 100%;
	padding: 30px;
	border-left: 1px solid #2368a9;
	border-right: 1px solid #2368a9;
	border-bottom: 1px solid #2368a9;
}

.event_part {
	display: flex;
	padding: 15px;
}

.event_icon {
	position: relative;
	margin-top: 10px;
}

.event_icon i {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	transition: all 900ms;
}

.event_icon i:hover {
	color: #fff;
	cursor: pointer;
	border: 1px solid #2368a9;
	background-color: #2368a9;
}

.event_text {
	position: relative;
	width: 100%;
	margin-left: 30px;
	padding: 15px;
	cursor: pointer;
	border: 1px solid #ccc;
	transition: all 900ms;
}

.event_text i {
	position: absolute;
	font-size: 26px;
	color: #ccc;
	top: 16px;
	left: -11px;
	transition: all 900ms;
}

.event_text:hover {
	border: 1px solid #2368a9;
}

.event_part:hover .event_icon i {
	color: #fff;
	cursor: pointer;
	border: 1px solid #2368a9;
	background-color: #2368a9;
}

.event_part:hover .event_text i {
	color: #2368a9;
}

.event_text h3 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 6px;
	margin-bottom: 0px;
}

.event_sub_collapse {
	position: relative;
}

.event_sub_collapse button {
	position: absolute;
	top: -4px;
	left: 215px;
	color: #2368a9;
	border: none;
	padding: 0px 6px;
	font-size: 16px;
	font-weight: 600;
	background-color: #fff;
}

.event_sub_collapse button:focus {
	outline: none;
}

.event_sub_card {
	width: 100%;
	padding: 0px;
	margin-top: 10px;
}

.event_sub_card p {
	font-size: 14px;
	text-align: justify;
	margin-bottom: 0px;
}

.event_coll_card {
	display: flex;
	margin-top: 15px;
}

.event_collapse_img img {
	width: 70px;
	height: 70px;
	padding: 3px;
	border-radius: 0px 12px 0px 12px;
	border: 1px solid #ccc;
}

.event_col_text {
	margin-left: 15px;
	margin-top: 10px;
}

.event_col_text h6 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.event_col_text p {
	font-size: 16px;
	margin-bottom: 0px;
}

.deterruisset {
	display: flex;
}

.deterruisset i {
	font-size: 16px;
	color: #2368a9;
	top: 6px;
	left: 0px;
}

.deterruisset p {
	font-size: 16px;
	margin-left: 15px;
	margin-bottom: 0px;
}

.pin_ve i {
	top: 35px;
	left: 3px;
}

.btn_pin_event {
	padding: 3px 20px;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 15px;
	border: 1px solid #2368a9;
	background-color: #2368a9;
}

.btn_pin_event a {
	color: #fff !important;
}



/*---=====|| OUR SPEAKERS
============================================================---*/

.payment_event_card {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	cursor: pointer;
	margin-top: 30px;
	transition: all 900ms ease;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.payment_event_card img {
	width: 100%;
	height: 450px;
	transition: transform 900ms ease;
}

.payment_event_card:hover {
	box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.6);
}

.payment_event_card:hover img {
	transform: scale(1.05);
}
.payment_event_card:hover .event_speaker_intro {
	bottom: 0; 
	height: 450px; 
	background-color: #f7f7f7;
}

.event_speaker_intro {
	position: absolute;
	width: 100%;
	bottom: -280px; 
	height: 200px; 
	overflow: hidden;
	color: #fff;
	background-color: #f7f7f7;
	opacity: .9;
	transition: bottom 0.4s ease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.event_speaker_intro h1 {
	font-size: 28px;
	color: #2368a9;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 0px;
}

.event_speaker_intro p {
	color: #000;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0px;
}

.event_list_social {
	width: 100%;
	height: 60px;
	margin-top: 230px;
	opacity: 4;
	background-color: #2368a9;
}

.event_list_social ul {
	display: table;
	margin: auto;
	padding: 0px;
	
}

.event_list_social ul li {
	float: left;
	font-size: 16px;
	margin-top: 15px;
	margin-left: 30px;
	list-style-type: none;
}

.event_list_social ul li:first-child {
	margin-left: 0px;
}

.event_list_social ul li a {
	color: #fff !important;
	text-align: center;
}



/*---=====|| TICKETS
============================================================---*/

.event_tickets {
	margin-top: 120px;
}

.event_tickets h1 {
	font-size: 36px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 0px;
}

.event_ticket_card {
	width: 100%;
	padding: 30px;
	display: flex;
	margin-top: 30px;
	border-radius: 15px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}

.card_ev_dolar h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0px;
}

.card_ev_dolar p {
	color: #2368a9;
	font-size: 16px;
	margin-bottom: 0px;
}

.event_description p {
	font-size: 16px;
	margin-bottom: 0px;
}

.event_description button {
	padding: 4px 25px;
	font-size: 16px;
	margin-top: 15px;
	border-radius: 10px;
	border: 1px solid #2368a9;
	background-color: #2368a9;
}

.event_description button a {
	color: #fff !important;
	font-size: 16px;
}

.event_description button:focus {
	outline: none;
}




/*---=====|| EVENT FACILITIES
============================================================---*/

.facilities_event_card {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
	margin-top: 30px;
	transition: all 900ms ease;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.facilities_event_card img {
	width: 100%;
	height: 400px;
	transition: transform 900ms ease;
}

.facilities_event_card:hover {
	box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.6);
}

.facilities_event_card:hover img {
	transform: scale(1.05);
}
.facilities_event_card:hover .facilities_intro {
	bottom: 0; 
	height: 150px; 
	background-color: #f7f7f7;
}

.facilities_intro {
	position: absolute;
	width: 100%;
	bottom: -170px; 
	height: 300px; 
	overflow: hidden;
	color: #fff;
	background-color: #f7f7f7;
	opacity: .9;
	transition: bottom 0.4s ease-in-out, height 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.facilities_intro h1 {
	font-size: 22px;
	margin-top: 10px;
	color: #2368a9;
	text-align: center;
	margin-bottom: 0px;
}

.facilities_intro p {
	color: #000;
	font-size: 14px;
	text-align: center;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.facilities_intro button {
	display: table;
	margin: auto;
	font-size: 14px;
	margin-top: 5px;
	padding: 2px 20px;
	border: none;
	background-color: #2368a9;
}

.facilities_intro button a {
	color: #ffff !important;
}



/*---=====|| EVENT COUNTER
============================================================---*/

.bg_progress_event {
	position: relative;
	width: 100%;
	padding: 50px 0px;
	margin-top: 120px;
	background-color: #f7f7f7;
}

.event_counter_progress img {
	width: 70px;
}

.event_counter_progress span {
	font-size: 28px;
	display: table;
	margin: auto;
	margin-top: 15px;
}

.event_counter_progress p {
	font-size: 16px;
	margin-top: 15px;
	text-align: center;
}



/*---=====|| EVENT NEWS
============================================================---*/

.event_news_card {
	position: relative;
	width: 100%;
	margin-top: 30px;
	background-color: #f7f7f7;
}

.event_news_img img {
	width: 100%;
	height: 230px;
}

.event_news_btn button {
	padding: 4px 15px;
	color: #fff;
	font-size: 16px;
	border: none;
	margin-left: 128px;
	background-color: #2368a9;
}

.event_news_btn h6 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 0px;
}

.event_news_btn p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
	padding-right: 10px;
	margin-bottom: 0px;
}

.event_news_btn a {
	float: right;
	color: #2368a9 !important;
	font-size: 14px;
	margin-top: 10px;
	margin-right: 10px;
}

.event_news_btn a i {
	margin-left: 10px;
}

.event_news_btn ul {
	padding-left: 0px;
	margin-top: 10px;
}

.event_news_btn ul li {
	list-style-type: none;
}

.event_news_btn ul li i {
	font-weight: 600;
	color: #2368a9;
}

.event_news_btn ul li span {
	margin-left: 10px;
}



/*---=====|| INTERNATIONAL BUSINESS SETUP
============================================================---*/

.international_title {
	margin-top: 120px;
}

.international_title h1 {
	font-size: 28px;
	font-weight: 600;
	color: #2368a9;
	margin-bottom: 0px;
}

.international_nav_list ul {
	padding-left: 0px;
}

.international_nav_list ul li {
	list-style-type: none;
	font-size: 18px;
	margin-top: 30px;
	padding: 15px;
	cursor: pointer;
	border-left: 3px solid #2368a9;
	background-color: #f7f7f7;
	transition: all 900ms;
}

.international_nav_list ul li a {
	color: #000;
	margin-left: 15px;
}

.international_nav_list ul li:hover {
	transform: translateX(10px);
	border-left: 3px solid #ccc;
}



/*---=====|| BUSINESS DIVISION DETAILS
============================================================---*/

.division_details {
	margin-top: 120px;
}

.division_details h1 {
	font-size: 28px;
	color: #2368a9;
	font-weight: 600;
	margin-bottom: 0px;
}

.division_details p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.division_details_img {
	margin-top: 30px;
}

.division_details_img img {
	width: 100%;
}

.division_details_list {
	margin-top: 30px;
}

.division_details_list p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0px;
}

.division_details_list ul {
	margin-top: 30px;
}

.division_details_list ul li {
	font-size: 16px;
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 0px;
}