/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap');*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*font-family: "Quicksand", sans-serif !important;*/
    font-family: "Century Gothic Paneuropean";
}

/* @font-face {
font-family: 'Century Gothic';
src: url(../fonts/CenturyGothicPaneuropeanRegular.ttf) format('truetype') !important;
font-weight: normal;
font-style: normal;
}
/* Open Sans Font */
/* @font-face {*/
/*  font-family: 'P22MackinacPro';*/
/*  src: url(../fonts/Fontspring-DEMO-P22MackinacProMedium.otf) format('truetype');*/
/*} */
@font-face {
  font-family: "Century Gothic Paneuropean SemBd";
  src: url("../fonts/b3e20604174dd7cabd435666b2336519.eot");
  src: url("../fonts/b3e20604174dd7cabd435666b2336519.eot?#iefix")format("embedded-opentype"),
  url("../fonts/b3e20604174dd7cabd435666b2336519.woff2")format("woff2"),
  url("../fonts/b3e20604174dd7cabd435666b2336519.woff")format("woff"),
  url("../fonts/b3e20604174dd7cabd435666b2336519.ttf")format("truetype"),
  url("../fonts/b3e20604174dd7cabd435666b2336519.svg#Century Gothic Paneuropean SemBd")format("svg");
}
@font-face {
  font-family: "Century Gothic Paneuropean";
  src: url("../fonts/Century-Gothic-Paneuropean-Regular/fe707d70f641e24dd6d24eab38e03ff5.eot");
  src: url("../fonts/Century-Gothic-Paneuropean-Regular/fe707d70f641e24dd6d24eab38e03ff5.eot?#iefix")format("embedded-opentype"),
  url("../fonts/Century-Gothic-Paneuropean-Regular/fe707d70f641e24dd6d24eab38e03ff5.woff2")format("woff2"),
  url("../fonts/Century-Gothic-Paneuropean-Regular/fe707d70f641e24dd6d24eab38e03ff5.woff")format("woff"),
  url("../fonts/Century-Gothic-Paneuropean-Regular/fe707d70f641e24dd6d24eab38e03ff5.ttf")format("truetype"),
  url("../fonts/Century-Gothic-Paneuropean-Regular/fe707d70f641e24dd6d24eab38e03ff5.svg#Century Gothic Paneuropean SemBd")format("svg");
}
@font-face {
font-family: "Zin Display";
src: url("../fonts/1c54c8d3ee1440608733f6afd6dbc1f4.eot");
src: url("../fonts/1c54c8d3ee1440608733f6afd6dbc1f4.eot?#iefix")format("embedded-opentype"),
url("../fonts/1c54c8d3ee1440608733f6afd6dbc1f4.woff2")format("woff2"),
url("../fonts/1c54c8d3ee1440608733f6afd6dbc1f4.woff")format("woff"),
url("../fonts/1c54c8d3ee1440608733f6afd6dbc1f4.ttf")format("truetype"),
url("../fonts/1c54c8d3ee1440608733f6afd6dbc1f4.svg#Zin Display")format("svg");
}

body h2{
font-size: 36px;
}
:root {
--brownColor: #000000;
--whiteColor: #fff;
--grey: #ccc;
 --box-shadow: 0px 0px 5px #d6d6d6;
--background-color: #fff;
}
.Century-Gothic{
     font-family: "Century Gothic Paneuropean";
}
/* .Century-Gothic{
font-family: 'Century Gothic';
}
.P22MackinacPro{
font-family: 'P22MackinacPro';
} */
.P22MackinacPro{
/*font-family: 'P22MackinacPro' !important;*/
 font-family: "Century Gothic Paneuropean SemBd";

}
header{
background-image: url('../img/copernico-p_kICQCOM4s-unsplash.jpg');
background-position: center;
background-repeat: no-repeat;
object-fit: cover;
background-size: cover;
}
nav {
position: relative;
}
header .main_head{
display: flex;
z-index: 9;
position: relative;
/* justify-content: space-between; */
align-items: center;
/* gap: 10px; */
}

header .nav_links {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}
header .nav_links li {
list-style: none;
}
header .nav_links li a {
text-decoration: none;
font-size: 14px;
color: var(--whiteColor);
}
header .center_text{
margin-top: 5rem;
z-index: 9;
}
header .center_text .main_text{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 50px;
z-index: 1;
position: relative;
}
.tranform_rest{
    font-family: "Century Gothic Paneuropean";
transform: translate(0) !important;
}
header .center_text .main_text p{
font-size: 15px;
font-weight: 300;
color: var(--whiteColor);
}

/* .main_text .co_p {
transform: translateY(-70px);
} */
header .center_text .main_text .meeting_badcrum_p{
transform: translate(0px, -60px);
}
header .center_text .main_text h1{
font-size: 47px;
font-weight:400;
color: var(--whiteColor);
/* transform: translate(0px, -50px); */
}
header .center_text .main_text h4{
font-weight: 400;
font-size: 25px;
color: var(--whiteColor);
}

.workspace-container {
padding: 20px;
z-index: 1;
position: relative;
/*transform: translateY(63px);*/
}
.workspace-container .row{
background: white;
box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
}
#about_bg .row{
background: url('../img/tec1.jpg') no-repeat center center;
background-size: cover;
}
.coworking_bg{
background: url('../img/new/serviced.jpg') no-repeat center center;
background-size: cover;
height: 380px;
}
.location_bg{
background: url('../img/tec3.jpg') no-repeat center center;
background-size: cover;
height: 380px;
}
.meeting_bg{
background: url('../img/new/meating.jpg') no-repeat center center;
background-size: cover;
height: 380px;
}

.coworking_bg p{
transform: translateY(-6px);
}
.workspace-box {
padding: 15px;
border-radius: 8px;
}
.custom-select {
appearance: none;
border: 1px solid var(--grey);
border-radius: 0px;
padding: 5px 10px;
width: 100%;
color: white;
background-color: transparent;
}
.custom-select::after{
content: '';
color: var(--whiteColor);
}
.custom-select::before{
content: '';
color: var(--whiteColor);
}
.custom-select option{
color: black;
}
.btn-start {
margin: 0;
padding: 13px 0;
  width: 70%;
  transform: translateY(6px);
background-color: #ffffff;
  color: #000000;
border: none;
}
header .form-label {
font-size: 0.75rem;
color: #ffffff;
font-weight: 700;
position: relative;
top: 0;
margin: 0 0 0 7px;
padding: 0 3px;
width: fit-content;
background-color: transparent; /* Ensures background is fully transparent */
background-image: none; /* Ensures no background image */
border: none; /* Removes any border */
background: #242728;
border-radius: 50%;
z-index: 1; /* Places the label above other content */
}
.bars{
position: relative;
display: none;
}
.bars img{
width: 24px;
height: 24px;
object-fit: cover;
position: absolute;
cursor: pointer;
}

