@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
--primary:#44a86c;
--secondary:#7e4f0c;
--grey:#262627;
--white:#fff;
--black:#000;
}

body{padding:0px; margin:0px; font-family:"Poppins", sans-serif; color:#000; 
font-size:14px; background:#f5f5f5;}
h1,h2,h3,h4,h5,h6{display:block;}
ul {list-style:none;}
a{text-decoration:none!important;}
.nav{
background:var(--white);
display: flex;
width:100%;
position:absolute;
top:0px;
height:60px;
z-index:1000;
padding:5px 0px 3px;
transition: all 0.3s;
scroll-behavior: smooth;}
.nav .logo{width:40%;}
.nav .logo img{width:100%; display:block;}
.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index:100;
transition: all 0.3s;
scroll-behavior: smooth;}

.NavMenu {
  flex: 10;
  list-style: none;
  position: relative;
  display: flex;
  justify-content:center;
}

.NavMenu li {
  display: inline-block;
}

.NavMenu li input {
  display: none;
}

.NavMenu li a {
display: block;
padding: 12px 25px;
font-size:18px;
text-decoration: none;
color:var(--black);
position: relative;
}

.NavMenu li a:hover{color:var(--secondary); font-size:18px; font-weight:600;}
.NavMenu li a.active{color:var(--secondary); font-size:18px; font-weight:600;}

/*.NavMenu li a:after{
position: absolute;
top: 16px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background: linear-gradient(275deg, rgba(255,255,255,1) 0%, rgba(254,206,99,1) 100%);
width: 0%;
border-radius:50px;
height:7px;
transition: all 0.5s;}
.NavMenu li a:hover::after{width:50%;}
.NavMenu li a.active::after{width:50%;}*/

.NavMenu li a label {
  cursor: pointer;
  appearance: none;
  display: block;
  position: relative;
  top:-2px;
}

.NavMenu li a label dd{display:inline-block; width:10px; height:10px;
position:relative; top:11px; left:5px;}
.NavMenu li a label dd img{width:100%; display:block;}

.NavMenu li ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-width: 200px;
  top: 80%;
  box-shadow: 0 3px 5px rgb(0 0 0/20%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
}

.NavMenu li ul li {
  position: relative;
  margin:0;
}

.NavMenu li ul li a {
  color:var(--black);
  font-size: 1vw;
  font-weight:400;
  padding: 6px 10px;
  display: block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.NavMenu li ul li a:hover{background:var(--secondary); 
color:#075aa3; font-weight:600;}
.NavMenu li ul li a:after{display:none;}

.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

@media(min-width:992px) {
  .NavMenu li ul li a:hover {
  }

  .NavMenu li:hover>ul,
  .NavMenu li ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media(max-width:991.98px) {
  header {
    padding: 6px 5%;
  }

  .logo {
    flex: 6;
  }

  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 30px;
    align-items: center;
    background-color: #fff;
    padding: 0 10px;
    cursor: pointer;
  }

  .NavMenu {
    width: 500px;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background-color: #2874f0;
    left: 0;
    top: 40px;
    height: 100vh;
    z-index: -1;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }

  .NavMenu li a {
    padding: 8px 15px;
    border-bottom: 1px solid #fff;
  }

  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }

  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }

  .NavMenu li a label::after {
    right: 10px;
  }

  .NavMenu li input:checked+ul,
  .NavMenu li ul li input:checked+ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  input:checked+.NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}

a.get-quote{background:var(--grey); width:fit-content; display:inline-block; border-radius:6px;
padding:8px 0; font-size:16px; color: var(--white); font-weight:600; width:120px; text-align:center;}
a.get-quote:hover{color:var(--white);}
a.bk-now{background:var(--primary); width:fit-content; display:inline-block; border-radius:6px;
padding:8px 0; font-size:16px; color: var(--white); font-weight:600; width:120px; text-align:center;}
a.bk-now:hover{color:var(--white);}

.home-banner{background:url(../images/home-banner-bg.webp) no-repeat 0 0; width:100%; height:92vh;
background-size:100% 100%!important; display:block; margin-top:52px;}
.home-banner-overlay{background:rgba(0, 0, 0, 0.6); width:100%; height:100%;
display:block; position:relative; top:0; z-index:10; padding-top:40px;}
.home-banner-overlay h1{font-size:48px; color:var(--white); font-weight:800; line-height:55px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.4), 0px 18px 23px rgba(0,0,0,0.4);
padding-right:12%;}
.home-banner-overlay h1 span{font-size:48px; color:var(--primary); font-weight:800; 
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.4), 
0px 18px 23px rgba(0,0,0,0.4);}
.home-banner-overlay h3{font-size:15px; color:var(--white); font-weight:600; width:fit-content;
background:rgba(217, 217, 217, 0.6); border-radius:50px; padding:8px 20px;}
.home-banner-overlay p{font-size:16px; color:var(--white); line-height:25px; padding-right:14%;}
a.home-bnr-btn-01{background:var(--primary); color:var(--white); border-radius:10px;
display:inline-block; padding:8px 0; font-size:15px; font-weight:600; width:172px;
text-align:center;}
a:hover.home-bnr-btn-01{background:var(--white); color:var(--black);}
a.home-bnr-btn-02{background:var(--white); color:var(--black); border-radius:10px;
display:inline-block; padding:8px 0; font-size:15px; font-weight:600; width:172px;
text-align:center;}
a:hover.home-bnr-btn-02{background:var(--primary); color:var(--white);}
.home-banner-box{background:rgba(68, 168, 108, 0.7); width:32%; height:86px; padding:15px;
border-radius:15px; display:inline-block; float: left;}
.home-banner-box h4{font-size:20px; color:var(--white); font-weight:800;}
.home-banner-box h6{font-size:15px; color:var(--white); font-weight:400;}

