@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root {
  --primary:#3C87FF;
  --secondary:#F1EEE6;
  --lighBg:#ebebeb;
  --border:#C3C3C3;
  --text-color:#232323;
  --paragraph:#3A3A3A;
  --shades01:#FFFFFF;
  --shades02:#F8F8F8;
  --shades03:#ECECEC;
  --shades04:#646464;
  --shades05:#202226;
  --shades06:#B4B4B4;
  --shades07:#D9D9D9; 
  --shades08:#0A111D; 
  --shades09:#F5F5F5; 
  --shades10:#f5f5f5a1; 
  --lightBlue:#E1EDFF; 
  --yellow:#FFC107;
  --yellowfade:#FFF4D2;
  --blueOpacity:#0044b1c4;
  --yellowOpacity:#d4af37eb;
  --lightPurple-rgb:77, 2, 126;
  --purple-rgb:68, 0, 113;
  --darkPurple-rgb:60, 1, 100;
  --lightMagenta-rgb:102, 8, 104;
  --magenta-rgb:114, 12, 99;
  --darkMagenta-rgb:92, 6, 107;
  --red-rgb:255, 46, 68;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:236, 236, 236;
  --shades04-rgb:100, 100, 100;
  --shades05-rgb:250, 250, 248;
  --shades06-rgb:180, 180, 180;
  --shades07-rgb:217, 217, 217;
  scroll-behavior:unset;
}

/* ********|| INITIALIZATION START ||******** */
body.loaded {opacity: 1 !important;}
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important; font-family: "Manrope", serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px; line-height: 1.2; color: var(--text-color); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth;}
*{transition: all 0s ease;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--green01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades04-rgb), 0.2);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: #d6c8dd; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--primary), 1); border-radius: 100vh; transition:all 0.3s ease; }

/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--primary); color:var(--shades01)}
::-moz-selection{ background-color:var(--primary); color:var(--shades01)}
::-webkit-selection{ background-color:var(--primary); color:var(--shades01)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--primary) !important;text-shadow: 0 0 0 var(--shades01);}
select:-moz-focusring {color: var(--primary) !important;text-shadow: 0 0 0 var(--shades01);}
select:focusring {color: var(--primary) !important; text-shadow: 0 0 0 var(--shades01);}
::input-placeholder{ color:var(--shades06) !important;}
::-moz-input-placeholder{ color:var(--shades06) !important;}
::-webkit-input-placeholder{ color:var(--shades06) !important;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
@media (min-width: 576px){
	.container{max-width: none; margin: 0 auto; width: 100%; padding-left: 16px; padding-right: 16px;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
	.container{max-width: 740px; margin: 0 auto;}
}
@media (min-width: 992px){
	.container{max-width: 960px; margin: 0 auto;}
}
@media (min-width: 1200px){
	/* .container{max-width: 1170px; margin: 0 auto;} */
	.container{max-width: 1070px; margin: 0 auto;}
}
@media (min-width: 1366px){
	.container{max-width: 1170px; margin: 0 auto;}
}
@media (min-width: 1400px){
	.container{max-width: 1280px; margin: 0 auto;}
}
@media (min-width: 1600px){
	.container{max-width: 1400px; margin: 0 auto;}
}
@media (min-width: 1900px){
	.container{max-width: 1600px; margin: 0 auto;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--red);border: 1px solid var(--red);}
/* ********|| CHECKBOX END ||******** */
/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--red);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| SWITCH START ||******** */
.switch{position: relative;padding:0;display: block;}
.switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades02);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;}
.switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades02);transition: all 0.3s ease;}
.switch .switch-labels span+span{color:var(--shades01)}
.switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--red);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));}
.switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));}
.switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)}
.switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades02)}
/* ********|| SWITCH END ||******** */

/* ********|| MODAL START ||******** */
.modal .btn-close{background-image: none;padding: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 20px;opacity: 1;position: absolute;top: -16px;right: -16px;background-color: var(--shades01);box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.modal .modal-content{border: none;box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.5);border-radius: 8px;}
/* ********|| MODAL END ||******** */

/* ********|| HEADER START ||******** */
header{padding: 0 60px; height: 120px; display: flex; align-items: center; gap: 20px; transition: 0.5s all ease; background-color: var(--shades01); z-index: 99; width: 100%;  position: fixed; top: 0;}
.brand{width: 90px; height: 63px; overflow: hidden; flex-shrink: 0;}
.brand img{width: 100%; height: 100%; object-fit: contain;}
header .navigation .navigation-menu{display: flex; align-items: center; gap: 20px; margin-bottom: 0; margin-top: 0;}
header .navigation .navigation-menu li{list-style: none; position: relative;}
header .navigation .navigation-menu .menu-link{ display: flex; align-items: center; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 6px 14px; border-radius: 10px; transition: 0.3s all ease; color: var(--text-color); overflow: hidden; position: relative; z-index: 0;}
header .navigation .navigation-menu .menu-link.active{background-color: var(--primary); color: var(--shades01);}

header .navigation .navigation-menu .menu-link::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--primary); border-radius: 6px; transform: scaleX(0); transform-origin: center; transition: transform 0.4s ease-in-out; z-index: -1; }
header .navigation .navigation-menu .menu-link:hover::before {transform: scaleX(1);}
header .navigation .navigation-menu .menu-link:hover {color: var(--shades01);}
.header-option{display: flex; gap: 50px; margin-left: auto; align-items: center;}

.header-option .contact {display: flex; gap: 10px; align-items: center; flex-shrink: 0;}
.header-option .contact .contact-icon{width: 60px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--secondary); display: flex; justify-content: center; align-items: center; font-size: 22px; color: var(--primary);}
.header-option .contact .contact-text{color: var(--text-color); font-size: 18px; font-weight: 500;} 

.navigation .navigation-menu .dropdown{position: relative;}
.navigation .navigation-menu .dropdown span{padding-left: 5px;}
.dropdown .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 8; background-color: var(--shades01); margin: 2px 0 0; border-radius: 4px; box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.1); padding: 15px; border-radius: 10px; border: 1px solid var(--border); overflow: auto; max-height: 240px; list-style: none; display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;}
.dropdown .dropdown-menu li{padding: 8px 6px; transition: 0.3s all ease;}
.dropdown .dropdown-menu li:hover{background-color: var(--shades09); border-radius: 10px;}
.dropdown.active .dropdown-menu { display: block; opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0s; max-width: 300px; min-width: 200px;}
.dropdown .dropdown-menu li .dropdown-item{white-space: nowrap; font-size: 16px;}

header .btn-menu-trigger { display: none; align-items: center; justify-content: center; padding: 0; border: 0; background-color: transparent; color: var(--shades08); font-size: 30px;}
  
header.scrolled {  height: 80px;  box-shadow: 0px 0px 10px -3px var(--shades04);}
header.scrolled .brand {position: relative;}

.primora-btn{position: relative; font-size: 22px; font-weight: 700; color: var(--text-color); padding: 20px 34px; border-radius: 50px; border: 0; overflow: hidden;  background:var(--yellow); text-transform: uppercase; transition: all .5s ease-out; display: inline-block; z-index: 1; cursor: pointer;}

.primora-btn::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--primary); transform: scaleX(0); transform-origin: center; transition: transform 0.4s ease-in-out; z-index: -1; }

.primora-btn:hover::before{transform: scaleX(1);}
.primora-btn:hover{color: var(--shades01);}

.primora-btn-header{ transition: all .5s ease-out; position: relative; font-size: 18px; font-weight: 600; color: var(--text-color); padding: 18px 34px; border-radius: 50px; border: 0; overflow: hidden;  background:var(--yellow)}
.primora-btn-header::before{content: "lets talk"; position: absolute; display: flex; align-items: center; justify-content: center; position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; text-align: center; /* font-size: 20px; */ text-transform: uppercase; color: var(--shades01); transition: all 0.2s linear 0s;}
.primora-btn-header:hover::before{top: 0; text-indent: 0;background:var(--primary);}
main{padding: 120px 0 0;}


/* ********|| HEADER END ||******** */

/* ********|| TITLE AND HEADING START ||******** */