/* Body main part start */
.solution-card{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap !important;
/* border: 1px solid rgb(0 0 0 / 18%); */
box-shadow: 0px 0px 3px rgb(0 0 0 / 14%);
border-radius: 5px;
text-align: left;
margin-bottom: 30px;
}
.solution-card .col-7{
display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 131px;
}
.solution-card p{
margin: 0;
color: #848484 !important;
}
.solution-card .solution-title{
color: #000 !important;
font-weight: 100;
}
.solution-card img {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.feature-icon {
  margin-bottom: 0.5rem;
}
#user-prime-quentity{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 90px;
  border-radius: 8px;
  line-height: 30px;
  white-space: nowrap;
  border: 1px solid rgb(0 0 0 / 18%);
  margin-bottom: 0;
}
#feature .col-lg-2{
  padding: 0;
}
#feature p{
  line-height: 21.5px;
  font-size: 14px;
  margin-top: 4px;
}
#feature h2{
  text-transform: uppercase;
}
#feature img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  /*background: #f3f2f2;*/
  /*border-radius: 50%;*/
  /*padding: 0em 1.4em;*/
  /*box-shadow: 2px 2px #d6d6d6;*/
}
#feature-gap{
  padding: 0px 12px;
}
/*Serviced **/
#serviced p{
  width: 100%;
  font-size: 21px;
}
#serviced .feature_icon  img {
  margin-top: 0px;
  width: 100%;
    object-fit: contain;
    height: 64px;
}
#serviced .feature_icon {
height: 100%;
}
.service-LINE{
margin-bottom: 10px;
}
.sevice_pkg .pkage_details{
margin-block: 22px;
}
.pricing-button{
font-weight: bold;
}
/*prime office **/
.why-section {
  padding: 0px 0 10px 0px;
}
.why-section .card{
  border: none;
}
.why-section .card-body{
  background-color: #f2f2f2;
  border: 1px solid #000;
  border-top: 0;
}
.why-section h2 {
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.why-section h2 span {
  color: #000;
}
.why-section .card-body h5{
  text-align: center;
  margin-block: 8px;
  padding-bottom: 5px;
}
.why-section .card-body p{
  text-align: justify;
  font-size: 19px;
  line-height: normal;
  font-weight: 400;
}
.card img {
  height: 170px;
  object-fit: cover;
}
/* about us */
.about-section {
  padding: 0px 0px 0 0;
}
#big_icons p {
  width: 100%;
  white-space: nowrap;
  font-weight: 700;
  font-size: 14px;
}
#big_icons img{
  height: 165px;
}
.about-section p {
  text-align: justify;
  font-size: 19px;
}

#about-purpose p{
width: 100% ;
}
.about-section .col-md-7 p{
  margin-bottom: 26px;
}
.about-section h2 span {
  color: #000;
}
.about-section img{
  margin-top: 0px;
  width: 100%;
  height: 247px;
}
.DIFFERENCE_p{
  margin-top: 50px;
}
.highlight-box {
  display: flex;
  align-items: center;
  padding: 18px 30px;
  background-color: #f7f7f7;
  margin-top: 34px;
}
.highlight-box img {
  margin-top: 0;
  width: auto !important;
  height: 68px !important;
  margin-right: 36px;
}
.highlight-box p {
  margin: 0;
  font-size: 20px;
}
.highlight-box p span {
  font-weight: bold;
}
.highlight-box p span:first-of-type {
  display: block;
  /* padding-bottom:15px; */
}
.highlight-box .btn {
  margin-left: auto;
  /* margin-right: 40px; */
  font-weight: bold;
  background-color: #000;
  color: #fff;
  padding: 12px 14px;
  font-size: 16px;
  border-radius: 6px;
  border: none;
  white-space: nowrap;
}
.placeholder-box {
  min-height: 150px;
}
/* TENANTS */
#TENANTS .row{
  align-items: center;
  justify-content: space-between;
}
#TENANTS .row div{
  text-align: center;
}
#TENANTS img{
  width: 110px;
  object-fit: cover;
}
/* TECHNOLOGY */
#TECHNOLOGY img{
  width: 100%;
}
#TECHNOLOGY .card-title{
  font-weight: bold;
}
/* form part styling */
form {
  width: 890px;
  margin-top: 11px;
}
.form-container h2{
color: #000;
font-weight: normal;
}
.heading{
font-weight: bolder !important;
}
form #grow-btn-form{
background-color: #000 !important;
color: white;
border-radius: 6px;
font-size: 14px;
padding: 10px 21px;
font-weight: bold;
letter-spacing: 0.3px;
}
form .row{
column-gap: 5px;
flex-wrap: nowrap;
}
.form-label{
position: relative;
transform: translate(10px,5px);
background-color: white;
margin-bottom: 0;
z-index: 3;
font-size: 14px;
color: black;
}
.form-container {
  display: flex;
  gap: 30px;
  flex-direction: row-reverse;
  margin: 20px auto;
}
.form-container input,.form-select{
border: 1px solid #dcdcdc;
line-height: 2.2;
border-radius: 0px !important;
}

.input-group-text {
display: flex;
align-items: center;
padding: .375rem 1.75rem !important;
font-size: 1rem;
font-weight: 400;
}



.form-container p{
font-size: 20.5px;
margin-top: 2px;
}
.form-container p:first-of-type{
margin-top: 0px;
}
.form-text{
font-size: 11.5px;
margin-top: 20px;
}
.form-text a{
font-weight: 700;
}
.input-group-text{
border: 2px solid #bbbbbb;
border-right: 0;
}
#phoneNumber{
border-left: 1px solid #bbbbbb;
}
.input-group{
flex-wrap: nowrap;
}
.first{
width: 51.19px;
border: 1px solid #bbbbbb !important;
border-top-width: 2px !important;
border-bottom-width: 2px !important;
border-left: 0;
}
.second{
width: 51.19px;
border: 1px solid #bbbbbb !important;
border-top-width: 2px !important;
border-bottom-width: 2px !important;
border-right-width: 2px !important;
border-left: 0;
}
.row-btn-form{
background-color: #000;
color: white;
border-radius: 0;
}
/* TRENDS & INSIGHTS */
#insight p{
font-size: 12px;
font-weight: normal;
}
.card-body-1{
margin-top: 17px;
border: none !important;
}
#insight .card{
border: none;
}
#insight p:nth-of-type(2){
margin-block: 8px;
line-height: normal;
font-size: 14.5px;
}
#insight p:nth-of-type(3){
margin-block: 8px;
line-height: normal;
color: #000000;
margin-top: 10px;
}
#insight .section-heading span{
font-weight: bolder;
}
#insight h2{
transform: translateY(4px);
letter-spacing: 0.6px;
}
#insight .card .card-title{
margin-bottom: 0px;
}
.card-body-1 .line {
  position: relative;
  display: inline;
}
.card-body-1 .line::before {
content: "" ;
position: absolute;
transform: translateY(14px);
right:-100px;
height: 1px;
width: 80px;
background-color: black;
margin-left: 0px; /* Space between text and line */
}
.bookDemo a:hover{
  color:black !important;
}
/* About  OUR PURPOSES*/
#about-purpose p{
font-size: 17.5px;
margin-top: 35px;
}
#about-purpose .placeholder-box{
border: none;
}
#about-purpose_2 .row{
flex-direction: row-reverse;
}
#about-purpose_2 .placeholder-box{
border: none;
}
#about_form{
flex-direction: row;
}
/* Contact start */
#contact_form-container{
flex-direction: row;
}
.contact-section {
padding: 10px 0 0 0;
background-color: #fff;
margin: 0 auto;
}

