@font-face {
  font-family: 'Socialico';
  src: url("fonts/Socialico/Socialico.eot");
  src: url("fonts/Socialico/Socialico.eot?#iefix") format("embedded-opentype"), 
  url("fonts/Socialico/Socialico.woff2") format("woff2"), 
  url("fonts/Socialico/Socialico.woff") format("woff"), 
  url("fonts/Socialico/Socialico.ttf") format("truetype"), 
  url("fonts/Socialico/Socialico.svg") format("svg");
}

@font-face {
  font-family: "socialico-plus";
  src: url("fonts/SocialicoPlus/socialico-plus.eot");
  src: url("fonts/SocialicoPlus/socialico-plus.eot?#iefix") format("embedded-opentype"), 
  url("fonts/SocialicoPlus/socialico-plus.woff2") format("woff2"), 
  url("fonts/SocialicoPlus/socialico-plus.woff") format("woff"), 
  url("fonts/SocialicoPlus/socialico-plus.ttf") format("truetype"), 
  url("fonts/SocialicoPlus/socialico-plus.svg") format("svg");
}
@font-face {
  font-family: 'BarlowCondensed';
  src: url("fonts/BarlowCondensed/");
}
@font-face {
  font-family: 'BarlowSemi';
  src: url("fonts/BarlowSemi/");
}
@font-face {
  font-family:'OpenSans' ;
  src: url("fonts/Opensans/static/OpenSans/OpenSans-Regular.ttf");
}
@font-face {
  font-family: 'Ubuntu';
  src: url("fonts/Ubuntu/Ubuntu-Bold.ttf");
  src: url("fonts/Ubuntu/Ubuntu-BoldItalic.ttf");
  src: url("fonts/Ubuntu/Ubuntu-Light.ttf");
  src: url("fonts/Ubuntu/Ubuntu-LightItalic.ttf");
  src: url("fonts/Ubuntu/Ubuntu-Medium.ttf");
  src: url("fonts/Ubuntu/Ubuntu-MediumItalic.ttf");
  src: url("fonts/Ubuntu/Ubuntu-Regular.ttf");
}
@font-face {
  font-family: 'Ubuntu_italic';
  src: url("fonts/Ubuntu/Ubuntu-Italic.ttf");
}
@font-face {
  font-family: 'Myriad';
  src: url("fonts/Myriad/MYRIADPRO-REGULAR.OTF");
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
  position: relative;
}

a {
color:inherit;
text-decoration: none;
}

a:hover {
text-decoration: none;
color:inherit;
}

div,article,section,dl,dt,dd,table,tr,td,ul,ol,li,p,span,small,em,h1,h2,h3,h4,h5,h6,nav {
padding:0;
margin:0;
}

.row {
max-width: 1620px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{
font-size: 14px;
padding: 5px 10px;
position: fixed;
display: block!important;
transform: none!important;
bottom: 0!important;
left: 20px!important;
}

/*call to action*/
.destroy-on-load, .cta {
display: none;
}

/*typography*/
.text-left{
text-align: left;
}

.text-right{
text-align: right;
}

h1, h2{
/*font-family: 'Poppins', sans-serif;*/
font-size: 70px;
font-weight: 700;
line-height: 1.2;
color: #fff
}

p,ul,
nav ul li a {
/*font-family: 'Arial', sans-serif;*/
font-size: 16px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .5px;
color: #525252
}

/*BUTTON*/
.btn{
position: relative;
overflow: hidden;
z-index: 999;
display: block;
margin: 0 auto;
text-align: center;
padding: 20.5px 0;
width: 200px;
font-size: 16px;
font-family: '', sans-serif;
font-weight: 700;
background: #FF0000;
color: #FFF;
line-height: 1.2;
-webkit-appearance: inherit;
}

.btn:hover{ 
transition: background-color .8s ease-out;  
-o-transition: background-color .8s ease-out;  
-moz-transition: background-color .8s ease-out;  
-webkit-transition: background-color .8s ease-out;  
color: #fff;
background: #0057FF;
}

/*FLEX*/
.flex{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
} 


/*SOCIAL*/
.socials a{
font-size: 30px;
line-height: 1.2;
font-family: 'Socialico';
letter-spacing: 11px;
padding: 0 20px;
color: #fff
}

.socials a.ig_link{
font-family: 'socialico-plus';
}

.socials a[href="https://facebook.com"]{
color: #3B5A9A;
}

.socials a[href="https://plus.google.com"]{
color: #D54936;
}

.socials a[href="https://linkedin.com"]{
color: #117BB8;
}

.socials a[href="https://twitter.com"]{
color: #25A8E0;
}

.socials a[href="https://instagram.com"]{
color: #2F689B;
}


/*-----------------------------------------------HEADER-----------------------------------------------*/
#header {

}

#header nav a#pull {
display: none
}

#header nav{
position: relative;
z-index: 999;
width: 45%
}

#header nav ul{
}

nav ul {
margin: 0;
padding: 0;
list-style: none;
}

nav ul li {
display: inline-block;
vertical-align: middle;
padding: 20px 0 0 0;
}

nav ul li a {
}

#header nav ul li.active-menu a, 
#header nav ul li a:hover {
color: blue;
}

/*-----------------------------------------------BANNER-----------------------------------------------*/
#banner {
background: url('../images/common/banner.jpg')no-repeat right;
-webkit-background-size: cover;
background-size: cover;
}

#banner .bn-text{
}

#banner .row{
}

#banner h2{
font-size: 12px;
}

#banner p{
font-size: 12px;
}

#banner .btn{

}

/*-----------------------------------------------CONTENT-----------------------------------------------*/
/*WELCOME*/
#welcome{
background: url('../images/common/welcome.jpg')no-repeat top;
-webkit-background-size: cover;
background-size: cover;
padding: 120px 0 34px
}

#welcome .btn{
}


/*SERVICES*/
#services{
background: url('../images/common/services.jpg')no-repeat top;
-webkit-background-size: cover;
background-size: cover;
}

#content .flex.services .paragraph ul {
  margin: 10px 30px;
}

.inner #content .flex .paragraph {
  padding: 0 4%;
}

.flex .para {
  max-width: 800px;
  font-size: 20px;
}

.row h3 {
  font-size: 25px;
}

#content .flex.services .paragraph {
  padding: 0 30px !important;
}

#content .flex.services img{
  max-width: 400px;
  margin: 10px auto;
  width: 100%;
}


/*gallery*/
#gallery img{
width: 32%;
display: block;
margin-bottom: 30px
}

#gallery p{
color: #333333;
padding: 15px 0 57px
}

/*testimonials*/
#testimonials{
background: url('../images/common/testimonials.jpg')no-repeat top;
-webkit-background-size: cover;
background-size: cover;
}

#testimonials p.auth{

}

#testimonials .stars{
color: #FFFF00;
}


/*CONTACT*/
#contact{
position: relative;
}

#contact .ctc-form label{
width: 32%
}

form .messages p {
display: none;
font-family: 'Montserrat', sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
font-size: 16px !important;
}

form .loading {
display: none;
}

form .alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}

