/* Mainland */

/* Modern Font Stack - 2025 Edition */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* Primary font stack */
body {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

/* For headings - more expressive */
.title, h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

/* For ALL input types including text, email, number, date */
input[type="text"],
input[type="email"], 
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
.form__input,
.mobile_code {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 1.6rem;
}

/* For textarea */
textarea,
textarea.form__input {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
}

/* For labels */
label, .form__label {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
}

/* For ALL placeholders - more comprehensive approach */
input::placeholder,
textarea::placeholder,
.form__input::placeholder,
.mobile_code::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 300;
    color: var(--text-muted);
    opacity: 0.7;
}

/* For select dropdowns */
select,
select.form__input {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 1.6rem;
}

/* For option elements */
select option,
select.form__input option {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    padding: 8px 12px;
}

/* For disabled/default options */
select option:disabled,
select.form__input option:disabled {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 300;
    color: var(--text-muted);
    font-style: italic;
}

/* For selected option */
select option:checked,
select.form__input option:checked {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 500;
    background-color: var(--primary-blue);
    color: white;
}

/* Specific targeting for your form elements */
input[name="name"],
input[name="email"],
input[name="mobile"],
textarea[name="message"],
input[name="meeting_datetime"],
#tel,
#hiddenNationality1,
#meeting_mode {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 1.6rem;
}

/* For buttons */
.form__button,
.button,
button {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.025em;
}

/* Universal fallback - use with caution */
* {
    font-family: inherit;
}