.contact-block {
margin-bottom: 30px;
}

.contact-block h2 {
text-transform: capitalize;
margin-bottom: 10px;
font-weight: 700;
}

.contact-block .highlight {
font-weight: 400;
}

.contact-block ul {
padding: 0;
margin: 0;
}

.contact-block ul li {
margin-bottom: 10px;
font-size: 18px;
  line-height: 23px;
  margin-left: 55px;
}

.contact-block a {
text-decoration: none;
color: #000;
font-weight: 700;
}

.contact-block a:hover {
text-decoration: underline;
}
/* coworking start */
.BUSINESS_small_p{
font-size: 22px !important;
margin-bottom: 25px;
}
#BUSINESS_SUPPORT .custom-card .img-fluid{
height: 220px;
  width: 100%;
}
.highlight-box p{
font-size: 16px !important;
}
.card-img-top{
border-radius: 0;
}
.no-gap-coworking{
gap: 0 !important;
}
#PACKAGES .card{
border: none;
}
#PACKAGES .card .card-body-1{
padding: 0 20px;
}
.gap-pkg .card-body {
padding-top: 5px;
}
#PACKAGES .card .card-body h3{
font-size: 22px;
padding-bottom: 13px;
color: #000;
}
#PACKAGES .card .card-body-1 p{
text-align: justify;
}
.form-container strong{
font-size: 16px !important;
color: black;
}
#PACKAGES .col-md-3 {
margin-bottom: 20px;
}
#PACKAGES p{
font-size: 14.5px;
line-height: normal;
text-align: justify;
}
#PACKAGES .pricing-button {
display: inline-block;
  background-color: black;
  color: white;
  padding: 8px 0px;
  width: 175px;
  margin: auto;
  margin-top: 22px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
}
.custom-card {
border: none;
overflow: hidden;
background-color: #fff;
}

.custom-card-header {
background-color: #503216;
color: white;
font-weight: bold;
text-align: center;
padding: 10px;
  font-size: 22px;
}
#BUSINESS_SUPPORT .col-md-4{
margin-top: 0 !important;
}
.custom-card-content {
padding-block: 15px;
color: #000;
}

.custom-card-content ul {
list-style: none;
padding: 0;
}
.custom-card-content ul li {
margin-bottom: 10px;
display: flex;
align-items: center;
font-size: 15px;
}
i.fa-solid.fa-check {
margin-right: 10px;
border: 1px solid #d1af5b;
color: #d1af5b;
font-weight: bold;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex
;
justify-content: center;
align-items: center;
}
.steps-card {
text-align: left;
padding-bottom: 5px;
height: 100%;
}
.row.feature_icon.Century-Gothic p{
font-size: 14px !important;
}

.check_box_img{
width: 20px;
height: 20px;
object-fit: cover;
margin-right: 10px;
}
.steps-card img {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.steps-header {
padding-left: 15px;
font-size: 17px;
margin-top: 3px;
margin-bottom: 20px;
font-weight: bold;
color: #352b21;
}

.steps-content {
font-size: 18px;
font-weight: bold;
color: #71685f;
}
.yellow{
color: #dba24b !important;
}
.steps-1{
background-color: #f8f8f8 !important;
}
.steps-2{
background-color: #eae8e9 !important;
}
.steps-3{
background-color: #dcdcdc !important;
}
.steps-4{
background-color: #cbcbcb !important;
}
.faq-container {
margin: 20px auto;
background: #fff;
}

h1 {
text-align: center;
font-size: 24px;
margin-bottom: 20px;
}

h1 span {
color: #ff6600;
}

.faq-item {
  margin-bottom: 5px;
  border-radius: 12px;
  border: 2px solid black;
}

.faq-question {
  background: transparent;
  width: 100%;
  padding: 13px 10px;
  text-align: left;
  border-radius: 12px;
  background: #f5f5f5;
  background: transparent;
  color: #000000 !important;
  font-weight: bold;
  border: none;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question:hover {
background: #ffffff;
}

.faq-answer {
  display: none;
  padding: 15px;
  background: #fff;
  font-size: 15px;
  border-radius: 12px;
}

.faq-answer.active {
display: block;
}
/* Location start */
.office-card img {
height: 170px;
object-fit: cover;
}
.office-card{
border: none;
}
.office-card .card-body .btn{
margin-top: 0;
border: 1px solid #eeeeee;
color: #433025 !important;
font-weight: bold;
font-size: 18px;
padding: 10px 0;
border-right: 0;
border-radius: 0;
}
.phone_border{
width: 30px;
height: 30px !important;
margin-right: 10px;
}
.office-title {
background-color: black;
color: white;
padding: 8px;
padding-top: 2px;
font-size: 14px;
font-weight: bold;
}
.africa{
background-color: #f2f2f2;
padding-bottom: 10px;
}
.africa p:nth-of-type(1){
padding-top: 8px;
margin-bottom: 0;
color: #7c7c7a;
font-weight: 500;
font-size: 12px;
line-height: 18px;
}
.africa p:nth-of-type(2){
margin-bottom: 0;
color: #7c7c7a;
font-weight: 500;
font-size: 12px;
}
.africa p:nth-of-type(3){
margin-bottom: 2px;
}
.office-card .card-body{
padding: 0;
}
.contact {
background-color: #f2f2f2;
display: flex;
font-weight: bold;
font-size: 18px;
align-items: center;
padding-left: 55px;
}
.contact p{
margin: 0;
padding-block: 3px;
}
.contact strong{
font-size: 14px;
}
/*contact */
#contact{
flex-direction: row;
}
/* footer start */
footer {
  color: white;
  padding: 15px 0;
  margin-bottom: 0;
  text-align: center;
}
.footer-section h3 span{
margin-left: 10px;
}
footer .footer-section h3{
white-space: nowrap;
  margin-bottom: 0;
  font-size: 15px;
  color: #ffffff !important;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  width: 135px;
}
.footer-link {
text-align: justify;
display: flex;
flex-wrap: wrap;
width: 98%;
font-size: 12px;
margin-left: 8px;
}
.footer-link a{
white-space: nowrap;
}
.footer-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
gap: 3px;
font-size: 14px;
color: #c2c0c0;
}

.footer-section {
display: flex;
justify-content: space-between;
text-align: left;
    margin-bottom: 0px;
}

.footer-section strong {
transform: translate(7px, 5px);
margin-right: 5px;
display: block;
color: black;
}

.footer-section a {
text-decoration: none;
color: #f3f3f3;
margin: 0 5px;
font-size: 12px;
}

.footer-section a:hover {
text-decoration: underline;
}