form .alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}

form .alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}

.ctc-form {
margin: 0 auto ;
text-align: center;
}

.ctc-form input[type="text"],
.ctc-form textarea {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color:#000;
height:45px;
display: block;
width: 100%;
border:1px solid #A8A8A8;
padding: 5px 10px;
box-sizing: border-box;
margin: 0 auto 8px;
resize: none;
background: #EEEEEE;
}

.ctc-form ::placeholder,
.ctc-form label{
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: black;
line-height: 1.8;
letter-spacing: .03px;
text-align: left;
}

.ctc-form ::placeholder{
color: #545454
}

.ctc-form textarea {
height: 150px;
padding-top:10px;
}

.ctc-form button {
display: block;
border: none;
margin: 20px auto 0
}

.ctc-form .recap {
display: inline-block;
}

.ctc-form .g-recaptcha div {
margin: 0 auto 10px;
}

.ctc-form .ctc-hide {
display: none;
}


/*-----------------------------------------------FOOTER-----------------------------------------------*/
#footer{
background: url('../images/common/footer.jpg')no-repeat top;
-webkit-background-size: cover;
background-size: cover;
}

#footer .row{
}

#footer h3{
width: 32%;
}

#footer .email{
background: url('../images/common/email.png')no-repeat top center;
background-size: 81px 92px
}

#footer .phone{
background: url('../images/common/phone2.png')no-repeat top center;
background-size: 81px 92px
}

#footer .location{
background: url('../images/common/location.png')no-repeat top center;
background-size: 81px 92px
}

#footer nav ul li {
display: inline-block;
vertical-align: middle;
/* width: 20%; */
text-align: left;
padding: 39px 0;
min-height: 75px;
box-sizing: border-box;
}

#footer nav ul li a{
padding: 39px 0 25px;
}

#footer .copyrights{
background: #3D3330;
padding: 20px 0
}

#footer .copyrights p{
color: #fff;
}

.techno img {
width: 52px;
margin: 0 5px -14px;
}

/*---------------------------------------inner pages-------------------------------------------*/
.inner #content {
min-height: 400px;
padding: 40px 0;
max-width: 1200px;
margin: 0 auto
}

.inner #content h1{
padding-bottom: 20px; font-size:50px
}
.inner #content h2{
font-size:45px; color:#F3BA0B;
}
#content .row p {
  margin: 20px 0;
}
.inner #content .flex{
  flex-wrap: nowrap !important;
}
.inner #content p {
  font-size: 18px;
  line-height: 200%;
}
#content .about {
  display: flex;
  justify-content: space-between;
}
#content .about img {
  max-width: 500px;
  width: 100%;
}
.inner #content .paragraph {
  padding: 0 6% 0 0;
}


/*inner gallery*/
.img-responsive{
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}

#content .gallery-container {
text-align: center;
}

#content .gallery {
list-style-type: none;
margin: 0;
padding: 0;
}

#content .gallery li {
display: inline-block;
}

#content .thumbnail {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
display: block;
line-height: .42857;
margin-bottom: 20px;
padding: 4px;
transition: border 0.5s ease-in-out 0s;
}

#content .thumbnail:hover {
transform: scale(1.02);
}

#content .page_navigation {
display: inline-block;
}

#content .page_link,
#content .previous_link,
#content .next_link,
#content  .first_link,
#content  .last_link, 
#content .ellipse {
background-color: #fff;
border: 1px solid #ddd;
color:  #0275d8;
display: inline-block;
line-height: 1.25;
margin-left: -1px;
padding: 0.5rem 0.75rem;
position: relative;
}

#content .page_navigation > a:hover , 
.page_navigation > a.active_page {
background-color: #eceeef;
border-color: #ddd;
color: #014c8c;
text-decoration: none;
}

.inner #content .gallery-container{
margin-bottom: 20px
}




/*privacy policy*/
.inPrivacyBox {
max-width: 850px;
margin: 0 auto;
}

.inPrivacyBox p {
text-align: justify!important;
}

/* ------------------new codes----------------------------- */
/*---------------- header-------------------- */
#hd-right{
    width: 576px;
}
#header .wrapper{
  background:url('../images/content/images/Banner/banner1.jpg')no-repeat center bottom;
    background-size: inherit;
    display: block;
}
/* #header .container{
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  background: url('../images/content/images/Banner/banner2.png') no-repeat top;
  background-size: cover;
} */
#header nav{
  display: flex;
  justify-content: left;
  width: 70%;
  background: black;
}
#header a{
  color: whitesmoke;
  font-family: 'Ubuntu';
  font-weight: 400;
  font-size: 17px;
}
#header nav ul li a:hover{
  color: #F8BB1B;
}

#header nav ul li.active-menu a, #header nav ul li a:hover {
  color: #F8BB1B;
}
#header .welcome{
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  justify-content: left;
}
.navbar{
  /*max-width: 1054px;*/
  max-width: 1200px;
}
nav ul li{
  margin-left: 43px;
  padding: 10px;
}
nav a{
  text-transform: uppercase;
}
.links a{
  color: whitesmoke;
  margin: 0 auto;  text-transform: uppercase;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 700;
}
.logo1{
  margin-left: 55px;
  margin-bottom: 35px
}
.content{
  margin-top: 40px;
  margin-bottom: 10px;
  width: 220px;
  margin-left: 76%;
  padding: 4px 0px;
  border-radius: 11px;
}
.cinfo{
  display: flex;
  justify-content: center;
  margin: 0px 10px;
  border-color: red;
  border-style: solid ;
  border-radius: 8px;
  width: 203px;
  margin: 0 8px;
}
p{
  color: black;
}
.call{
  padding: 7px 7px;
}

.main{
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 764px;
  margin-left: 112px;
  padding-bottom: 300px;
}
#header p{
  text-transform: capitalize;
  font-family: 'Ubuntu';
  font-size: 14px;
  font-weight: 400;
}
.title{
  text-align: left;
  color: whitesmoke;
  font-family: 'Montserrat';
  font-size: 60px;
  font-weight: 400;
  padding: 22px 15px;
  line-height: 1;
}

.head{
  color: red;
  text-align: left;
  font-family: 'Montserrat';
  font-size: 100px;
  font-weight: 700;
  padding: 22px 15px;
  line-height: 1;
}
.es{
  color: red;
  text-align: left;
  font-family: 'Montserrat';
  font-size: 22px;
  font-weight: 400;
  padding: 22px 15px;
  margin-bottom: 92px;
  line-height: 1;
}
#header .estimate-btn{
  margin-bottom: 117px;
}

#header .estimate-btn .btn{
  text-transform: uppercase;
  border-radius: 30px;
  margin: unset;
  width: 250px;
  background-color: #F3BA0B;
}
#hd-right{
  display: flex;
  background-color:#F3BA0B ;
}
.right-soc{
  display: flex;
  align-items: center;
}
#hd-phone{
  display: flex;
  align-items: center;
  padding-right: 34px;
}
#hd-phone .phone{
  color: whitesmoke;
  font-family: 'Ubuntu';
  font-size: 14px;
  font-weight: 400;
}
#hd-phone a{
  font-weight: 700;