/* Force font for all form elements */
form *,
.form *,
.banner__form * {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Target the accordion body itself and all possible text elements */
.accordion-body {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.7 !important;
    color: #5a6c7d !important;
}

/* Target all child elements including strong tags */
.accordion-body * {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Specifically target strong tags */
.accordion-body strong {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* Target text nodes (this should catch everything) */
.accordion-body,
.accordion-body *,
.accordion-body strong,
.accordion-body b,
.accordion-body em,
.accordion-body i {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}


:root{
    --primarily: rgb(231,87,18);
    --secondly: rgb(246 175 6);
    --thirdly: #fff7e0;
    --light: #f1f2f2;

    --gradient: linear-gradient(120deg, rgba(231,87,18,1) 20%, rgba(246,175,6,1) 80%);
    --gradient2: linear-gradient(120deg, rgba(231,87,18,1) 50%, rgba(246,175,6,1) 100%);
    --gradient3: linear-gradient(121deg, #f6af06 23%, #e75712 72%);
    
	--text: #232323;
	--para: #808285;
    --white: #fff;
    --black: #000;
	--gray: #f1f2f2;
	--gray2: #f6f6f6;
	--dark-gray: #939393;

    --value: 5;
    
    --smallest-value: 14px;
    --small-value: 16px;
    --default-value: 18px;
    --medium-value: 20px;
    --big-value: 24px;
    --biggest-value: 34px;
    
    --border-color: rgb(206 204 204 / 100%);
	--box-shadow: 0 0 40px 3px rgba(0,0,0,0.1);
    
}
* {
  box-sizing: border-box;
  font-stretch: normal;
  margin: 0;
  padding: 0;
}
*::selection {
    /* background-color: var(--text);
	color: var(--white); */

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

    font-size: 62.5%;
}
body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: 'miraimedium', 'mirairegular' !important;
    font-size: var(--default-value) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
	color: var(--para) !important;
	overflow-x: hidden !important;
}
img {
  max-width: 100%;
}
a, a:hover, a:focus, a:active {
    text-decoration: none !important;
}

ul, li {
	list-style: none !important;
}


/*---------------------- Begin: title  -------------------- */
.title {
	font-weight: 700;
}
.text__bg {
	background: -webkit-linear-gradient(16deg, #e75712 35%, #f6af06 48%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.primarily__title {
	font-size: 5.0rem;
}
.secondly__title {
	font-size: 4.0rem;
}
.thirdly__title {
	font-size: 3.0rem;
}
.fourthly__title {
	font-size: 2.2rem;
}
.price__title {
	font-size: 6.5rem;
}

/*---------------------- End: title -------------------- */

/*---------------------- Begin: colors  -------------------- */
.primarily__clr{
	color: var(--primarily);
}
.secondly__clr {
	color: var(--secondly);
}
.thirdly__clr {
	color: var(--thirdly);
}
.text__clr {
	color: var(--text);
}
.text__white {
	color: var(--white);
}

/*---------------------- End: colors -------------------- */


/*---------------------- Begin: btn-------------------- */
.button {
	display: inline-block;
	font-size: var(--default-value);
	padding: 0.5em 1.6em;
	border: none;
}
.button2 {
	border-radius: 3rem;
}
.button, .form__button {
	background: var(--primarily);
	color: var(--white);
}
.button:hover, .form__button:hover {
	background: var(--secondly);
	color: var(--white);
}


/*---------------------- End: btn-------------------- */

/*---------------------- Begin: main-------------------- */
#main {
	width: 100%;
	float: left;
	min-height: 100vh;
}
section {
	width: 100%;
	float: left;
	padding: 5rem 0 0rem 0;
}
.space__bottom {
	padding-bottom: 3rem !important;
}
.gray__bg {
	background: var(--gray);
}
.gray2__bg {
	background: var(--gray2);
}

/*---------------------- End: main-------------------- */


/*---------------------- Begin: grid -------------------- */
.grid {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: auto;
}

.grid-2{
	grid-template-columns: 1fr 1fr;
}
.grid-5 {
	grid-template-columns: repeat(3, 1fr);
}

@media screen and (min-width: 992px){
	.grid-2{
		grid-template-columns: 1fr 1fr;
	}
	.grid-5 {
		grid-template-columns: repeat(5, 1fr);
	}
	
}


/*---------------------- End: grid -------------------- */


/*---------------------- Begin: img border -------------------- */
.img__brd {
	outline: 3px solid var(--primarily);
	padding: 2rem;
}

/*---------------------- End: img border -------------------- */





/*--------------- Begin: header -------------- */
header {
	width: 100%;
	float: left;
	background: var(--thirdly);
	background: var(--gray);
	background: var(--gray2);
	background: #f6f6f6;

}

.header__top {
	display: grid;
	grid-template-columns: 400px 1fr;
	align-items: center;
	padding: 1rem 2.5rem;
}
.logo__card {

}

.logo__img {
	height: 7rem;
}
.header__top .connect :is(a, p, li, span) {
	color: var(--text);
}


.connect {
	width: 100%;
	float: left;
}
.connect ul {
	width: 100%;
	margin: 0;
	padding: 0.5rem 0;

	display: flex;
	justify-content: flex-end;
	align-items: center;

}
.connect ul:not(:last-child) {
	/* padding: 1.8rem 4rem; */
	/* border-bottom: 2px solid var(--white); */
}
.connect ul li:not(:last-child) {
	/*margin-right: 2.5rem;*/
}
.connect ul li {
	float: left;
}
.connect :is(a, p, li, span) {
	color: var(--white);
}
.connect ul li a:hover,
.connect ul li a:hover svg {
	color: var(--black);
}
.connect a b {
	/* font-size: var(--big-value); */
}
.connect a {
	line-height: 1;
}
.connect a[target="_blank"] {
	display: flex;
	align-items: center;
}


.icon {
	float: left;
	font-size: var(--big-value);
	color: var(--primarily);
	margin-right: 1.5rem;
}
header .icon {
    color: var(--primarily);
}
/* .fa-whatsapp {
	font-size: 5rem;
} */



/*--------------- End: header -------------- */




/*---------------------- Begin:  banner-------------------- */
.banner {
	width: 100%;
	float: left;
	position: relative;
	/* height:  86vh; */
	/* position: relative;
}
.banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5) 100%; */
}
.banner__image {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.banner__form,
.banner__content { 
	position: absolute;
	top: 50%;
	transform: translate(-7%, -50%);
}
.banner__content {
	left: 7%;
}
.banner__form {
	right: 7%;
	width: 29%;
}


/*---------------------- End: banner -------------------- */



/*---------------------- Begin: form -------------------- */

.form {
	width: 100%;
	padding: var(--big-value) var(--biggest-value);
	box-shadow: var(--box-shadow);
	background: var(--white);
	border-radius: 0.5rem;
	padding: 2rem;
  }
  .form__group {
	position: relative;
  }
  .form__group:not(:last-child) {
	margin-bottom: var(--big-value);
  }
  .form__label {
	position: absolute;
	top: -2rem;
	left: 0;
	opacity: 1;
	transition: all 0.3s;
  }
  .form__lable, .form__input, .form__input::placeholder {
	font-size: 17px;
  }
  .form__input {
	width: 100%;
	height: 3rem;
	padding: 0 var(--smallest-value);
	border: 2px solid var(--gray);
	caret-color: var(--primarily);
	border-radius: 0.5rem;
  }
  .form__input[name="message"] {
	  height: 6rem;
  }
  .form__input:focus, .form__input:focus-visible {
	outline: none;
	border-bottom: 2px solid var(--primarily);
  }
  .form__input:placeholder-shown ~ .form__label {
	opacity: 0;
	top: 0%;
  }
  .form__button {
	width: 100%;
	border-radius: 0.5rem;
	padding: 0.5em 1.9em;
	border: none;
	color: var(--white);
	font-size: var(--default-value);
	text-transform: uppercase;
	cursor: pointer;
  }

  .form__radio {
	visibility: hidden;
  }
  .form__radio:checked ~ .form__radio__label .form__radio__button:before {
	opacity: 1;
  }
  .form__radio:checked ~ .form__radio__label .form__radio__button {
	border-color: var(--primarily);
  }
  .form__radio__label {
	cursor: pointer;
	position: relative;
	padding-left: var(--medium-value);
  }
  .form__radio__button {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
	border: 2px solid var(--secondly);
	position: absolute;
	left: -16px;
	top: 0;
  }
  .form__radio__button:before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: 70%;
	border-radius: 50%;
	background: var(--primarily);
	opacity: 0;
  }

/*---------------------- End: form -------------------- */



/*--------------- Begin: why__us -------------- */
.why__us {
	width: 100%;
	float: left;
}
.why__box h4 {
	color: var(--text);
}
.why__box h4 b {
	display: block;
	font-size: 2.5rem;
}
.why__img {
	width: 180px;
	height: 180px;
	line-height: 180px;
	background: url(../images/shape-bg.png) center center no-repeat;
	background-size: 80% 80%;
	display: inline-block;
}
.why__img__box {
	width: 11rem;
	height: 11rem;
	line-height: 11rem;
	background: var(--white);
	border-radius: 50%;
	display: inline-block;
}
.why__img__image {
	width: auto;
	height: 4.5rem;
}



/*--------------- End: why__us -------------- */




/*---------------------- Begin:package  -------------------- */
.package {
	/* padding-left: 1rem;
	padding-right: 1rem; */

	/* position: relative;
}
.package:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 60%;
	left: 0;
	top: 0;
	background: var(--thirdly); */
}
.package__content {
	width: 100%;
	float: left;
	background: var(--white);
	box-shadow: var(--box-shadow);
	padding: 3rem 2.5rem;
}
.package__content__hgt {
	min-height: 370px;
	position: relative;
}
.package__content__hgt .button {
	position: absolute;
	bottom: 3rem;
	left: 3.5rem;
}

.package__list li {
	margin-bottom: 0.8rem;
	font-size: var(--medium-value);
}
.package__list li:last-child {
	margin-bottom: 1.8rem;
}



/*---------------------- End: package -------------------- */




/*---------------------- Begin: benefits-------------------- */
.benefits {
}
.benefits__content {}
.benefits__list {
	font-size: var(--medium-value);
}
.benefits__list .icon {
	/*font-size: inherit;
    float: left;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    box-shadow: var(--shadow);
    text-align: center;
    background: var(--white);
    margin-right: 20px;*/
    
    
    float: left;
    font-size: var(--big-value);
    color: var(--primarily);
    margin-right: 1.5rem;
    font-size: 20px;
    background: #FFF;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 20px;
    

}

/*---------------------- End: benefits -------------------- */




/*---------------------- Begin: process__content  -------------------- */
.process{}
.process__content {
	margin: 3rem 0;
	width: 100%;

	grid-gap: 0;
	align-items: center;

}
.process__card {
	text-align: center;	
}
.process__img__box, 
.process__text {
	height: 140px;
}

.process__img {
    width: 13rem;
    height: 13rem;
    line-height: 13rem;
    background: var(--primarily);
    border-radius: 50%;
    display: inline-block;
	text-align: center;

	position: relative;
}
.process__img:before,
.top__face:after,
.bottom__face:after {
	content: '';
	position: absolute;
}
.process__img:before {
	width: 100%;
	height: 100%;
	left: -7%;
	border: 1.9px solid var(--text);
	border-radius: 50%;
}
.top__face:after, 
.bottom__face:after { 
	left: 50%;
    transform: translate(-50%, 0);
	border-left: var(--biggest-value) solid transparent;
	border-right: var(--biggest-value) solid transparent;
}
.top__face:after {
	bottom: -14%;
	border-top: var(--biggest-value) solid var(--primarily);
}
.bottom__face:after {
	top: -14%;
	border-bottom: var(--biggest-value) solid var(--primarily);
}
.process__image {
    width: auto;
    height: 6rem;
	text-align: center;
}
.bullet__point {
	width: 100%;
	margin: 3.5rem 0;
	border: 0.2rem solid var(--black);

	position: relative;
}
.bullet__point:before {
	content: '';
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--black);
	border: 0.5rem solid var(--primarily);
}

.process__text {
	display: flex;
    align-items: center;
	color: var(--text);
}



/*---------------------- End: process__content -------------------- */



/*---------------------- Begin: -------------------- */
.video{
}

.video__card {
	width: 100%;
	float: left;
	position: relative;
}
.play__icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/*---------------------- End: -------------------- */



/*---------------------- Begin:team -------------------- */
.team {
	position: relative;
}
.team::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: var(--primarily);
}

/*---------------------- End: team-------------------- */



/*---------------------- Begin:client -------------------- */
.client {
	position: relative;
}
.client__img__box  {
	padding: 1rem 3rem;
	background: var(--white);
	box-shadow: var(--box-shadow);
}

/*---------------------- End: client-------------------- */



/*---------------------- Begin: agencies-------------------- */
.agencies {

}
.agencies__content {
	width: 100%;
	float: left;
	padding: 8rem;
}
.agencies__list span {
	/* color: var(--white); */
}
.agencies__list li {
	font-size: var(--medium-value);
	transition: all 0.9s;
}
.agencies__list li:hover {
	margin-left: 1rem;
	transition: all 0.9s;
}

/*---------------------- End:agencies -------------------- */



/*---------------------- Begin:why__choose -------------------- */
.why__choose {

}
.why__choose__content {
	width: 100%;
	float: left;
}
.why__choose__content :is(span, .icon)  {
	color: var(--para);
	font-size: var(--default-value);
}
.why__choose__img {
	padding: 0rem 6rem;
	/* position: relative;
}
.why__choose__img::before {
	position: absolute;
	content: '';
	left: 0%;
    top: 9%;
    width: 60%;
    height: 100%;
	border: 4px solid var(--primarily);
	z-index: -1; */
}


/*---------------------- End:why__choose -------------------- */



/*---------------------- Begin:served -------------------- */
.served {
	margin-top: 10rem;
}
.served__list {
	width: 100%;
	float: left;
	margin-top: 2rem;
}
.served__list li {
	font-size: var(--medium-value);
	text-align: center;
	/* color: var(--white); */
	margin-bottom: 2.5rem;
}

/*---------------------- End:served -------------------- */



/*---------------------- Begin:scheduled__consultation  -------------------- */
.scheduled__consultation {
	width: 100%;
	float: left;
	padding: 5rem 0;
}

/*---------------------- End: scheduled__consultation -------------------- */


/*---------------------- Begin:book -------------------- */
.book {
}
.book__form .form {
	background: none;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.book__form  .form__input, 
.book__form .form__button {
	height: 7rem;
	border-radius: 0;
}
.book__form  .form__input[name="message"] {
    height: 20rem;
}
.book__form  .form__label {
    top: -3rem;
    padding: 0 var(--smallest-value);
	/* color: var(--white); */
}
.book__form   .form__group:not(:last-child) {
    margin-bottom: 4rem;
}


/*---------------------- End:book -------------------- */


/*---------------------- Begin:contact -------------------- */
.contact {
}
.contact__card, .contact__text {
	width: 100%;
	float: left;
}
.contact__card :is(p, a ) {
	color: var(--para);
}
.contact__card h4 {
	color: var(--black);
}
.contact__card .icon  {
	width: 100%;
	margin-bottom: 1.5rem;
	color: var(--white);
}
.contact__card .icon span {
	display: inline-block;
	width: 9rem;
	height: 9rem;
	line-height: 9rem;
	text-align: center;
	border-radius: 50%;
	background: var(--primarily);
	font-size: var(--biggest-value);
}



/*---------------------- End:contact -------------------- */

/*---------------------- Begin: footer -------------------- */
footer {
	padding: 3rem 0;
	background: var(--primarily);
}
footer p {
	margin: 0;
	color: var(--white);
	font-size: var(--medium-value);
}


/*---------------------- End: footer -------------------- */

/*--------------- Begin: scroll on  top -------------- */
#scrollOnTop {
	display: inline-block;
	background-color: var(--secondly);
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	border-radius: 0.5rem;
	color: var(--white);
	text-align: center;
	position: fixed;

	bottom: 6rem;
	right: 3rem;

	transition: background-color .3s, 
	  opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	font-size: var(--big-value);
  }
  #scrollOnTop:hover {
	cursor: pointer;
	background-color: var(--primarily);
  }
  #scrollOnTop:active {
	background-color: var(--para);
  }
  #scrollOnTop.show {
	opacity: 1;
	visibility: visible;
  }