.copyright h5{
font-size: 15px;
font-weight: 500;
    color: #ffffff;
}
/* meeting */
.meeting_room h2{
font-size: 48px;
}
.sign_h2_mb{
margin-bottom: 0;
}
.meeting_details{
font-size: 21px;
}
.feature-box {
height: 100%;
background-color: #ffffff;
text-align: center;
}
.feature-box p{
border-bottom: 1px solid #efefef ;
font-weight: 500;
font-size: 17px !important;
text-align: left;
width: 90%;
margin: auto;
padding-bottom: 4px;
line-height: 1.3;
}
.feature-box img {
width: 100%;
height: 224.23px;
}
.sign_description{
font-size: 18px;
margin-bottom: 0 !important;
}
#box-1 {
background-color: #edcd9a;
}
#box-1 p{
border-bottom: 1px solid #e3c79b;
}
#box-4{
background-color: #f2f2f2;
border-bottom: 1px solid #e8e8e8 !important;
}
#box-4 p{
border-bottom: 1px solid #e8e8e8;
}
.feature-box h3 {
color: #4a3124;
font-size: 22px;
font-weight: bold;
margin: 12px 0;
}
.colol_1{
color: #daa93c !important;
}
.colol_2{
color:#532b22 !important;
}
.color_p_1{
color: #5a4014 !important;
}
.color_p_2{
color: #6e4f43 !important;
}
.color_p_3{
color: #5c5048 !important;
}

.feature-box p {
color: #555;
font-size: 18px;
line-height: 1.6;
}
input:focus,
select:focus {
outline: none !important; /* Removes the default outline */
box-shadow: none !important; /* Ensures no shadow appears */
}
/* start offices */
.offices p{
width: 100% !important;
}
.offices h2{
margin-bottom: 0;
}
.offices_p{
text-align: justify !important;
  font-size: 19px !important;
  letter-spacing: 0.4px !important;
}
.offices_p_1{
font-size: 21.5px !important;
margin-bottom: 30px;
}
.offices .feature_icon p{
font-size: 14px ;
font-weight: bold;
white-space: nowrap;
}
.offices .row img{
width: 100px;
height: 100px !important;
object-fit: contain;
}
.offices .feature_icon{
height: 100%;
}
.offices .feature_icon .col-6{
margin-bottom: 80px;
}
.office_nearest{
transform: translate(0px, -45px);
}
.office_pkg_description {
margin-top: 30px;
margin-bottom: 45px;
font-size: 20.5px !important;
}
/* start serviced */
.icon_servied{
display: flex;
align-items: center;
gap: 4px;
}
.icon_servied p{
margin: 0;
}
.icon_servied{
margin-top: 20px;
}
.icon_servied img{
width: 25px;
height: 25px;
/*margin-right: 10px;*/
}
.sevice_pkg .gap-pkg p{
font-size: 17.5px !important;
}
.icon_servied p{
font-size: 16px !important;
white-space: nowrap;
}
.bg-gray_pg{
background-color: #a6a6a6;
border-bottom: 1px solid black;
padding-block: 8px;
}
.package_2_border .card{
border: 1px solid black !important;
border-top: 0 !important;
border-radius: 0;
}
.package_2_border .card p{
font-size: 18px;
}
button.btn.btn-dark {
background-color: #000;
white-space: nowrap;
font-size: 13px;
padding: 10px 50px;
font-weight: bold;
margin-top: 10px;
}
.card-body .card-text{
margin-bottom: 0 !important;
}
.AMENITIES_des p{
font-size: 15px !important;
color: black;
  font-weight: 400;
}
.AMENITIES_des .AMENITIES_p{
font-size: 18px !important;
margin-bottom: 28px;
}

/* coworking */
.COWORKING_small_p{
font-size: 22px !important;
}
.COWORKING_big_p{
width: 100% !important;
}
.index_p{
width:100% !important;
}
.highlight-box p{
width: 100% !important;
}
/* footer end */
@media(max-width:3000px) and (min-width:992px){
#feature-gap{
  justify-content: space-between;
  gap: 10px;
  row-gap: 0;
}
}
@media(max-width:1400px){
.footer-link{
  justify-content: flex-start;
}
}
@media(max-width:1399px)and(min-width:1200px){
#TENANTS img {
  width: 130px;
}
}
@media(max-width:1199px){
form{
  width: 100%;
}
.form-container{
  flex-direction: column !important;
}
}
@media(max-width:991px){
.about-section img{
  height: auto;
}
.highlight-box .btn{
  margin-left: 24px;
}
.about-section p:nth-of-type(1){
  width: 100% !important;
}
}
@media(max-width:1199px)and (min-width:768px){
#TENANTS img {
  width: 100px;
}
.solution-card .col-4 img{
  width: 100% !important;
  height: auto !important;
}
}
@media(max-width:991px){
.offices .feature_icon .col-6{
  margin: 0;
}
.office_nearest{
  transform: translate(0px, 0px);
}
#PACKAGES .pricing-button{
  margin-bottom: 20px !important;
}
}
@media (max-width: 768px) {
header .nav_links {
    display: flex;
    position: fixed;
    align-items: self-start;
    padding: 30px;
    top: 0;
    left: 200%;
    transition: all .3s ease;
    width: 100%;
    flex-direction: column;
    gap: 22px;
    background: black;
    flex-wrap: wrap;
    height: 100%;
    z-index: 99;
}
.bars{
    position: relative;
    display: block;
    z-index: 999;
   }
   .bars #cross{
    display: none;
   }
   header .center_text {
    margin-top: 3rem;
}
.workspace-container .row{
    background-image: none;
}
.workspace-container .row {
    padding: 10px;
}
header .main_head{
    padding: 5px 0px !important;
}
header .center_text .main_text{
    padding: 0 12px;
}
header .main_head{
    justify-content: space-around;
}
.btn-start {
    margin-top: 10px;
}
}
@media(max-width:767px){
header .center_text .main_text .meeting_badcrum_p {
  transform: translate(0px, -30px);
}
.main_text .co_p {
transform: translateY(-30px);
}
.highlight-box {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
.highlight-box .btn{
margin: 0;
}
header .center_text .main_text h1{
transform: translate(0px, -10px);
font-size: 24px;
}
}
@media(max-width:575px){
.why-section,.about-section{
  padding-left: 0;
  padding-right: 0;
}
.column-row-input{
  flex-direction: column;
}
.highlight-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 25px 0px;
}
.highlight-box .btn{
  margin-top: 10px;
  margin-left: 0;
}
body h2{
  font-size: 35px !important;
}
body p{
  margin-top: 0 !important;
}
footer .list-unstyled,footer h5{
  text-align: center;
}
}
@media(max-width:480px){
.footer-link {
font-size: 10px;
}
body h2{
  font-size: 24px !important;
}
form #grow-btn-form {
  font-size: 18px !important;
  padding: 6px 26px !important;
}
footer .footer-section h3{
  font-size: 18px;
}
.copyright h5{
  font-size: 12px;
}
}
.steps-content ul li{
font-weight: 400;
  color: black;
  font-size: 16px;
}
.faq-question span{
font-size: 23px;
}
/* ========================================================== */

/* ========================================================== */

header{
position: relative;
}
header .marNow{
  position: absolute;
  top: 78%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right top;
  font-size: 14px;
  color: rgb(0 0 0);
  background-color: #ffffff;
  padding: 5px 10px;
  z-index: 9;
}


header .main_text h4,
header .main_text h1,
header .main_text p{
margin-bottom: 0px !important;
}
header .main_text p b{
font-weight: bold;
}


.btn-start:hover {
background-color: var(--brownColor);
color: var(--whiteColor);
border: none;
}