font-size: 21px;
}
.right-soc p{ 
  color: whitesmoke;
  margin-left: 20px;
}
#header .socials{
  margin-left: 13px;
  padding-top: unset;
}
#header .socials img{
  /*width: 11%;*/
  width: 60%;
}
#header .title{
  color: #F3BA0B;
  font-family: 'Ubuntu';
  font-size: 64px;
  line-height: 0.9;
  font-weight: 700;
}
#header .title1{
  color: #F3BA0B;
  font-family: 'Ubuntu';
  font-size: 60px;
  font-weight: 400;
  padding: 22px 15px;
  line-height: 0.5;
}
#header .es{
  color: black;
  margin-bottom: 15px;
  font-family: 'Ubuntu';
  font-size: 22px;
  font-weight: 500;
  list-style-position: inside;
}












/* --------------------content------------------------------ */
#first-page{
  background: url('../images/content/images/Banner/banner2.jpg')no-repeat top center;
  background-size: cover;
}
#first-page .container{
  display: flex;
  justify-content: right;
}
.transpo{
  border-style: solid;
  border-width: 20px;
  border-color:rgba(243, 186, 11, 0.5);
  color: red;
  width: 50%;
  margin: 100px;
  padding: 68px 91px;
  position: relative;
  margin-top: 244px;
}
#first-page .estimate-btn .btn{
  margin: unset;
  text-transform: uppercase;
  color: whitesmoke;
  background-color:#F3BA0B;
  border-radius: 30px;
  font-family: 'Ubuntu';
  font-size: 17px;
  font-weight: 400;
  
} 
#first-page .title,
#first-page .head{
  color: #F3BA0B ;
  text-transform: capitalize;
  font-size: 71px;
  font-weight: 700;
  font-family: 'Ubuntu';
}
#first-page .es{
  color: whitesmoke;
  font-size: 20px;
  margin-bottom: 20px;  
  font-family: 'Ubuntu';
  font-weight: 400;
  line-height: 1.2;
}
.first {
  display: flex;
  column-gap: 30px;
  margin: -131px 0 -120px 150px;
}


#second-page{
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
#second-page .second-top{
  max-width: 100%;
}
.second-top .row-top{
  display: flex;
  max-width: 1768px;
  margin: 0 auto;
  text-align: center;
  padding-top: 125px;
  padding-bottom: 85px;
}
#second-page .title{
  text-transform: capitalize;
  background-image: linear-gradient(270deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  font-size: 59px;
  padding-right: 70px;
  padding-left: 56px;
  font-family: 'Ubuntu';
  font-weight: 700;
}
#second-page .es{
  color: black;
  align-self: center;
  margin-bottom: unset;
  padding-left: 80px;
  font-family: 'Ubuntu';
  font-size: 20px;
  font-weight: 500;
  list-style-position: inside;
}
hr{
  padding: 10px;
  background-color:#FFCC00 ;
}
#second-page .gal-sec{
  max-width: 1690px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  margin-bottom: 152px;
}
#second-page .gal-sec .es{
  text-align: center;
  font-size: 27px;
  text-transform: capitalize;
  padding-left: unset;
  font-family: 'Ubuntu';
  font-weight: 500;
}
#second-page .col{
  padding: 10px;
}
.gal-sec .left{
  margin-top: 15%;
  padding-right: 20px;
  font-weight: 900;
  font-size: 50px;
  cursor: pointer;
}
.gal-sec .right{
  margin-top: 15%;
  padding-left: 20px;
  font-weight: 900;
  font-size: 50px;
  cursor: pointer;
}
.gal-sec a:hover{
  color: #FFCC00;
}




#third-page .container {
    display: flex;
    justify-content: left;
}
#third-page  {
  background: url('../images/content/images/Banner/banner3.png')no-repeat top center;
  background-size: cover;
}
#third-page .transpo{
  margin-top: 80px;
  margin-bottom: 200px;
}
#third-page  .title, 
#third-page .head {
  padding-left: unset;
  color: #F3BA0B;
  text-transform: capitalize;
  font-size: 61px;
  font-family: 'Ubuntu';
  font-weight: 700;
}
#third-page  .es {
  color: whitesmoke;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: 'Ubuntu';
  font-weight: 500;
  line-height: 1.8;
  padding-left: unset;
}
#third-page .estimate-btn .btn {
  margin: unset;
  text-transform: uppercase;
  color: whitesmoke;
  background-color: #F3BA0B;
  border-radius: 30px;
}
.phonex{
  display: flex;
}
.phonex .call{
  color: whitesmoke;
  text-transform: capitalize;
  font-size: 20px;
  align-self: center;
  font-family: 'Ubuntu';
  font-weight: 500;
}
.phonex .phone{
  color: #F7BE12;
  font-size: 36px;
  align-self: center;
  font-family: 'Ubuntu';
  font-weight: 700;
}

#fifth-page .gal-sec .left{
color: whitesmoke;
}
#fifth-page .gal-sec .right{
color: whitesmoke;
}

#fourth-page .top {
  width: 100%;
}
#fourth-page .top img {
  max-width: 283px;
  position: absolute;
  left: 41%;
  top: 10%;
}
#fourth-page .bot {
    display: flex;
}
#fourth-page .container {
  position: relative;
}
#fourth-page .left img {
  max-width: 446px;
  margin-left: 228px;
  padding-top: 72px;
  padding-bottom: 92px;
}
#fourth-page .title {
  margin-left: 44px;
  padding-top: 257px;
  color: #FFCC00;
  align-self: center;
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 59px;
}
#fourth-page .head {
  max-width: 450px;
  margin-left: 99px;
}
#fourth-page .es {
  margin-left: 32px;
  position: relative;
  margin-bottom: unset;
  color: #666666;
  font-family: 'Ubuntu-Italic';
  font-weight: 700;
  font-size: 22px;
  font-style: italic;
   margin-right: 23%;
  min-height: 210px;
}
#fourth-page .es1 {
  margin-left: 99px;
  position: relative;
  margin-bottom: 75px;
  color: #FFCC00;
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 24px;
  text-transform: capitalize;
  
}
#fourth-page .container .cont {
  max-width: 100%;
  left: 0;
  position: absolute;
  top: -11%;
  width: 25%;
  height: 111%;
}
#fourth-page .bot .left{
  z-index: 9;
}
.dotted{
  text-align: left;
  width: 85%;
  margin: 0 auto;
}
.dot {
  cursor: pointer;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin: 0 20px;
  margin-bottom: 3em;
  background-color: lightgrey;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #FFCC00;
}
/* .dot:nth-child(1){
  background-color: lightgrey;
} */



#fifth-page .wrapper{
  background: url('../images/content/images/Banner/banner8.png')no-repeat top center;
  background-size: cover;
}