.quick-enquiry{background:#E4E4E4; width:100%; display:block; padding:25px; border-radius:14px;}
.quick-enquiry h5{font-size:20px; color:var(--black); font-weight:800;}
.quick-enquiry dd{font-size:15px; color:var(--black); font-weight:400;}
.quick-enquiry b{font-size:14px; color:var(--black); font-weight:400;}
.quick-enquiry b a{font-size:15px; color:var(--black); text-decoration:underline;}
.quick-enquiry b a:hover{color:var(--secondary);}
.form-field{width:100%; height:45px; border-radius:10px; padding:0 10px; font-size:15px;
color:var(--grey); font-weight:600;}
.form-field:focus{box-shadow:none!important;}
.form-field::placeholder{font-size:15px; color:var(--grey); font-weight:600;}

.form-txtarea{width:100%; height:100px; border-radius:10px; padding:15px; font-size:15px;
color:var(--grey); font-weight:600; overflow:auto;}
.form-txtarea:focus{box-shadow:none!important;}
.form-txtarea::placeholder{font-size:15px; color:var(--grey); font-weight:600;}
.snd-enqry-btn{background:var(--black)!important; width:100%; height:48px; 
border-radius:8px!important; text-align:center!important; font-size:18px!important; 
color:var(--white)!important; font-weight:400!important;}
.snd-enqry-btn:hover{background:var(--primary)!important; color:var(--white)!important;}


.tm-dlvry{background:#E3E0E0; width:100%; border-radius:15px; 
padding:20px 20px 10px 100px; position:relative; box-shadow: 0px 15px 10px -15px #838383;}
.tm-dlvry img{width:60px; height:60px; background:var(--white); border-radius:8px; padding:12px;
position:absolute; left:20px; top:20px; background-size:cover;}
.tm-dlvry strong{font-size:18px; color:var(--black);}
.tm-dlvry p{font-size:15px; color:var(--black);}

.service-proj{background:#E3E3E3; padding: 40px 0;}
.service-proj h2{font-size:35px; color:var(--black); font-weight:800;}
.service-proj p{font-size:16px; color:var(--black); font-weight:400;}
a.request-quote{background:var(--primary); width:180px; display:block; border-radius:5px;
font-size:16px; color:var(--white);  text-align: center; height: 45px; line-height:45px;}
a:hover.request-quote{background:var(--black); color:var(--white);}
.service-proj-box{background:var(--white); box-shadow: 0px 15px 10px -15px #838383; width:100%;
border-radius:10px; padding:20px 20px 0px;}
.service-proj-box h4{font-size:18px; color:var(--black); font-weight:800;}
.service-proj-box h5{font-size:15px; color:var(--black); font-weight:400;}
.service-proj-box h6{font-size:12px; color:var(--primary); font-weight:600;}
a.abut-proj{background:var(--black); width:220px; display:block; border-radius:5px;
font-size:16px; color:var(--white);  text-align: center; height: 45px; line-height:45px;}
a:hover.abut-proj{background:var(--primary); color:var(--white);}

.recnt-transimg-01{width:100%;}
.recnt-transimg-01 img{width:100%; height:440px; border-radius:20px; display:block; 
background-size:cover;}
.recnt-transimg-02{width:100%;}
.recnt-transimg-02 img{width:100%; height:210px; border-radius:20px; display:block; 
background-size:cover;}
.recnt-transimg-03{width:100%;}
.recnt-transimg-03 img{width:80%; height:210px; border-radius:20px 0 0 20px; display:block; 
background-size:cover;}

.consulation-box{background:var(--primary); height:110px; border-radius:10px; padding:20px 40px;}
.consulation-box h4{font-size:20px; color:var(--white); font-weight:800;}
.consulation-box h5{font-size:15px; color:var(--white);}

.recent-transfrm-bg{background:var(--primary); padding:60px 0;}
.recent-transfrm-bg h2{font-size:35px; color:var(--white); font-weight:800;}
.recent-transfrm-bg p{font-size:16px; color:var(--white); font-weight:400;}

.recent-transfrm-box{background:#007830; border-radius:10px; padding:5px 20px 8px; float:left;}
.recent-transfrm-box strong{font-size:45px; color:var(--white); font-weight:800; 
display:inline-block; float:left;}
.recent-transfrm-box b{font-size:16px; color:var(--white); font-weight:600; float:left; 
display:inline-block; padding-top: 20px;}
.recent-transfrm-box span{font-size:16px; color:var(--white); float:left;}

.newsletter-box{background:#007830; border-radius:10px; height:100px; padding:20px 20px 0;
width:100%;}
.newsletter-box h3{font-size:26px; color:var(--white); font-weight:800;}
.newsletter-box h6{ font-size:14px; color:var(--white); font-weight:600;}
.newsletter-box a{background:var(--white); width:200px; border-radius:8px; height:50px;
text-align:center; line-height:50px; font-size:18px; color:var(--black); font-weight:600;}
.newsletter-box a:hover{color:var(--white); background:var(--black); display:block;}

.faq{}
.faq h2{font-size:35px; color:var(--black); font-weight:800; text-transform:uppercase;
letter-spacing:2px;}
.faq p{font-size:16px; color:var(--black); font-weight:400;}
.faq-box{background:#F0F0F0; width:100%; border-radius:10px; padding:26px 26px 5px;
box-shadow: -0px 2px 5px 0px #c8d1da;}
.faq-box h4{font-size:20px; color:var(--black); font-weight:800;}
.faq-box span{font-size:16px; color:var(--black); font-weight:400; line-height:25px;}

.home-contact{background:#E3E3E3; padding:60px 0 20px;}
.home-contact h2{font-size:35px; color:var(--black); font-weight:800;}
.home-contact h5{font-size:18px; color:var(--black); font-weight:400;}
.information-box{background:var(--white); width:100%; border-radius:10px; padding:26px;
box-shadow: -0px 2px 8px 0px #9ba2a9; height:288px;}
.information-box h3{font-size:20px; color:var(--black); font-weight:800;}
.information-box p{font-size:16px; color:var(--black); font-weight:400; line-height:25px;}
.information-box a{background:var(--primary); width:100%; border-radius:10px; padding:12px;
display:block;}
.information-box a span{font-size:14px; color:var(--white); font-weight:400;}
.information-box a strong{font-size:16px; color:var(--white); font-weight:800;}
.colorful-box{width:100%;}
.colorful-box img{width:100%; height:288px; border-radius:10px; display:block;}
.colorful-wht-box{background:var(--white); width:100%; border-radius:15px; height:100px;
padding:15px; position:absolute; bottom:0;}
.colorful-wht-box h3{font-size:20px; color:var(--black); font-weight:800;}
.colorful-wht-box p{font-size:14px; color:var(--black); font-weight:400;}
.colorful-wht-box a{background:var(--black); width:fit-content; border-radius:8px; height:50px;
display:block; padding:0 15px; font-size:16px; color:var(--white); font-weight:600;
line-height:50px;}
.colorful-wht-box a:hover{background:var(--primary); color:var(--white);}


footer{background:var(--black); padding:40px 0 20px;}
.ftr-logo{width:150px; background:var(--white); padding:5px 15px; border-radius:8px;}
.ftr-logo img{width:100%; display:block;}
footer h3{font-size:20px; color:var(--white); font-weight:800;}
footer p{font-size:14px; color:var(--white);}
ul.query{}
ul.query li{display:inline-block; padding:0 10px;}
ul.query li a{font-size:16px; color:var(--white); font-weight:600;}
ul.query li a:hover{color:var(--secondary);}
ul.locate{}
.Smedia{}
.Smedia a{display:inline-block; margin:0 6px;}
.Smedia a i{font-size:18px; color:var(--white); font-weight:600;}
.Smedia a:hover i{color:var(--secondary);}
.ftr-line{background:#81868a; width:100%; height:1px; display:block;}
footer span{font-size:15px; color: var(--white); display:inline-block;}
footer span a{font-size:15px; color:var(--secondary); text-transform:uppercase;
font-weight:600;}
footer span a:hover{color:var(--primary);}


/*start service page css*/
.inside-banner{width:100%; height:80vh; display:block; background-size:100% 100%!important;
background-repeat:no-repeat; background-position:top center;}
.inside-banner-overlay{background: rgba(0, 0, 0, 0.7); width:100%; height:100%; display:flex;
position:relative; z-index:10; top:0; align-items:center;}
.inside-banner-overlay h1{font-size:46px; color:var(--white); font-weight:800;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
letter-spacing:2px;}
.inside-banner-overlay p{font-size:18px; color:var(--white); line-height:30px; padding:0 20%;}
.service-box{background:#e9e9e9; border-radius:20px; padding:25px 15px 1px;}
.service-box h3{font-size:25px; color:var(--black); font-weight:800;}
.service-box p{font-size:16px; color:var(--black); font-weight:400;}
.service-box img{width:100%; height:200px; display:block; border-radius:10px;}

.newsletter-bg{background:var(--primary); padding:40px 0 56px;}
.newsletter-bg h2{font-size:46px; color:var(--white); font-weight:800; letter-spacing:1px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
.newsletter-bg p{font-size:25px; color:var(--white); letter-spacing:1px; font-weight:300;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
.content {max-width:56%; margin: 0 auto; text-align: center;}
.form-control {height:45px; border-color:#ffffff; border-radius:10px!important;}
.my-input-form:focus {box-shadow: none;border: 2px solid #243c4f;}
.btn {min-height: 45px;border-radius:10px!important;background:var(--black)!important;
color:#fff!important;font-weight:600!important; padding:0 15px!important; box-shadow:none;}
.btn:hover{color:var(--white)!important;}
.fancybox-caption__body{font-size:24px; font-weight:600; letter-spacing:1px;}
/*end service page css*/


/*start about us page css*/
.about-bg{background:#caffe0;}
.about-bg p{font-size:16px; color:var(--black); line-height:25px; padding-right:10%;}
.about-bg h2{font-size:36px; color:var(--black); font-weight:800; line-height:45px;
padding-right:5%;}
.aboutimg{width:100%;}
.aboutimg img{width:100%; height:350px; display:block; border-radius:15px;
box-shadow: 0px 15px 10px -15px #111; }
.about-paintng{width:100%; display:block; position:relative; padding-left:74px;}
.about-paintng dd{width:60px; height:60px; display:block; background-size:100% 100%;
background-repeat:no-repeat; background-position:top center; display:flex; 
justify-content:center; align-items:center; font-size:18px; color:var(--black); font-weight:800;
position:absolute; left:0; top:0;}
.about-paintng strong{font-size:18px; color:var(--black); font-weight:800;}
.about-paintng span{font-size:14px; color:var(--black);}

.gobl-brnd{padding:40px 0;}
.gobl-brnd h2{font-size:40px; color:#000; font-weight:800;}
.gobl-brnd h6{font-size:16px; color:#000;}

.slider {
  height:150px;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.slider::before,
.slider::after{
  position:absolute;
  background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  content:'';
  height:100%;width:25%;
  z-index:2;pointer-events:none;
}
.slider::before{
  left:0;
  top:0;
}
.slider::after{
  right:0;
  top:0;
  transform:rotateZ(180deg);
}

.slide-track {
  width: calc(250px * 20);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.slide {
  width: 250px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  transition:0.5s;
  cursor:pointer;
  margin:0 25px;
}
.slide img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}


.about-faq{}
.about-faq h2{font-size:35px; color:var(--black); font-weight:600;}
.about-faq h6{font-size:14px; color:var(--black);}
.faqimg{width:100%;}
.faqimg img{width:100%; height:336px; display:block; border-radius:15px;}

.about-faq .accordion-item:first-of-type .accordion-button{background:#ebebeb!important;
border-radius:14px!important; border:none!important;}
.about-faq .accordion-button{background:#ebebeb!important; border-radius:10px!important; border:none!important;
font-size:14px!important; color:var(--black)!important; font-weight:600!important;}
.about-faq .accordion-item{background:#ebebeb!important; border:none!important; margin-bottom:14px;}
.about-faq .accordion-button:not(.collapsed){box-shadow:none!important; font-size:14px!important; 
color:var(--black)!important; font-weight:600!important;}
.about-faq .accordion-body{border-radius:0 0 14px 14px!important;}
.about-faq .accordion-body p{font-size:14px; color:var(--black); font-weight:400; line-height:22px;}
.about-faq .accordion-button:not(.collapsed)::after{background-image:url(../images/down-arrow-2.png)!important;}


.about-green-box{background:#007830; padding:80px 0;
width:100%;}
.about-green-box h3{font-size:22px; color:var(--white); font-weight:600;}
.about-green-box a{background:var(--white); width:200px; border-radius:8px; height:50px;
text-align:center; line-height:50px; font-size:18px; color:var(--black); font-weight:600;}
.about-green-box a:hover{color:var(--black);}

/*end about us page css*/


/*start portfolio page css*/
.explor-portfolio{}
.explor-portfolio h2{font-size:38px; color:var(--black); font-weight:800; line-height:45px;}
.explor-portfolio p{font-size:16px; color:var(--black); font-weight:400; line-height:26px;}
.port-green-box{background:var(--primary); width:100%; height:80px; border-radius:10px;
padding:30px 20px 0 110px; position:relative;}
.port-green-box strong{font-size:50px; color:var(--white); font-weight:900; position:absolute;
left:20px; top:3px;}
.port-green-box span{font-size:15px; color:var(--white); font-weight:400;}
.explor-portfolio ul{padding:0; margin:0;}
.explor-portfolio ul li{display:block; position:relative; padding-left:16px; font-size:16px;
color:var(--black);}
.explor-portfolio ul li:before{content:""; width:8px; height:8px; background:var(--primary);
position:absolute; left:0; top:8px; border-radius:100%;}

.portfolioimg-box{width:100%;}
.portfolioimg-box img{width:100%;height:320px; display:block; border-radius:20px;}

.testimonialimg{width:100%;}
.testimonialimg img{width:100%; height:380px; display:block; border-radius:20px;}
.clnt-sys h2{font-size:35px; color:var(--black); font-weight:800;}
.clnt-sys .owl-carousel .owl-item{height:auto;}
.clnt-sys .owl-carousel .owl-nav .owl-prev{display:none;}
.clnt-sys .owl-carousel .owl-nav .owl-next{display:none;}
.clnt-sys .owl-theme .owl-dots{display:none;}
.portfolio-cont-area{background:var(--white);}
.portfolio-cont-area p{font-size:16px; color:var(--black); line-height:25px;}

.get-your-space{background:#008E39; padding:60px 0;}
.get-your-space h2{font-size:35px; color:var(--white); font-weight:800; padding:0 15%;}
.get-your-space p{font-size:16px; color:var(--white); line-height:25px; padding:0 10%;}
.get-your-space ul{padding:0; margin:0;}
.get-your-space ul li{display:block;}
.get-your-space ul li span{font-size:20px; color:var(--white); font-weight:400;}
.get-your-space ul li a{font-size:24px; color:var(--white); font-weight:800; display:block;}
/*end portfolio page css*/


/*start contact us page css*/
.office-addrs{background:#eaeaea; width:100%; border-radius:20px; padding:30px;  
box-shadow:0px 15px 10px -15px #bababa; }
.office-addrs h3{font-size:20px; color:var(--black); font-weight:800;}
.office-addrs p{font-size:15px; color:var(--black); line-height:25px;}
.office-addrs ul{margin:0; background:var(--primary); border-radius:10px; padding:10px 20px;}
.office-addrs ul li{display:block;}
.office-addrs ul li span{font-size:18px; color:var(--white); font-weight:400;}
.office-addrs ul li a{font-size:20px; color:var(--white); font-weight:800; display:block;}

.office-loca{}
.office-loca h4{font-size:20px; color:var(--black); font-weight:800;}
.office-loca-map{width:100%; height:320px; display:block; border-radius:20px;}
.get-started{background:#e0e0e0; border-radius:20px; padding:40px 30px;}
.get-started h2{font-size:18px; color:var(--black); font-weight:600;}
.get-started h6{font-size:15px; color:var(--black); font-weight:400!important; line-height:25px;}
.from-field2{width:100%; height:50px; border:solid 1px #7d7d7d; border-radius:10px; background:#ebebeb;
font-size:14px; color:var(--grey);}
.from-field2:focus{background:#ebebeb; box-shadow:none; border:solid 1px #7d7d7d;}
.from-txt-area2{width:100%; height:140px; border:solid 1px #7d7d7d; border-radius:10px; background:#ebebeb;
font-size:14px; color:var(--grey); padding:10px;}
.from-txt-area2:focus{background:#ebebeb; box-shadow:none; border:solid 1px #7d7d7d;}
.submit-btn{background:#007830!important; width:100%; height:46px; display:block!important; 
border-radius:50px!important; font-size:14px!important; color:var(--white)!important; 
text-align:center!important; line-height:46px!important;}
.submit-btn:hover{background:var(--black)!important; color:var(--white)!important;}
/*end contact us page css*/


.faq-bg{background:var(--white); width:100%; height:100%; display:block; padding:60px 0;}

.tab {
  position: relative;
  margin-bottom:5px;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
  background:#eaeaea;
}
.tab input:checked ~ .tab__content {
  max-height: 10rem;
  background:#eaeaea;
}

.tab input:checked ~ .tab__content p{font-size:16px; color:var(--black);}

/* Visual styles */
.accordion {
  color: var(--white);
  border-radius: 10px;
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--primary);
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
  font-size:18px;
  color:var(--white);
  font-weight:600;
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}


@media only screen and (max-width:1280px){
.home-banner-box{width:30%;}
.home-banner-box h6{font-size:14px;}
.recent-transfrm-box span{font-size:15px;}
.home-banner{height:auto;}
.home-banner-overlay{padding-bottom:30px;}
.NavMenu li a{padding:12px 20px;}
.inside-banner{height:80vh; margin-top:60px;}
.port-green-box strong{font-size:42px; left:15px; top:10px;}
.port-green-box{padding-left:90px;}
.office-loca-map{height:340px;}
}

@media only screen and (max-width:1200px){
.home-banner-overlay h1{font-size:42px;}
.home-banner-overlay h1 span{font-size:42px;}
.home-banner-box h4{font-size:18px;}
.NavMenu li a{font-size:16px; padding: 12px 16px;}
a.get-quote{font-size:14px; width:100px;}
a.bk-now{font-size:14px; width:100px;}
.tm-dlvry p{font-size:14px;}
.tm-dlvry{padding-bottom:5px;}
.consulation-box h5{font-size:14px;}
.service-proj-box h4{font-size:16px;}
.service-proj-box h5{font-size:14px;}
.information-box a strong{font-size:13px;}
.information-box a span{font-size:12px;}
.colorful-wht-box h3{font-size:16px;}
.information-box h3{font-size: 16px;}
.information-box p{font-size:14px; line-height:22px;}
.consulation-box{padding:20px;}
.colorful-wht-box a{font-size:14px;}
.service-box img{height:180px;}
.newsletter-bg h2{font-size:40px;}
.inside-banner{height:70vh;}
.aboutimg img{height:300px;}
.about-paintng strong{font-size:14px;}
.about-paintng span{font-size:12px;}
.gobl-brnd h2{font-size:35px;}
.about-faq h2{font-size:30px;}
.about-green-box h3{font-size:20px;}  
.explor-portfolio h2{font-size:30px; line-height:40px;}
.explor-portfolio p{font-size:15px;}
.port-green-box{padding-left:78px;}
.port-green-box strong{font-size:35px; top:15px;}
.port-green-box span{font-size:13px;}
.explor-portfolio ul li{font-size:15px;}
.portfolioimg-box img{height:260px;}
.testimonialimg img{height:300px;}
.office-addrs ul li a{font-size:16px;}
.office-addrs ul li span{font-size:15px;}
.office-loca-map{height:350px;}
.get-started h2{font-size:16px;}
}

@media only screen and (max-width:1024px){
.NavMenu li a{padding:12px 16px; font-size:14px;}
a.get-quote{font-size:12px; width: 88px;}
a.bk-now{font-size:12px; width: 88px;}
.home-banner-overlay h1{font-size:35px; line-height:40px;}
.home-banner-overlay h1 span{font-size:35px;}
.home-banner-box h4{font-size:14px;}
.home-banner-box h6{font-size:12px;}
.service-proj h2{font-size:30px;}
.service-proj-box h4{font-size:14px;}
.service-proj-box h5{font-size:13px; line-height:18px;}
.recnt-transimg-01 img{height:400px;}
.recnt-transimg-02 img{height:190px;}
.recnt-transimg-03 img{height:190px;}
.recent-transfrm-box strong{font-size:35px;}
.recent-transfrm-box b{font-size:14px; padding-top:14px;}
.newsletter-box h3{font-size:20px;}
.inside-banner{height:40vh;}
.service-box h3{font-size:22px;}
.newsletter-bg h2{font-size:35px;}
.about-bg h2{font-size:30px; padding-right:0;}
.inside-banner{height: 70vh;}
.aboutimg img{height:240px;}
.about-paintng dd{width:50px; height:50px; font-size:16px;}
.about-paintng{padding-left:60px;}
.get-your-space p{padding: 0;}
.get-your-space h2{padding:0 10%;}
.explor-portfolio ul li{font-size:14px;}
.port-green-box strong{font-size:30px;}
.office-addrs ul li a{font-size:15px;}
.office-loca-map{height:380px;}
.get-started h6{font-size:14px; line-height:20px;}
}


@media only screen and (max-width:993px){
.nav{height:68px;}
.nav .logo {width: 57%;}
.mobile-menu-bg {
background:#3f3f3f;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0 auto;
z-index: 9999;
width: 100%;
height: 40px;
}
a.ftr-sm-menu {
width: 100%;
height: 45px;
display:block;
line-height:45px;
position:absolute;
z-index:10000;
padding-left:10.50%;}
a.ftr-sm-menu i{color:var(--white)!important; font-size:18px; margin:0 auto;}
.ftr-mb-mnu nav.black{background:#000;}
a.get-quote{width:122px; font-size:16px;}
a.bk-now{width:122px; font-size:16px;}
.home-banner{height:auto;}
.home-banner-overlay{padding-bottom:40px;}
.home-banner-overlay h3{margin:0 auto;}
.home-banner-overlay h1{text-align:center; padding-right:0;}
.home-banner-overlay p{text-align:center; padding-right:0;}
.service-proj h2{font-size:25px;}
.recnt-transimg-01 img{height:340px;}
.recnt-transimg-02 img{height:160px;}
.recnt-transimg-03 img{height:160px;}
.consulation-box h4{font-size:18px;}
.consulation-box{height: 125px;}
.recent-transfrm-bg h2{font-size:30px; text-align:center;}
.recent-transfrm-bg p{text-align:center;}
.recent-transfrm-bg{padding:20px 0 30px;}
.newsletter-box h3{font-size:16px;}
.newsletter-box{height:93px;}
.faq-box{padding:15px 15px 0;}
.faq h2{text-align:center;}
.faq p{text-align:center;}
.home-contact{padding:20px 0 40px;}
.home-contact h2{font-size:30px; text-align:center;}
.home-contact h5{font-size:16px; text-align:center;}
.information-box a span{font-size:14px;}
.information-box a strong{font-size:18px;}
footer h3{font-size:14px;}
.ftr-logo{width:25%;}
footer h3{font-size:15px;}
ul.query li{padding:0 8px;}
ul.query li a{font-size:14px;}
footer span{font-size:14px;}
footer span a{font-size:13px;}
a.get-quote-mb {background: var(--grey);display:block;border-radius: 6px;padding: 8px 0;
font-size: 16px;color: var(--white);font-weight: 600;width:80%!important;text-align: center; 
margin-left:16px!important;}
a:hover.get-quote-mb{background:var(--secondary); color:var(--white)!important;}

a.bk-now-mb {background: var(--secondary);display:block;border-radius: 6px;padding: 8px 0;
font-size: 16px;color: var(--white);font-weight: 600;width:80%!important;text-align: center; 
margin-left:16px!important;}
a:hover.bk-now-mb{background:var(--black); color:var(--white)!important;}
a.mb-logo{background:var(--white); width:70%!important; border-radius:10px; padding:5px 20px!important;
margin-left:18px!important;}
a.mb-logo img{width:100%; display:block;}
.recnt-transimg-01 img{height:340px;}
}


@media (max-width: 993px) {
  .navbar {
    width:20%;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    max-width: 100%;
    z-index: 1;
  }
  .navbar .logo {
    float: right;
    font-weight: 800;
    padding: 5px;
    margin: 10px;
  }
  .navbar .menu-icon {
    width: 76px;
    height: 30px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    padding-left:100%;
    cursor: pointer;
  }
  .navbar .sitenavigation ul {
    display: none;
    max-width: none !important;
  }
  .navbar .sitenavigation li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  .navbar .sitenavigation.is-tapped > ul {
    display: block;
    position: absolute;
    margin: 0;
    background-color:var(--primary);
    bottom:41px;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    height: 100vh;
    padding-top:80px;
    overflow:auto;
    width:220px;
  }
  .navbar .sitenavigation.is-tapped > ul a {
    width: 100%;
    margin: 0;
    display: block;
    font-size:16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    color:var(--white);
    float: none;
    border: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul a:hover {
    color:var(--secondary);
  }
  .navbar .sitenavigation.is-tapped > ul li {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul li li {
    background-color: transparent!important;
  }
  .navbar .sitenavigation.is-tapped > ul ul {
    display: none;
    width: 100%;
    z-index: 200;
    border: none;
    margin-left: 0;
    padding: 0;
    position: relative !important;
  }
  .navbar .sitenavigation.is-tapped > ul ul ul {
    clear: both;
    left: 0;
    margin-top: 0;
    padding-bottom:15px;
  }
  .navbar .sitenavigation.is-tapped > ul ul li {
  }
  .navbar .sitenavigation.is-tapped > ul ul li li a {
    background-color:transparent!important;
    padding-left:40px;
    line-height:6px;
    color:var(--secondary);
    font-weight:600;
  }
  .navbar .sitenavigation.is-tapped > ul ul a {
    background-color:transparent!important;
    font-size: 1em;
    padding-left: 20px;
  }
  
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
    cursor: pointer;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
    width: 80%;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
    content: "";
    position: absolute;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background:url(../images/chevron-icon.png) no-repeat 60% 100%;
    background-size:12px 7px;}
  .navbar .sitenavigation.is-tapped > ul li.expanded:after {
    content: "";
    position: absolute;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background:url(../images/chevron-icon.png) no-repeat 60% 100%;
    background-size:12px 7px;}
   
  .workImg-01 img{height:140px;}
  .workImg-02 img{height:220px;}
   .inside-banner{height:60vh; margin-top:70px;}
   #content > div{padding-left:20px;}
   .ur-serv ul li{width:49%;}
   .ur-serv ul li label dd{font-size:13px;}
   .ur-serv ul li label span{font-size:13px;}
   .service-box h3{font-size:18px;}
   .service-box p{font-size:14px;}
   .service-box img{height:146px;}
   .newsletter-bg h2{font-size:30px;}
   .newsletter-bg p{font-size:20px;}
   .content{max-width:76%;}
   .about-bg h2{font-size:25px; line-height:35px;}
   .about-bg p{font-size:15px; padding-right:0;}
   .aboutimg img{height:200px;}
   .about-paintng strong{font-size:18px;}
   .about-paintng span{font-size:16px;}
   .gobl-brnd h2{font-size:30px;}
   .about-faq h2{font-size:25px;}
   .faqimg img{height:226px;}
   .about-green-box h3{font-size:18px;}
   .about-green-box a{width:160px; height:45px; line-height:45px;}
   .explor-portfolio h2{text-align:center;}
   .inside-banner-overlay p{padding:0 10%;}
   .port-green-box strong{font-size:45px; top:8px;}
   .port-green-box span{font-size:16px;}
   .port-green-box{padding-left:100px;}
   .portfolioimg-box img{height:200px;}
   .clnt-sys h2{font-size:30px;}
   .portfolio-cont-area p{font-size:15px;}
   .office-addrs h3{text-align:center;}
   .office-loca h4{text-align:center;}
   .office-addrs p{text-align: center;}
}


@media only screen and (max-width:767px){
.nav{top:0px; height:65px;}
.nav .logo{width:30%; margin:inherit;}
.get-quors{background: linear-gradient(262deg, rgba(51,65,85,1) 0%, 
rgba(0,43,72,1) 100%); width:fit-content; padding:0px 20px;
border-radius:4px; color:var(--white); font-size:15px; font-weight:600; height:35px;
line-height:35px; border:none;}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.9s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}

#target {
background:var(--primary);
width: 100%;
height: auto;
padding: 10px;
display: none;
position: absolute;
z-index: 9999;
top: 70px;
left:0px;}
ul.enquiry{}
ul.enquiry li{width:fit-content; font-size:15px; color:var(--white);
font-weight:600; display:inline-block;}
ul.enquiry li a{font-size:15px; color:var(--white); font-weight:600;}
ul.enquiry li a:hover{color:#fd7d0b;}
ul.enquiry li img{display:inline-block; background:#002b48; width:30px; 
height:30px; border-radius:100%; padding:6px; margin-right: 6px;}
ul.call-us{}
ul.call-us li{display:block;}
ul.call-us li a{font-size:15px; color:var(--primary); font-weight:700;}
ul.call-us li a i{display:inline-block; font-size:15px; color:var(--primary);}
.service-proj-box{width:100%;}
.service-proj h2{text-align:center;}
.service-proj p{text-align:center;}
.recnt-transimg-02 img{height:250px;}
.recnt-transimg-03 img{height:250px;}
.newsletter-box{height:auto; padding-bottom:25px;}
.faq-box h4{text-align:center;}
.faq-box span{text-align:center;}
.newsletter-box h6{text-align:center;}
.newsletter-box h3{text-align:center;}
.information-box{height:auto;}
.colorful-box img{height:350px;}
.colorful-wht-box{height:130px;}
.colorful-wht-box a{height:40px; line-height:40px;}
.home-banner-box{width:100%;}
.inside-banner{height:40vh;}
.service-box h3{font-size:22px; text-align:center;}
.service-box p{font-size:16px; text-align:center;}
.service-box img{height:250px;}
.newsletter-bg h2{font-size:25px;}
.newsletter-bg p{font-size:16px; font-weight:400;}
.content{max-width:90%;}
.inside-banner-overlay h1{font-size:35px;}
.about-bg h2{text-align: center;}
.about-bg p{text-align:center;}
.aboutimg{width:60%; margin:0 auto;}
.aboutimg img{height:240px;}
.about-paintng{text-align:center; padding-left:0; padding-top:60px;}
.about-paintng dd{left:0; right:0; top:0; margin:0 auto;}
.about-faq h6{text-align:center;}
.about-faq h2{font-size:22px; text-align:center;}
.faqimg{width:60%; margin:0 auto;}
.about-green-box{padding:20px 0 40px;}
.inside-banner-overlay p{padding:0;}
.port-green-box strong{padding-left:30px;}
.port-green-box{padding-left:128px;}
.portfolioimg-box{width:60%; margin:0 auto;}
.portfolioimg-box img{height:260px;}
.testimonialimg{width:80%; margin: 0 auto;}
.get-your-space ul li span{text-align:center;}
.get-your-space ul li a{text-align:center;}
}


#hamburger {
  width: 30px;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
}

#hamburger span:nth-child(2) {
  top: 11px;
}

#hamburger span:nth-child(3) {
  top: 22px;
}

#hamburger.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#hamburger.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sitenavigation ul {
  margin: 0;
  padding: 0;
  float: right;
}
.sitenavigation li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-left: -4px;
  line-height: 20px;
}
.sitenavigation li.nav-dropdown:hover > a {
  color:var(--secondary);
}
.sitenavigation li a {
  color: #758283;
  text-decoration: none;
  display: block;
  padding: 11px 14px;
  font-size: 0.9375em;
  -webkit-tap-highlight-color: transparent;
}
.sitenavigation li a.nav-path-selected, .sitenavigation li a.linkclicked {
  color: white;
  background-color: #ECECEC;
}
.sitenavigation li a.nav-selected {
  background-color: #777;
  color: #000;
}
.sitenavigation li a:hover {
  color:var(--secondary);
}
.sitenavigation li.clicked > ul {
  display: block;
}
.sitenavigation li ul {
  display: none;
  position: absolute;
  min-width: 200px;
  max-width: 300px;
  padding: 0;
  margin: 0;
}
.sitenavigation li ul a {
  background-color: #dfdfdf;
  font-size: 0.8125em;
}
.sitenavigation li ul li {
  float: none;
  display: block;
  margin: 0;
}
.sitenavigation li ul ul {
  left: 100%;
  margin-top: -40px;
}
.sitenavigation li ul ul a {
  background-color: lightgray;
}
.sitenavigation .nav-dropdown:hover > a, .sitenavigation .nav-dropdown.clicked > a {
}

.no-js .sitenavigation li:hover > ul {
  display: block !important;
}

.menu-icon {
  display: none;
}


@media only screen and (max-width:480px){
.nav .logo{width:50%;}
.home-banner-overlay h3{font-size:14px; text-align:center;}
.home-banner-overlay h1{font-size:25px; line-height:30px;}
.home-banner-overlay h1 span{font-size:25px;}
.home-banner-overlay p{font-size:14px; line-height:20px;}
a.home-bnr-btn-01{width:150px; font-size:13px;}
a.home-bnr-btn-02{width:150px; font-size:13px;}
.home-banner-box{width:96%;}
.home-banner-box h4{font-size:18px;}
.home-banner-box h6{font-size:15px;}
.service-proj h2{font-size:18px; text-align:center;}
.service-proj p{font-size:14px; text-align:center;}
.service-proj-box{width:100%;}
.recnt-transimg-01 img{height:250px;}
.home-banner-box h4{text-align:center;}
.home-banner-box h6{text-align:center;}
.recnt-transimg-02 img{height:160px;}
.recnt-transimg-03 img{height:160px;}
.consulation-box h4{text-align:center;}
.consulation-box h5{text-align:center;}
.colorful-box img{height: 250px;}
.colorful-wht-box{height:auto;}
.faq-box h4{font-size:16px;}
.faq-box span{font-size:14px;}
.home-contact h2{font-size:25px;}
.faq h2{font-size:25px;}
.navbar .menu-icon{padding-left:0%;}
.inside-banner{height:35vh;}
.inside-banner-overlay h1{font-size:35px;}
.service-box img{height:200px;}
.content{max-width:100%;}
.aboutimg{width:80%;}
.aboutimg img{height:200px;}
.gobl-brnd h2{font-size:25px;}
.faqimg{width:80%;}
.faqimg img{height:200px;}
.inside-banner-overlay p{font-size:15px; line-height:22px;}
.explor-portfolio h2{font-size:22px; line-height:30px;}
.portfolioimg-box{width:90%;}
.clnt-sys h2{font-size:25px;}
.testimonialimg{width:90%;}
.testimonialimg img{height:250px;}
.get-your-space h2{font-size:25px; padding:0;}
.office-addrs ul li span{text-align:center;}
.office-addrs ul li a{text-align:center;}
.office-loca-map{height:200px;}
.tab__label{font-size:16px;}
.tab input:checked ~ .tab__content p{font-size:14px;}
}

@media only screen and (max-width:375px){
#target{top:50px;}
.nav{height:65px;}
.nav .logo{width:60%;}
.tm-dlvry strong{font-size:16px;}
.recnt-transimg-01 img{height: 200px;}
.recnt-transimg-02 img{height:120px;}
.recnt-transimg-03 img{height:120px;}
.recent-transfrm-bg h2{font-size:25px;}
a.home-bnr-btn-02{width:130px;}
.newsletter-box a{width:150px; height:40px; line-height:40px;}
.information-box a strong{font-size:16px;}
.ftr-logo{width: 35%; margin-left:30%;a}
footer h3{width:100%; text-align: center;}
footer p{width:100%; text-align: center;}
ul.query li a{font-size:13px;}
.inside-banner-overlay h1{font-size:30px;}
.service-box img{height:160px;}
.newsletter-bg h2{font-size:20px;}
.newsletter-bg p{font-size:14px;}
.about-bg h2{font-size:22px; line-height:30px;}
.about-bg p{font-size:14px; line-height:22px;}
.aboutimg{width:100%;}
.gobl-brnd h2{font-size:20px;}
.gobl-brnd{padding:20px 0;}
.faqimg{width:100%;}
.about-faq h2{font-size:18px;}
.explor-portfolio p{font-size:14px;}
.port-green-box strong{padding-left:10px; font-size:35px;}
.port-green-box{padding-left:90px; height:70px; padding-top:25px;}
.explor-portfolio h2{font-size:18px; line-height:25px;}
.portfolioimg-box img{height:200px;}
.clnt-sys h2{font-size:20px;}
.testimonialimg{width:100%;}
.testimonialimg img{height:220px;}
.get-your-space{padding:30px 0;}
.get-your-space h2{font-size:22px;}
.get-your-space ul li a{font-size:20px;}
.get-your-space ul li span{font-size:18px;}
}