/* my code of head  */
.workspace-container .box label {
font-size: 11px;
color: #ffffff;
font-weight: 300;
position: relative;
top: 10px;
margin: 0 0 0 13px;
padding: 0 5px;
width: fit-content;
background-color: transparent;
/* Ensures background is fully transparent */
background-image: none;
/* Ensures no background image */
border: none;
/* background: #242728; */
border-radius: 50%;
/* Removes any border */
z-index: 1;
}

.workspace-container .location-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: transparent;
border: 1px solid rgb(255 255 255 / 33%);
border-radius: 0px;
padding: 13px 20px;
color: rgb(255 255 255);
}
.workspace-container .location-container .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) #00000057 !important;
}

.workspace-container .location-container i {
font-size: 20px;
margin-right: 10px;
color: #ffffff;
}

.workspace-container .location-container div {
flex: 1;
display: flex;
flex-direction: column;
}

.workspace-container .location-container div div {
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
}

.workspace-container .location-container select {
background: transparent;
border: none;
color: rgb(255 255 255);
font-size: 14px;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
width: 100%;
height: 100%;
}
.workspace-container .location-container .self{
display: flex;
/* align-items: center; */
gap: 8px;
flex-direction: row;
}
.workspace-container .location-container select option {
background: #ffffff;
color: rgb(0, 0, 0);
}

.workspace-container .location-container::after {
content: '\f078';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: 10px;
pointer-events: none;
}

@media(max-width:600px){
header .main_text p{
  text-align: center;
}
.workspace-container .row{
  padding: 0 !important;
  flex-direction: column !important;
}
.workspace-container .row .col-md-5{
  padding: 0 !important;
}
.workspace-container .box label {
  font-size: 0.5rem;
  color: white;
  font-weight: 500;
  position: relative;
  top: 10px;
  margin: 0 0 0 13px;
  padding: 0 5px;
  width: fit-content;
  background-color: transparent;
  background-image: none;
  border: none;
  /*background: #2d2d2d5e;*/
  /* border-radius: 50%; */
  z-index: 1;
}
  .workspace-container {
    padding: 20px 0;
    z-index: 1;
    position: relative;
    /*transform: translateY(101px);*/
}
header .newFluid{
    padding:0 1.2rem !important;
}
.row.align-items-center.workspace-box.position-relative {
  padding: 10px 20px !important;
}
.enterCard .card{
    margin-bottom:10px;
}
#feature{
     margin-bottom:20px;
}
}


/*  */

.card.office-card{
position: relative;
}
.card.office-card .metaQ{
position: absolute;
top: 12%;
left: 6%;
border-radius: 50%;
width: 60px;
height: 60px;
border: 2px solid white;
object-fit: cover;
}
p.co_p {
margin-top: 10px;
}
#contec{
background-image: url(../img/tec5.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 380px;
}
#abouttec{
/* background-image: url(../img/tec2.jpg); */
background-image: url(../img/new/aboutOffice.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 380px;
}

@media(max-width:576px){
#feature p {
  line-height: normal;
  font-size: 12px;
  margin-top: 4px;
}
.about-section p:nth-of-type(1) {
width: 100% !important;
font-size: 14px;
}
.about-section p {
text-align: justify;
font-size: 14px;
}
.highlight-box .btn{
font-size: 14px;
}
#TENANTS img {
width: 115px;
object-fit: cover;
}
.form-container p:first-of-type {
margin-top: 0px;
font-size: 14px;
}
.form-container p {
font-size: 16.5px;
margin-top: 2px;
}
.form-label{
font-size: 13px;
}
form #grow-btn-form {
font-size: 14px !important;
padding: 6px 26px !important;
}
#PACKAGES .card .card-body h3 {
font-size: 17px;
padding-bottom: 13px;
color: #000;
}
button.btn.btn-dark {
background-color: #000;
white-space: nowrap;
font-size: 12px;
padding: 8px 37px;
font-weight: bold;
margin-top: 10px;
}
#serviced p {
width: 100%;
font-size: 14px !important;
line-height: normal;
}
#serviced p {
margin-bottom: 10px;
}
#serviced .feature_icon img {
margin-top: 10px;
object-fit: contain;
height: 56px;
}
#serviced .feature_icon .text-center {
  font-size: 12px !important;
}
#PACKAGES p {
font-size: 14px;
line-height: normal;
text-align: justify;
}
#PACKAGES .card .card-body h3 {
font-size: 16px;
padding-bottom: 1px;
}
.sign_description {
font-size: 16px;
margin-bottom: 0 !important;
}
.steps-header {
margin-bottom: 14px;
}
.faq-question{
font-size: 14px;
}
#insight p:nth-of-type(3){
margin-top: 5px;
}
.about-section p:nth-of-type(1) {
width: 100% !important;
font-size: 14px !important;
line-height: normal;
}
p.offices_p_1.Century-Gothic{
margin-bottom: 10px;
}
.offices .row img {
width: 100px;
height: 80px !important;
object-fit: contain;
}
p.office_pkg_description {
font-size: 14px !important;
line-height: normal;
}
#big_icons img {
height: 144px;
}

h2.Century-Gothic.mb-4.mt-1 {
margin-bottom: 10px !important;
}
.contact-block ul li{
font-size: 14px;
line-height: normal;
}
.main_text .co_p {
transform: translateY(0px);
}
}
.africa strong{
font-size: 14px;
}
#serviced p {
width: 100%;
font-size: 19px;
line-height: normal;
}
.icon_servied p,
.icon_servied.Century-Gothic p{
color: grey;
font-size: 14px !important;
}
.card-body.Century-Gothic .icon_servied p{
font-size: 14px !important;
}
.icon_servied img {
width: 17px;
height: 17px;
object-fit: contain;
/*margin-right: 10px;*/
}
#PACKAGES{
margin-top: 78px;
}
.offices .feature_icon .col-6{
margin-bottom: 1px;
}
.office_pkg_description {
margin-top: 28px;
margin-bottom: 45px;
font-size: 19.5px !important;
}
#feature p{
 font-size: 17px;
}
#feature-gap_offices p{
font-size: 14px;
}
p.Century-Gothic.COWORKING_big_p {
color: black;
line-height: normal;
font-weight: 400;
font-size: 17px;
}
p.COWORKING_small_p.Century-Gothic {
font-size: 17px !important;
}
div#BUSINESS_SUPPORT{
margin-top: 0 !important;
}
.custom-card-header{
font-size: 18px;
}
p.card-text.Century-Gothic {
margin-top: 5px !important;
}
p.Century-Gothic{
line-height: normal;
color: black;
}
p.mb-4.pt-3.pb-3.meeting_details{
padding-top: 0px !important;
}
p.card-text {
color: black;
}
.feature-box h3{
font-size: 18px;
}
.feature-box p{
font-size: 15px !important;
}
div#insight {
padding-top: 0px !important;
/* margin-top: 0px !important; */
}
p.Century-Gothic {
font-size: 14px;
}
#feature p {
font-size: 14px;
}
p.card-text.Century-Gothic {
font-size: 14px;
}
p.Century-Gothic {
font-size: 14px;
line-height: 1.5;
}
.about-section img {
margin-top: 0px;
width: 100%;
height: 247px;
object-fit: cover;
}
.highlight-box .btn{
font-weight: 500;
}
.input-group button.btn{
background: #f0f0f080;
}
form input::placeholder{
font-weight: 500;
color: rgb(0, 0, 0) !important;
font-size: 14px;
}
#workspace{
font-weight: bold;
}
.btn-start{
border-radius: 6px;
}
header .overly{
position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #272727;
  opacity: 0.6;
  mix-blend-mode: multiply;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.workspace-box .mOverly{
 position: absolute;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.582);
 z-index: 9;
 top: 0;
 left: 0;
}
#abouttec .overly{
background: #0000007d;
}