.page-title{position: relative; font-size: 30px; color: var(--primary); font-weight: 700; text-transform: uppercase; margin-bottom: 12px;}
.page-title::after{content: ''; position: absolute; top: -30px; left: -35px; width: 50px; aspect-ratio: 1/1; background-image: url('../images/fav-icon.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px;}
.page-heading{font-size: 46px; font-weight: 800; line-height: 1.3; max-width: 820px; margin-top: 0; margin-bottom: 25px;}

/* ********|| TITLE AND HEADING END ||******** */

/* ********|| BANNER START ||******** */
.banner-section{position: relative; height: 100vh; padding: 140px 0 80px; display: flex; align-items: center;}
.banner-section .banner-slider .item{padding: 0 45px;}
.banner-section .banner-slider{width: 100%; height: 100%;}
.banner-section .swiper-slide{display: flex; align-items: center;}
.banner-section .banner-slider .item {width: 100%; height: 100%;}
.banner-section .banner-slider .item .inner-item{width: 100%; height: 100%;}
.banner-section .banner-slider .item .inner-item .banner-image{position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; opacity: 0.5;}
.banner-section .banner-slider .item .inner-item .banner-image img{width: 100%; height: 100%; object-fit: cover;}
.banner-section .banner-slider .item .inner-item .banner-image::after{content: ""; position: absolute; top: 0; left: 0; z-index: 0; background: linear-gradient(90deg, #3c87ff65 7%, rgba(255, 255, 255, 0.727) 51%, #3c87ff65 93%); width: 100%; height: 100%;}
.banner-section .banner-slider .item .inner-item .swiper{border-radius: 30px;}
.banner-section .banner-slider .item .inner-item .banner-content{position: relative; z-index: 1; padding: 80px 0;    display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title{position: relative; font-size: 56px; font-weight: 700; line-height: 1.2; max-width: 850px; color: var(--text-color);}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span{font-size: 60px; color: var(--primary); font-weight: 800; position: relative;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span::after{content: ''; background-image: url(../images/fav-icon.webp); position: absolute; top: -90px; left: -94px; width: 152px; aspect-ratio: 1/1; background-position: center; background-size: cover;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title .banner-title-span{color: var(--text-color); }
.banner-section .banner-slider .item .inner-item .banner-content .banner-description{font-size: 22px; line-height: 1.8; font-weight: 700; color: var(--paragraph); padding-top: 25px; max-width: 982px; text-transform: capitalize;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-button{padding-top: 50px;}
.banner-section .banner-swiper-button-next,
.banner-section .banner-swiper-button-prev { position: absolute; z-index: 10; color: var(--text-color)!important; display: flex; width: 70px!important; height: 70px!important; border-radius: 50px!important; justify-content: center; align-items: center; background-color: var(--yellow); flex-shrink: 0; font-weight: 700; font-size: 30px;}

.banner-section .swiper-button-disabled{background-color: var(--yellowfade); color: var(--text-color)!important;}
.banner-section .banner-swiper-button-next { right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: 0.5s all ease;}
.banner-section .banner-swiper-button-next:hover{scale: 1.1;}
.banner-section .banner-swiper-button-next:after{content: '\f054';font-family: "Font Awesome 6 Pro";}
.banner-section .banner-swiper-button-prev { left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: 0.5s all ease;}
.banner-section .banner-swiper-button-prev:after{content: '\f053';font-family: "Font Awesome 6 Pro";}
.banner-section .banner-swiper-button-prev:hover{scale: 1.1;}

.banner-section .banner-slider .item .inner-item .banner-down{ width: 105px; aspect-ratio: 1/1; background-color: var(--shades01); border-radius: 50%; margin: -45px auto 0; position: relative; z-index: 1;  display: flex; justify-content: center; align-items: center; }
.banner-section .banner-slider .item .inner-item .banner-down .banner-down-btn{ width: 80px; aspect-ratio: 1/1; font-size: 38px; background-color: var(--yellow); border-radius: 50%; color: var(--shades01);border: 0; cursor: pointer; transition: 0.3s all ease; white-space: nowrap; padding: 0; display: flex; justify-content: center; align-items: center;}
.banner-section .banner-slider .item .inner-item .banner-down .banner-down-btn:hover{font-size: 44px; background-color: var(--primary); padding: 0px;}
.banner-section .banner-slider .item .inner-item .banner-down::after{position: absolute; content: ""; bottom: 60px; left: -37.2px; background: transparent; width: 58px; height: 63px; border-bottom-right-radius: 55px; box-shadow: 0px 34px 0 -4px var(--shades01); transform: rotate(0deg);
}
.banner-section .banner-slider .item .inner-item .banner-down::before{position: absolute; content: ""; bottom: 53px; right: -44.2px; background: transparent; width: 58px; height: 63px; border-bottom-left-radius: 60px; box-shadow: 0px 24px 0 -4px var(--shades01); transform: rotate(-12deg);
}
/* ********|| BANNER END ||******** */
 
/* ********|| ACCOUNT MANAGEMENT START ||******** */
.account-management-section{padding: 100px 0 20px;}
.account-management-section .account-management-wrapper{display: flex; flex-wrap: wrap;}
.account-management-section .account-management-wrapper .account-image-sec{position: relative; width: 40%; background: var(--primary); padding-left: 50px; border-top-left-radius: 40px; aspect-ratio: 1/1.02; display: flex;}
.account-management-section .account-management-wrapper .account-image-sec img{width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 40px;}
.account-management-section .account-management-wrapper .account-image-sec .account-img-text{ position: absolute; top: 46%; left: -147px; font-size: 18px; color: var(--shades01); font-weight: 700; letter-spacing: 8px; transform: rotate(-90deg);}
section.account-management-section.second-section .account-img-text{transform: rotate(90deg)!important;}
.account-management-section .account-management-wrapper .account-text-sec{width: 60%; background-color: var(--shades10); padding: 40px 20px 75px 65px; border-top-right-radius: 40px;}
.account-management-section .account-management-wrapper .account-text-sec .account-title{position: relative; font-size: 30px; color: var(--primary); font-weight: 700; text-transform: uppercase;}
.account-management-section .account-management-wrapper .account-text-sec .account-title::after{ content: ''; position: absolute; top: -30px; left: -35px; width: 50px; aspect-ratio: 1/1; background-image: url('../images/fav-icon.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px;}
.account-management-section .account-management-wrapper .account-text-sec .account-heading{font-size: 42px; color: var(--text-color); font-weight: 800; line-height: 1.3; max-width: 80%; padding-top: 22px; margin: 0; padding-bottom: 24px;} 
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper h3{font-size: 28px; line-height: 1.4; font-weight: 600; color: var(--paragraph); padding-bottom: 20px; max-width: 520px; margin: 0;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper p{font-size: 18px; line-height: 1.6; padding-bottom: 24px;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper h4{font-size: 26px; line-height: 1.2; font-weight: 600; padding-top: 5px; padding-bottom: 10px; margin: 0;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul{font-size: 18px; line-height: 1.2; margin: 0;padding-bottom: 22px;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul li{padding-top: 12px;}
.account-management-section .account-management-wrapper .account-text-sec .learn-more{padding-top: 52px;}

/* ********|| ACCOUNT MANAGEMENT END ||******** */

/* ********|| HOW IT WORKES START ||******** */
.how-it-works-section{padding: 64px 45px 64px; position: relative;}
.how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading{display: flex; justify-content: center; flex-direction: column; width: 100%; align-items: center; padding-bottom: 10px;}
.how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .how-it-workes-title{position: relative; font-size: 30px; color: var(--primary); font-weight: 700; text-transform: uppercase;}
.how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .how-it-workes-title::after{content: ''; position: absolute; top: -30px; left: -35px; width: 50px; aspect-ratio: 1/1; background-image: url('../images/fav-icon.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px;}
.how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading{font-size: 50px; font-weight: 800; line-height: 1.2; color: var(--text-color); padding-top: 10px; max-width: 1000px; text-align: center; margin-top: 8px;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper{position: relative; display: flex; justify-content: space-between; padding: 0 24px; align-items: start; flex-wrap: wrap;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper::after{content: ''; position: absolute; top: 149px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: var(--border); z-index: 0;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item{position: relative; width: 26%; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; z-index: 1;}

.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image{position: relative; width: 300px; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; background-color: var(--shades01); border: 3px solid var(--primary);}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image img{width: 100%; height: 100%; object-fit: cover; padding: 15px; border-radius: 50%;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image-sec{position: relative;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image-sec::after{font-family: "Font Awesome 6 pro"; position: absolute; top: 50%; transform: translateY(-50%); right: -28px; font-size: 25px; width: 60px; aspect-ratio: 1/1; background-color: var(--primary); border-radius: 50px; display: flex; justify-content: center; align-items: center; color: var(--shades01);}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:first-child .workes-item-image-sec::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -75px; font-size: 25px; width: 10px; aspect-ratio: 1/1; background-color: var(--shades01); border: 1px solid var(--border); border-radius: 50px; display: flex; justify-content: center; align-items: center;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:last-child .workes-item-image-sec::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -75px; font-size: 25px; width: 10px; aspect-ratio: 1/1; background-color: var(--shades01); border: 1px solid var(--border); border-radius: 50px; display: flex; justify-content: center; align-items: center;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image-sec .item-right-arrow{position: absolute; top: 50%; right: -50%; transform: translateY(-50%); color: var(--primary); font-size: 30px;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:last-child  .workes-item-image-sec .item-right-arrow{display: none;}

.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-title{font-size: 26px; line-height: 1.4; font-weight: 700; padding-top: 30px;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-description{font-size: 20px; line-height: 1.3; color: var(--paragraph); padding-top: 18px;}

.how-it-works-section .management-process{padding-top: 344px; padding-bottom: 50px; display: flex; justify-content: center; align-items: center;}
.how-it-works-section .management-process .management-wrapper {display: flex; gap: 36px;}
.how-it-works-section .management-process .management-wrapper .management-item{width: 33%; position: relative;}
.how-it-works-section .management-process .management-wrapper .management-item .managment-img-wrapper{position: relative; background-color: var(--shades03); padding: 30px; border-radius: 50%;  display: flex;justify-content: center; align-items: center;}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::after{content: ''; position: absolute; top: -59px; right: -48px; width: 138px; height: 101px; background-color: var(--shades01); transform: rotate(-38deg); border-radius: 50%; z-index: 1;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::before{content: ''; position: absolute;     top: 73px; right: -130px; width: 140px; height: 101px; background-color: var(--shades01); transform: rotate(-38deg); border-radius: 50%; z-index: 1;}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::after{content: ''; position: absolute; top: -59px; left: -48px; width: 138px; height: 101px; background-color:  var(--shades01); transform: rotate(-143deg); border-radius: 50%;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::before{content: ''; position: absolute; top: 73px;
left: -130px; width: 141px; height: 101px; background-color:  var(--shades01); transform: rotate(-143deg); border-radius: 50%; z-index: 1;}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):after{ content:''; position: absolute; top: -122px; left: 50%; transform: translateX(-50%); width: 5px; height: 158px; background-color: var(--primary);}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):before{ content:''; position: absolute; top: -123px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50px; background-color: var(--primary);}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):after{ content:''; position: absolute; bottom: -122px; left: 50%; transform: translateX(-50%); width: 5px; height: 158px; background-color: var(--primary);}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):before{ content:''; position: absolute; bottom: -123px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50px; background-color: var(--primary);}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):after{ content:''; position: absolute; top: -122px; left: 50%; transform: translateX(-50%); width: 5px; height: 158px; background-color: var(--primary);}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):before{ content:''; position: absolute; top: -123px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50px; background-color: var(--primary);}
.how-it-works-section .management-process .management-wrapper .management-item .management-img{position: relative; width: 300px; aspect-ratio: 1/1; overflow: hidden;border-radius: 50%; border: 6px solid var(--primary);}
.how-it-works-section .management-process .management-wrapper .management-item .management-img img{width: 100%; height: 100%; object-fit: cover;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2){transform: translateY(-70%);}
.how-it-works-section .management-process .management-wrapper .management-item .connector{position: absolute; top: 3px; width: 140px; height: 116px; background-color: var(--shades03); z-index: -1;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper .connector{right: -93px;  transform: rotate(144deg);} 
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2) .managment-img-wrapper .connector{display: none;} 
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper .connector{left: -93px; transform: rotate(36deg);}

.how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper{position: absolute; left: 50%; transform: translateX(-50%); background-color: var(--shades01); border: 1px solid var(--lighBg); padding: 20px; border-radius: 20px; box-shadow: 0px 0px 10px -4px rgba(128, 128, 128, 0.495); max-width: 360px; width: 100%;}

.how-it-works-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper{ bottom: calc(100% + 137px);}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper{ top: calc(100% + 137px);}

.how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title{font-size: 20px; margin-bottom: 14px; font-weight: 700; line-height: 1.4;}
.how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description{font-size: 16px; line-height: 1.6;}

/* ********|| HOW IT WORKES END ||******** */

/* ********|| RECRUITMENT PROCESS START ||******** */

.recruitment-process-section{padding: 50px 0 140px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading{display: flex; justify-content: center; flex-direction: column; width: 100%; align-items: center; padding-bottom: 46px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .how-it-workes-title{position: relative; font-size: 30px; color: var(--primary); font-weight: 700; text-transform: uppercase;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .how-it-workes-title::after{content: ''; position: absolute; top: -30px; left: -35px; width: 50px; aspect-ratio: 1/1; background-image: url('../images/fav-icon.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading{font-size: 44px; font-weight: 800; line-height: 1.2; color: var(--text-color); padding-top: 10px; max-width: 1150px; text-align: center; margin-top: 8px;}

.recruitment-process-section .management-process{padding-top: 344px; padding-bottom: 50px; display: flex; justify-content: center; align-items: center;}
.recruitment-process-section .management-process .management-wrapper {display: flex; gap: 20px;}
.recruitment-process-section .management-process .management-wrapper .management-item{width: 25%; position: relative;}
.recruitment-process-section .management-process .management-wrapper .management-item .managment-img-wrapper{position: relative; background-color: var(--shades03); padding: 26px; border-radius: 50%;  display: flex;justify-content: center; align-items: center;}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::after{content: ''; position: absolute; top: -59px; right: -20px; width: 89px; height: 101px; background-color: var(--shades01); transform: rotate(-38deg); border-radius: 50%; z-index: 1;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::before{content: ''; position: absolute;     top: 78px; right: -109px; width: 112px; height: 101px; background-color: var(--shades01); transform: rotate(-38deg); border-radius: 50%; z-index: 1;}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::after{content: ''; position: absolute; bottom: -59px; right: -20px; width: 89px; height: 101px; background-color: var(--shades01); transform: rotate(38deg); border-radius: 50%; z-index: 1;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::before{content: ''; position: absolute;     bottom: 78px; right: -109px; width: 112px; height: 101px; background-color: var(--shades01); transform: rotate(38deg); border-radius: 50%; z-index: 1;}
.recruitment-process-section .management-process .management-wrapper .management-item:last-child .managment-img-wrapper::after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:last-child .managment-img-wrapper::before{display: none;}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd):after{ content:''; position: absolute; top: -122px; left: 50%; transform: translateX(-50%); width: 5px; height: 150px; background-color: var(--primary);}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd):before{ content:''; position: absolute; top: -123px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50px; background-color: var(--primary);}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even):after{ content:''; position: absolute; bottom: -122px; left: 50%; transform: translateX(-50%); width: 5px; height: 150px; background-color: var(--primary);}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even):before{ content:''; position: absolute; bottom: -123px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50px; background-color: var(--primary);}

.recruitment-process-section .management-process .management-wrapper .management-item .management-img{position: relative; width: 210px;aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; border: 6px solid var(--primary);}
.recruitment-process-section .management-process .management-wrapper .management-item .management-img img{width: 100%; height: 100%; object-fit:cover;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even){transform: translateY(-62%);}
.recruitment-process-section .management-process .management-wrapper .management-item .connector{position: absolute; width: 130px;height: 113px; background-color: var(--shades03); z-index: -1;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper .connector{right:-93px; top: -4px;  transform: rotate(144deg);} 
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper .connector{right: -93px;  bottom: -4px; transform: rotate(36deg);}
.recruitment-process-section .management-process .management-wrapper .management-item:last-child .managment-img-wrapper .connector{display: none;}

.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper{position: absolute; left: 50%; transform: translateX(-50%); background-color: var(--shades01); border: 1px solid var(--lighBg); padding: 20px; border-radius: 20px; box-shadow: 0px 0px 10px -4px rgba(128, 128, 128, 0.495); max-width: 360px; width: 100%;}

.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper{ bottom: calc(100% + 137px);}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper{ top: calc(100% + 137px);}

.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title{font-size: 16px; margin-bottom: 14px; font-weight: 700; line-height: 1.4;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description{font-size: 14px; line-height: 1.6;}

.requirement-process-tag-wrapper{display: flex; align-items: center; font-size: 20px; font-weight: 600; color: var(--text-color); gap: 12px; justify-content: start; margin-top: 20px;}
.requirement-process-tag-wrapper .icon{width: 56px; aspect-ratio: 1/1; border-radius: 50px;  display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--text-color); background-color: var(--yellow);}

/* ********|| RECRUITMENT PROCESS END ||******** */

/* ********|| SERVICES START ||******** */
.services-section{padding: 60px 45px 10px;}
.services-section .services-wraper{position: relative; padding: 100px 0; 
  border-radius: 30px; background-image: linear-gradient(to bottom, var(--primary) , #030D1C);
}
.services-section .services-wraper .services-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px;  overflow: hidden; z-index: -1;}
.services-section .services-wraper .services-bg::after{content: ''; position: absolute; top: 0; left: 0; background-color: #01173A; opacity: 0.6; width: 100%; height: 100%;}

.services-section .services-wraper .services-bg img{width: 100%; height: 100%; object-fit: cover;}
.services-section .container .services-header-wrapper{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.page-banner-title{position: relative; font-size: 30px; color: var(--shades01); font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
.page-banner-title::after{content: ''; position: absolute; top: -30px; left: -35px; width: 50px; aspect-ratio: 1/1; background-image: url('../images/white-logo.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px;}
.page-banner-heading{font-size: 50px; color: var(--shades01); font-weight: 800; line-height: 1.3; max-width: 814px; margin-bottom: 25px; margin-top: 22px;}
.services-section .services-wraper .container .services-header-wrapper .services-description{font-size: 20px; color: var(--shades01); font-weight: 700; line-height: 1.8; max-width: 1264px; margin-bottom: 105px; margin-top: 10px;}
.services-section .services-wraper .services-item{display: flex;  padding: 20px 30px; border-radius: 20px; justify-content: space-between; border-top: 1px solid var(--border); gap: 20px;}
.services-section .services-wraper .services-item:nth-child(even){ background-color: var(--blueOpacity);  color: var(--shades01);}
.services-section .services-wraper .services-item:nth-child(odd){ background-color: var(--yellowOpacity); color: var(--text-color);}
.services-section .services-wraper .services-item .item-left{display: flex; align-items: center; gap: 40px; width: 50%;}
.services-section .services-wraper .services-item .item-left .item-left-icon{width: 110px; aspect-ratio: 1/1; background-color: var(--shades01); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--primary); font-size: 42px; color: var(--text-color); flex-shrink: 0;}
.services-section .services-wraper .services-item .item-left .item-left-title{font-size: 30px; line-height: 1.3; font-weight: 700;}
.services-section .services-wraper .services-item .item-right{display: flex; align-items: center; gap: 40px;}
.services-section .services-wraper .services-item .item-right .item-right-text{font-size: 22px; font-weight: 500; max-width: 500px; line-height: 1.6;}
.services-section .services-wraper .services-item .item-right .item-right-icon{width: 70px; aspect-ratio: 1/1; background-color: var(--shades01); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--text-color); font-size: 28px; transition: 0.3s all ease;}
.services-section .services-wraper .services-item .item-right .item-right-icon:hover{scale: 1.1; transform: rotate(-46deg); font-size: 32px;}

/* ********|| SERVICES END ||******** */

/* ********|| BENEFITS AND COST START ||******** */
.benefits-cost-sec .services-wraper{padding: 50px 0 100px!important;}
.benefits-cost-description{ position: relative; font-size: 30px; color: var(--shades01); font-weight: 700; text-transform: capitalize; margin-bottom: 10px; margin: 18px 0 65px; padding-bottom: 16px;}
.benefits-cost-description::after{content: ''; background-color: var(--shades01); width: 75%; height: 2px; position: absolute;  bottom: 0; left: 50%; transform: translateX(-50%);}
.benefits-cost-sec{padding-top: 10px!important; padding-bottom: 100px!important;}
.Benefits-cost-wrapper{display: flex; justify-content: center; gap: 40px; border-bottom: 1px solid var(--border); padding-bottom: 46px;}
.Benefits-cost-wrapper .Benefits-cost-item{background-color: var(--shades01); border-radius: 20px; padding: 32px; display: flex; gap: 32px; align-items: start;}
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting{width: 80px; aspect-ratio: 1/1; background-color: var(--yellow); border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 32px; font-weight: 700; flex-shrink: 0;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading{font-size: 32px; font-weight: 700; border-bottom: 1px solid var(--border); padding-bottom: 12px; margin-bottom: 25px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul{    font-size: 18px; font-weight: 500; padding-left: 20px; line-height: 1.4;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul li{ padding-bottom: 12px;}
.benefits-cost-footer .cost-footer-heading{font-size: 50px; color: var(--shades01); font-weight: 800; line-height: 1.3; max-width: 814px; text-align: center;     margin: 75px auto 54px;}
.benefits-cost-footer .cost-footer-wrapper{background-color: var(--shades01); padding: 25px; border-radius: 20px; border: 5px solid var(--yellow);}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item{display: flex; justify-content: space-around; align-items: center;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content{position: relative; font-size: 18px; max-width: 300px; line-height: 1.6; }
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content::after{ content: '\f324'; font-family: "Font Awesome 6 pro"; position: absolute; top: 50%; transform: translateY(-50%); right: -80px; color: var(--yellow); font-size: 26px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content:last-child::after{display: none;}

.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content span{font-weight: 700; }
.cost-button-wrapper{display: flex; justify-content: center; align-items: center; margin-top: 50px; display: flex; gap: 30px;}

/* ********|| BENEFITS AND COST END ||******** */

/* ********|| RECRUITMENT START ||******** */
.recruitment-section{padding: 70px 0 30px;}
.recruitment-section .container{display: flex;}
.recruitment-section .recruitment-text{width: 50%; background-color: var(--shades09); padding: 70px 40px 70px 65px; border-top-left-radius: 30px;}
.recruitment-section .recruitment-text .tecruitment-sub-heading{font-size: 26px; font-weight: 500; color: var(--paragraph); line-height: 1.4;}
.recruitment-section .recruitment-text .recruitment-description ul{width: 100%; padding-left: 0; margin: 30px 0;}
.recruitment-section .recruitment-text .recruitment-description ul li{position: relative; list-style: none; background-color: var(--shades01); padding: 20px 30px 20px 40px; border-radius: 10px; margin-bottom: 20px; width: 100%; font-size: 18px; color: var(--paragraph); line-height: 1.4;}
.recruitment-section .recruitment-text .recruitment-description ul li::after{content: ''; position: absolute; top: 28px; left: 14px; width: 12px; aspect-ratio: 1/1; border-radius: 50px; background-color: var(--yellow);}
.recruitment-section .recruitment-text .recruitment-subheading{font-size: 24px; color: var(--text-color); font-weight: 700; line-height: 1.4; max-width: 700px; padding-bottom: 52px;}
.recruitment-section .recruitment-img{position: relative; width: 50%; background: var(--primary); padding-right: 65px; border-top-right-radius: 40px; aspect-ratio: 1/1; display: flex;}
.recruitment-section .recruitment-img img{width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 40px;}
.recruitment-section .recruitment-img .recruitment-img-text{ position: absolute; top: 46%; right: -194px; font-size: 28px; color: var(--shades01); font-weight: 700; letter-spacing: 8px; transform: rotate(90deg);}

/* ********|| RECRUITMENT END ||******** */

/* ********|| RECRUITMENT SERVICES START ||******** */
.recruitment-services-sec{padding: 80px 45px;}
.recruitment-services-sec .recruitment-services-wraper{position: relative; padding: 100px 0;
   border-radius: 30px; background-image: linear-gradient(to bottom, var(--primary) , #030D1C);
  }
.recruitment-services-sec .recruitment-services-wraper .recruitment-services-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px;  overflow: hidden; z-index: -1;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-services-bg::after{content: ''; position: absolute; top: 0; left: 0; background-color: #01173A; opacity: 0.6; width: 100%; height: 100%;}

.recruitment-services-sec .recruitment-services-wraper .recruitment-services-bg img{width: 100%; height: 100%; object-fit: cover;}
.recruitment-services-sec .container .recruitment-services-header{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper{display: flex; gap: 30px; margin-top: 50px;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item{width: 33.3%; background-color: var(--shades01); padding: 20px; border-radius: 30px; overflow: hidden;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item .recruitment-item-img{position: relative; width: 100%; aspect-ratio: 1.5/1; overflow: hidden; border-radius: 30px;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item .recruitment-item-img img{width: 100%; height: 100%; object-fit: cover;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item .recruitment-item-img .recruitment-date{position: absolute; bottom: 14px; left: 14px; font-size: 18px; background-color: var(--primary); padding: 8px 14px; border-radius: 50px; color: white;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .item-btn-link{display: flex; justify-content: end; margin-top: -54px;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .item-link-wrapper .recruitment-item-link{width: 54px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 22px; color: var(--text-color); background-color: var(--yellow); transition: 0.3s all ease;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .item-link-wrapper .recruitment-item-link:hover{scale: 1.1;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .item-link-wrapper{display: flex; justify-content: end;  padding: 12px; background-color: var(--shades01); border-radius: 50px; position: relative;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .item-link-wrapper::before{position: absolute; position: absolute; content: ""; bottom: 25px; left: -28.2px; background: transparent; width: 29px; height: 64px; border-bottom-right-radius: 100px; box-shadow: 0px 24px 0 -1px var(--shades01); transform: rotate(-9deg);}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .item-link-wrapper::after{    position: absolute; position: absolute; content: ""; bottom: 59px; right: 9.8px; background: transparent; width: 36px; height: 78px; border-bottom-left-radius: 60px; box-shadow: 0px 49px 0 -1px var(--shades01); transform: rotate(-45deg);}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title{font-size: 28px; font-weight: 700; line-height: 1.2; padding-left: 25px;	overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description{margin-top: 15px; font-size: 18px; line-height: 1.6; margin-bottom: 10px; padding-left: 25px; max-width: 370px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}

  

/* ********|| RECRUITMENT SERVICES END ||******** */

/* ********|| OUR BLOG START ||******** */
.ourblog-section{ padding: 95px 45px 60px;}
.ourblog-section .ourblog-wrapper{display: flex; background-color: var(--shades02); border-radius: 30px; overflow: hidden;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec{width: 40%; padding: 50px 42px 50px 120px; background-color: var(--shades09); display: flex; justify-content: center; flex-direction: column;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title{position: relative; font-size: 30px; color: var(--primary); font-weight: 700; text-transform: uppercase;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title::after{ content: ''; position: absolute; top: -30px; left: -35px; width: 50px; aspect-ratio: 1/1; background-image: url('../images/fav-icon.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading{font-size: 46px; color: var(--text-color); font-weight: 800; line-height: 1.2; padding-top: 16px; margin: 0;} 
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-description{font-size: 18px; line-height: 1.6; padding-top: 24px; max-width: 500px;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-sub-title{font-size: 24px; line-height: 1.2; font-weight: 600; padding-top: 20px;}

.ourblog-section .ourblog-wrapper .ourblog-text-sec .read-blog{padding-top: 50px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec{position: relative; width: 60%;padding: 60px 0;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider{ padding-left: 35px; padding-right: 35px;}
.blog-list-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
.blogpage-wrapper{padding: 0 35px!important;}
.blog-page-sec {padding: 40px 45px 70px!important;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec.blog-list-sec{width: 100%;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider .blog-slider-item{background-color: var(--shades01); border-radius: 20px; box-shadow: 0px 0px 10px -2px var(--shades06);}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider .blog-slider-item .blog-slider-img{width: 100%; aspect-ratio: 2/1.3; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider .blog-slider-item .blog-slider-img img{width: 100%; height: 100%; object-fit: cover;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider .blog-slider-item .blog-slider-title{font-size: 24px; font-weight: 600; line-height: 1.6;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider .blog-slider-item .ourblog-tag{font-size: 16px; padding: 10px 16px; border-radius: 50px; color: var(--shades01); background-color: var(--shades04); display: inline-block; margin-top: 25px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider .blog-slider-item .blog-item-wrapper{padding: 20px;}
.our-blog-slider .swiper{padding: 20px;}
.blog-slider-item{width: 100%; background-color: var(--shades01); padding: 20px; border-radius: 30px; overflow: hidden;}
.blog-slider-item .recruitment-item-img{position: relative; width: 100%; aspect-ratio: 1.5/1; overflow: hidden; border-radius: 30px;}
.blog-slider-item .recruitment-item-img img{width: 100%; height: 100%; object-fit: cover;}
.blog-slider-item .recruitment-item-img .recruitment-date{position: absolute; bottom: 14px; left: 14px; font-size: 15px; background-color: var(--primary); padding: 8px 14px; border-radius: 50px; color: white;}

.blog-slider-item .item-btn-link{display: flex; justify-content: end; margin-top: -54px;}
.blog-slider-item .item-link-wrapper .recruitment-item-link{width: 54px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 22px; color: var(--text-color); background-color: var(--yellow); transition: 0.3s all ease;}
.blog-slider-item .item-link-wrapper .recruitment-item-link:hover{scale: 1.1;}
.blog-slider-item .item-link-wrapper{display: flex; justify-content: end;  padding: 12px; background-color: var(--shades01); border-radius: 50px; position: relative;}
.blog-slider-item .item-link-wrapper::before{position: absolute; position: absolute; content: ""; bottom: 25px; left: -28.2px; background: transparent; width: 29px; height: 64px; border-bottom-right-radius: 100px; box-shadow: 0px 24px 0 -1px var(--shades01); transform: rotate(-9deg);}
.blog-slider-item .item-link-wrapper::after{    position: absolute; position: absolute; content: ""; bottom: 59px; right: 9.8px; background: transparent; width: 36px; height: 78px; border-bottom-left-radius: 60px; box-shadow: 0px 49px 0 -1px var(--shades01); transform: rotate(-45deg);}
.blog-slider-item .recruitment-item-title{font-size: 18px; font-weight: 700; line-height: 1.2; padding-left: 25px;	overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.blog-slider-item .recruitment-item-description{font-size: 15px; line-height: 1.6; margin-bottom: 10px; padding-left: 25px;margin-top: 15px; max-width: 370px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.our-blog-img-sec .our-blog-swiper-button-next:after { content: '\f054'; font-family: "Font Awesome 6 Pro";}
.our-blog-img-sec .our-blog-swiper-button-prev:after { content: '\f053'; font-family: "Font Awesome 6 Pro";}

.our-blog-img-sec .our-blog-swiper-button-prev , .our-blog-swiper-button-next{/* position: absolute; */z-index: 10;color: var(--text-color) !important;display: flex;cursor: pointer;width: 65px !important;height: 65px !important;border-radius: 50px !important;justify-content: center;align-items: center;background-color: var(--yellow);flex-shrink: 0;font-weight: 700;font-size: 30px;}
.our-blog-img-sec .swiper-button-disabled{background-color: var(--shades01)!important; border: 1px solid var(--shades05);}
.our-blog-img-sec .slider-navigation-wrapper{display: flex ; gap:20px; justify-content: end; padding-right: 120px; padding-top: 5px; }
.ourblog-section .ourblog-wrapper .our-blog-img-sec.blog-details{width: 100%;}

/* ********||  OUR BLOG END ||******** */

/* ********||  TESTIMONIAL START ||******** */
.testimonial-section{padding: 80px 45px;}
.testimonial-section .testimonial-wraper{position: relative; padding: 100px 0;
   border-radius: 30px; background-image: linear-gradient(to bottom,  var(--primary) , #030D1C);
  }
.testimonial-section .testimonial-wraper .testimonial-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px;  overflow: hidden; z-index: -1;}
.testimonial-section .testimonial-wraper .testimonial-bg::after{content: ''; position: absolute; top: 0; left: 0; background-color: #01173A; opacity: 0.6; width: 100%; height: 100%;}

.testimonial-section .testimonial-wraper .testimonial-bg img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-section .container .testimonial-header{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.testimonial-section .testimonial-wraper .testimonial-body{display: flex; gap: 26px; margin-top: 50px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider{width: 65%;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper{border-radius: 30px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item{width: 100%; background-color: var(--shades01); border-radius: 30px; padding: 50px 40px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-description{font-size: 24px; color: var(--paragraph); line-height: 1.6; padding-bottom: 50px; border-bottom: 1px solid var(--border);}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-description span{font-weight: 700; margin-left: 8px; color: var(--text-color);}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author{display: flex; justify-content: end; gap: 26px; padding-top: 30px; align-items: center;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-details{font-size: 20px; line-height: 1.4; flex-direction: column; color: var(--text-color); text-align: end;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-details span{font-size: 34px; font-weight: 700;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-image{width: 106px; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-image img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-pagination-bullet{width: 20px; height: 20px; background-color: var(--primary);}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec{width: 35%;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .item-img{width: 100%; aspect-ratio: 2/1; overflow: hidden; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .item-img img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .multi-img{display: flex; align-items: center; margin-top: -94px; justify-content: center;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-img-footer{background-color: var(--primary); padding: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .multi-img .multi-img-item{width: 109px; aspect-ratio: 1/1; border-radius: 80px; overflow: hidden; margin-left: -20px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .multi-img .multi-img-item img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-review{ display: flex; justify-content: center; flex-direction: column; align-items: center; margin-top: 20px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-review span{font-size: 36px; line-height: 1.3; color: var(--shades01); font-weight: 700;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-review .rating-stars{font-size: 22px; color: var(--yellow); margin-top: 10px;}
.testimonial-section .testimonial-wraper .testimonial-slider .swiper-slide{margin-right: 20px!important; padding-bottom: 38px!important;}
/* .testimonial-slider .swiper .swiper-wrapper .swiper-slide {padding-bottom: 38px!important;} */


/* ********|| TESTIMONIAL END ||******** */

/* ********|| CONTACT US START ||******** */
.contact-us-section {padding: 60px 0 110px;}
.contact-us-section .container{display: flex;}
.contact-us-section .contact-image-sec{width: 40%; background-color: var(--primary); padding: 60px 50px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.contact-us-section .contact-image-sec .contact-heading{font-size: 64px; font-weight: 800; line-height: 1.2; margin-bottom: 30px; max-width: 530px; color: var(--shades01);}
.contact-us-section .contact-image-sec .contact-description{font-size: 20px; line-height: 1.6; color: var(--shades01); margin-bottom: 48px; font-weight: 800;}
.contact-us-section .contact-image-sec .contact-company-info{display: flex; gap: 20px; align-items: center; margin-bottom: 26px; flex-wrap: wrap;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile{display: flex; gap: 14px; align-items: center; background-color: var(--shades01); padding: 10px 20px; border-radius: 50px; flex-shrink: 0; width: 100%;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-icon{width: 40px; aspect-ratio: 1/1; border-radius: 50px; background-color: var(--primary); color: var(--shades01); display: flex; justify-content: center; align-items: center; font-size: 14px;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-number{font-size: 16px; color: var(--paragraph);}
.contact-us-section .contact-image-sec .contact-company-info .company-email{display: flex; gap: 14px; align-items: center; background-color: var(--shades01); padding: 10px 20px; border-radius: 50px; flex-shrink: 0; width: 100%;}

.contact-us-section .contact-image-sec .contact-company-info .company-email .email-icon{width: 40px; aspect-ratio: 1/1; border-radius: 50px; background-color: var(--primary); color: var(--shades01); display: flex; justify-content: center; align-items: center; font-size: 14px;}
.contact-us-section .contact-image-sec .contact-company-info .company-email .email-name{font-size: 16px; color: var(--paragraph);}
.contact-us-section .contact-image-sec .contact-image{width: 100%; aspect-ratio: 2/1.1; overflow: hidden; margin-top: 50px; border-radius: 30px;}
.contact-us-section .contact-image-sec .contact-image img{width: 100%; height: 100%; object-fit: cover;}
.contact-us-section .contact-text-sec {width: 60%; background-color: var(--shades10); padding: 66px 36px 66px 60px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.contact-us-section .contact-text-sec .contact-subheading{font-size: 28px; font-weight: 500; columns: var(--text-color); line-height: 1.5; margin-top: 20px; text-transform: capitalize; margin-bottom: 20px; max-width: 600px;}
.contact-us-section .contact-text-sec .contact-paragraph{font-size: 22px; color: var(--paragraph); line-height: 1.6;}
.contact-us-section .contact-text-sec .contact-page-paragraph{font-size: 18px; color: var(--paragraph); line-height: 1.6; margin-bottom: 12px;}

.contact-us-section .contact-text-sec form{margin-top: 45px;}
form .form-group { position: relative; margin: 22px 0; width: 100%;}

form .form-group input { width: 100%; padding: 22px 24px; border: 1px solid var(--shades09); border-radius: 50px; outline: none; font-size: 16px; transition: all 0.3s ease; height: 54px;}

form .form-group label { position: absolute; top: 50%; left: 24px; transform: translateY(-50%); background: white; padding: 0 5px; font-size: 16px; color: #888; transition: all 0.3s ease; pointer-events: none;}
form .form-group label::after{content: '*'; position: absolute; top: -7px; right: -9px; font-size: 24px; color: red;}

form .form-group input:focus { border-color: var(--border); border: 1px solid #ccc;}

form .form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label { top: 0; font-size: 12px; color: var(--paragraph); border: 1px solid var(--border); border-radius: 50px; padding: 4px 10px;}
form .form-group textarea { width: 100%; padding: 22px 24px; border: 1px solid var(--shades09); border-radius: 22px; outline: none; font-size: 16px; transition: all 0.3s ease;}
form .form-group-textarea label{top: 32px;}
form .form-group textarea:focus { border-color: var(--border); border: 1px solid #ccc;}

form .form-group textarea:focus + label,
.form-group textarea:not(:placeholder-shown) + label { top: 0; font-size: 12px; color: var(--paragraph); border: 1px solid var(--border); border-radius: 50px; padding: 4px 10px;}
form .form-text{font-size: 18px; font-weight: 500;}
form .form-group .form-calender-icon{position: absolute; top: 50%; transform: translateY(-50%); right: 30px; color: var(--text-color); font-size: 24px;}
form .form-group-textarea{margin-bottom: 36px;}
form .form-group.active label { top: 2px; font-size: 12px; color: var(--paragraph); border: 1px solid var(--border); border-radius: 50px; padding: 4px 10px;}
.form-group .wpcf7-not-valid-tip{position: absolute; font-size: 12px; left: 50%; transform: translateX(-50%); top: 44px;}
form .form-group input[type="date"] {
  width: 100%;
  padding: 22px 24px !important;
  border: 1px solid var(--shades09);
  border-radius: 50px;
  outline: none;
  font-size: 16px;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  text-align: left;
  height: 54px;
}
form .form-group input::-webkit-date-and-time-value{text-align: left; color: var(--text-color); font-size: 16px;}

.input-container input[type="date"]{
  border: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  }
  
  
  input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  }

form .form-group input[type="date"]::before {
  content: attr(placeholder);
  color: #999;
}
form .form-group input[type="date"]::placeholder{font-size: 13px;}

/* ********|| CONTACT US END ||******** */

/* ********|| FOOTER START ||******** */
.footer{background-color: var(--shades08); color: white;}
.footer .upperfooter{height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer .upperfooter .footer-title{font-size: 52px; font-weight: 700; padding-bottom: 40px; padding-top: 20px; max-width: 832px; text-align: center; text-transform: capitalize;}
.footer .upperfooter .footer-title span{color: var(--primary);}
.footer .upperfooter .email-input{position: relative; width: 74%; height: 80px; border-radius: 50px; border: 0;} 
.footer .upperfooter .email-input .email-text{position: relative; width: 100%; height: 80px; border-radius: 50px; border: 0; padding: 12px 86px 12px 30px;} 
.footer .upperfooter .email-input input{font-size: 22px;}
.footer .upperfooter .email-input .email-text::placeholder{font-size: 18px;}
.footer .upperfooter .email-input .email-send .wpcf7-submit{position: absolute; right: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}
.footer .mid-footer{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 65px;}
.footer .mid-footer .footer-list{width: 20%;}
.footer .mid-footer .footer-list-address{width: 30%;}
.footer .mid-footer .footer-description{font-size: 18px; line-height: 1.6;  max-width: 320px;}
.footer .mid-footer .footer-heading{font-size: 26px; font-weight: 700; padding-bottom: 36px;}
.footer .mid-footer .footer-menu ul{list-style: none; display: flex; gap: 20px; flex-direction: column; padding-left: 0; margin-top: 0;}
.footer .mid-footer .footer-menu ul li a{position: relative; font-size: 20px; color: var(--shades01); transition: 0.5s all ease;}
.footer .mid-footer .footer-menu ul li a::after{content: ""; position: absolute; bottom: -5px; left: 0; width: 0%; height: 2px; background-color: var(--shades01); transition: 0.5s all ease;}
.footer .mid-footer .footer-menu ul li a:hover::after{width: 100%;}
.footer .mid-footer .list-items{display: flex; gap: 10px; font-size: 16px; padding-top: 24px;}
.footer .mid-footer .list-items-2 a{display: flex; gap: 18px; font-size: 20px; align-items: center;}
.footer .mid-footer .list-items-2 a + a{margin-top: 26px;}
.footer .mid-footer .list-items-2 .social-icon{background-color: var(--primary); width: 46px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 22px; flex-shrink: 0; transition: 0.5s all ease;}
.footer .mid-footer .list-items-2 a:hover .social-icon{background-color: var(--yellow);}
.footer .footer-line{border: 1px solid gray; margin: 0;}
.footer .mid-footer .list-items-address {display: flex; gap: 20px; padding-bottom: 16px; font-size: 20px; align-items: start; line-height: 1.5; transition: 0.5s all ease;}
.footer .mid-footer .list-items-address a{display: flex; gap: 18px; font-size: 20px; align-items: center;}
.footer .mid-footer .list-items-address .social-icon{background-color: var(--primary); width: 46px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 22px; flex-shrink: 0; transition: 0.5s all ease;}
.footer .mid-footer .list-items-address:hover .social-icon{background-color: var(--yellow);}

.footer .footer-logo-wrapper{width: 158px; height: 112px; overflow: hidden; margin: 50px auto;}
.footer .footer-logo-wrapper img{width: 100%; height: 100%; object-fit: contain;}
.footer .container{position: relative;}
.footer .footer-chat-icon{position: fixed; bottom: 44px; right: 56px; width: 90px; aspect-ratio: 1/1; border-radius: 80px; background-color: var(--yellow); display: flex; justify-content: center; align-items: center; font-size: 40px; border: 0; cursor: pointer; z-index: 99; animation: pulse 1s infinite alternate; color: var(--text-color);}

@keyframes pulse {
  0% {
      transform: scale(1);
      box-shadow: 1px 1px 2px -3px var(--shades04);
  }
  100% {
      transform: scale(1.1);
      box-shadow: 1px 1px 10px -2px var(--shades04);
  }
}

.footer .footer-line{border: 1px solid gray; margin: 0;}
.copy-right{display: flex; align-items: center; justify-content: center; font-size: 16px; background-color: var(--shades05); padding: 16px;}
.copy-right .container{display: flex; align-items: center; justify-content: space-between;}
.copy-right .copyright-menu{list-style-type: none; display: flex; gap: 30px;}
.email-send{position: absolute; right: 8px; top: 5px; background-color: var(--yellow); width: 70px; aspect-ratio: 1 / 1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 24px; overflow: hidden; font-weight: 900;}
.email-send::before{content: '\f1d8'; position: absolute; left: 0; right: 0; margin: 0 auto; font-family: "Font Awesome 6 Pro"; text-align: center;}


/* ********|| FOOTER END ||******** */

/* ********|| BLOG BANNER START ||******** */
.section-blog-banner{position: relative; display: flex; align-items: center; padding: 100px 0; z-index: 0;}
.section-blog-banner .blog-banner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/blog-banner.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; background-position-y: 40%; z-index: -1;}
.section-blog-banner .blog-banner::after{content: ""; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.354); width: 100%; height: 100%;}
.section-blog-banner .blog-banner-content{font-size: 80px; font-weight: 700; color: var(--shades01); text-align: center;}
/* ********|| BLOG BANNER END ||******** */

/* ********|| BLOG LIST START ||******** */
.section-blog{padding: 30px 45px 100px;}
.section-blog .section-blog-wrapper{ background-color: var(--shades09); padding: 100px 30px; border-radius: 30px;}
.section-blog .blog-list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px;}
.section-blog .blog-list .blog-items{width: 100%; border-radius: 10px; box-shadow: 2px 3px 11px -3px rgb(219, 219, 219); background-color: var(--shades01); }
.section-blog .blog-list .blog-items .blog-image{width: 100%; aspect-ratio: 1/0.6; border-radius: 10px; overflow: hidden; position: relative; transition: 0.5s all ease;}
.section-blog .blog-list .blog-items .blog-image img{width: 100%; height: 100%; object-fit: cover;}
.section-blog .blog-list .blog-items .blog-text{position: relative; z-index: 1;  padding: 20px; background: white; margin: -70px 20px 0; border-radius: 10px;}
.section-blog .blog-list .blog-items .blog-text .blog-title{font-size: 22px; font-weight: 700; line-height: 1.3; margin-top: 8px;}
.section-blog .blog-list .blog-items .blog-text .blog-description{font-size: 16px; padding-top: 15px; line-height: 1.4;}
.section-blog .blog-list .blog-items .blog-text .blog-footer{border-top: 1px solid var(--shades06); display: flex; justify-content: space-between; align-items: center; margin-top: 25px; padding-top: 20px; padding-bottom: 10px;}

.section-blog .blog-list .blog-items .blog-text .admin{font-size: 16px; color: var(--shades04); display: flex; gap: 10px; align-items: center;}
.section-blog .blog-list .blog-items .blog-text .admin .admin-icon{ font-size: 16px; color: var(--shades04); display: flex; justify-content: center; align-items: center;}
.section-blog .blog-list .blog-items .blog-text .admin .admin-title{font-weight: 600;}
.section-blog .blog-list .blog-items .blog-text .blog-footer .blog-read-more a{position: relative; border: 0; background-color: transparent; color: var(--primary); font-size: 16px; font-weight: 500; text-transform: capitalize;}
.section-blog .blog-list .blog-items .blog-text .blog-footer .blog-read-more a::after{content: "\f101"; font-family: "Font Awesome 6 pro"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; line-height: 1;  transition: 0.5s;}
.section-blog .blog-list .blog-items .blog-text .blog-footer .blog-read-more a:hover::after{right: -20px; opacity: 1; color: var(--primary);}
.section-blog .blog-list .blog-items .blog-text .blog-footer .blog-read-more a:hover{color: var(--paragraph);}
.section-blog .blog-list .blog-items .blog-image .blog-date{position: absolute; top: 0; left: 0; background-color: var(--primary); width: 80px; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom-right-radius: 5px; color: var(--shades01); font-size: 16px; font-weight: 600; text-align: center; line-height: 1.1; z-index: 1;}
.section-blog .blog-list .blog-items .blog-image .blog-date span{font-size: 28px;}
.section-blog .blog-list .blog-items .blog-image .go-arrow{position: absolute; top: 40%; left: 50%; transform: translateX(-50%); color: white; z-index: 1; width: 65px; height: 65px; border-radius: 50%; border: 2px dashed white; display: flex; justify-content: center; align-items: center; font-size: 32px; font-weight: 600; opacity: 0; transition: 0.5s all ease;}
.section-blog .blog-list .blog-items .blog-image .image-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000087; z-index: 0; opacity: 0; transition: 0.5s all ease;}
.section-blog .blog-list .blog-items .blog-image:hover .go-arrow{opacity: 1;}
.section-blog .blog-list .blog-items .blog-image:hover .image-overlay{opacity: 1;}
.section-blog .cta-btn{display: flex; width: 100%; justify-content: center; padding-top: 60px; padding-bottom: 20px;}

/* ********|| BLOG LIST END ||******** */

/* ********|| BLOG DETAILS START ||******** */
.blog-details-sec{position: relative; padding: 30px 45px 30px;}
.blog-details-sec .blog-details-sec-wrapper{position: relative; padding: 80px 30px 80px;background-color: var(--shades09); border-radius: 30px;}
.blog-details-sec .container{ display: flex; gap: 30px; position: relative; align-items: flex-start;}
.blog-details-sec .top-posts{width: 35%; position: sticky; top: 106px; left: 0;}
.blog-details-sec .top-posts .top-post-title{font-size: 30px; font-weight: 700; text-align: left; padding-bottom: 10px; border-bottom: 1px solid var(--primary);}
.blog-details-sec .top-posts .post-items{position: relative;}
.blog-details-sec .top-posts .post-items .blog-link{display: block; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: rgb(0 0 0 / 6%) 0 2px 16px; padding: 20px; margin-top: 20px; transition: 0.5s all ease;}
.blog-details-sec .top-posts .post-items .blog-link:hover{ box-shadow:rgb(0 0 0 / 6%) 0 2px 0px;}
.blog-details-sec .top-posts .post-items .blog-link .post-title{ font-size: 18px; font-weight: 600; line-height: 1.2; margin: 0;}
.blog-details-sec .top-posts .post-items .blog-link .post-date{ background-color: var(--primary);
  display: inline-flex; align-items: center; color: #fff; padding: 5px 10px; line-height: 1; border-radius: 4px; font-size: 12px; font-weight: 600; margin: 10px 0 0;}
.blog-details-sec .top-posts .post-items .blog-link .post-description{font-size: 16px; color: var(--textColor); line-height: 1.4; font-weight: 400; margin: 10px 0 0; overflow: hidden; text-overflow: ellipsis; max-height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:-webkit-box;}
@supports (-moz-appearance: none) {
    .blog-details-sec .top-posts .post-items .blog-link .post-description { display: block; overflow: hidden; white-space: nowrap;}
}
.blog-items-border{border: 1px solid var(--border)!important; box-shadow: 2px 3px 16px -3px rgb(219, 219, 219)}
.blog-details-sec .blog-details{width: 65%; background-color: var(--shades01); border-radius: 20px;}
.blog-details-sec .blog-details .blog-details-img{position: relative; width: 100%; height: 500px; overflow: hidden; border-radius: 20px;}
.blog-details-sec .blog-details .blog-details-img img{ width: 100%; height: 100%; object-fit: cover;}
.blog-details-sec .blog-details .blog-details-img .blog-details-date{position: absolute; top: 0; left: 0; background-color: var(--primary); width: 100px; aspect-ratio: 1/1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom-right-radius: 5px; color: var(--shades01); font-size: 14px; font-weight: 600; text-align: center; line-height: 1.1; z-index: 1;}
.blog-details-sec .blog-details .blog-details-img .blog-details-date span{display: block; font-size: 30px; line-height: 1; font-weight: 700;}
.blog-details-sec .blog-details .blog-details-content{padding: 20px; width: 100%; max-width: calc(100% - 40px); margin: -60px auto 20px; position: relative; z-index: 1; background-color: #fff; border-radius: 16px 16px 0 0; display: flex; flex-direction: column;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title{ position: relative; font-size: 30px; line-height: 1.2; font-weight: 700; color: var(--primary); margin: 0;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title::after{content: ""; position: absolute; bottom:-10px; left: 0; width: 100%; background-color: var(--shades07); height: 1px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description span{font-size: 20px; font-weight: 700; margin-bottom: 7px; display: block;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description{font-size: 15px; margin-top: 10px; line-height: 1.4;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description p{margin-bottom: 15px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description ul{padding: 0;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description ul li{list-style: none; position: relative; padding-left: 30px; padding-bottom: 18px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description ul li::before{content: "\f00c"; position: absolute; left: 0; top: 3px; font-family: "Font Awesome 6 Pro"; color: var(--primary); font-weight: 700; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center;}
.section-blog .blog-details-list{display: block;}
.blog-details-list .blog-details-text{margin: -40px 20px 0!important;}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet-active{width: 14px!important; height: 14px!important; border-radius: 50px!important; background-color: var(--primary);}
.swiper-pagination{display: flex; justify-content: center; align-items: center;}
.section-blog .blog-details-list .swiper {padding-bottom: 45px!important;}

/* ********|| BLOG DETAILS END ||******** */

/* ********|| FRUCTIONAL-ACCOUNT-MANAGEMENT START ||******** */

.fractional-account-banner{padding: 22px 45px; }
.fractional-account-banner{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.fractional-account-banner .fractional-banner-heading{font-size: 54px; font-weight: 700; color: var(--text-color); text-align: center; max-width: 1080px; margin-bottom: 40px; line-height: 1.2;}
.fractional-account-banner .fractional-banner-img{width: 100%; height: 544px; overflow: hidden; border-radius: 30px;}
.fractional-account-banner .fractional-banner-img img{width: 100%; height: 100%; object-fit: cover;}
.fractional-description{font-size: 22px; line-height: 1.8; max-width: 74%; text-align: center; padding-top: 50px; padding-bottom: 20px;}
.success-management-sec .container{background-color: var(--shades09); padding: 60px 250px; border-radius: 30px; margin-bottom: 60px;}
.success-management-sec .account-management-title{font-size: 40px; font-weight: 700; line-height: 1.3; max-width: 700px; color: var(--text-color); margin-bottom: 26px;}
.success-management-sec .account-management-description{font-size: 20px; line-height: 1.8; max-width: 880px; color: var(--text-color); margin-bottom: 40px;}
.success-management-sec .account-management-heading{font-size: 38px; font-weight: 700; color: var(--text-color); line-height: 1.2;}
.account-management-item-wrapper{    margin-top: 26px;}
.account-management-item-wrapper .account-management-item{position: relative;}
.account-management-item-wrapper .account-management-item .account-management-item-inner{display: flex; gap: 30px; align-items: center; position: relative; padding: 30px 0; margin-bottom: 22px; background-color: var(--shades01); border: 1px solid var(--border); width: calc(100% - 50px); transform: translateX(50px);}
.account-management-item-wrapper .account-management-item .account-icon{ position: relative; overflow: hidden; width: 100px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); background-color: var(--shades01); z-index: 2; padding: 0 30px; margin: 0 0 0 -50px;}
.account-management-item-wrapper .account-management-item .account-icon img{width: 100%; aspect-ratio: 1/1;  object-fit: cover;}
.account-management-item-wrapper .account-management-item .account-management-content{z-index: 2;}
.account-management-item-wrapper .account-management-item .account-management-content .content-title{font-size: 20px; font-weight: 700; color: var(--text-color); line-height: 1.2; margin-bottom: 12px;}
.account-management-item-wrapper .account-management-item .account-management-content .content-description{font-size: 18px; line-height: 1.8; color: var(--paragraph); max-width: 700px;}
.success-management-sec .account-management-title-2{font-size: 40px; font-weight: 700; line-height: 1.3; max-width: 700px; color: var(--text-color); margin-bottom: 26px; margin-top: 50px;}
.success-management-sec .account-management-subtitle-2{font-size: 18px; color: var(--paragraph); line-height: 1.6;}

/* ********|| FRUCTIONAL-ACCOUNT-MANAGEMENT END ||******** */

/* ********|| TALENT SEARCH START ||******** */

.talent-search-banner{padding: 20px 45px 40px; display: flex; flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.talent-search-banner .container{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.talent-search-banner .talent-search-banner-heading{font-size: 60px; font-weight: 700; color: var(--text-color); text-align: center; max-width: 1000px; margin-bottom: 40px; line-height: 1.2; text-transform: capitalize; margin-top: 0;}
.talent-search-banner .talent-search-banner-img{width: 100%; height: 400px; overflow: hidden; border-radius: 30px;}
.talent-search-banner .talent-search-banner-img img{width: 100%; height: 100%; object-fit: cover;}
.talent-search-banner .talent-search-description{font-size: 28px; font-weight: 700; line-height: 1.6; max-width: 1000px; text-align: center; padding-top: 50px; padding-bottom: 20px;}
.talent-search-sec .container{background-color: var(--shades09); padding: 80px 250px; border-radius: 30px; margin-bottom: 60px;}
.talent-search-sec .talent-search-body-title{font-size: 30px; font-weight: 700; line-height: 1.3; max-width: 700px; color: var(--text-color); margin-bottom: 16px;}
.talent-search-sec .talent-search-body-description{font-size: 20px; line-height: 1.8; max-width: 880px; color: var(--text-color); margin-bottom: 40px;}
.talent-section {position: relative; padding: 55px 45px 50px;}
.talent-section .talent-img-wrapper{position: relative;  height: 384px;}
.talent-section .talent-image{position: absolute; width: 100%; border-radius: 30px; overflow: hidden; background-position: center center!important; background-size: cover!important; background-repeat: no-repeat!important; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; text-align: center;}
.talent-section .talent-image::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000099; z-index: 0;}
.talent-section .talent-image .talent-heading{position: relative; z-index: 1; font-size: 50px; color: var(--shades01); line-height: 1.3; font-weight: 800; max-width: 1470px; text-transform: capitalize;}

/* ********|| TALENT SEARCH END ||******** */

/* ********|| PRIVACY POLICY START ||******** */
.privacy-description{font-size: 16px; line-height: 1.7; color: var(--paragraph); margin-bottom: 85px;}
.privacy-description p{font-size: 16px; margin-bottom: 18px; line-height: 1.5;}
.privacy-description ol{padding-left: 22px;}
.privacy-description ol li{ margin-bottom: 22px;}

/* ********|| PRIVACY POLICY END ||******** */

/* ********|| CONTACT US START ||******** */
.contact-us-header-banner{padding: 30px 30px 60px; display: flex; justify-content: center; align-items: center; width: 100%; flex-direction: column;}
.contact-us-header-banner .contact-us-heading{font-size: 50px; font-weight: 700; color: var(--text-color); text-align: center; max-width: 1400px; line-height: 1.4;}
button{cursor: pointer;}

/* ********|| CONTACT US END ||******** */

/* ********|| ABOUT US START ||******** */
.about-us-section{padding: 20px 0 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.about-us-section .abut-us-heading{position: relative; font-size: 54px; font-weight: 700; color: var(--text-color); text-align: center; max-width: 600px;     margin: 14px auto 100px; line-height: 1.2;}
.about-us-section  .abut-us-heading span{font-size: 60px; color: var(--primary); }
.about-us-section .abut-us-heading::after{content: ''; background-color: var(--yellow); width: 30%; height: 4px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}
.about-us-section .abooutus-descriptions-wrapper{background-color: #f5f5f599; border-radius: 30px; padding: 30px; margin-bottom: 30px;}
.about-us-section .abooutus-descriptions-wrapper .about-us-description{font-size: 22px; line-height: 1.8; color: var(--paragraph); padding: 0 44px; display: flex; flex-direction: column; gap: 20px;}

.our-mission-sec{margin:20px 0 34px;}
.our-mission-sec .container{display: flex; gap: 70px; justify-content: center; align-items: center;}
.our-mission-sec .our-mission-img-sec{width: 30%;}
.our-mission-sec .our-mission-img-sec .our-mission-img{width: 100%; border-radius: 30px; overflow: hidden; aspect-ratio: 1.6/1;}
.our-mission-sec .our-mission-img-sec .our-mission-img img{width: 100%; height: 100%; object-fit: cover;}
.our-mission-sec .our-mission-text-sec{width: 50%;}
.our-mission-sec .our-mission-text-sec .our-mission-heading{position: relative; font-size: 54px;; color: var(--text-color); line-height: 1.3; font-weight: 700; margin-bottom: 44px;}
.our-mission-sec .our-mission-text-sec .our-mission-heading::after{content: ''; background-color: var(--primary); width: 25%; height: 4px; position: absolute; bottom: -9px; left: 10px;}
.our-mission-sec .our-mission-text-sec .our-mission-description{ font-size: 22px; line-height: 1.8;}
.what-wedo-sec{padding-bottom: 70px!important;}
.what-we-do-padding{padding: 30px 0!important;}
.whatwedo-content-wrapper{padding-top: 28px; border-bottom: 0!important;}
.what-wede-item-description{font-size: 18px; line-height: 1.4; color: var(--paragraph);}

.why-choose-us-sec .why-choose-us-wrapper{background-color: var(--shades09);padding: 58px 150px;border-radius: 30px;margin-bottom: 100px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-heading{    font-size: 46px; font-weight: 700; color: var(--text-color); line-height: 1.2; margin-bottom: 40px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-subheading{  font-size: 28px; font-weight: 700; color: var(--text-color); line-height: 1.2; margin-bottom: 36px; margin-top: 56px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul{padding-left: 0px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li{display: flex; gap: 30px; background: var(--shades01); padding: 35px; border-radius: 20px; align-items: center; font-size: 21px; color: var(--text-color); line-height: 1.4;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li span{color: var(--primary); font-weight: 700;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li i{width: 60px; aspect-ratio: 1 / 1; background: var(--yellow); border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 30px; flex-shrink: 0;}

/* ********|| ABOUT US END ||******** */

.account-management-section{overflow: hidden;}
.recruitment-section{overflow: hidden;}
.recruitment-services-sec{overflow: hidden;}
.ourblog-section{overflow: hidden;}
.testimonial-section{overflow: hidden;}
.contact-us-section{overflow: hidden;}
.services-section{overflow: hidden;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title{margin-bottom: 35px;}

.faq{padding: 31px 45px 20px;}
.faq .faq-wrapper{position: relative; border-radius: 30px; background-image: linear-gradient(to bottom, var(--primary), #030D1C); padding: 100px 0;}
.faq .faq-card { background: #fff; border-radius: 22px; overflow: hidden; padding: 27px 45px 27px 45px; margin: 0 0 36px; position: relative;}
.faq-card .faq-title{font-size: 24px; margin: 0 0 14px; font-weight: 700; line-height: 1.4;}
.faq-card .faq-description{font-size: 16px; line-height: 1.6;}
.faq-card .faq-description ul{padding: 0;}
.faq-card .faq-description ul li{position: relative; list-style: none; padding-left: 30px;}
.faq-card .faq-description ul li::before{content: "\f00c"; position: absolute; left: 0; top: 3px; font-family: "Font Awesome 6 Pro"; color: var(--primary); font-weight: 700; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center;}
.faq-card h2 { background: #ededed; width: 50px; height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 6px; color: var(--primary);}
.faq-description a { transition: all .5s ease-out; position: relative; font-size: 14px; font-weight: 600; color: var(--text-color); padding: 7px 20px; border-radius: 50px; border: 0; overflow: hidden; background: var(--yellow); margin: 6px 0 0; display: inline-block;}
.faq-banner .talent-search-banner-img img{object-position: top;}

section.account-management-section.second-section .account-management-wrapper {display: flex; flex-direction: row-reverse;}
section.account-management-section.second-section .account-image-sec{ padding-right: 50px; border-top-right-radius: 40px; padding-left: 0; border-top-left-radius: 45px;}
section.account-management-section.second-section .account-image-sec img{border-top-right-radius: 40px; border-top-left-radius: 0;}
section.account-management-section.second-section .account-img-text{right: -147px; left: auto !important;}
section.account-management-section.second-section .account-text-sec{border-top-right-radius: 0; border-top-left-radius: 40px;}
.blog-content-description a { transition: all .5s ease-out; position: relative; font-size: 14px; font-weight: 600; color: var(--text-color); padding: 7px 20px; border-radius: 50px; border: 0; overflow: hidden; background: var(--yellow);}
.about-us-section .abooutus-descriptions-wrapper .about-us-description p{margin-bottom: 0;}
button{cursor: pointer;}
.wpcf7 form .wpcf7-response-output{border-radius: 12px; background-color: #e9f1ff; margin: 1em 0em 1em; padding: 10px; color: var(--text-color);}
.wpcf7 form .wpcf7-response-output {
  border-radius: 12px;
  background-color: #e9f1ff;
  margin: 0;
  padding: 8px;
  color: var(--text-color);
}
.wpcf7-not-valid-tip {
  color: #e53333;
  font-size: 11px;
  font-weight: normal;
  display: block;
}


/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width: 1600px) {
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title{ font-size: 50px; max-width: 1070px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title::after{top: -53px; left: -47px;}
  .account-management-section .account-management-wrapper .account-text-sec .account-title{font-size: 28px;}
  .account-management-section .account-management-wrapper .account-text-sec .account-heading{font-size: 42px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h3{font-size: 28px; padding-top: 6px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper p{font-size: 18px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul{font-size: 18px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h4{font-size: 26px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading{font-size: 42px; max-width: 970px;}
  .page-banner-heading { font-size: 42px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image-sec .item-right-arrow{right: -38%;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:first-child .workes-item-image-sec::before{left: -55px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:last-child .workes-item-image-sec::before{right: -55px;}
  .services-section .services-wraper .services-item .item-left .item-left-title {font-size: 28px;}
  .page-heading { font-size: 42px;}
  .recruitment-section .recruitment-text .tecruitment-sub-heading{font-size: 28px;}
  .recruitment-section .recruitment-text .recruitment-subheading { font-size: 28px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title {font-size: 28px;}

.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-description { font-size: 22px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author{padding-top: 24px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item{padding: 45px 40px;}
.contact-us-section .contact-image-sec .contact-heading{font-size: 58px; max-width: 480px;}
.footer .upperfooter .footer-title { font-size: 48px;}
section.account-management-section.second-section .account-management-wrapper .account-text-sec{padding: 10px 65px 26px 40px;}
  
}

@media screen and (max-width: 1540px) {
  .section-blog { padding: 80px 0}

  header .navigation .navigation-menu{gap: 8px;}
  header .navigation .navigation-menu .menu-link{font-size: 14px;}
  .header-option .contact .contact-text{font-size: 16px;}
  .header-option .contact .contact-icon{width: 48px; font-size: 20px;}
  .primora-btn-header{padding: 14px 30px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title {font-size: 40px; max-width: 700px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title::after{top: -52px; left: -50px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span { font-size: 50px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo {top: -86px; left: -38px; width: 156px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo { top: -60px; left: -23px; width: 120px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-description{font-size: 18px; max-width: 800px;}
  .primora-btn{font-size: 18px; padding: 18px 32px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-button { padding-top: 36px;}
  .account-management-section .account-management-wrapper .account-text-sec{padding: 10px 20px 50px 65px;}
  .account-management-section .account-management-wrapper .account-text-sec .account-heading {font-size: 30px; max-width: 440px; padding-bottom: 10px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul li {padding-top: 10px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h3 {font-size: 18px; max-width: 500px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper p{font-size: 14px; padding-bottom: 10px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h4 { font-size: 18px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul{font-size: 15px;}
  .account-management-section .account-management-wrapper .account-text-sec .learn-more{padding-top: 30px;}
  .account-management-section .account-management-wrapper .account-image-sec .account-img-text{left: -148px; font-size: 18px;}
  section.account-management-section.second-section .account-img-text{ right: -148px!important; font-size: 18px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .how-it-workes-title{font-size: 22px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .how-it-workes-title::after{top: -33px; left: -38px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading {
    font-size: 34px; max-width: 700px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image{width: 276px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper::after{top: 137px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:first-child .workes-item-image-sec::before { left: -50px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:last-child .workes-item-image-sec::before { right: -50px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-title {font-size: 24px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-description { font-size: 18px;}
  .how-it-works-section{padding: 40px 45px 20px;}
  .page-banner-title{font-size: 24px;}
  .page-banner-title::after{top: -33px; left: -36px;}
  .page-banner-heading {font-size: 34px; max-width: 650px; margin-top: 10px; margin-bottom: 16px;}
  .services-section .services-wraper{padding: 60px 0;}
  .services-section .services-wraper .container .services-header-wrapper .services-description{margin-bottom: 50px}
  .page-title{font-size: 25px;}
  .page-title::after{ top: -33px; left: -37px;}
  .page-heading { font-size: 36px;}
  .services-section .services-wraper .services-item .item-left .item-left-icon{font-size: 30px; width: 80px;}
  .services-section .services-wraper .services-item .item-left .item-left-title{font-size: 20px;}
  .services-section .services-wraper .services-item .item-left{gap: 30px;}
  .services-section .services-wraper .services-item .item-right .item-right-text{font-size: 18px; max-width: 440px;}
  .services-section .services-wraper .services-item .item-right .item-right-icon{width: 56px; font-size: 24px;}
  .recruitment-section .recruitment-text .tecruitment-sub-heading { font-size: 22px; max-width: 516px;}
  .recruitment-section .recruitment-text .recruitment-subheading {font-size: 20px; padding-bottom: 40px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title { font-size: 20px;}
  .recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item .recruitment-item-img .recruitment-date{font-size: 15px;}
  .ourblog-section{padding: 70px 0 20px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title{font-size: 25px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title::after{top: -32px; left: -38px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading{font-size: 36px; max-width: 400px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-description{font-size: 15px;}
  .blog-slider-item .recruitment-item-title{font-size: 16px; padding-left: 12px;}
  .blog-slider-item .recruitment-item-description{font-size: 13px; padding-left: 12px; margin-top: 8px;}
  .blog-slider-item .recruitment-item-img .recruitment-date{font-size: 13px;}
  .our-blog-img-sec .our-blog-swiper-button-prev, .our-blog-swiper-button-next{ width: 56px !important; height: 56px !important;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description{font-size: 16px;}
  .recruitment-section .recruitment-text .recruitment-description ul li{font-size: 16px; padding: 18px 30px 18px 40px;}
  .recruitment-section .recruitment-text .recruitment-description ul li::after{top: 22px;}
  .recruitment-section .recruitment-img .recruitment-img-text{right: -182px; font-size: 25px;}
  .testimonial-section .testimonial-wraper .testimonial-body{margin-top: 42px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-description { font-size: 20px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-details span{font-size: 30px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item {padding: 40px 40px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-review span { font-size: 34px; line-height: 1.4;}
  .contact-us-section .contact-image-sec{padding: 36px 50px;}
  .contact-us-section .contact-image-sec .contact-heading {font-size: 40px; max-width: 300px; margin-bottom: 20px;}
  .contact-us-section .contact-image-sec .contact-description{font-size: 16px; margin-bottom: 36px;}
  form .form-group{margin: 18px 0;}
  .contact-us-section .contact-image-sec .contact-company-info .company-mobile{padding: 8px 15px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-email{padding: 8px 15px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-number{font-size: 16px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-email .email-name{font-size: 16px;}
  .contact-us-section .contact-image-sec .contact-company-info{flex-wrap: wrap; justify-content: center;}
  .contact-us-section .contact-text-sec .contact-subheading { font-size: 20px;}
  .contact-us-section .contact-text-sec .contact-paragraph {font-size: 16px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-mobile{gap: 10px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-email{gap: 10px;}
  form .form-text {font-size: 15px;}
  form .form-group input{padding: 22px 20px;}
  form .form-group .form-calender-icon{font-size: 20px;}
  .contact-us-section .contact-text-sec{padding: 50px 60px;}
  .footer .upperfooter .footer-title {font-size: 36px;  max-width: 660px; padding-top: 0; padding-bottom: 26px;}
  .footer .mid-footer{padding-top: 42px;}
  .footer .upperfooter .email-input{height: 72px;}
  .footer .upperfooter{height: 290px;}
  .footer .upperfooter .email-input .email-send{width: 62px;}
  .footer .mid-footer .footer-menu ul li a{font-size: 18px;}
  .footer .mid-footer .list-items-2 a{font-size: 20px;}
  .footer .mid-footer .list-items-2 .social-icon{font-size: 20px; width: 44px;}
  .footer .mid-footer .list-items-address a{font-size: 18px;}
  .footer .mid-footer .list-items-address .social-icon{font-size: 20px; width: 44px;}
  .footer .mid-footer .footer-list-address { width: 26%;}
  .footer .mid-footer .footer-list { width: 18%;}
  .footer .mid-footer .footer-heading{font-size: 26px;}
  .footer .mid-footer .footer-description{font-size: 16px;}
  .footer .footer-logo-wrapper{width: 134px; height: 94px;}
  .copy-right{font-size: 14px; padding: 12px;}
  .footer .footer-chat-icon{font-size: 30px; width: 74px;}
  .how-it-works-section .management-process .management-wrapper .management-item .management-img{width:240px;}
  .how-it-works-section .management-process .management-wrapper .management-item .connector{width: 134px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::after{ right: -44px; width: 119px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::before{right: -136px; width: 144px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::after{left: -44px; width: 119px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::before{left: -136px; width: 144px;}
  .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title{font-size: 17px; margin-bottom: 10px;}
  .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description{font-size: 14px;}
  .how-it-works-section .management-process{padding-bottom: 100px; padding-top: 270px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):after{height: 130px; top: -95px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):before{top: -96px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):after{height: 130px; top: -95px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):before{top: -96px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):after{height: 130px; bottom: -95px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):before{bottom: -96px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper { bottom: calc(100% + 105px);}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper { top: calc(100% + 105px);}
  
  .fractional-account-banner .fractional-banner-heading{font-size: 36px; max-width: 700px;}
  .fractional-account-banner .fractional-banner-img{height: 250px;}
 .fractional-description { font-size: 17px; max-width: 1000px;}
  .success-management-sec .account-management-title{font-size: 28px; max-width: 400px;}
  .success-management-sec .account-management-heading { font-size: 26px;}
  .success-management-sec .container{ padding: 40px 200px;}
  .success-management-sec .account-management-title-2 { font-size: 26px;}
  .success-management-sec .account-management-description{font-size: 16px;}
  .talent-search-banner .talent-search-banner-heading {font-size: 36px; max-width: 700px; margin-top: 0; margin-bottom: 30px;}
  .talent-search-banner .talent-search-description { font-size: 22px; padding-top: 38px;}
  .talent-search-sec .talent-search-body-title{font-size: 25px; margin-bottom: 24px;}
  .talent-section { position: relative; padding: 12px 45px 50px;}
  .talent-search-sec .talent-search-body-description { font-size: 16px; margin-bottom: 26px;}
  .account-management-item-wrapper .account-management-item .account-management-content .content-title{font-size: 18px; margin-bottom: 6px;}
  .account-management-item-wrapper .account-management-item .account-management-content .content-description{font-size: 16px;}
  .account-management-item-wrapper .account-management-item .account-management-item-inner{padding: 22px 0;}
  .account-management-item-wrapper .account-management-item .account-icon{width: 80px; padding: 0 18px;}
  .talent-section .talent-image .talent-heading{font-size: 34px; max-width: 1105px;}
  .talent-section .talent-img-wrapper{height: 220px;}
  .talent-search-banner .talent-search-banner-img{height: 250px;}
  .talent-search-banner{padding: 20px 45px 16px;}
  main { padding: 116px 0 0;}
  .talent-search-sec .container{  padding: 40px 200px;}
  .contact-us-header-banner .contact-us-heading{font-size: 30px; max-width: 800px;}
  .section-blog { padding: 35px 0;}
  .section-blog .blog-list .blog-items .blog-text .blog-title{font-size: 20px;}
  .recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .how-it-workes-title{font-size: 25px;}
  .recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading{font-size: 30px; max-width: 700px; margin-top: 0; padding-top: 0px; margin-bottom: 0px;}
  .recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .how-it-workes-title::after{left: -42px;}
  .recruitment-process-section .management-process{padding-bottom: 100px; padding-top: 300px;}
 .recruitment-process-section .management-process .management-wrapper .management-item .management-img{width: 166px;}
 .recruitment-process-section .management-process .management-wrapper .management-item .managment-img-wrapper{padding: 20px;}
 .recruitment-process-section .management-process .management-wrapper .management-item .connector{width: 111px; height: 80px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper .connector{right: -77px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper .connector{right: -77px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::after{right: -18px; width: 74px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::before{top: 54px; right: -94px; width: 93px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::after{right: -18px; width: 74px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::before{bottom: 54px; right: -94px; width: 93px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd):after{height: 130px; top: -105px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd):before{top: -106px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper{bottom: calc(100% + 116px);}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even):after{height: 130px; bottom: -105px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even):before{bottom: -106px;}
 .recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper{top: calc(100% + 116px);}
  .recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title { font-size: 16px;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description {
  font-size: 13px; margin-bottom: 12px;}
  .success-management-sec .account-management-subtitle-2{font-size: 16px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .how-it-workes-title {font-size: 22px;}
/* .requirement-process-tag-wrapper .icon{width: 70px; font-size: 34px;} */
/* .requirement-process-tag-wrapper{font-size: 22px;} */
.recruitment-process-section { padding: 30px 0 140px;}
.requirement-process-tag-wrapper{margin-top: 18px; font-size: 18px;}
.contact-us-section .contact-text-sec .contact-page-paragraph {font-size: 14px;}
.benefits-cost-description{margin: 4px 0px 44px; font-size: 26px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading { font-size: 22px; margin-bottom: 14px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul{ font-size: 16px;}
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting { width: 74px;}
.benefits-cost-footer .cost-footer-heading{font-size: 36px; margin: 34px auto 28px;}
.benefits-cost-sec .services-wraper { padding: 40px 0 70px !important;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content{font-size: 16px; max-width: 220px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content::after{font-size: 23px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span::after{ top: -68px; left: -78px; width: 120px;}
.about-us-section .abut-us-heading{font-size: 36px; max-width: 400px; margin: 14px auto 50px;}
.about-us-section .abut-us-heading span { font-size: 40px;}
.about-us-section { padding: 8px 0 6px;}
.about-us-section .abooutus-descriptions-wrapper{padding: 20px;}
.about-us-section .abooutus-descriptions-wrapper .about-us-description {font-size: 16px; gap: 4px;}
.our-mission-sec { margin: 20px 0 36px;}
.our-mission-sec .our-mission-text-sec .our-mission-heading{font-size: 36px; margin-bottom: 36px;}
.our-mission-sec .our-mission-text-sec .our-mission-description { font-size: 16px;}
.what-wede-item-description{font-size: 16px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-heading {font-size: 36px; margin-bottom: 32px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li i{width: 48px; font-size: 24px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li{font-size: 17px; padding: 25px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-subheading { font-size: 22px; margin-bottom: 15px; margin-top: 36px;}
.why-choose-us-sec .why-choose-us-wrapper{padding: 35px 150px 20px; margin-bottom: 80px;}
form .form-group label { font-size: 14px;}
.success-management-sec .container{margin-bottom: 40px;}
.how-it-works-section .management-process { padding-top: 320px;}
.contact-us-section .contact-text-sec form { margin-top: 24px;}
.blog-page-sec { padding: 0px 45px 70px !important;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title{font-size: 25px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description span { font-size: 18px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description {font-size: 14px;}
.blog-details-sec .blog-details-sec-wrapper { padding: 45px 30px 46px;}
.blog-details-sec .top-posts .post-items .blog-link .post-title { font-size: 17px;}
.blog-details-sec .top-posts .post-items .blog-link .post-description { font-size: 14px;}
.footer .upperfooter .email-input .email-text{height: 73px;}
.banner-section{padding: 140px 0 100px;}
.services-section { padding: 20px 45px 10px;}
.account-management-section {padding: 74px 0 14px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec{padding: 32px 0;}
.whatwedo-content-wrapper{padding-top: 15px; padding-bottom: 30px;}
.faq .faq-wrapper{padding: 56px 0;}
.contact-us-header-banner { padding: 30px 30px 20px;}
.faq-card .faq-title { font-size: 22px;}
.faq-card .faq-description { font-size: 15px;}
.faq .faq-card{margin: 0 0 24px;}
form .form-group input[type="date"]{font-size: 15px;}
form .form-group input{font-size: 15px;}
.blog-detail-slider{padding: 22px 0 50px!important;}
}

@media screen and (max-width: 1470px) {
  header{height: 90px;}
  .brand { width: 80px; height: 57px;}
  header .navigation .navigation-menu .menu-link { font-size: 13px;}
  .header-option .contact .contact-text{font-size: 14px;}
  .header-option .contact .contact-icon { width: 42px; font-size: 16px;}
  header .navigation .navigation-menu{gap: 10px;}
  .header-option{gap: 40px;}
  header .navigation .navigation-menu .menu-link{padding: 6px 14px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title{max-width: 660px; font-size: 42px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-description{font-size: 18px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span {font-size: 44px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo { top: -68px; left: -22px; width: 135px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-button {padding-top: 38px;}
  .banner-section .banner-swiper-button-next, .banner-section .banner-swiper-button-prev{width: 60px!important; height: 60px !important;}
  .primora-btn{font-size: 16px;}
  .page-banner-title { font-size: 22px;}
  .account-management-section .account-management-wrapper .account-text-sec{padding: 0px 20px 26px 65px;}
  .account-management-section .account-management-wrapper .account-text-sec .account-heading{font-size: 28px; padding-bottom: 12px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h3 { font-size: 17px; max-width: 310px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper p{font-size: 15px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h4 {font-size: 16px; padding-bottom: 2px;}
  .account-management-section .account-management-wrapper .account-image-sec .account-img-text { left: -133px; font-size: 16px;}
  section.account-management-section.second-section .account-img-text{  right: -133px!important; font-size: 16px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul { font-size: 13px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul li{ padding-top: 10px;}
 .how-it-works-section .management-process { padding-top: 286px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-img{width: 186px;}
 .how-it-works-section .management-process .management-wrapper .management-item .connector{width: 132px; height: 80px;}
 .how-it-works-section .management-process .management-wrapper .management-item .managment-img-wrapper{padding: 24px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(2){ transform: translateY(-65%);}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::after { right: -39px; width: 99px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::before { right: -112px;
  width: 113px; top: 56px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::after{ left: -39px; width: 99px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::before{ left: -112px; width: 113px; top: 56px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title{font-size: 15px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description{font-size: 13px;}
  .services-section .services-wraper .container .services-header-wrapper .services-description{max-width: 770px; font-size: 16px; margin-bottom: 44px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(odd):after{top: -85px;  height: 114px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(odd):before{top: -88px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(even):after{bottom: -85px;  height: 114px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(even):before{bottom: -88px;}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper{bottom: calc(100% + 98px);}
  .how-it-works-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper{top: calc(100% + 98px);}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading {font-size: 32px; margin-top: 3px; margin-bottom: 10px;}
  .how-it-works-section { padding: 40px 45px 70px;}
  
  .services-section .services-wraper .services-item .item-left .item-left-icon { font-size: 29px; width: 74px;}
  .services-section .services-wraper .services-item .item-left .item-left-title { font-size: 18px;}
  .services-section .services-wraper .services-item .item-right .item-right-text {font-size: 16px;}
  .services-section .services-wraper .services-item .item-right .item-right-icon { width: 48px;font-size: 20px;}
  .services-section .services-wraper .services-item .item-right .item-right-icon:hover{font-size:26px ;}
  .page-title {font-size: 24px;}
  .page-heading {font-size: 32px;}
  .recruitment-section .recruitment-text .tecruitment-sub-heading { font-size: 20px; max-width: 470px;}
  .recruitment-section .recruitment-text .recruitment-description ul li { font-size: 15px;}
  .recruitment-section .recruitment-text .recruitment-subheading { font-size: 20px;}
  .recruitment-section .recruitment-img .recruitment-img-text { right: -164px; font-size: 22px;}
  .recruitment-section .recruitment-text{padding: 60px 40px 61px 65px;}
  .recruitment-services-sec .recruitment-services-wraper{padding: 80px 0;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title { font-size: 19px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description{margin-top: 8px;}
  .recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item .recruitment-item-img .recruitment-date { font-size: 14px;}
  .page-banner-heading{margin-top: 10px; font-size: 32px; max-width: 600px; margin-bottom: 6px;}
  .recruitment-services-sec { padding: 80px 45px 60px;}
  .ourblog-section { padding: 50px 0 34px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title {font-size: 24px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading {font-size: 32px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-description { font-size: 14px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .read-blog { padding-top: 26px;}
  .blog-list-wrap{grid-template-columns: repeat(3, 1fr);}
  .blog-slider-item .recruitment-item-title { font-size: 15px; padding-left: 4px;}
  .blog-slider-item .recruitment-item-description {font-size: 14px; margin-top: 10px; padding-left: 4px;}
  .ourblog-section .ourblog-wrapper .our-blog-img-sec { padding: 36px 0 40px;}
  .our-blog-img-sec .our-blog-swiper-button-prev, .our-blog-swiper-button-next { width: 50px !important; height: 50px !important; font-size: 24px;}
  .blog-slider-item .recruitment-item-img .recruitment-date{font-size: 12px; padding: 6px 14px;}
  .contact-us-section .contact-image-sec .contact-heading { font-size: 38px; max-width: 280px; margin-bottom: 20px;}
  .contact-us-section .contact-image-sec{ padding: 50px 50px;}
  .contact-us-section .contact-image-sec .contact-description { font-size: 14px; margin-bottom: 36px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-mobile{padding: 8px 15px;}
  .contact-us-section .contact-image-sec .contact-company-info .company-email{padding: 8px 15px;}
  .contact-us-section .contact-text-sec .contact-subheading { font-size: 20px; max-width: 360px; margin-bottom: 14px; margin-top: 12px;}
  form .form-text { font-size: 14px;}
  form .form-group input{padding: 15px 20px;}
  .contact-us-section .contact-text-sec { padding: 40px 60px;}
  .footer .upperfooter .footer-title {font-size: 32px;max-width: 600px;}
  .footer .upperfooter { height: 272px;}
  .footer .mid-footer .footer-heading { font-size: 20px; padding-bottom: 28px;}
  .footer .mid-footer .footer-menu ul li a { font-size: 14px;}
  .footer .mid-footer .list-items-2 a {font-size: 15px;}
  .footer .mid-footer .list-items-2 .social-icon { font-size: 17px; width: 38px;}
  .footer .mid-footer .list-items-address .social-icon { font-size: 18px; width: 38px;}
  .footer .mid-footer .footer-description { font-size: 15px;}
  .footer .mid-footer .list-items-address a { font-size: 14px;}
  .footer .footer-logo-wrapper{margin: 14px auto 32px;}
  .footer .mid-footer{padding-top: 34px;}
  .footer .footer-chat-icon { font-size: 26px; width: 64px;}
  .talent-search-banner .talent-search-banner-heading{font-size: 32px; max-width: 640px;}
  .about-us-section .abut-us-heading span { font-size: 34px;}
  
  .talent-search-banner .talent-search-description { font-size: 20px; max-width: 800px;padding-top: 32px;padding-bottom: 0px;}
  .talent-search-sec .talent-search-body-title {font-size: 24px; margin-bottom: 15px;}
  .talent-search-sec .container { padding: 38px 140px;}
  .fractional-account-banner .fractional-banner-heading { font-size: 34px; max-width: 550px; margin-bottom: 34px;}
  .talent-search-banner .talent-search-banner-img{height: 230px;}
  .fractional-account-banner .fractional-banner-img{height: 230px;}
  .fractional-description{font-size: 14px; max-width: 880px; padding-top: 30px; padding-bottom: 14px;}
  .success-management-sec .account-management-title {font-size: 26px;max-width: 400px; margin-bottom: 16px;}
  .success-management-sec .account-management-description { font-size: 14px; margin-bottom: 18px;}
  .success-management-sec .account-management-heading {font-size: 24px;}
  .recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading{font-size: 32px;margin-bottom: 10px;}
  .talent-section .talent-image .talent-heading {font-size: 32px;}
  .account-management-item-wrapper .account-management-item .account-management-content .content-description { font-size: 14px;}
  .success-management-sec .account-management-title-2 {font-size: 26px;}
  .success-management-sec .account-management-subtitle-2 {font-size: 14px;}
  .account-management-item-wrapper .account-management-item .account-management-content .content-title {font-size: 16px;}
  .contact-us-header-banner .contact-us-heading { font-size: 30px; max-width: 850px;}
  .contact-us-header-banner { padding: 30px 30px 30px}
  .benefits-cost-description { margin: 0px 0px 50px;}
  .primora-btn-header{padding: 12px 28px; font-size: 16px;}
  .banner-section .banner-slider .item .inner-item .banner-down .banner-down-btn{width: 70px;}
  .section-blog .blog-list .blog-items .blog-text .blog-title { font-size: 20px;}
  .section-blog .blog-list .blog-items .blog-text .blog-description {font-size: 14px;}
  .section-blog .section-blog-wrapper{padding: 60px 30px;}
  .recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title { font-size: 18px;}
  .recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description {font-size: 14px;}
  .recruitment-process-section .management-process { padding-top: 310px;}
  .services-section { padding: 0px 45px 32px;}
  .account-management-section { padding: 50px 0 30px;}
  /* .requirement-process-tag-wrapper { margin-top: 6px;} */
  .contact-us-section .contact-text-sec .contact-page-paragraph { font-size: 15px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span::after{ top: -78px; left: -90px; width: 135px;}
.benefits-cost-description{font-family: 24px;}
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting { width: 60px; font-size: 30px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading { font-size: 18px; margin-bottom: 16px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul { font-size: 14px;}
.Benefits-cost-wrapper .Benefits-cost-item{gap: 26px;}
.benefits-cost-footer .cost-footer-heading { font-size: 32px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content { font-size: 15px; max-width: 210px;}
.footer .upperfooter .email-input .email-text{height: 64px;}
.footer .upperfooter .email-input .email-send { width: 53px; font-size: 21px;}
.success-management-sec .container{padding: 38px 140px;}
.talent-search-banner .talent-search-banner-heading{margin-top: 0px; margin-bottom: 30px; font-size: 34px;}
.about-us-section { padding: 0px 0 30px;}
.about-us-section .abut-us-heading{max-width: 350px;font-size: 32px; margin: 2px auto 48px;}
.about-us-section .abooutus-descriptions-wrapper .about-us-description { font-size: 15px; gap: 10px;}
.our-mission-sec .our-mission-text-sec .our-mission-heading{font-size: 32px; margin-bottom: 36px;}
.our-mission-sec .our-mission-text-sec .our-mission-description { font-size: 15px;}
.what-wede-item-description {font-size: 14px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-heading { font-size: 30px; margin-bottom: 28px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li i { width: 42px; font-size: 20px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li{padding: 16px; font-size: 14px; gap: 25px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-subheading { font-size: 20px; margin-bottom: 20px; margin-top: 36px;}
.talent-search-banner { padding: 20px 45px 40px;}
.about-us-section .abooutus-descriptions-wrapper{margin-bottom: 8px; padding: 20px;}
.why-choose-us-sec .why-choose-us-wrapper { padding: 28px 150px 14px;}
.what-wedo-sec { padding-bottom: 60px !important;}
.our-mission-sec { margin: 20px 0 58px;}
.blog-details-sec .top-posts .top-post-title { font-size: 28px;}
.blog-details-sec .top-posts .post-items .blog-link .post-description { font-size: 13px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title{font-size: 24px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description {font-size: 13px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description span { font-size: 16px;}
main { padding: 90px 0 0;}
.what-we-do-padding { padding: 30px 0 !important;}
.whatwedo-content-wrapper{padding-bottom: 22px; padding-top: 20px;}
.services-section .services-wraper { padding: 60px 0;}
.banner-section{padding: 106px 0 110px;}
/* .requirement-process-tag-wrapper .icon { width: 60px; font-size: 26px;} */
.requirement-process-tag-wrapper { font-size: 16px;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-icon{width: 34px;}
.contact-us-section .contact-image-sec .contact-company-info .company-email .email-icon{width: 34px;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-number { font-size: 14px;}
.contact-us-section .contact-image-sec .contact-company-info .company-email .email-name { font-size: 15px;}
form .form-group input{height: 48px;}
form .form-group input[type="date"]{height: 48px;}
form .form-group{margin: 15px 0;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile{padding: 8px 15px;}
.contact-us-section .contact-image-sec .contact-company-info{gap: 16px;}
.contact-us-section .contact-image-sec .contact-image{margin-top: 36px;}
.copy-right { font-size: 12px; padding: 10px;}
.contact-us-section { padding: 42px 0 80px;}
.faq-card .faq-title { font-size: 20px;}
.faq-card .faq-description { font-size: 14px;}
.faq .faq-card{margin: 0 0 22px;}
.recruitment-process-section { padding: 30px 0 170px;}
.form-group .wpcf7-not-valid-tip{top: 34px;}
.talent-search-sec .talent-search-body-description {font-size: 14px;}
  
}

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

@media screen and (max-width: 1366px) {
  .section-blog .blog-list .blog-items .blog-text .blog-title{font-size: 20px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title{ max-width: 700px; font-size: 36px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span {font-size: 54px;}
  .primora-btn { font-size: 16px;}
  .recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading { font-size: 28px; max-width: 700px;}
  .recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title { font-size: 16px;}
  .recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description { font-size: 13px;}
  .requirement-process-tag-wrapper { font-size: 20px;}
  /* .requirement-process-tag-wrapper .icon { width: 70px; font-size: 30px;} */
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading { font-size: 30px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .read-blog { padding-top: 24px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title { font-size: 23px;}
  .blog-slider-item .recruitment-item-title { font-size: 16px;}
  .blog-slider-item .recruitment-item-description {
    font-size: 13px;}
  .ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider{padding-left: 8px; padding-right: 0px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec{padding: 50px 42px 50px 70px;}
  form .form-group .form-calender-icon { font-size: 20px;}
.talent-search-banner .talent-search-banner-heading { font-size: 34px; max-width: 830px;}
.talent-search-banner .talent-search-description {
  font-size: 22px; max-width: 830px;}
  .talent-search-sec .talent-search-body-title {
    font-size: 26px;
}
.talent-search-sec .talent-search-body-description {
  font-size: 16px;
}
.account-management-item-wrapper .account-management-item .account-management-content .content-description {
  font-size: 17px; max-width: 650px;}
.talent-section .talent-image .talent-heading { font-size: 36px;}
.success-management-sec .account-management-title { font-size: 26px; max-width: 430px;}
.success-management-sec .account-management-description { font-size: 17px;}
.success-management-sec .account-management-heading { font-size: 26px;}
.success-management-sec .account-management-title-2 {font-size: 26px;}
.success-management-sec .account-management-subtitle-2 {font-size: 16px;}
.blog-details-sec .top-posts .post-items .blog-link .post-title { font-size: 16px;}
.blog-details-sec .top-posts .post-items .blog-link .post-description { font-size: 14px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title{font-size: 28px;}
.section-blog .blog-list .blog-items .blog-text .blog-title { font-size: 17px;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-img{width: 160px;}
.recruitment-process-section .management-process .management-wrapper{gap: 16px;}
.recruitment-process-section .management-process .management-wrapper .management-item .connector{width: 134px;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::after { right: -13px; width: 76px; top: -65px;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::before { right: -89px; width: 88px; top: 50px;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::after {right: -13px;
  width: 73px; bottom: -66px;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::before { right: -93px; width: 92px; bottom: 51px;}
.contact-us-header-banner .contact-us-heading {font-size: 34px;max-width: 866px;}

.benefits-cost-description{font-size: 26px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading { font-size: 22px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul{ font-size: 16px;}
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting {width: 66px; font-size: 26px;}
.Benefits-cost-wrapper .Benefits-cost-item{gap: 28px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content { font-size: 17px; max-width: 230px;}
.faq-card .faq-title {font-size: 22px;}
.faq-card .faq-description { font-size: 15px;}
.talent-search-banner .talent-search-banner-img { height: 220px;}
.talent-search-banner { padding: 20px 45px 36px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-heading { font-size: 32px;}
.why-choose-us-sec .why-choose-us-wrapper{padding: 35px 126px 20px;}
.about-us-section .abut-us-heading span {font-size: 36px;}
.account-management-item-wrapper .account-management-item .account-icon{width: 86px; padding: 0 20px;}
  
}

@media screen and (max-width: 1280px) {
  header{gap: 30px;}
  header .navigation .navigation-menu .menu-link { font-size: 12px; padding: 6px 12px;}
  .header-option .contact .contact-text { font-size: 13px;}
  header .navigation .navigation-menu { gap: 5px; padding-left: 5px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title { max-width: 730px;font-size: 36px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span { font-size: 40px; line-height: 1.2;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo { top: -60px; left: -16px; width: 110px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-description{font-size: 17px; padding-top: 20px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper p{font-size: 12px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul{font-size: 13px;}
  .banner-section .banner-swiper-button-next, .banner-section .banner-swiper-button-prev { width: 50px !important; height: 50px !important; font-size: 24px;}
  .account-management-section .account-management-wrapper .account-text-sec .account-heading { font-size: 26px;}
  .account-management-section .account-management-wrapper .account-image-sec .account-img-text { left: -123px; font-size: 14px;}
  section.account-management-section.second-section .account-img-text{ right: -123px!important; font-size: 14px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h3 { font-size: 16px;}
  .account-management-section .account-management-wrapper .account-text-sec .content-wrapper h4 {font-size: 16px;}
  .account-management-section .account-management-wrapper .account-text-sec{padding: 28px 20px 46px 65px;}
  .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title { font-size: 16px;}
  .services-section .services-wraper{padding: 76px 0;}
  .page-banner-heading{margin-bottom: 12px;}
  .page-heading { font-size: 28px; margin-bottom: 16px;}
  .recruitment-section .recruitment-text .recruitment-subheading { font-size: 18px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title {font-size: 18px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description {font-size: 15px;}
  .page-title { font-size: 22px;}
  .recruitment-section .recruitment-text .tecruitment-sub-heading { font-size: 18px; max-width: 430px;}
  .header-option { gap: 22px;}
  .primora-btn{padding: 12px 28px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading { font-size: 28px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title { font-size: 22px;}
  .blog-slider-item .recruitment-item-title { font-size: 18px;}
  .blog-slider-item .recruitment-item-description { font-size: 13px;}
  .blog-slider-item .recruitment-item-img .recruitment-date { font-size: 12px;}
  .contact-us-section .contact-image-sec .contact-heading { font-size: 38px;}
  .contact-us-section .contact-text-sec .contact-subheading { font-size: 20px;}
  .contact-us-section .contact-text-sec .contact-paragraph {font-size: 15px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .how-it-workes-title { font-size: 23px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading { font-size: 30px; max-width: 600px;}
  .page-banner-heading { font-size: 27px; max-width: 500px;}
  .services-section .services-wraper .container .services-header-wrapper .services-description{font-size: 15px;}
  .page-banner-title { font-size: 20px;}
  .benefits-cost-description {font-size: 23px;}
  .Benefits-cost-wrapper .Benefits-cost-item { gap: 24px;}
  .Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading { font-size: 18px; margin-bottom: 18px;}
  .what-wede-item-description { font-size: 14px;}
  .what-we-do-padding { padding: 30px 0 !important;}
  .why-choose-us-sec .why-choose-us-wrapper .why-choose-us-heading {font-size: 28px; margin-bottom: 26px;}
  .Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul { font-size: 15px;}
  .benefits-cost-footer .cost-footer-heading{font-size: 30px;  margin: 38px auto 36px;}
  .benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content { font-size: 16px; max-width: 216px;}
  .primora-btn { font-size: 16px;}
  form .form-group input { padding: 15px 20px;}
  .cost-button-wrapper{margin-top: 45px;}

  .footer .mid-footer .footer-list-address{width: 30%;}
  .footer .mid-footer .footer-list { width: 16%;}
  .account-management-section{overflow: hidden;}
 .blog-slider-item .recruitment-item-img .recruitment-date{font-size: 14px}
.talent-search-banner .talent-search-banner-heading { font-size: 30px; max-width: 500px;}
.talent-section .talent-image .talent-heading { font-size: 32px; max-width: 936px;}
.talent-section .talent-img-wrapper{height: 274px;}
.talent-search-sec .container{ padding: 45px 100px;}
.talent-search-banner {padding: 20px 45px 40px;}
.talent-search-banner .talent-search-description { font-size: 18px; padding-top: 38px; padding-bottom: 5px;}
.talent-search-sec .talent-search-body-title { font-size: 20px; margin-bottom: 25px;}
.account-management-item-wrapper .account-management-item .account-management-item-inner { padding: 18px 0;}
.talent-search-sec .talent-search-body-description { font-size: 14px;}
.talent-section .talent-image .talent-heading {font-size: 28px;max-width: 860px;}
.talent-search-sec .container{margin-bottom: 32px;}
.fractional-account-banner .fractional-banner-heading { font-size: 30px; max-width: 500px;}
.fractional-description { font-size: 14px; padding-top: 38px;}
.success-management-sec .account-management-description {font-size: 14px;}
.account-management-item-wrapper .account-management-item .account-management-content .content-description {font-size: 14px;}
.success-management-sec .account-management-heading { font-size: 22px;}
.success-management-sec .account-management-title { font-size: 24px; max-width: 370px;}
.success-management-sec .account-management-title-2 { font-size: 22px;}
.success-management-sec .account-management-subtitle-2 { font-size: 14px;}
.success-management-sec .container { padding: 60px 100px;}
.contact-us-header-banner .contact-us-heading { font-size: 26px; max-width: 750px;}
.contact-us-header-banner { padding: 30px 30px 20px;}
main { padding: 86px 0 0;}
.privacy-description { font-size: 18px;}
.privacy-description p {font-size: 18px;margin-bottom: 18px;}
.section-blog .blog-list .blog-items .blog-text .blog-title { font-size: 18px;}
.section-blog .blog-list{gap: 26px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading{font-size: 28px; max-width: 700px;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title { font-size: 15px;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description {font-size: 12px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span::after{ top: -65px; left: -70px; width: 110px;}
.contact-us-section .contact-text-sec .contact-subheading { font-size: 18px;}
.contact-us-section .contact-text-sec .contact-page-paragraph { font-size: 13px;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-number { font-size: 14px;}
.contact-us-section .contact-image-sec .contact-company-info .company-email .email-name { font-size: 14px;}
form .form-group { position: relative; margin: 16px 0;}
.contact-us-section .contact-image-sec .contact-description{margin-bottom: 36px;}
/* .requirement-process-tag-wrapper .icon { width: 60px; font-size: 26px;} */
.blog-slider-item .recruitment-item-title { font-size: 15px;}
.requirement-process-tag-wrapper { font-size: 17px;}
.page-banner-heading { margin-top: 5px;}
.our-mission-sec .our-mission-text-sec .our-mission-heading{font-size: 30px;}
.our-mission-sec .our-mission-text-sec .our-mission-description { font-size: 15px;}
.talent-search-banner { padding: 0px 45px 40px;}
.fractional-account-banner { padding: 10px 0;}
.services-section .services-wraper .services-item .item-left .item-left-icon { font-size: 28px; width: 70px;}
.services-section .services-wraper .services-item .item-right .item-right-icon { width: 45px; font-size: 20px;}
.services-section .services-wraper .services-item .item-left .item-left-title {font-size: 17px;}
.services-section .services-wraper .services-item .item-right .item-right-text { font-size: 15px;}
.account-management-section .account-management-wrapper .account-text-sec { padding: 4px 20px 34px 55px;}
.account-management-section { padding: 75px 0 22px;}
.contact-us-section .contact-text-sec { padding: 44px 60px 36px;}
.banner-section{padding: 100px 0 110px;}
.header-option .contact .contact-icon { width: 40px; font-size: 16px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec { padding: 14px 0 20px;}
.contact-us-section .contact-image-sec { padding: 30px 50px;}
.about-us-section .abut-us-heading { max-width: 450px; font-size: 30px;}
.about-us-section .abut-us-heading span { font-size: 38px;}
.about-us-section .abooutus-descriptions-wrapper .about-us-description { font-size: 14px; gap: 8px;}
.about-us-section .abooutus-descriptions-wrapper{padding: 22px;}
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting { width: 50px; font-size: 20px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li { padding: 16px; font-size: 14px; gap: 16px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li i { width: 38px; font-size: 18px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-subheading{font-size: 17px; margin-bottom: 18px; margin-top: 31px;}
.footer .upperfooter .email-input .email-text { height: 60px;}
.footer .upperfooter .email-input .email-send { width: 48px; font-size: 18px;}
.footer .upperfooter { height: 290px;}
.footer .footer-logo-wrapper { width: 102px; height: 72px;}
.footer .footer-logo-wrapper { margin: 20px auto 30px;}
.footer .mid-footer .footer-heading { font-size: 18px;}
.footer .mid-footer .footer-description {  font-size: 15px; max-width: 230px;}
.footer .mid-footer .list-items-2 a { font-size: 15px;}
.footer .mid-footer .list-items-address a {font-size: 15px;}
.footer .mid-footer .list-items-2 .social-icon { font-size: 16px; width: 36px;}
.footer .mid-footer .list-items-address .social-icon{font-size: 16px; width: 36px;}
.copy-right { font-size: 12px;}
.account-management-item-wrapper .account-management-item .account-management-content .content-title{margin-bottom: 8px;}
.talent-section { position: relative; padding: 55px 45px 15px;}
.faq .faq-wrapper{padding: 70px 0;}
.faq-card .faq-title { font-size: 20px;}
.faq-card .faq-description {font-size: 12px;}
.blog-list-wrap {grid-template-columns: repeat(3, 1fr);}

}

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

@media screen and (max-width: 1199px) {
  header .btn-menu-trigger{display: block;}
  header .navigation{position: fixed; top: 0; right: 0; background: var(--primary); z-index: 99; height: 100vh; width: 40%; transform: translateX(100%); padding: 20px; transition: 0.5s all ease;}
  header .navigation .navigation-menu{display: block; padding-left: 0;}
  header .navigation .navigation-menu li{padding: 15px;}
  header .navigation .navigation-menu .menu-link{color: var(--shades01);}
  header .navigation.active { transform: translateX(0%); opacity: 1;}
  header .header-option{gap: 20px;}
  header .bar-mobile-show{display: none;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo { top: -60px; left: -42px; width: 102px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span { font-size: 56px;}
  .backdrop.active {display: block; visibility: visible; opacity: 1;}
  .backdrop {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; z-index: 29; transition: opacity 0.3s ease, visibility 0.3s ease;}
  header .nav-close{background-color: var(--shades01); width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 20px; box-shadow: 0px 0px 12px -3px rgb(161 161 161);}
  .account-management-section .account-management-wrapper .account-text-sec .account-heading {font-size: 26px;}
  .services-section .services-wraper .container .services-header-wrapper .services-description{font-size: 16px;}
  .services-section .services-wraper .services-item .item-left .item-left-icon { width: 72px; font-size: 28px;}
  .account-management-section .account-management-wrapper .account-text-sec{padding: 18px 20px 75px 40px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image { width: 200px;}
  .footer .mid-footer .footer-list-address{width: 33%;}
  .footer .mid-footer .footer-list {width: 26%;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item{width: 28%;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper::after {top: 99px;}
  .services-section .services-wraper .services-item .item-left .item-left-title { font-size: 18px;}
  .services-section .services-wraper .services-item .item-left{gap: 22px;}
  .services-section .services-wraper .services-item .item-right{gap: 16px;}
  .recruitment-section .recruitment-text{padding: 54px 40px 50px 40px;}
  .services-section .services-wraper .services-item .item-right .item-right-text {font-size: 16px;}
  .services-section .services-wraper .services-item .item-right .item-right-icon { width: 48px; font-size: 20px;}
  .page-heading {font-size: 26px;}
  .page-banner-heading { font-size: 32px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title {font-size: 16px; padding-left: 10px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading { font-size: 32px; max-width: 700px;}
  .how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading{padding-bottom: 12px;}
  .recruitment-section .recruitment-text .tecruitment-sub-heading { font-size: 16px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description{ font-size: 14px; padding-left: 10px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading {font-size: 26px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-description {font-size: 14px;}
  .recruitment-services-sec .recruitment-services-wraper{padding: 76px 0;}
  .blog-slider-item .recruitment-item-title { font-size: 16px; padding-left: 10px;}
  .blog-slider-item .recruitment-item-description { font-size: 14px; padding-left: 10px;}
  .contact-us-section .contact-text-sec .contact-subheading { font-size: 18px;}
  .contact-us-section .contact-text-sec .contact-paragraph { font-size: 14px;}
  form .form-text { font-size: 13px;}
  form .form-group input { padding: 18px 18px;}
  .contact-us-section .contact-text-sec { padding: 54px 50px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item {padding: 28px 24px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-review span {font-size: 28px;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider { width: 62%;}
  form .form-text{padding-left: 0px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-img{ width: 210px;}
 .how-it-works-section .management-process .management-wrapper .management-item .connector { width: 133px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::after { right: -43px; width: 111px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::before { right: -140px; width: 149px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::after{left: -43px; width: 111px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::before{left: -140px; width: 149px;}
  header .btn-menu-trigger{ font-size: 26px;}
.section-blog .blog-list .blog-items .blog-text .blog-title {font-size: 16px;}
.section-blog .blog-list .blog-items .blog-image .blog-date{font-size: 14px;}
.section-blog .blog-list .blog-items .blog-image .blog-date span { font-size: 26px;}
.section-blog .blog-list .blog-items .blog-text .admin { font-size: 14px;}
.section-blog .blog-list .blog-items .blog-text .blog-footer .blog-read-more a{font-size: 14px;}
.recruitment-process-section .management-process{padding: 30px;}
.recruitment-process-section { padding: 30px 0 20px;}
.recruitment-process-section .management-process .management-wrapper{gap: 50px;}
.recruitment-process-section .management-process .management-wrapper .management-item { width: calc(35% - 50px); position: relative;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-img { width: 130px;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::before{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd):after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::before{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even):before{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even):after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd):before{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item .connector{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) { transform: translateY(0%);}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper{position: relative;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-img{width: 100%;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper{bottom: 0; margin-top: 20px;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper{top: 0; margin-top: 20px;}
.recruitment-process-section .management-process .management-wrapper{flex-wrap: wrap;}
/* .requirement-process-tag-wrapper .icon{font-size: 27px;    width: 62px;} */
.requirement-process-tag-wrapper { margin-top: 30px;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec{    padding: 50px 42px 50px 68px;}
.Benefits-cost-wrapper .Benefits-cost-item{padding: 24px;}
/* .Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading{padding-top: 8px;} */
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting{width: 54px; font-size: 22px;}
.Benefits-cost-wrapper .Benefits-cost-item{padding: 24px;}
.Benefits-cost-wrapper{gap: 30px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul{ font-size: 15px;}
.benefits-cost-footer .cost-footer-heading{font-size: 32px; margin: 44px auto 36px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content{font-size: 16px; max-width: 220px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content::after{right: -36px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span::after{ top: -60px; left: -42px; width: 102px;}
.blog-list-wrap{grid-template-columns: repeat(3, 1fr);}
  
}

@media screen and (max-width: 990px) {
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span { font-size: 52px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo { top: -68px; left: -19px; width: 120px;}
  .banner-section .banner-slider .item .inner-item .banner-content{padding: 80px 18px;}
  .section-blog .blog-list{grid-template-columns: repeat(2, 1fr);}
  .account-management-section .account-management-wrapper{gap: 40px;}
  .account-management-section .account-management-wrapper .account-image-sec{width: 100%;}
  .account-management-section .account-management-wrapper .account-text-sec{width: 100%;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item{width: 50%;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:first-child .workes-item-image-sec::before{display: none;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image-sec .item-right-arrow{display: none;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper::after{display: none;}
  .how-it-works-section{padding: 85px 12px 148px;}
  .how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:last-child .workes-item-image-sec::before{display: none;}
  .services-section .services-wraper .services-item{flex-direction: column; gap: 14px;}
  .services-section .services-wraper .services-item .item-left{width: 100%;}
  .recruitment-section .container{flex-direction: column; gap: 44px;}
  .recruitment-section .recruitment-text{width: 100%;}
  .recruitment-section .recruitment-img{width: 100%;}
  .recruitment-services-sec {padding: 80px 30px;}
  .recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper{flex-wrap: wrap;}
  .recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item{width: calc(50% - 30px);}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title { font-size: 20px;}
  .recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description{ font-size: 15px;}
  .ourblog-section .ourblog-wrapper{ padding-right: 30px; flex-direction: column; gap: 40px;}
  .ourblog-section .ourblog-wrapper .ourblog-text-sec{width: 100%;}
  .ourblog-section .ourblog-wrapper .our-blog-img-sec{width: 100%;}
  .testimonial-section .testimonial-wraper .testimonial-body{flex-direction: column;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider{width: 100%;}
  .testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec{width: 100%;}
  .contact-us-section .container{flex-direction: column; gap: 44px;}
  .contact-us-section .contact-image-sec{width: 100%;}
  .contact-us-section .contact-text-sec{width: 100%;}
  .footer .mid-footer .footer-list-address { width: 35%;}
  .footer .mid-footer .footer-list { width: 26%;}
  .services-section { padding: 50px 30px;}
  .testimonial-section {padding: 80px 30px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-img{width: 160px;}
 .how-it-works-section .management-process .management-wrapper .management-item .connector { width: 130px; top: -16px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::after{top: -73px;right: -38px; width: 106px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::before{top: 43px; right: -102px; width: 102px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::after{top: -73px;left: -38px; width: 106px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::before{top: 43px; left: -102px; width: 102px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-title{font-size: 18px;}
 .how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description { font-size: 14px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):before{top: -94px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):after{height: 118px; top: -84px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):before{bottom: -94px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):after{height: 118px; bottom: -84px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):before{top: -94px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):after{height: 118px; top: -84px;}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper { bottom: calc(100% + 111px);}
 .how-it-works-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper { top: calc(100% + 111px);}
 .how-it-works-section .management-process { padding-top: 330px; padding-bottom: 86px;}
 .talent-search-banner .talent-search-banner-heading { font-size: 30px; max-width: 646px;}
 .fractional-account-banner .fractional-banner-heading { font-size: 30px; max-width: 480px;}
.fractional-description {font-size: 16px;}
 .fractional-account-banner { padding: 40px 0;}
 .contact-us-header-banner .contact-us-heading { font-size: 32px; max-width: 660px;}
 .section-blog { padding: 42px 0;}
 .blog-details-sec { position: relative; padding: 30px 16px 30px;}
 .blog-details-sec .blog-details .blog-details-content .blog-content-title {font-size: 22px;}
.blog-details-sec .blog-details-sec-wrapper { position: relative; padding: 80px 12px 80px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading { font-size: 32px;}
.recruitment-process-section .management-process .management-wrapper{flex-wrap: wrap;}
.recruitment-process-section .management-process .management-wrapper .management-item {width: calc(50% - 24px);}
.recruitment-process-section .management-process .management-wrapper .management-item .management-img{width: 100%;}
.recruitment-process-section .management-process .management-wrapper .management-item .managment-img-wrapper .connector{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::before{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .managment-img-wrapper::after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::before{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .managment-img-wrapper::after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper{position: relative;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even){transform: translateY(0%);}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(odd) .management-item-content-wrapper{bottom: 0;}
.recruitment-process-section .management-process .management-wrapper .management-item:nth-child(even) .management-item-content-wrapper{top: 0;}
.recruitment-process-section .management-process .management-wrapper { gap: 36px;}
.recruitment-process-section .management-process { padding-top: 310px; padding-left: 40px; padding-right: 40px;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper{margin-top: 32px;}
.recruitment-process-section .management-process .management-wrapper .management-item:after{display: none;}
.recruitment-process-section .management-process .management-wrapper .management-item:before{display: none;}
.recruitment-process-section .management-process { padding-top: 10px;}
.recruitment-process-section { padding: 100px 0 10px;}
.account-management-section { padding: 86px 0 20px;}
.recruitment-process-section { padding: 80px 0 10px;}
.contact-us-section { padding: 40px 0 90px;}
.services-section { padding: 100px 30px 30px;}
.requirement-process-tag-wrapper { margin-top: 6px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec { padding: 30px 0;}
.ourblog-section .ourblog-wrapper{gap: 14px;}
.blog-list-wrap{grid-template-columns: repeat(2, 1fr);}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading { font-size: 20px;}
.Benefits-cost-wrapper .Benefits-cost-item .benefits-cost-counting{width: 46px; font-size: 20px;}
.Benefits-cost-wrapper .Benefits-cost-item{gap: 20px;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .item-text-description ul{ font-size: 14px;}
.Benefits-cost-wrapper{gap: 18px;}
.benefits-cost-footer .cost-footer-wrapper{padding: 25px 18px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item{justify-content: space-between;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content{font-size: 14px; max-width: 170px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content::after{font-size: 18px; right: -30px;}
.cost-button-wrapper{margin-top: 34px;}
.why-choose-us-sec .why-choose-us-wrapper{padding: 35px 80px 20px;}

  
}

@media screen and (max-width: 990px) and (orientation:landscape){
  .banner-section{    padding: 140px 0 0px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-description { font-size: 14px; padding-top: 10px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title{font-size: 20px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span { font-size: 25px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-button { padding-top: 8px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo{display: none;}
 
}

@media screen and (max-width: 480px) {
  .container{padding: 0px 20px;}
  header {padding: 20px 20px; flex-direction: column; height: 160px; padding-top: 20px;}
  header .navigation{width: 88%;}
  header .bar-mobile-hide{display: none;}
  header .bar-mobile-show{display: block;}
  header .responsive-logo-btn-wrapper{display: flex; justify-content: space-between; width: 100%;}
  .header-option .contact .contact-icon { width: 38px;font-size: 16px;}
  .header-option .contact{gap: 6px;}
  .header-option .contact .contact-text{font-size: 16px;}
  .primora-btn {padding: 15px 18px; font-size: 16px;}
  header .header-option { margin-left: 0; width: 100%; justify-content: space-between;}
  .brand { width: 68px; height: 48px;}
  header .btn-menu-trigger{font-size: 26px;}
  header .navigation .navigation-menu{padding-top: 20px;}
  header .navigation .navigation-menu .menu-link{font-size: 16px;}
  header.scrolled {height: 160px; flex-direction: column-reverse; top: -78px;}
  .primora-btn-header{font-size: 16px; padding: 10px 18px;}
  .banner-section .banner-slider .item{padding: 0 0px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title span { font-size: 28px;}
  .banner-section .banner-slider .item .inner-item .banner-content .banner-title .title-logo { top: -50px;left: -27px; width: 80px;}
  .banner-section .banner-slider .item .inner-item .banner-content { padding: 80px 20px;}
.section-blog .blog-list{grid-template-columns: repeat(1, 1fr);}
.blog-details-sec .container{flex-direction: column-reverse;}
.blog-details-sec .blog-details { width: 100%;}
.blog-details-sec .top-posts { width: 100%;}
.section-blog-banner .blog-banner-content { font-size: 38px;}
.blog-details-sec .blog-details .blog-details-img{height: 320px;}
.blog-details-sec .blog-details .blog-details-img .blog-details-date{width: 80px; aspect-ratio: 1/1; font-size: 12px;}
.blog-details-sec .blog-details .blog-details-img .blog-details-date span{font-size: 24px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-title{font-size: 22px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description span { font-size: 16px;}
.blog-details-sec .blog-details .blog-details-content .blog-content-description p{font-size: 14px; margin-top: 18px}
.blog-details-sec .blog-details .blog-details-content{max-width: calc(100% - 26px);}
.blog-details-sec .top-posts .top-post-title {font-size: 24px;}
.blog-details-sec .top-posts .post-items .blog-link .post-title { font-size: 16px;}
.blog-details-sec .top-posts .post-items .blog-link .post-description {font-size: 13px; max-height: 36px;}
.section-blog { padding: 40px 0;}
.section-blog .blog-list .blog-items .blog-text .blog-title {font-size: 16px;}
.section-blog .blog-list .blog-items .blog-text .blog-description {font-size: 14px;}
.section-blog .blog-list .blog-items .blog-text .admin {font-size: 14px;}
.section-blog .blog-list .blog-items .blog-text .blog-footer .blog-read-more a{font-size: 14px;}
.section-blog .blog-list .blog-items .blog-text .admin .admin-icon { font-size: 15px;}
.section-blog-banner .blog-banner-content{font-size: 38px;}
.blog-details-sec{padding: 40px 0 30px;}

.banner-section .banner-slider .item .inner-item .banner-content .banner-title::after{top: -34px; left: -46px; width: 56px; height: 56px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-button { padding-top: 20px;}
.banner-section .banner-swiper-button-next, .banner-section .banner-swiper-button-prev{width: 50px !important; height: 50px !important;}
.banner-section .banner-slider .item {padding: 0 0px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title { font-size: 20px;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-description {font-size: 15px; line-height: 1.6; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
.account-management-section .account-management-wrapper .account-image-sec{width: 100%;}
.account-management-section .account-management-wrapper .account-text-sec{width: 100%;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item{width: 100%;}
.banner-section .banner-slider .item .inner-item .banner-content { max-width: 100%;}
.account-management-section .account-management-wrapper .account-image-sec{height: 330px; padding-left: 52px;}
.account-management-section .account-management-wrapper .account-image-sec .account-img-text { left: -106px; font-size: 14px; letter-spacing: 6px;}
section.account-management-section.second-section .account-img-text { right: -106px!important; left: auto !important;}
.account-management-section .account-management-wrapper{gap: 32px; flex-direction: column-reverse;}
section.account-management-section.second-section .account-management-wrapper{flex-direction: column-reverse;}
.account-management-section .account-management-wrapper .account-text-sec{padding: 21px 20px 34px 24px;}
.account-management-section .account-management-wrapper .account-text-sec .account-heading { font-size: 22px; max-width: 100%; padding-top: 7px;}
.account-management-section .account-management-wrapper .account-text-sec .account-title {font-size: 24px;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper h3 { font-size: 18px;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper h4 { font-size: 16px;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper ul {font-size: 16px;}
.how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .how-it-workes-title { font-size: 22px;}
.account-management-section .account-management-wrapper .account-text-sec .learn-more { padding-top: 23px;}
.how-it-works-section .how-it-works-wrapper .container .how-itworkes-heading .workes-heading{font-size: 24px; max-width: 100%;}
.how-it-works-section { padding: 70px 20px 34px;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper::after{display: none;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:first-child .workes-item-image-sec::before{display: none;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item .workes-item-image-sec .item-right-arrow{display: none;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper .workes-item:last-child .workes-item-image-sec::before{display: none;}
.how-it-works-section .how-it-works-wrapper .container .workes-item-wrapper{gap: 28px; padding: 0;}

.how-it-works-section .management-process { padding-top: 25px; padding-bottom: 16px;}
.how-it-works-section .management-process .management-wrapper{flex-direction: column;}
.how-it-works-section .management-process .management-wrapper .management-item{width: 100%; display: flex; flex-direction: column; gap: 25px;}
.how-it-works-section .management-process .management-wrapper .management-item .connector{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::after{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1) .managment-img-wrapper::before{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::after{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3) .managment-img-wrapper::before{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):after{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(1):before{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):after{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2):before{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):after{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(3):before{display: none;}
.how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper{position: relative;}
.how-it-works-section .management-process .management-wrapper .management-item:nth-child(2) { transform: translateY(0%);}
.how-it-works-section .management-process .management-wrapper .management-item .management-img{width: 100%;}

.page-banner-title {font-size: 20px;}
.page-banner-heading { font-size: 24px; max-width: 100%;}
.services-section .services-wraper { padding: 50px 0;}
.services-section .services-wraper .container .services-header-wrapper .services-description { font-size: 16px; margin-bottom: 46px;}
.services-section {padding: 66px 20px 50px;}
.services-section .services-wraper .services-item{flex-wrap: wrap; gap: 12px; padding: 20px 20px; margin-bottom: 20px;}
.services-section .services-wraper .services-item .item-left{flex-wrap: wrap; flex-direction: column; align-items: self-start;}
.services-section .services-wraper .services-item .item-right{flex-wrap: wrap; gap: 10px;}
.services-section .services-wraper .services-item .item-left{width: 100%; gap: 14px;}
.services-section .services-wraper .services-item .item-left .item-left-icon { width: 74px; font-size: 28px;}
.services-section .services-wraper .services-item .item-right a{display: flex; justify-content: end; width: 100%;}
.recruitment-section { padding: 40px 0 30px;}
.recruitment-section .container{flex-wrap: wrap; gap: 44px;}
.recruitment-section .recruitment-text{width: 100%; padding: 55px 20px 55px 25px}
.recruitment-section .recruitment-img{width: 100%; height: 500px;   padding-right: 46px;}
.recruitment-section .recruitment-img .recruitment-img-text { right: -160px;font-size: 20px;  }
.page-title { font-size: 20px;}
.page-heading { font-size: 26px;}
.recruitment-section .recruitment-text .tecruitment-sub-heading {font-size: 18px;}
.recruitment-section .recruitment-text .recruitment-description ul li { font-size: 14px; padding: 15px 22px 15px 40px}
.recruitment-section .recruitment-text .recruitment-subheading { font-size: 18px; padding-bottom: 30px;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title {font-size: 16px;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description {font-size: 14px;}
.services-section .services-wraper .services-item .item-left .item-left-title { font-size: 18px;}
.services-section .services-wraper .services-item .item-right .item-right-text { font-size: 15px;}
.recruitment-services-sec { padding: 60px 20px;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper{flex-wrap: wrap;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item { width: 100%;}
.recruitment-services-sec .recruitment-services-wraper .recruitment-item-wrapper .recruitment-item .recruitment-item-img .recruitment-date{font-size: 16px;}
.recruitment-services-sec .recruitment-services-wraper{padding: 74px 0;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-title{padding-left: 8px;}
.recruitment-services-sec .recruitment-item-wrapper .recruitment-item .recruitment-item-description{padding-left: 8px;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-title {font-size: 20px;}
.testimonial-section .testimonial-wraper .testimonial-body{flex-wrap: wrap;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider { width: 100%;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec { width: 100%;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item {padding: 26px 20px;}
.testimonial-section { padding: 56px 20px;}
.testimonial-section .testimonial-wraper .testimonial-slider .swiper-slide { margin-right: 0px !important;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-description { font-size: 16px; padding-bottom: 28px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-image {width: 70px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-details span {font-size: 22px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author .author-details {font-size: 16px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-slider .swiper-slide .testimonial-item .testimonial-author{gap: 20px;}
.testimonial-section .testimonial-wraper .testimonial-body .testimonial-img-sec .testimonial-review span { font-size: 28px;}
.ourblog-section .ourblog-wrapper{flex-wrap: wrap;}
.ourblog-section .ourblog-wrapper .ourblog-image-sec{width: 100%; height: 500px; padding-left: 48px;}
.ourblog-section .ourblog-wrapper .ourblog-image-sec .ourblog-img-text{left: -122px; font-size: 20px;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec{width: 100%; padding: 20px 30px}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-heading {font-size: 22px; padding-top: 10px;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .ourblog-description{font-size: 14px;}
.ourblog-section { padding: 36px 0 30px;}
.blog-slider-item .recruitment-item-title { font-size: 18px; padding-left: 10px;}
.blog-slider-item .recruitment-item-description ol li{font-size: 16px}
.blog-slider-item .recruitment-item-description { padding-left: 12px;}
.our-blog-img-sec .our-blog-swiper-button-prev, .our-blog-swiper-button-next{ width: 50px !important; height: 50px !important;}
.our-blog-img-sec .slider-navigation-wrapper { gap: 15px; padding-right: 16px; padding-top: 8px;}
.contact-us-section { padding: 50px 0;}
.contact-us-section .container{flex-wrap: wrap; gap: 44px;}
.contact-us-section .contact-image-sec{width: 100%;}
.contact-us-section .contact-text-sec{width: 100%;}
.contact-us-section .contact-image-sec{padding: 30px 20px; border-radius: 30px;}
.contact-us-section .contact-image-sec .contact-heading{font-size: 30px; margin-bottom: 20px;}
.contact-us-section .contact-image-sec .contact-description { font-size: 14px; margin-bottom: 36px;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile{padding: 10px 18px;}
.contact-us-section .contact-image-sec .contact-company-info .company-email{padding: 10px 14px;}
.contact-us-section .contact-image-sec .contact-company-info .company-mobile .mobile-number {font-size: 14px;}
.contact-us-section .contact-image-sec .contact-company-info .company-email .email-name {font-size: 14px;}
.contact-us-section .contact-text-sec { padding: 46px 24px 30px; border-radius: 30px;}
.contact-us-section .contact-text-sec .contact-subheading { font-size: 18px;}
.contact-us-section .contact-text-sec .contact-paragraph {font-size: 16px;}
.contact-us-section .contact-text-sec form { margin-top: 40px;}
form .form-text {font-size: 13px; padding-left: 0; padding-bottom: 0px;}
form .form-group input { padding: 20px 14px; height: 56px;}
form .form-group input[type="date"]{padding: 22px 24px;}
form .form-group label{left: 15px;}
.footer .upperfooter .footer-title {font-size: 24px;}
.footer .upperfooter { height: 270px;}
.footer .upperfooter .email-input{width: 100%;}
.footer .mid-footer .footer-list-address { width: 100%;}
.footer .mid-footer .footer-list { width: 100%;}
.footer .mid-footer .footer-heading {font-size: 24px;}
.footer .mid-footer .footer-description { font-size: 16px;}
.footer .mid-footer{gap: 26px;}
.footer .mid-footer .footer-menu ul li a {font-size: 18px;}
.footer .mid-footer .footer-menu ul{gap: 16px;}
.footer .mid-footer .list-items-2 a {font-size: 18px;}
.footer .mid-footer .list-items-2 a{padding-bottom: 20px;}
.footer .mid-footer .list-items-address { font-size: 16px;}
.footer .mid-footer .list-items-address a{font-size: 16px;}
.footer .footer-logo-wrapper { width: 97px; height: 68px; margin: 20px auto;}
.footer .footer-chat-icon{right: 10px; width: 64px; font-size: 28px;}
.copy-right .container{flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0px;}
.copy-right{font-size: 14px;}
.copy-right .copyright-menu{padding-left: 0; margin-bottom: 0;}
.footer .upperfooter .email-input{height: 72px;}
.footer .upperfooter .email-input .email-send{width: 50px;}
.services-section .services-wraper .services-item .item-right .item-right-icon {width: 52px;}
.talent-search-banner .talent-search-banner-heading { font-size: 28px; max-width: 100%;}
.talent-search-banner { padding: 20px 20px 40px;}
.talent-search-sec .container { padding: 36px 24px;}
.talent-search-sec .talent-search-body-title { font-size: 22px; margin-bottom: 30px;}
.talent-search-sec .talent-search-body-description { font-size: 14px;}
.account-management-item-wrapper .account-management-item .account-management-item-inner{flex-direction: column;}
.account-management-item-wrapper .account-management-item .account-management-item-inner{width: 100%; transform: translateX(0px); padding: 20px;}
.account-management-item-wrapper .account-management-item .account-icon{margin: 0;}
.account-management-item-wrapper .account-management-item .account-management-content .content-title {
  font-size: 18px;}
.account-management-item-wrapper .account-management-item .account-management-content .content-description { font-size: 16px;}
.talent-section .talent-image .talent-heading { font-size: 18px;}
.talent-section { padding: 30px 20px 30px;}
.success-management-sec .container { padding: 30px 20px;}
.fractional-account-banner .fractional-banner-heading { font-size: 26px;}
.contact-us-header-banner .contact-us-heading {font-size: 20px;max-width: 660px;}
.banner-section .banner-slider .item .inner-item .banner-down .banner-down-btn{font-size: 32px; width: 66px;}
.ourblog-section .ourblog-wrapper { padding-left: 0px; padding-right: 0px;}
.privacy-description{font-size: 16px;}
.privacy-description p { font-size: 16px; margin-bottom: 18px;}
.section-blog .section-blog-wrapper{padding: 40px 0px;}
.talent-search-banner .talent-search-banner-heading{margin-bottom: 28px;}
.blog-details-sec .blog-details-sec-wrapper { position: relative; padding: 40px 0px 40px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .how-it-workes-title { font-size: 22px;}
.recruitment-process-section .recruitment-process-wrapper .how-itworkes-heading .workes-heading{font-size: 24px; max-width: 350px;}
.recruitment-process-section .management-process .management-wrapper .management-item{width: 100%;}
.ourblog-section .ourblog-wrapper .ourblog-text-sec .read-blog { padding-top: 26px;}
.account-management-section { padding: 28px 0 20px;}
.requirement-process-tag-wrapper{font-size: 18px;}
/* .requirement-process-tag-wrapper .icon{font-size: 25px;} */
.ourblog-section .ourblog-wrapper .our-blog-img-sec .our-blog-slider{padding-left: 0px;}
main{padding-top: 160px;}
.contact-us-header-banner { padding: 30px 30px 10px;}
.banner-section{    padding: 160px 0 0px; height: calc(100vh - 164px);}
.contact-us-section .contact-text-sec .contact-page-paragraph {font-size: 14px;}
.footer .upperfooter .email-input input{font-size: 16px;}
.benefits-cost-description{font-size: 20px;}
.Benefits-cost-wrapper{flex-direction: column;}
.Benefits-cost-wrapper .Benefits-cost-item{width: 100%;}
.Benefits-cost-wrapper .Benefits-cost-item{flex-direction: column; gap: 8px;}
.benefits-cost-footer .cost-footer-heading { font-size: 26px; margin: 34px auto 30px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item { justify-content: center; flex-direction: column; gap: 14px; align-items: center; text-align: center;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content::after{ content: '\f103'; font-size: 18px; top: 62px !important; right: 44% !important; transform: translateX(-50%) !important;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content { font-size: 16px; max-width: 230px;}
.cost-button-wrapper{gap: 18px; flex-direction: column;}
.banner-section .banner-slider .item .inner-item .banner-content .banner-title span::after{ top: -48px;left: -45px; width: 80px;} 
.success-management-sec .account-management-title{font-size: 20px;}
.success-management-sec .account-management-description { font-size: 15px;}
.success-management-sec .account-management-heading { font-size: 20px;}
.success-management-sec .account-management-title-2 { font-size: 20px;}
.success-management-sec .account-management-subtitle-2 {font-size: 15px;}
.blog-list-wrap{grid-template-columns: repeat(1, 1fr);}
.blogpage-wrapper { padding: 0 10px !important;}
.faq { padding: 31px 0px 20px;}
.faq-card h2{position: relative;}
.faq .faq-card{padding: 14px 20px 20px 20px;}
.faq .faq-wrapper{padding: 60px 0;}
.faq-card .faq-title { font-size: 19px;}
.faq-card .faq-description { font-size: 14px;}
.about-us-section .abut-us-heading { position: relative; font-size: 24px;}
.about-us-section .abut-us-heading span {font-size: 30px;}
.about-us-section .abooutus-descriptions-wrapper .about-us-description{padding: 0 0px;}
.about-us-section .abooutus-descriptions-wrapper .about-us-description { font-size: 15px;}
.our-mission-sec .container{flex-direction: column; gap: 40px;}
.our-mission-sec .our-mission-img-sec { width: 100%;}
.our-mission-sec .our-mission-text-sec{width: 100%;}
.our-mission-sec .our-mission-text-sec .our-mission-heading { font-size: 24px; margin-bottom: 36px;}
.our-mission-sec .our-mission-text-sec .our-mission-description { font-size: 14px;}
.what-we-do-padding { padding: 25px 0 0px !important;}
.why-choose-us-sec .why-choose-us-wrapper { padding: 35px 20px 20px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li { padding: 16px; font-size: 14px; flex-direction: column; gap: 14px;}
.why-choose-us-sec .why-choose-us-wrapper .why-chooseus-item ul li i { width: 42px; font-size: 20px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-heading {font-size: 24px; margin-bottom: 25px;}
.why-choose-us-sec .why-choose-us-wrapper .why-choose-us-subheading{margin-bottom: 22px; margin-top: 34px; font-size: 16px;}
.why-choose-us-sec .why-choose-us-wrapper{margin-bottom: 84px;}
.benefits-cost-footer .cost-footer-wrapper .cost-footer-item .cost-content::after{display: none;}
.Benefits-cost-wrapper .Benefits-cost-item .item-text-wrapper .heading { font-size: 18px;}
.what-wede-item-description{font-size: 14px;}
.account-management-section .account-management-wrapper .account-text-sec .content-wrapper p { font-size: 14px;}
.ourblog-section .ourblog-wrapper .our-blog-img-sec { padding: 8px 0 20px;}
.banner-section .banner-slider .item .inner-item{position: relative;}
.banner-section .banner-swiper-button-next{right: 10px;}
.banner-section .banner-swiper-button-prev { left: 10px;}
.about-us-section .abooutus-descriptions-wrapper { margin-bottom: 22px;}
.blog-page-sec { padding: 40px 10px 70px !important;}
.our-blog-slider .swiper { padding: 20px 20px 0;}
.how-it-works-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description{font-size: 14px;}
.recruitment-process-section .management-process .management-wrapper .management-item .management-item-content-wrapper .management-description {font-size: 14px;}
.recruitment-process-section {padding: 50px 0 10px;}
section.account-management-section.second-section .account-management-wrapper .account-text-sec { padding: 10px 20px 26px 20px;}
.our-mission-sec { margin: 20px 0 0px;}
.banner-section .banner-slider .item .inner-item .swiper{border-radius: 0px;}
.banner-section .banner-slider .item .inner-item .banner-image{border-radius: 0px;}
.form-group .wpcf7-not-valid-tip{top: 43px; font-size: 8px; left: auto; right: 8px; transform: translateX(0);}
form .form-group{margin: 20px 0;}
.wpcf7 form .wpcf7-response-output{font-size: 10px;}

}
/* ********|| RESPONSIVE END ||******** */