#fifth-page .gal-sec{
  justify-content: center;
  padding-top: 190px;
  padding-bottom: 178px;
  margin: 0 auto;
  text-align: center;
  display: flex;
} 
#fifth-page .title{
  align-self: center;
  /* padding-top: 300px; */
  color: #FFCC00;
  font-family: 'Ubuntu';
  font-size: 62px;
  font-weight: 700;
  transform: rotate(270deg);
}
#fifth-page .right{
  position: absolute;
  top: 72%;
  padding-left: unset;
  margin-top: unset;
}
#fifth-top{
  position: relative;
}


/* #six-page{
  background: url('../images/content/images/Banner/map.png') no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 492px;
} */





/* -----------------image hover------------------- */


.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background:rgb(255,204,0, 0.4);
  position: absolute;
  height: 86%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  height: 86%;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

#fifth-page .content .content-overlay{
  height: 98%;
}
#fifth-page .content-image1{
  /* height: 513px; */
          height: 540px;
            width: 100%;
}
#fifth-page .gal-sec .left:hover {
  color: #FFCC00;
}
#fifth-page .gal-sec .right:hover {
  color: #FFCC00;
}




/* -------------footer-------------------- */
#footer{
  background: url('../images/content/images/Banner/banner7.png') no-repeat top center;
  background-size: cover;
}
#footer nav {
  padding: 20px;
  display: flex;
  justify-content: left;
  width: 100%;
  position: relative;
    z-index: 999;
}
#footer .welcome {
  display: flex;
  max-width: 1518px;
  margin: 0 auto;
  justify-content: space-between;
  padding-top: 83px;
}
#footer nav ul li.active-menu a, #header nav ul li a:hover {
  color: whitesmoke;
}
footer .navbar {
  max-width: 1054px;
}
#footer .title{
  text-align: unset;
  font-family: 'Ubuntu';
  font-weight: 500;
  font-size: 24px;
  padding-top: 638px;
  width: 1389px;
  margin: 0 auto;
}
#footer .mid-row{
  display: flex;
  width: 1389px;
  margin: 0 auto;
  margin-top: 40px;
}
#footer .mid-col{
  display: flex;
 width: 300px;
 margin-left: 150px;
 flex-wrap: wrap;
}
.mid-col-inner {
  display: flex;
}
.mid-col .cp{
  height: 43%;
}
.mid-col-inner .cp {
  height: 100% !important;
}
.sacontent{
  padding-left: 20px;
}
.sacontent .ph{
  font-size: 17px;
  color: whitesmoke;
  font-family: 'Ubuntu';
  font-weight: 500;
}
.sacontent .num{
  font-size: 24px;
  color: whitesmoke;
  font-family: 'Ubuntu';
  font-weight: 700;
}
.sacontent .num2{
  font-size: 24px;
  color: whitesmoke;
  font-family: 'Ubuntu';
  font-weight: 700;
}
.sacontent .num1{
  font-size: 20px;
  color: whitesmoke;
  width: 200%;
  font-family: 'Ubuntu';
  font-weight: 700;
}
.socials a{
  padding: unset;
}
.socials img{
  /*width: 17%;*/
  width: 100%;
}
.socials{
  margin-left: 100px;
  padding-top: 60px;
}
.mid-col-bot{
  display: flex;
  width: 300px;
}
.mid-col-bot .cp{
  height: 90%;
}
#footer .navbar li{
  margin: unset;
  margin-left: 43px;
  padding: unset;
}
#footer .navbar a{
  color: whitesmoke;
  text-transform: capitalize;
  font-size: 19px;
  font-family: 'Ubuntu';
  font-weight: 500;
  
}
.copyright{
  margin-left: 144px;
}
.copyright p{
  color: whitesmoke; 
  font-size: 15px;
  font-family: 'Ubuntu';
  font-weight: 500;
}

/* -------------------------contact info-------------------------- */
#contact {
  position: absolute;
  background-color: whitesmoke;
  top: 81%;
  left: 12%;
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 65px;
  width: 1431px;
}
.row {
  max-width: 1620px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
#contact .title {
  padding-top: 59px;
  padding-bottom: 0px;
  margin: auto;
  text-align: center;
  color: black;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
#contact .head {
  text-align: center;
  max-width: 100%;
  height: auto;
  line-height: 1.5;
  padding-top: 10px;
  color: #FFCC00;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 49px;
  text-transform: uppercase;
}
#contact .es {
  text-align: center;
  max-width: 100%;
  height: auto;
  line-height: 2;
  padding-top: 10px;
  color: black;
  font-family: 'Myriad';
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0px;
  padding: 0px;
  text-transform: capitalize;
  
}
#contact .es1 {
  text-align: center;
  max-width: 100%;
  height: auto;
  line-height: 2;
  padding-top: 10px;
  color: black;
  font-size: 15px;
  margin-bottom: 30px;
  padding: 0px;
  text-transform: capitalize;
}
#contact .ctc-form label {
  width: 32%;
}
.captcha{
  display: flex;
  justify-content: space-between;
}
.check {
  text-align: initial;
}
#contact .btn{
  background-color: #FFCC00;
}

/*------------inner section
 */
 .inner #content h1{
  color: #F3BA0B;
 }
.inner #content .ctc-form button{
  background-color: #F3BA0B;
  padding: 20px;
  color: black;
}
.inner #content .ctc-form button:hover{
  background-color: gray;
  color: whitesmoke;
}


img.c-logo {
  width: 280px;
  height: 150px;
  margin: 0 0 51px 0 !important;
}


/* ------------------------------------------------ */
.mySlides {
  display: none;
}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.active {
  background-color: #FFCC00;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {
    font-size: 11px
  }
}




/* ---------------------------------------------------------------------------------- */
/*RESPONSIVE*/
@media (max-width:1910px) {
  #fifth-page .second{
    width: 100%;
  }
  #contact{
    width: 1130px;
    left: 17%;
  }
  .second{
    width: 70%;
    height: 60%;
   }
}
@media (max-width: 1700px){
#header .title{
text-shadow: 2px 2px black;
}
#header .title1{
text-shadow: 2px 2px black;
}
.first {
  margin: -131px 0 -120px 20px !important;
  }
}


@media screen and (max-width: 1440px){
#header .wrapper{
    background-size: contain;
}

  #header .welcome{
    flex-direction: column;
  }
 #header nav{
  width: 100%;
 }
 .second{
  width: 70%;
  height: 60%;
 }
 #contact{
  top: 81%;
  left: 16%;
  width: 1000px;
 }
 #fourth-page .top img {
  left: 50%;
 }
 #footer .title{
  text-align: center;
 }
 #footer .mid-row {
  width: 1270px;
 }
 #hd-right {
    width: auto;
}
}


/*1200*/
@media screen and (max-width: 1439px){
  #header .welcome{
    flex-direction: column;
  }
 #header nav{
  width: 100%;
 }
 .second{
  width: 90%;
  height: 80%;
 }
 #contact{
  top: 81%;
  left: 9%;
  width: 1000px;
 }
 #fourth-page .top img {
  left: 50%;
 }
 #footer .title{
  text-align: center;
  width: 100%;
  
 }
 #footer .mid-row {
  width: 100%;
  padding: 0 30px;
 }
 .socials{
  margin-left: unset;
 }
 .sacontent .num {
  font-size: 13px;
}
 .sacontent .num1{
  font-size: 13px;
}
#footer .mid-col{
  margin-left: 90px;
}
}