.coworking_bg .overly{
background: #00000078;
}
.office_bg{
background-image: url(../img/new/mOffice.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.work_bg{
background-image: url(../img/new/cower.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.office_bg .overly{
background: #00000082;
}
.meeting_bg .overly{
 background-color: #00000082;
}
#contec{
background: url(../img/partnerInfo.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 400px;
}
#contec .overly{
background: #0000007d;
}
.workspace-container .location-container::before{
position: absolute;
top: 0;
left: 0;
content: "";
width: 7px;
height: 1px;
background-color: rgb(255 255 255 / 30%);
display: block;
}
.border-top{
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 1px;
background-color:rgb(255 255 255 / 56%);
display: block;
}
.workspace-container .location-container{
border-top: none;
z-index: 99;
}
h2.newLine {
position: relative;
transform: translateX(-2px);
}
#serviced p {
width: 100%;
font-size: 15px;
line-height: normal;
}
#PACKAGES p{
font-size: 14px !important;
}
.steps-content ul li {
font-weight: 400;
color: black;
font-size: 14px;
}
p.Century-Gothic.offices_p {
font-size: 14px !important;
}
p.Century-Gothic.COWORKING_big_p {
color: black;
line-height: normal;
font-weight: 400;
font-size: 14px;
}
.custom-card-content ul li {
margin-bottom: 10px;
display: flex;
align-items: center;
font-size: 14px;
}
.feature-box p {
font-size: 14px !important;
}
.form-container p {
font-size: 14.5px;
margin-top: 2px;
text-align: justify;
}
#about-purpose p {
font-size: 15.5px;
margin-top: 17px;
}
.contact-block ul li {
margin-bottom: 10px;
font-size: 16px;
line-height: 23px;
text-align: justify;
margin-left: 55px;
}
/*================*/
.paraTxt{
  font-size:16px !important;
}
@media(max-width:576px){
  .paraTxt{
  font-size:14px !important;
  }
  #feature-gap .feature-item{
    padding: 10px;
  }
  #feature p {
    font-size: 11px;
    text-wrap: auto;
}
#feature img {
  width: 70px;
  height: 70px;
}
}






.highlight-box p{
font-size: 17px !important;
}


.P22MackinacPro.solution-title{
font-family: "Zin Display" !important;
}
#insight .card .card-title{
font-family: "Zin Display" !important;
}




/* new cards  */
.newCards .card {
border: none;
border-radius: 10px;
/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1) ;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}

.newCards .card img {
height: 170px;
border-radius: 0px;
/* Fixed height for all images */
object-fit: cover;
transition: transform 0.5s ease, box-shadow 0.5s ease;
/* Smooth transition */
}

.newCards .card:hover img {
transform: scale(1.1) rotateZ(4deg);
/* Combined scaling and rotation */
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
/* Adds a slight hover shadow */
}


.newCards .card-bodyN {
flex: 1;
/* Ensures content is evenly spaced */
display: flex;
flex-direction: column;
justify-content: space-between;
/* padding: 20px; */
}

.newCards .card-bodyN h5 {
font-size: 1.1rem;
font-weight: 600;
margin-top: 10px;
}

.newCards .card-bodyN p {
font-size: 14px;
margin-bottom: 10px;
color: #666;
text-align: justify;
}

.newCards .card-bodyN a {
text-decoration: none;
font-weight: 500;
color: #000000;
transition: color 0.3s;
font-size: 14px;
}

.newCards .card-bodyN a:hover {
color: #161616;
}

.newCards .card-bodyN a i {
margin-left: 5px;
font-size: 12px;
}

/* n foter */

footer.newFooter {
background-color: #000; /* Black background for footer */
padding: 40px 0;
color: #fff;
}

footer.newFooter a {
text-decoration: none;
color: #fff;
}
footer.newFooter ul{
list-style: none;
padding-left: 0;
}
.newFooter .myFooter h4{
font-size: 14px;
font-weight: 700;
}
.newFooter .myFooter ul li a {
font-size: 14px;
line-height: 1.5em;
}
.newFooter #servcorp{
width: 100%;
}
footer.newFooter a:hover {
color: #fcb800; /* Highlight color on hover */
}
.input-group button ,
.input-group .input-group-text{
border-radius: 0px;
}
#workspace{
font-weight: 500;
}
footer.newFooter #icons{
display: flex;
gap: 10px;
justify-content: flex-end;
}
footer.newFooter .myFooter{
 text-align: left;
}
footer.newFooter #icons img{
filter: invert(1);
width: 30px;
}
footer.newFooter .icon-global img{
filter: invert(1);
width: 35px;
}
.newFooter .icon-global h4{
font-size: 16px;
}
.newFooter .newSize{
font-size: 1.1em;
text-align: left;
}
.newFooter .icon-global h4{
display: inline;
}
.newFooter .hidden {
display: none; /* Initially hide the content */
}
.newFooter .intelGlob{
display: flex;
justify-content: flex-end;
}
.newFooter .show {
display: block; /* Show the content when the class is added */
}
@media(max-width:767px){
.newFooter .small-device{
margin-top: 30px !important;
}
.newFooter .intelGlob{
display: flex;
justify-content: center;
}
footer.newFooter  #icons{
display: flex;
gap: 10px;
justify-content: center;
}
}
@media(max-width:576px){
.newFooter .sm-center_device{
    text-align: center;
}
.footer-section a{
    font-size:14px;
}
    footer .footer-section h3{
        font-size:15px;
    }
.newFooter .intelGlob{
display: flex;
justify-content: center;
}
footer.newFooter  #icons{
display: flex;
gap: 10px;
justify-content: center;
}
img#servcorp {
width: 303px !important;
}

.enterCard .g-4{
  gap:0px !important;
}
.enterCard .card{
  margin-bottom:0px !important;
}
#feature{
  margin-top:34px !important;
}
#feature h2{
  margin-left:10px;
}
.about-section{
  padding:0px !important;
}
#TECHNOLOGY{
  padding:2px 0px !important;
}
.form-container{
  margin:10px auto !important;
}
}
.newFooter img#servcorp {
transform: translateY(-18px);
transform: translate(-19px, -19px);
}

.btn-start:hover ,
.highlight-box .btn:hover,
#grow-btn-form:hover{
background-color: white !important;
color: black !important;
border: 1px solid black;
transition: all .3s ease-in-out;
}


/* --------------- */
h2.Century-Gothic b{
font-family: "Century Gothic Paneuropean SemBd" !important;
}