/*--------------- End: scroll on  top -------------- */


/*--------------- Begin: pop__area -------------- */
.pop__area .modal {
	
}
.pop__area .modal-dialog{
	margin: 5rem auto;
}
.pop__area .form, .pop__area .modal-content {
	background: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.pop__area .modal-body {
	padding: 4rem 3rem;
	background: linear-gradient(to bottom,  #000000bf 0%,#00000085 100%),url(../images/banner.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.5rem;
}
.pop__area .modal-header {
	border:none;
}
.pop__area  .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: red;
    font-size: 30px;
    margin: -2rem !important;
    padding: 0;
	opacity: 1;
    color: white;
	z-index: 1;
}
.pop__area button:focus {
	outline: none;
}
.pop__area  .form__group:not(:last-child) {
    margin-bottom: var(--biggest-value);
}
.pop__area  .form__label {
	color: var(--white);
}

/*--------------- End: pop__area -------------- */



/*--------------- Start: business__preference -------------- */
.business__preference {
	position: relative;
}
.business__preference__card {
	width: 100%;
    float: left;
	box-shadow: var(--box-shadow);
	cursor: pointer;
	position: relative;
	/* overflow-x: hidden; */
}
.business__preference__text {
	min-height: 17rem;
	text-align: center;
	padding: 2.0rem 1.5rem;
}
.business__preference__text .button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 3rem;
}
.business__preference__text .button:focus {
	outline: none;
}
.business__preference__card:hover h4{
	color: var(--primarily);
}
.hoverBg {
	width: 100%;
	/* background:rgb(0, 0, 0, 0.7); */
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;
}