@media screen and (max-width: 1200px){
body {
  min-width: 320px
}
.mid-col-inner .num2 {
  font-size: 10px;
}
.sacontent .ph {
  font-size: 23px !important;
  text-align: left !important;
}
.sacontent .num {
  font-size: 20px;
}
.sacontent .num1 {
  font-size: 20px;
  text-align: left;
}
.sacontent .num2 {
  font-size: 20px;
}
}

/*1024*/
@media screen and (max-width: 1199px){
  .inner #content .flex {
    flex-wrap: wrap !important;
  }

  #content .about img {
    MARGIN: 20PX AUTO;
  }
  #fourth-page .top img {
    width: 10%;
  }
#third-page .container{
  justify-content: center;
}

.first {
  justify-content: center;
}
  .first img{
    width: 200px;
  }
  #first-page .container{
    justify-content: center;
  }
  #first-page .transpo{
    width: 100%;
  }
  #third-page .transpo{
    padding: 36px 60px;
    width: 73%;
  }
  #fourth-page .left img{
    margin-left: 20px;
  }
  #fourth-page .title,
  #fourth-page .head,
  #fourth-page  .es,
  #fourth-page  .es1{
    margin-left: 0px;
  }
  #fourth-page .title {
    padding-top: 200px;
  }
  #fourth-page  .es1{
    margin-bottom: 10px;
  }
  #contact{
    width: 737px;
    top: 77%;
    left: 17%;;
    padding-left: 35px;
    padding-right: 35px;

  }
  #footer .mid-row{
    flex-direction: column;
    text-align: center;
  }
  #footer .mid-col{
    width: 80%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .sacontent{
    padding-right: 90px;
  }
  .socials {
    padding-top: unset;
  }
  .captcha{
    flex-direction: column;
  }
  #footer .mid-top img{
    padding-bottom: 30px;
  }
  #footer nav{
    flex-direction: column;
    text-align: center;
  }
  .copyright{
    margin-left: unset;
  }
  #footer .title {
    padding-top: 230px;
  }
}

/*960*/
@media screen and (max-width: 1023px){
/* .first{
  width: 115%;
  left: -8%;
  top: -33%;
} */
#first-page .container{
  justify-content: center;
}
#first-page .transpo{
  width: 100%;
}
#fourth-page .left img{
  margin-left: 20px;
}
#fourth-page .title,
#fourth-page .head,
#fourth-page  .es,
#fourth-page  .es1{
  margin-left: 0px;
}
#fourth-page  .es1{
  margin-bottom: 10px;
}
#contact{
  width: 100%;
  position: unset;
}
#footer .mid-row{
  flex-direction: column;
  text-align: center;
}
#footer .mid-col{
  width: 80%;
  /* justify-content: center; */
  justify-content: flex-start;
  margin-bottom: 20px;
}
.sacontent{
  padding-right: 90px;
}
.socials {
  padding-top: unset;
}
.second {
    width: 70%;
    height: 80%;
}
#fourth-page .bot .left{
  text-align: center;
}
#fourth-page .top img{
  top: 55%;
  left: 26%;
}
#fourth-page .container .cont {
  display: none;
}
.dotted {
  text-align: center;
}
}

/*768*/
@media screen and (max-width: 959px){
  #hd-right{
    display: none;
  }
  #header .row {
    width: 100%;
    padding: 0;
  }
  
  #header nav ul {
    width: 100%;
    display: none;
    height: auto;
    border-bottom: 5px solid #000;
    padding: 0 15px;
  }
  
  #header nav ul li {
    width: 100%;
    position: relative;
  }
  
  #header nav ul li a {
    padding: 10px 0;
    text-align: left;
    width: 100%;
  }
  
  #header nav a strong {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    /* color: #F8BB1B; */
    color: #FFF;
    width: 100%;
  }
  
  #header nav a#pull {
    display: block;
    color: #FF0000;;
    height: 60px;
    padding: 10px 0;
    width: 100%;
    position: relative;
    z-index: 9;
    position: fixed;
    /* background: #76520e; */
    background: #F3BA0B;
    top: 0;
    left: 0;
  }
  
  #header nav a#pull:after {
    content:"";
    background: url('../images/nav-icon.png') no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .cta{
    background: #F3BA0B  url("../images/common/phonecall.png") no-repeat center center;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top: 2px solid #F3BA0B ;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    bottom: 10%;
    display: block;
    height: 60px;
    position: fixed;
    right: 50px;
    text-decoration: none;
    text-indent: -9999em;
    width: 60px;
    z-index: 999;
  }
   .links .content{
    display: none;
   }
  .main{
    padding-top: 0 !important;
  }
  /* .logo1{
    margin-bottom:unset;
  } */
   #header nav{
    padding: 0px;
    position: fixed;
    top:  0;
    left: 0; 
    z-index: 99999;
   }
   #header nav ul{
    background-color: #76520e;
    padding-top: 70px;
   }
   nav ul li{
    margin-bottom: 0px;
   }
   .serv {
    top: 430px;
    left: 159px;
  }
  .pagination a:nth-child(1) {
    margin-left: 48px;
    margin-right: 56px;
  }
  .pagination a:nth-child(2) {
    margin-left: -20px;
  }
  .pagination a:nth-child(6) {
    margin-right: 54px;
  }
  /* .first{
    width: 100%;
    left: 0;
  } */
  #second-page .gal-sec{
    flex-direction: column;
  }
  .gal-sec .left {
    display: none;
  }
  .gal-sec .right {
    display: none;
  }
  #third-page .transpo{
    width: 100%;
    margin: unset;
  }
  #fourth-page .bot {
    flex-direction: column;
  }
  #fourth-page .top img{
    z-index: 99;
  }
  #fourth-page .left img {
    padding-bottom: unset;
  }
  #fourth-page .title {
    padding-top: 30px;
  }
  #fourth-page .right {
    text-align: center;
  }
  #fourth-page .title, 
  #fourth-page .head, 
  #fourth-page .es, 
  #fourth-page .es1 {
    margin-left: 44px;
}
#fourth-page .es{
margin-right:unset;
}
#fourth-page .title{
  text-shadow: 2px 2px black;
  margin-left: 215px;
}
#fifth-page .gal-sec{
  margin-left: unset;
  flex-direction: column;
}
#contact{
  width: 100%;
  position: unset;
}
#contact .flex{
  flex-direction: column;
}
#contact .ctc-form label{
  width: 100%;
}
.captcha{
  flex-direction: column;
}
#footer .mid-col{
  flex-wrap: nowrap;
}
#first-page .transpo{
  margin-top: 116px;
}
#fifth-page .title {
  transform: unset;
  padding-top: unset;
}
#header .title{
  font-size: 50px;
}
.first img {
  width: 140px !important;
}
.first {
  margin: -60px 0 -80px !important;
}
.main {
  margin: auto;
  padding-bottom: 200px;
}
.logo img {
  display: flex !important;
  margin: 70px auto 0 !important;
}
}