.form-container input, 
.form-select ,
span.input-group-text ,
.input-group .btn {
border: 1.5px solid black !important;
border-radius: 4px !important;
}
.form-text a {
font-weight: 700;
color: black !important;
}

/* ---------- */

.enterCard .card {
border: none;
margin: 14px 0px 99px 0;
border-radius: 10px;
box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
transition: transform 0.3s;
display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}
.enterCard .row{
  padding-left:0px !important;
}
.enterCard .ps-lg-0 {
      height: 125px;
      padding-left: 0px !important;
      padding-right: 10px !important;
}

.enterCard .card:hover {
transform: translateY(-5px);
}

.enterCard .newIcon {
width: 50px;
height: 50px;
object-fit: contain;
/*background: #f3f2f2;*/
/*border-radius: 50%;*/
/*padding: 0em 1em;*/
/*box-shadow: 2px 2px #d6d6d6;*/
margin-bottom: 20px;
}

.enterCard .card-titleS {
font-size: 15px;
margin-bottom: 6px;
text-align: left;
}

.enterCard .card-textS {
color: #6c757d;
font-size: 11px;
margin-bottom: 6px;
text-align: left;
}

.enterCard #user-prime-quentity{
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
width: 64px;
border-radius: 8px;
line-height: normal;
white-space: nowrap;
border: 1px solid rgb(0 0 0 / 18%);
margin-bottom: 0;
font-size: 14px;
}



.workspace-container .row,
.enterCard .card,
.newCards .card{
background-color: var(--whiteColor) !important;
box-shadow: var(--box-shadow);
}
.workspace-container .row{
  background: rgb(0 0 0 / 19%) !important;
  /*border-radius: 16px;*/
  box-shadow: 0 4px 30px rgb(0 0 0 / 0%) !important;
  backdrop-filter: blur(0.6px) !important;
  -webkit-backdrop-filter: blur(2.6px) !important;
  border: 1px solid rgb(0 0 0 / 15%) !important;
}
/*.enterCard .card:hover .newIcon {*/
/*    background-color: var(--whiteColor) !important;*/
/*    box-shadow: var(--box-shadow);*/
/*    cursor: pointer;*/
/*}*/
/*.enterCard .card:hover{*/
/*    border:1px solid black;*/
/*}*/
#feature img:hover {
/*  background-color: var(--whiteColor) !important;*/
/*box-shadow: var(--box-shadow);*/
cursor: pointer;
}
.P22MackinacPro.solution-title ,
#insight .card .card-title{
font-family: "Century Gothic Paneuropean SemBd" !important;
}




.talentIcon{
  height: 72px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--whiteColor) !important;
  box-shadow: var(--box-shadow);
  border-radius: 8px;
  cursor: pointer;
  margin-bottom:12px;
}
.talentIcon:hover{
  border: 1px solid black;
}
@media(max-width:576px){
  .footer-section a{
      font-size:14px !important;
  }
  .footer-section {
  width: 100%;
}
footer .footer-section h3{
  width:auto;
}
.footer-link a{
  white-space: wrap;
}
}
main{
  overflow:hidden !important;
}
.copyright h5{
  margin-bottom: 0;
  padding-bottom:5px;
}

.enterCard .card{
  border: 1px solid rgba(227, 227, 227, 1) !important;
  box-shadow:none !important;
}
.enterCard .card:hover{
  box-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, 0px 0px 0.5rem rgba(0, 0, 0, 0.16) !important;
  transition:all .3s ease;
}
header {
  position: relative;
  height: 500px !important;
}
@media(max-width:768px){
  header{
  height:auto !important;
}
}
@media(min-width:768px){
  
.col-lg-1-5 {
  flex: 0 0 12.5%; /* 100% / 8 icons = 12.5% width */
  max-width: 12.5%;
}

.talentIcon img {
  max-width: 100%;
  height: auto; /* Ensures the images resize properly */
}
.talentIcon{
  height: 100%;
}

}
.bookDemo:hover a{
  color:black !important;
}
.bookDemo:hover{
  color:black !important;
}
/*----------------------------------------------*/

  header .main_head .logo img{
      width:166px !important;
      transform: translateX(-8px);
  }
  header .nav_links{
      gap: 19px !important;
  }
  header .nav_links li a{
      font-size:12px !important;
  }

@media (min-width: 1167px) {
  /* .features{
      transform:translateY(-49px) !important;
  } */
}
@media (min-width: 1367px) {
header .main_head {
  gap:29px;
}
header .nav_links {
  gap: 19px;
  margin-right: 15px;
}
.talentIcon{
  height:82px !important;
}
header .nav_links li a{
      font-size:14px !important;
  }
}

@media(max-width:576px){
  .footer-container {
  display: flex;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  gap: 3px;
  font-size: 14px;
  color: #c2c0c0;
}
.footer-section {
  display: flex;
  justify-content: space-between !important;
  text-align: center;
  flex-direction: column !important;
  margin-bottom: 0px;
}
footer .footer-section h3 {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 15px;
  color: #ffffff !important;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-link {
  text-align: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
  font-size: 14px;
  /*margin-left: 10px;*/
  margin: 10px 0px 10px 0px !important;
}
  .footer-link a {
      white-space: wrap;
      text-align: center;
  }
  .container.pt-4.enterCard {
    padding: 0 10px 0 22px;
}
.enterCard .ps-lg-0{
  height: auto;
}
.enterCard .card{
  margin-top: 0px !important;
}
.enterCard .card-titleS{
  margin-bottom: 8px !important;
}
.enterCard .card-textS{
  margin-bottom: 9px !important;
}
}
.darkLogin{
  padding: 10px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}




/*The two new section code start here*/

 #logoSecOne .box {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f8f9fa;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
 
    
    }
    
    
    
    /*===================*/
     #secOneCountryCard .grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background-color: white !important;
    box-shadow: 0px 0px 5px #d6d6d6;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  #secOneCountryCard .grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  }

  #secOneCountryCard .grid-item img {
    width: 100%;
    height: 112px !important;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
    cursor:pointer;
  }

  #secOneCountryCard .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    border-radius: 12px;
    transition: opacity 0.3s ease-in-out;
  }

  #secOneCountryCard .overlay-text {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 6px;
  }

  #secOneCountryCard .grid-item:hover .overlay {
    opacity: 1;
  }

  #secOneCountryCard .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }

  #secOneCountryCard .header h1 {
    font-size: 32px;
    font-weight: 600;
    color: #333;
  }

  #secOneCountryCard .header a {
    color: #007bff;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
  }

  #secOneCountryCard .header a:hover {
    color: #0056b3;
  }
    
    #logoSecOne .box {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #f8f9fa;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    /* Allow the images to wrap */
  }

  #logoSecOne .box img {
    width: 99px;
    height: 75px;
    mix-blend-mode: multiply;
    object-fit: contain;
    margin: 3px;
  }

  /* Sec card of data */


  #cardSecOne .cardSec {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    /* margin: 10px; */
    text-align: center;
    /* flex: 1 1 200px; */
    /* max-width: 250px; */
    /* width: 100%; */
  }

  #cardSecOne .cardSec img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
  #cardSecOne .cardSec.col-md-3 {
    flex: 0 0 auto;
    width: 23.5%;
    margin-left: 15px !important;
}

  #cardSecOne .cardSec h3 {
    font-size: 15px;
    margin-bottom: 6px;
    font-weight: bold;
    text-align: left;
  }

  #cardSecOne .cardSec p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0px !important;
    text-align: left;
  }



















  @media (max-width: 700px) {
    #logoSecOne .box {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /* Two images per row */
      gap: 10px;
      /* Space between the images */
    }

    #logoSecOne .box img:nth-child(5) {
      grid-column: span 2;
      /* Make the last image span the full width of the row */
    }
  } 
    
  
  h2.newLine{
    position: relative;
  }
  /* h2.newLine::after {
    content: "";
    width: 120px;
    height: 2px;
    position: absolute;
    background: black;
    top: 50%;
    margin-left: 10px;
} */
#feature .buildingImg{
  width: 50px !important;
  height: 57px !important;
}
@media(max-width:576px){
  #feature .buildingImg {
    width: 56px !important;
    height: 66px !important;
}
#cardSecOne .cardSec h3{
  font-size: 12px;
}
#cardSecOne .cardSec img {
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
}
h2.newLine {
position: relative;
transform: translateX(0px);
}
.form-container{
gap: 0px !important;
}
.highlight-box{
gap: 13px !important;
}
header .logo img{
transform: translate(-56px, 10px) !important;
}
}