.hoverBg .package__content {
	width: 100%;
	height: 100%;
}
.hoverBg .package__content li {
	margin: 0;
	font-size: var(--default-value);
}
.hoverBg .pop__area .close {
	width: 3.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	margin: -1rem !important;
}


/*--------------- End: business__preference -------------- */




/*--------------- Begin: process__content slider -------------- */
.process__content__slider {
	
}
.process__content__slider .process__text {
	display: inherit;
}
.process__content__slider {
	overflow: hidden;
}
.process__content__slider .process__card {
	width: 100%;
	float: left;
	background: var(--gray);
	padding: 40px;
	border-radius: 5px;
	margin: 20px 50px;
	position: relative;
}
.process__content__slider .slick-next {
	right: 50px;
}
.process__content__slider .slick-prev {
	left: 50px;
}
.process__content__slider .slick-prev, 
.process__content__slider .slick-next, 
.process__content__slider .slick-prev:hover, 
.process__content__slider .slick-prev:focus, 
.process__content__slider .slick-next:hover, 
.process__content__slider .slick-next:focus {
	background: var(--white);
	border: 1px solid var(--black);
	box-shadow: var(--shadow);
}
.process__content__slider .slick-prev, 
.process__content__slider .slick-next {
	z-index: 2;
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 50%;
}
.process__content__slider  .slick-prev:before, 
.process__content__slider  .slick-next:before {
	color: var(--black) !important; 
}