@media screen and (max-width: 768px) {
  .price-num {
      padding-bottom: 20px;
    }
        .sacontent {
          padding-right: 0;
        }
                .mid-col-bot .cp {
                  height: 60%;
                }
}
/*425*/
@media screen and (max-width: 767px){
  #footer .title {
    padding-top: 90px;
}
#footer .welcome{
  padding-top: unset;
}
  #second-page .gal-sec {
    margin-bottom: 60px;
  }

  #header .title{
    font-size: 40px;
  }
  #header .title1{
    font-size: 40px;
    text-align: center !important;
  }
  #header .es {
    text-align: center;
    padding: 10px 0 5px !important;
}
  .main{
    margin-left: unset;
  }
  #first-page .transpo {
    width: 90%;
  }
  #first-page .head{
    font-size: 10px;
  }
  .second-top .row-top {
    flex-direction: column;
  }
  hr{
    width: 100%;
  }
  #third-page .transpo {
    width: 90%;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 2px 12px;
  }
  #third-page .head{   
    font-size: 20px;
  }
  #first-page .transpo {
    width: 90%;
  }
  #first-page .head{
    font-size: 20px;
  }
  #fourth-page .left img {
    width: 70%;}
  #fourth-page .title {
    font-size: 30px;
    margin-left: unset;
    text-align: center;
  }
  #contact{
    width: 100%;
    position: unset;
  }
  #footer .mid-col {
    width: 42%;
  }
  #footer .mid-col{
    flex-wrap: wrap;
    justify-content: unset;
    margin-left: 50px;
  }
  footer nav {
    flex-direction: column;
  }
  .copyright {
    text-align: center;
    margin-left: unset;
}
footer .navbar {
  display: flex;
  flex-direction: column;
}
#footer nav ul li {
  min-height: unset;
}
#footer .navbar li {
  text-align: center;
  margin-left: unset;
}
#footer .navbar a {
padding: 0px;
}
#header .title {
  font-size: 34px;
  text-align: center;
  text-shadow: 2px 2px black;
}

#first-page .title{
  font-size: 40px;

}
#first-page .transpo{
  padding: 36px 20px;
  margin: 29px
}
.second-top .row-top{
  padding-top: 15px;
}
#third-page .title{
  font-size: 40px;
}
#fourth-page .top img {
     top: 56%;
    left: 3%;
}
#fourth-page .es {
  font-size: 16px;
  margin-left: unset;
}
#fourth-page .es1 {
  font-size: 16px;
  margin-left: unset;
}
#fifth-page .second { 
  width: 87%;
}
#fifth-page .gal-sec {
  margin: 0 auto;
  justify-content: center;
  margin-left: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#contact .head{
  font-size: 28px;
}
#contact .es {
  font-size: 12px;
}
#contact .es1 {
  font-size: 12px;
}
#footer .title {
  font-size: 20px;
  line-height: 2;
}
#footer .mid-col{
  width: 90%;
}
.mid-col-bot {
  padding-top: 20px;
}
.socials {
  padding-top: 20px;
}
.mid-col-bot .cp {
  width: 23%;
}
.sacontent .num1 {
  /* width: 161%; */
  width: 110%;
}
.first {
  column-gap: 25px;
  flex-wrap: wrap;
  margin: 0 0 -5px 0 !important;
}
.first img {
  width: 130px;
  margin-top: 15px !important;
}

}

@media (max-width:500px){
  .main{
    margin-left: unset;
  }
  #first-page .transpo {
    width: 90%;
  }
  #first-page .head{
    font-size: 10px;
  }
  .second-top .row-top {
    flex-direction: column;
  }
  hr{
    width: 100%;
  }
  #third-page .transpo {
    width: 90%;
  }
  #third-page .head{
    font-size: 18px;
  }
  #first-page .transpo {
    width: 90%;
  }
  #first-page .head{
    font-size: 10px;
  }
  #fourth-page .title {
    font-size: 30px;
  }
  #contact {
    width: 100% !important;
  }
  #footer .mid-col {
    width: 42%;
  }
  #footer .mid-col{
    flex-wrap: wrap;
    justify-content: unset;
    margin-left: 160px;
  }
  footer nav {
    flex-direction: column;
  }
  .copyright {
    text-align: center;
    margin-left: unset;
}
footer .navbar {
  display: flex;
  flex-direction: column;
}
#footer nav ul li {
  min-height: unset;
}
#footer .navbar li {
  text-align: center;
  margin-left: unset;
}
#footer .navbar a {
padding: 0px;
}
#footer .mid-col{
  margin-left: 56px;
    width: 90%;
}
#header .estimate-btn .btn {
  width: 200px;
  margin: 0 auto;
}
#second-page .title{
  font-size: 30px;
}
.phonex .call{
  font-size: 15px;
}
.phonex .phone{
  font-size: 20px;
}
#header .estimate-btn {
  margin-bottom: 60px;
}
#first-page, .first {
  background-image: none;
  background-color: #222;
}
#third-page{
  background-image: none;
  background-color: #222;
}
#second-page .es {
  color: #525252;
  text-align: justify !important;
  margin-bottom: unset;
  padding: 0 30px !important;
}
.inner #content h1 {
  /* padding-bottom: 20px; */
  font-size: 40px;
}
}

/*375*/
@media screen and (max-width: 424px){
  #header .title{
    font-size: 20px;
  }
  #header .title1{
    font-size: 20px;
	text-shadow: 1px 2px black;
  }
  #fourth-page .left img{
    width: 85%;
  }
  #contact{
    width: 100%;
    position: unset;
  }
  #contact .head { 
    font-size: 15px;
  }

  .sacontent {
    padding-right: 43px;
}
#footer .mid-col{
  margin: unset;
}
.sacontent .num1 {
  width: 130%;
}
#fourth-page .head{
margin-left:unset;
}
#first-page .head {
    font-size: 25px;
}
#first-page .es{
    font-size: 18px;
}
#second-page .es {
padding-left: 15px;
}
#third-page .title {
    font-size: 32px;
}
#third-page .head{
    font-size: 25px
}
#third-page .es{
    font-size: 18px;
}
#fifth-page .title{
  font-size:40px ;
}
}

/*320*/
@media screen and (max-width: 374px){
  #first-page .transpo {
    width: 100%;
}
#fourth-page .top img {
  left: 3%;
    top: 54%
}
#contact{
  width: 100%;
  position: unset;
}
#footer .mid-top img{
  width: 100%;
}
#fourth-page .es{
  margin-left: unset;
}
#fourth-page .es1{
  margin-left: unset;
}
#fourth-page .head{
  margin-left: unset;
}
.sacontent{
  padding-right: unset;
  padding-left: unset;
}
.sacontent .num1 {
  width: 100%;
}
#contact {
  padding-left: 13px;
  padding-right: 0px;
}
#fourth-page .title {
  margin-left: unset;
}
}