.highlight-box{
  border-radius: 5px !important;
}
#logoSecOne .box{
  border-radius: 5px !important;
}

h2.Century-Gothic{
  text-transform: capitalize !important;
}
h2.newLine{
  text-transform: capitalize !important;
}
h2.newLine span{
  text-transform: capitalize !important;
}
h2.Century-Gothic span{
  text-transform: capitalize !important;
}
.location_bg,
.coworking_bg,
#contec,
#abouttec,
.meeting_bg  {
  height: 313px !important;
}

  @media(max-width:576px){
    #cardSecOne .cardSec{
      text-align: left;
    }
    /* h2.newLine::after {
      content: "";
      width: 100px;
      height: 2px;
      position: absolute;
      background: black;
      top: 50%;
      margin-left: 10px;
  } */
  #cardSecOne .cardSec.col-md-3 {
    flex: 0 0 auto;
    width: 46%;
    margin-bottom: 20px;
    margin-left: 4px !important;
}
.bars img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  position: absolute;
  cursor: pointer;
  transform: translateX(10px);
}
#cardSecOne .colSecTwo.cardSec.col-md-3{
    margin-left:12px !important;
}
.darkLogin {
  padding: 10px 30px;
  background: white;
}
header .nav_links li.btn-light{
  padding: 6px 19px;
}
.darkLogin a{
  color:black !important;
}
#cardSecOne .cardSec p{
  font-size: 10px;
}
.about-section .newLine{
  transform: translateY(10px);
}
.location_bg,
.coworking_bg,
#contec,
#abouttec ,
.meeting_bg {
  height: 244px !important;
}
.form-container strong {
  font-size: 14px !important;
  color: black;
}

  }












  .newCards .card-bodyN ul li span{
    font-size: 13px !important;
    text-align: justify;
  }
  .newCards .card-bodyN .icon_servied{
    margin-top: 0px !important;
  }
  .newCards .card-bodyN .icon_servied.gest{
    margin-top: 4px !important;
  }
  .newCards .card-bodyN .icon_servied img{
    height: 16px;
    width: 16px;
    object-fit: cover;
  }
  .newCards .card-bodyN .icon_servied p{
    font-weight: bold;
    color: black;
    margin-bottom: 0px !important;
    font-size: 12px !important;
  }
  .bulitCard .card{
    padding-bottom: 0px !important;
  }
  #feature .furnish{
    font-size: 16px !important;
    line-height: normal;
  }
  .why-section .furnish{
    font-size: 16px !important;
    line-height: normal;
    margin-bottom: 0px;
  }
  #serviced p.service-LINE.Century-Gothic{
    margin-bottom: 10px !important;
  }
  #serviced .feature_icon .text-center{
   font-size: 13px !important;
  }
 
.enterCard .row{
    margin-top:0 !important;
}
.enterCard .g-4{
    margin-top:0 !important;
}
.enterCard .g-4{
   --bs-gutter-y: 0rem !important;
}

  .why-section .card ul li{
    line-height: normal;
  }
  .enterCard .lastIndex{
      padding-right:0 !important;
  }

  @media(max-width:576px){
    #serviced strong{
      font-size: 14px !important;
    }
    #feature strong{
      font-size: 14px !important;
    }
    #feature .furnish,
    .why-section .furnish{
      font-size: 14px !important;
    }
    .contact-block ul li {
      font-size: 14px !important;
      line-height: normal;
    }
       .contact-block ul li {
    margin-left: 20px;
}
.enterCard .ps-lg-0{
    padding-right:0px !important;
}
.highlight-box p {
    font-size: 14px !important;
}
  }
  #cardSecOne .cardSec:hover{
  box-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, 0px 0px 0.5rem rgba(0, 0, 0, 0.16) !important;
  transition: all .3s ease;
}
#cardSecOne .cardSec:hover {
  transform: translateY(-5px);
}
  
.why-section .card:hover .icon_servied img{
  box-shadow: none !important;
  transform: none !important;
}
.why-section .card:hover .tick img{
  box-shadow: none !important;
  transform: none !important;
}
.why-section .tick img{
  width: 18px !important;
  height: 18px !important;
  margin-right: 5px;
}
/*-------------------------------------------------------------*/
#logoSecOne .box {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    background-color: #f8f9fa !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

#logoSecOne .box img {
    width: 99px !important;
    height: 64px !important;
    mix-blend-mode: multiply !important;
    object-fit: contain !important;
    flex-basis: 16% !important;
    max-width: 11% !important;
    margin: 10px !important;
}

/* Media query for mobile devices (max-width: 768px) */
@media (max-width: 768px) {
    #logoSecOne .box {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    background-color: #f8f9fa !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
    #logoSecOne .box img {
    flex-basis: 37% !important;
    max-width: 78% !important;
    margin: 10px !important;
    }
}

@media(max-width:576px){
  .highlight-box img {
    display: none;
}
.enterCard .card{
    flex-direction: column;
}
.enterCard .newIcon{
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
}
.enterCard .netWork{
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
.enterCard .card-textS{
    text-align: left;
}
.enterCard .card-titleS{
    font-size: 14px;
}
.enterCard .card{
    align-items: start;
}



#TECHNOLOGY .newCards .card img ,
#long_term .newCards .card img {
    height: 73px;
}
#TECHNOLOGY .newCards .card ,
#long_term .newCards .card {
    padding: 10px !important;
}
#TECHNOLOGY .newCards .card-bodyN h5 ,
#long_term .newCards .card-bodyN h5 {
    font-size: .9rem;
}
#TECHNOLOGY .newCards .card-bodyN p ,
#long_term .newCards .card-bodyN p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
    text-align: justify;
    line-height: normal;
    letter-spacing: normal;
    font-size: 12px;
}

.enterCard .col-6{
    width: 48% !important;
}

.enterCard  .col-6:nth-child(even) {
   margin-left: 11px;
}

}
#insight .btn{
    font-size: 14px !important;
}