.hide__md {
	display: none;
}
.show__md {
	display: block;
}
@media screen and (max-width: 992px){
	.hide__sm {
		display: none;
	}
	.show__sm {
		display: block;
	}
}

/*--------------- End: process__content slider -------------- */





/*--------------- BEgin: our__slider slider -------------- */
.slick__slides {
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem
}
.slick__slide {
    width: 100%;
    float: left;
    padding: 2rem
}
/*--------------- End: our__slider slider -------------- */


/*--------------- BEgin: heading  -------------- */
.heading {
    color: var(--white);
    background: var(--primarily);
    padding: 0.2rem 0.4rem;
}


/*--------------- End: heading  -------------- */







/*---------------------- Begin: google--review -------------------- */
.google--review {
	position: fixed;
	z-index: 999;
	left: 20px;
	bottom: 20px;
	width: 190px;
	padding: 10px;

	background: white;
	box-shadow:0px 6px 12px 0px rgba(0 0 0 / 20%) ;
	border-radius: 10px;
	cursor: pointer;
}
.google--review a {
	color: black;
}
.google--review p {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 14px;
}
.google--icon svg {
	width: 25px;
}
.google--rating {
	width: 100%;
	float: left;
	line-height: initial;
}
.google--rating ul {
	display: inline-block;
	margin: 0 !important;
}
.google--rating li:first-child {
	margin-right: 8px;
}
.google--rating li {
	float: left;
	margin-right: 3px;
}
.google--rating li svg {
	color: #fcbf02;
}
/*---------------------- End: google--review -------------------- */