/*Cat Page*/
/* -------------------------contact info-------------------------- */
/*.cat-page #contact {position: absolute;background-color: whitesmoke;top: 81%;left: 12%;padding-left: 90px;padding-right: 90px;padding-bottom: 65px;width: 1431px;}
.cat-page #contact .title {padding-top: 59px;padding-bottom: 0px;margin: auto;text-align: center;color: black;font-family: 'Poppins';font-weight: 700;font-size: 16px;text-transform: uppercase;}
.cat-page #contact .head {text-align: center;max-width: 100%;height: auto;line-height: 1.5;padding-top: 10px;color: #FFCC00;font-family: 'Poppins';font-weight: 700;font-size: 49px;text-transform: uppercase;}
.cat-page #contact .es {text-align: center;max-width: 100%;height: auto;line-height: 2;padding-top: 10px;color: black;font-family: 'Myriad';font-weight: 400;font-size: 15px;margin-bottom: 0px;padding: 0px;text-transform: capitalize;}
.cat-page #contact .es1 {text-align: center;max-width: 100%;height: auto;line-height: 2;padding-top: 10px;color: black;font-size: 15px;margin-bottom: 30px;padding: 0px;text-transform: capitalize;}
.cat-page #contact .ctc-form label {width: 32%;}
.cat-page #contact .btn{background-color: #FFCC00;}

.cat-page #footer{background: url('../images/common/cat/ft-bg.png')no-repeat top;-webkit-background-size: cover;background-size: cover;}
.cat-page #footer h3{width: 32%;}
.cat-page #footer .email{background: url('../images/common/cat/phone.png')no-repeat top center;background-size: 81px 92px}
.cat-page #footer .phone{background: url('../images/common/cat/phone.png')no-repeat top center;background-size: 81px 92px}
.cat-page #footer .location{background: url('../images/common/cat/address.png')no-repeat top center;background-size: 81px 92px}
.cat-page #footer nav ul li {display: inline-block;vertical-align: middle;text-align: left;padding: 39px 0;min-height: 75px;box-sizing: border-box;}
.cat-page #footer nav ul li a{padding: 39px 0 25px;}
.cat-page #footer .copyrights{background: #3D3330;padding: 20px 0}
.cat-page #footer .copyrights p{color: #fff;}*/

.cat-page{font-family: 'Ubuntu';}
.cat-page h1,
.cat-page h2{font-size: 71px;}
.cat-page h3{font-size: 49px;}
.cat-page h4{font-size: 36px;}
.cat-page h1,
.cat-page h2,
.cat-page h3,
.cat-page h4,
.cat-page h5,
.cat-page h6{color: #F8B8BD; font-weight: 700;}
.cat-page .btn{background: #F8B8BD; font-weight: 700; font-size: 16px; font-family: 'Ubuntu';}
.cat-page #cat-footer{background: url('../images/common/cat/ft-bg.png') no-repeat;background-size: cover; padding: 120px 0 35px;}
.cat-page #cat-footer .row{max-width: 1450px;}
.cat-page #cat-footer .cat-content{display: flex; align-items: center; justify-content: space-between; column-gap: 20px; row-gap: 20px;}
.cat-page #cat-footer .form{background: #FFF; padding: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(0 0 0 /20%); margin: -240px 0 100px; text-align: center; min-height: 650px;}
.cat-page #cat-footer .form small{font-weight: 700; font-size: 16px; letter-spacing: 0.3em;}
.cat-page #cat-footer .form p{line-height: 180%; letter-spacing: 0.03em; font-size: 15px; margin-bottom: 20px;}
.cat-page #cat-footer .form .ctc-form .g-recaptcha div{margin: 0 0 0 auto;}
.cat-page #cat-footer .form .consent{text-align: left; font-size: 14px;}
.cat-page #cat-footer .form .in{width: 1245px; max-width: 100%;}
.cat-page #cat-footer .form .cat-flex{display: flex; align-items: center; justify-content: center; column-gap: 10px; row-gap: 10px;}
.cat-page #cat-footer .form .cat-flex>div{width: 100%;}
.cat-page #cat-footer .form .cat-flex .cap{width: auto;}
.cat-page #cat-footer .form .ctc-form label{display: none;}
.cat-page #cat-footer .cat-socials{display: flex; justify-content: flex-end; column-gap: 10px; row-gap: 10px;}
.cat-page #cat-footer .info{margin-bottom: 30px; display: flex; min-height: 195px; flex-direction: column; justify-content: space-between;}
.cat-page #cat-footer .info .item{display: flex; align-items: center;  justify-content: flex-start; column-gap: 30px; row-gap: 20px; color: #000;}
.cat-page #cat-footer .info .item:first-of-type{margin-bottom: 50px;}
.cat-page #cat-footer .info .item.email{margin-bottom: 75px;}
.cat-page #cat-footer .info .item .ph{font-weight: 500; font-size: 17px;}
.cat-page #cat-footer .info .item .num{font-weight: 700; font-size: 20px;}
.cat-page #cat-footer .info .item.phone .num{font-size: 24px;}
.cat-page #cat-footer .details .cat-content{align-items: flex-end; margin-bottom: 55px;}
.cat-page #cat-footer nav{width: 100%;}
.cat-page #cat-footer nav ul{display: flex; width: 630px; max-width: 100%; align-items: center; font-weight: 500; font-size: 19px; letter-spacing: 0.075em; max-width: 100%; justify-content: space-between; column-gap: 10px; row-gap: 10px;}
.cat-page #cat-footer nav ul li{padding: 0; margin: 0;}
.cat-page #cat-footer nav ul li a{color: #000;}
.cat-page #cat-footer .cat-copyright{letter-spacing: 0.075em; font-size: 15px; font-weight: 500;}
.cat-page #cat-footer .cat-title{font-size: 24px; font-weight: 500; line-height: 133%; margin-bottom: 10px;}

.cat-page #cat-header{background: url('../images/common/cat/hd-bg.png') no-repeat;background-size: cover; margin-top: 25px; min-height: 990px; position: relative; z-index: 9;}
.cat-page #cat-header .row{max-width: 1700px;}
.cat-page #cat-header .cat-logo img{margin-bottom: 50px;}
.cat-page #cat-header .txt{padding-left: 35px;}
.cat-page #cat-header .txt p{max-width: 635px; line-height: 168%; font-size: 22px; font-weight: 500; margin-bottom: 30px;}
.cat-page #cat-header h2{color: #F8B8BD; line-height: 108%; margin-bottom: 20px;}
.cat-page #cat-header h2 span{font-size: 53px; display: block; line-height: 108%;}
.cat-page #cat-header .btn{width: 240px; min-height: 68px; border-radius: 68px; display: flex; align-items: center; justify-content: center; margin: 0;}

/* .cat-page #cat-welcome{background: url('../images/common/cat/wc-bg.jpg') no-repeat;background-size: cover; padding: 125px 0 145px;} */
.cat-page #cat-welcome {
  background: url(../images/common/cat/wc-bg.jpg) no-repeat;
  background-size: cover;
  padding: 125px 0 145px;
  z-index: 1;
  position: relative;
  margin-top: -100px;
}
.cat-page #cat-welcome .row{max-width: 1740px;}
.cat-page #cat-welcome .cat-content{border: 14px solid #F8B8BD; width: 1013px; max-width: 100%; min-height: 723px; margin: 0 0 0 auto; display: flex; align-items: center; justify-content: center; text-align: center;}
.cat-page #cat-welcome .in{width: 920px; max-width: 100%;}
.cat-page #cat-welcome h2{margin-bottom: 10px;}
.cat-page #cat-welcome span{margin-bottom: 20px; display: block; font-size: 32px;}
.cat-page #cat-welcome p{margin-bottom: 20px; font-size: 18px; line-height: 194%; letter-spacing: 0.027em;}
.cat-page #cat-welcome .btn{width: 240px; min-height: 68px; border-radius: 68px; display: flex; align-items: center; justify-content: center;}

.cat-page #cat-services{background: url('../images/common/cat/s-bg.png') no-repeat center right;background-size: cover; padding: 135px 0 290px;}
.cat-page #cat-services h5{margin-bottom: 30px; font-size: 20px;}
.cat-page #cat-services .cat-content{display: flex; align-items: center; justify-content: center; text-align: center; column-gap: 35px; row-gap: 20px; margin-bottom: 30px;}
.cat-page #cat-services .cat-content .item{border-radius: 15px; box-shadow: 0 0 5px rgba(0 0 0 / 25%); min-height: 372px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 385px; background: #FFF; padding: 10px;}
.cat-page #cat-services .cat-content .item img{min-height: 121px; object-fit: scale-down; margin-bottom: 20px;}
.cat-page #cat-services .cat-content .item h4{margin-bottom: 0px; min-height: 83px;}
.cat-page #cat-services .cat-content .item p{line-height: 194%; font-weight: 500; font-size: 18px; letter-spacing: 0.027em;}
.cat-page #cat-services .cat-content .item .in{max-width: 290px;}
.cat-page #cat-services .btn{width: 260px; min-height: 68px; border-radius: 68px; display: flex; align-items: center; justify-content: center;}

#cat-mobile{display: none; overflow-x: hidden;}
#cat-mobile-welcome{display: none;}
#cat-mobile img{display: block; max-width: 100%;}
#cat-mobile-welcome img{max-width: 250%; display: block;}

@media screen and (max-width: 1024px){
  .cat-page #cat-footer .details .cat-content{
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  .cat-page #cat-footer .cat-content{
    flex-direction: column;
  }
  .cat-page #cat-footer .form .cat-flex, .cat-page #cat-services .cat-content, .cat-page #cat-footer nav ul{flex-wrap: wrap;}
  .cat-page #cat-services h2{margin-bottom: 20px; text-align: center;}
  .cat-page h1, .cat-page h2{font-size: 40px;}
  .cat-page h3{font-size: 35px;}
  .cat-page h4{font-size: 30px;}
  .cat-page #cat-welcome span{font-size: 25px;}
  .cat-page #cat-services{padding: 40px 0;}
  .cat-page #cat-welcome{padding: 40px 0;}
  .cat-page #cat-header .cat-logo img{display: block; margin: 0 auto 20px;}
  .cat-page #cat-header h2{text-align: center;}
  .cat-page #cat-header h2 span{font-size: 30px;}
  .cat-page #cat-header .txt p{text-align: center; margin-bottom: 20px;}
  .cat-page #cat-header .btn{margin: 0 auto;}
  .cat-page .btn{max-width: 100%;}
  .cat-page #cat-header{min-height: auto; padding: 40px 0;}
  .cat-page #cat-welcome .cat-content{min-height: auto; padding: 20px;}
  .cat-page #cat-footer .form{margin: 0 0 20px;}
  .cat-page #cat-footer .cat-title{font-size: 20px; text-align: center;}
  .cat-page #cat-footer .info .item:first-of-type{margin-bottom:0;}
  .cat-page #cat-footer .info .item{flex-direction: column; text-align: center;}
  .cat-page #cat-footer .info{margin: 0;}
  .cat-page #cat-footer .cat-socials{margin: 20px 0; justify-content: center;}
  .cat-page #cat-footer{padding: 40px 0;}
  .cat-page #cat-header .txt{padding: 0;}
  .cat-logo img{max-width: 100%;}
  .cat-page #cat-footer nav ul{justify-content: center;}
  .cat-copyright{text-align: center;}
  .cat-page #cat-header, .cat-page #cat-welcome{background: none;}
  #cat-mobile{display: block;}
}
/* popup */
/* .pop-content {  display: none; max-width: 100%; height: 100%; position: fixed; z-index: 999;  top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;  background: rgb( 255 255 255 / 80% ); }  */

.pop-content {
  display: none;
  max-width: 1000px;
  height: auto;
  position: fixed;
  z-index: 9999;
  top: 40%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #FFF;
  padding: 20px 50px;
  border: 1px solid #f8b8bd;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.pop-content p {
  text-align: left !important;
  color: #000 !important;
}
.pop-content ul {
  text-align: left !important;
  color: #000 !important;
  margin-left: 30px;
}
.pop-content .close::before {
  content: 'Ⓧ';
  font-family: 'FontAwesome';
  font-size: 21px;
  color: #FFFFFF;
  position: absolute;
  top: -17px;
  right: -17px;
  background: #f8b8bd;
  padding: 5px;
  cursor: pointer;
  border-radius: 50px;
  width: 40px;
  height: 40px;
}
img.open {
  min-height: 50px !important;
  object-fit: scale-down;
  margin-bottom: 0px !important;
}

.open { display: block; }
.pop-content.close { position: relative; width: 100%; display: block; text-align: right; }

/* .pop-content .close::before { content: 'Ⓧ'; font-family: 'FontAwesome'; font-size: 30px; color: #FFFFFF; position: absolute; top: 0; right: 0; background: #f8b8bd; padding: 5px; cursor: pointer; }
.pop-content .content-img { max-width: 900px; width: 100%; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.pop-content .content-img img { box-shadow: 2px 2px 10px #000000;  width: 100%; } */

@media screen and (max-width: 1024px){
  .pop-content {
    max-width: 700px;
    top: 50%;
  }
}

@media screen and (max-width: 1024px){
  .pop-content {
    max-width: 700px;
    top: 50%;
  }
}
@media screen and (max-width: 1024px){
  .pop-content {
    max-width: 350px !important;
    top: 50% !important;
    overflow: auto !important;
    height: 50% !important;
    padding: 30px 15px !important;
  }
  .pop-content .close::before {
    content: 'Ⓧ';
    font-family: 'FontAwesome';
    font-size: 21px;
    color: #FFFFFF;
    position: absolute;
    top: 4px !important;
    right: 4px !important;
    background: #f8b8bd;
    padding: 5px;
    cursor: pointer;
    border-radius: 50px;
    width: 40px;
    height: 40px;
  }
}

/* New CSS */
.testimonial-card { border: 1px solid; border-radius: 20px; padding: 30px 30px 0 30px; }
.inner-price-a { color: #0078d2; }
.inner-FAQ-text { font-family: 'Josefin Sans', sans-serif; line-height: 1.5 !important; font-size: 18px; color: rgb(94, 94, 94); }