/*---------------------- Begin: responsive -------------------- */


@media screen and (max-width: 1440px){


}

@media screen and (max-width: 1366px){
	.primarily__title {
		font-size: 4rem;
	}



}

@media screen and (max-width: 1280px){



}

@media screen and (max-width: 1200px){


	.primarily__title {
		font-size: 3.5rem;
	}




	.header__top {
		grid-template-columns: 310px 1fr;
	}
	.header__top .icon {
		float: inherit;
		margin-right: 0.5rem;
		width: 4rem;
	}
	.connect ul:not(:last-child) {
		padding-right: 1.5rem;
	}
	.connect ul li {
		text-align: end;
	}
	.banner__form {
		right: 0;
	}
	
	

	.agenceis__img  {
		margin-top: 2rem;
	}


	.package__content__hgt {
		min-height: 500px;
	}

}
@media screen and (min-width: 1200px){

	.connect ul li:not(:last-child) {
		margin-right: 1.5rem;
	}

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

	.banner__image {
		height: 600px;
	}



}

@media screen and (max-width: 991px){


	
	.banner__form {
		width: 41%;
	}

	.benefits__content, .why__choose__content {
		padding: 0 4rem;
	}
	img[alt="dubai-img"] {
		display: none;
	}
	
	.process__card {
		margin-bottom: 4rem;
	}
	.why__choose__img {
		margin-bottom: 12rem;
	}
	.scheduled__consultation {
		text-align: center;
	}
	.package__content__hgt {
		min-height: 100%;
		height: auto;
	}
	.package__content__hgt .button {
		position: inherit;
		bottom: 0;
		left: 0rem;
	}

	.why__choose__img::before {
		top: 11%;
		width: 70%;
	}


	.tablet__d__none {
		display: none;
	}
	

}

@media screen and (max-width: 850px){

	.header__top {
		grid-template-columns: 250px 1fr;
	}


	.connect ul {
		padding: 0.5rem 1rem;
	}

	.banner__image {
		height: 500px;
	}
	.banner__content  {
		top: 10%;
		transform: translate(0, 0%);
	}
	.banner__form {
		width: 90%;
		right: 0;
		position: inherit;
		margin: 5rem auto;
		top: inherit;
		transform: inherit;
	}

	.why__us {
		margin-top: 0;
	}
	.why__box h4 b {
		display: block;
		font-size: 2.5rem;
	}

	.md-mt-space {
		margin-top: 2rem;
	}







}

@media screen and (max-width: 768px){

	.book__form .form {
		padding: 0;
	}
	.header__top {
		padding: 1rem 1rem;
	}
	.business__preference__text {
		min-height: 20rem;
	}
	





}

@media screen and (max-width: 600px){

	
	.why__box h4 b {
		display: block;
		font-size: 2.2rem;
	}
	.grid-5 {
		grid-template-columns: repeat(2, 1fr);
	}


	.header__top {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.business__preference__text {
		min-height: auto;
	}
	.business__preference__text .button {
		position: inherit;
		left: inherit;
		bottom: inherit;
		transform: translate(0);
		margin-top: 1.5rem;
	}
	.business__preference__card img {
		width: 100%;
	}


	.connect ul {
		justify-content: space-around;
	}
	.connect ul li {
		text-align: end;
	}


	.banner__image {
		height: 500px;
	}
	

	.book__form .form__group {
		margin-bottom: 4rem;
	}


	.package:before {
		height: 80%;
	}

	.served__list li, footer p {
		font-size: var(--default-value) !important;
	}

	.agencies__content {
		padding: 5rem;
	}
	section {
		padding: 0rem 0 2rem 0;
	}
	.served {
		margin-top: 3rem;
	}
	.form {
		padding: 2rem;
	}

.benefits__content .icon__image {
		height: 30px;
		width: 30px;
	}

	.why__choose__img {
		padding: 0rem 3rem;
	}
	.button {
		padding: 0.56em 2em;
	}

	.process__content__slider .process__img {
		width: 10rem;
		height: 10rem;
		line-height: 10rem;
	}
	.process__content__slider  .process__image {
		height: 4rem;
	}
	.process__content__slider .process__card {
		margin-left: 2.0rem;
		margin-right: 2.0rem;
		padding: 2rem;
	}
	.process__content__slider .slick-prev, .process__content__slider .slick-next {
		width: 3.5rem;
		height: 3.5rem;
	}
	.process__content__slider .slick-prev {
		left: 3rem !important;
		display: none !important;

	}
	.process__content__slider .slick-next {
		right: 3rem !important;
		display: none !important;

	}

}

@media screen and (max-width: 480px){

	.primarily__title {
		font-size: 3.0rem;
	}
	.price__title {
		font-size: 5.5rem;
	}

	body {
		font-size: var(--small-value) !important;
	}
	
	.grid-5 {
		grid-template-columns: repeat(2, 1fr);
	}

	.banner__form {
		width: 80%;
	}
	.video__card {
		text-align: center;
	}
	.form__button {
		font-size: var(--small-value);
	}
	.benefits__content, .why__choose__content {
		padding: 0 1rem;
	}
	.why__choose__img {
		margin-bottom: 7rem;
	}

	.connect ul:not(:last-child) {
		padding: 1rem 0.5rem;
	}
	.connect ul li:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	li.whatsapp {
		margin-bottom: 0rem !important;
	}
	.connect ul {
		flex-direction: column;
		justify-content: center;
	}
	.benefits__list .icon {
	/*	background: none;*/
	}

}

@media screen and (max-width: 400px){

	.primarily__title {
		font-size: 2.8rem;
	}
	.price__title {
		font-size: 4.0rem;
	}

	.banner__content {
		top: 4%;
	}
	.banner__image {
		height: 400px;
	}
	.banner__form {
		width: 90%;
	}
	.agencies__content {
		padding: 3rem;
	}
	.grid-2, .grid-5 {
		grid-template-columns: 1fr;
	} 


	.process__content__slider .process__card {
		margin-left: 1.0rem;
		margin-right: 1.0rem;
		padding: 1.5rem;

	}
	.process__content__slider .slick-prev, 
	.process__content__slider .slick-next {
		width: 2.0rem;
		height: 2.0rem;
	}
	.process__content__slider .slick-prev {
		left: 1.5rem;
	}
	.process__content__slider .slick-next {
		right: 1.5rem;
	}


}

@media screen and (max-width: 360px){

	.why__choose__img {
		padding: 0rem 2rem;
	}
	.primarily__title {
		font-size: 2.5rem;
	}
	
}

@media screen and (max-width: 320px){

	.form__button, .button {
		font-size: var(--smallest-value);
	padding: 0.56em 2em;

	}
	

}




/*---------------------- End: responsive -------------------- */