/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready,block-patterns
Version: 2.3.1660864610
Updated: 2022-08-18 23:16:50
*/
body{
	font-family: 'Raleway', sans-serif;
	background:#ffffff;
}
html {
	scroll-behavior: smooth;
}
h1:before,
h2:before{
	content:none !important;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway', sans-serif;
}
.my-container{
	width:100%;
	max-width:1590px;
	margin:0 auto;
	display:block;
	position:relative;
	padding:0 20px;
}
#rmp_menu_trigger-111 {
  margin-top: 0 !important;
}
.mob-menu .rmp_menu_trigger {
  display: block !important;
  right: 0 !important;
left: unset !important;
margin-left: auto !important;
}
.mob-menu {
  display: none;
}
.mobile-img{
	display: none;
}
.main-menu-more {
  display: none;
}
#my-header {
  padding-top: 10px;
  padding-top : 10px;
/*   position: absolute; */
  width: 100%;
  top: 0;
  z-index:999;
  background-color: #fff !important;
}
#my-header .columns {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#my-header .columns .col.logo img {
  width: 100%;
  max-width: 385px;
	display: block;
}
#my-header .columns .col.nav-menu .top {
  text-align: right;
	display:flex;
	align-content:end;
	align-items:center;
	justify-content:end;
}
/* #my-header .columns .col.nav-menu {
	padding-left: 243px;
} */
    
#my-header .columns .col.nav-menu .top a {
  color :#57bbbf !important;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Work Sans', sans-serif;
}
#my-header .columns .col.nav-menu .top p{
	margin:0;
	line-height: 1.4;
}
#my-header .columns .col.nav-menu .top a:hover{
	transition:ease-in-out all .3s;
	color:#222;
}
#my-header .columns .col.nav-menu .bottom ul {
  padding: 0;
  margin: 0;
}
#my-header .columns .col.nav-menu .bottom ul li {
  list-style-type: none;
  display: inline-block;
	position:relative;
}
#my-header .columns .col.nav-menu .bottom ul li a {
    color:#222;
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    display: block;
    padding: 0 32px;
	transition:ease-in-out all .3s;
	text-transform:uppercase;
}
#my-header .columns .col.nav-menu .bottom ul li a:hover{
	color:#fff;
}
#my-header .columns .col.nav-menu .bottom ul li:last-child a{
	padding-right:0;
}
#my-header .columns .col.nav-menu .top .col.col2 ul li:last-child a{
	padding-right:0;
}
#my-header.sticky {
  position: fixed;
  background: #fff;
  z-index: 999;
  transition: ease-in-out all .3s;
	box-shadow: 0px 1px 6px #00000054;
	padding-top: 10px;
	padding-bottom: 10px;
}
#my-header.sticky .logo img{
	max-width:180px !important;
	transition: ease-in-out all .3s;
	display: block !important;
margin-bottom: 0 !important;
}

#my-header.sticky .columns .col.nav-menu .top a{
	transition: ease-in-out all .3s;
	font-size: 17px;
}

.row{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
}
h3 {
  font-size: 81px;
  font-weight: 700;
  color: #0b324d;
  margin: 0;
	line-height: 1em;
}
.thin {
  font-weight:500;
}
.wpcf7-response-output {
  font-size: 15px;
	text-align:center;
}
.wpcf7-not-valid-tip {
  font-size: 15px;
}
/* homepage Banner start */
#hp-banner {
	padding: 290px 0 225px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#hp-banner .col.col1 {
  width: 100%;
	position: relative;
	max-width:555px;
}
#hp-banner .col.col2 {
	display: none;
}
#hp-banner .col h1 {
	font-size: 60px;
  color: #222;
  font-weight: 700;
	line-height: 1.08em;
	margin: 0;
  margin-bottom: 0px;
display: block;
margin-bottom: 30px;
}
#hp-banner .col .desc {
  width: 100%;
  max-width: 485px;
}
#hp-banner .col .desc p {
  font-size: 18px;
  color: #222;
	font-weight: 600;
}
/*****************************/
.hero-slider {
  position: relative;
  overflow: hidden;
}

.hero-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  height: 90vh;
  color: #000;
  position: relative;
}

/* Light overlay to make text more readable on light backgrounds */
/* .hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(255,255,255,0.95) 45%, rgba(255,255,255,0.6) 75%, transparent 100%);
  z-index: 1;
} */

/* ==== Container & Layout ==== */
.hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.hero-text {
  flex: 1 1 50%;
  max-width: 600px;
  z-index: 2;
}

.hero-image {
  flex: 1 1 45%;
  text-align: right;
  z-index: 2;
}

.hero-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* ==== Typography ==== */
.hero-text h1 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 25px;
  color: #111;
}

.hero-text .desc p {
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 30px;
}

/* ==== Button ==== */
.btn-wrp .btn {
  display: inline-block;
  padding: 14px 40px;
  font-weight: 700;
  background: #e0007a;
  color: #fff;
  border-radius: 40px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-wrp .btn:hover {
  background: #c1006c;
  transform: translateY(-2px);
}

/* ==== Slick Dots ==== */
.hero-slider .slick-dots {
  bottom: 25px;
  z-index: 3;
}

.hero-slider .slick-dots li button:before {
  color: #e0007a;
  font-size: 12px;
  opacity: 0.8;
}

.hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}

/* ==== Responsive ==== */
@media (max-width: 991px) {
  .hero-slide {
    height: auto;
    padding: 80px 0;
  }

  .hero-content {
    flex-direction: column-reverse;
    text-align: center;
  }

  .hero-text {
    max-width: 100%;
    padding: 0 20px;
  }

  .hero-text h1 {
    font-size: 36px;
  }

  .hero-image {
    text-align: center;
    margin-bottom: 30px;
  }

  .btn-wrp .btn {
    padding: 12px 30px;
    font-size: 14px;
  }
}
/****************************/
.btn-wrp a {
  padding: 15px 70px;
  background: #35b9bf;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  border: solid 1px #efb523;
  border-radius: 30px;
	transition:ease-in-out all .3s;
	text-transform:uppercase;
	line-height: 18px
}
.btn-wrp br{
	display:none;
}
.btn-wrp a:hover{
	background:transparent;
	color:#efb523;
}
#hp-banner .col .btn-wrp {
  display: block;
  margin-top: 30px;
}
#hp-banner .col .btn-wrp br {
  display: none;
}
#hp-banner .col .btn-wrp a:hover{
	color:#efb523;
}
.thin{
	font-weight:400;
}
h3 {
  color: #333;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3em;
}
/* homepage banner end */
/* services section */
#h-serv {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 70px 0 40px 0;
  position: relative;
}
#h-serv .row {
  align-items: start;
}
#h-serv .col.col1 {
  width: 70%;
}
#h-serv .col h3{
	text-transform: uppercase;
}
#h-serv .col .desc p {
  font-weight: 500;
  color: #333;
  font-size: 18px;
}
#h-serv .col.col2 {
  width: 100%;
}
#h-serv .col.col2 ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
	margin-top: 0px;
}
#h-serv .col.col2 ul li {
  list-style-type: none;
  width: 45%;
  margin: 10px 35px;
  background: #fff;
  padding: 10px;
  text-align: justify;
  box-shadow: 0px 3px 28px #dfdfdf;
	min-height: 365px;
}
#h-serv .col.col2 ul li:nth-child(2) {
  margin-top: 80px;
}
#h-serv .col.col2 ul li:nth-child(3) {
  margin-top: -40px;
}
#h-serv .col.col2 ul li .title {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
  flex-direction: row;
}
#h-serv .col.col2 ul li .icon {
    width: 65px;
    height: 65px;
    background: #90dee25c;
    border-radius: 50%;
    display: flex
;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: 
ease-in-out all .3s;
}
#h-serv .col.col2 ul li .icon img {
  display: block;
}
#h-serv .col.col2 ul li .title strong {
  font-size: 28px;
  color: #333;
  margin-left: 25px;
	line-height: 1.3em;
}
#h-serv .col .desc {
  margin: 0px 0 0 0;
}
#h-serv .col.col2 ul li .desc p {
  font-size: 17px;
  color: #3c4048;
}
#h-serv .col.col2 ul li a {
 /* font-size: 18px;
  color: #35b9bf;
  font-weight: 700;
 	display: none;
transition: ease-in-out all .3s; */
}
#h-serv .col.col2 ul li a:hover{
/* 	color: #222; */
}
#h-serv .col.col2 ul li:hover .icon{
	background:#35b9bf;
}
#h-serv .col.col2 ul li:hover a{
	display:block;
}
#h-serv .col.col2 ul li:hover .icon img{
	transition: ease-in-out all .3s;
filter: invert(10%) brightness(100);
}
/* end of services section */
/* about section start */
#h-about {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px 0 90px 0;
  text-align: center;
}
#h-about .col1 {
  width: 30%;
  text-align: left;
  padding-right: 50px;
}
#h-about .col h3 {
  text-transform: unset;
}
#h-about .col.col2 {
  width: 55%;
  text-align: left;
}
#h-about .col .desc {
  width: 100%;
  max-width: 520px;
}
#h-about .col .desc p {
  font-size: 18px;
  color: #222;
  text-align: justify;
}
#h-about .col1 .btn-wrp a {
  margin-top: 10px;
  display: inline-block;
}
#h-about .col.col2 {
  width: 64%;
  text-align: left;
}
/* about section end */
/* Why Choose start */
#h-wcu {
  padding: 100px 0;
  background: #57bbbf;
	text-align: center;
}
#h-wcu .row {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
	align-items: start;
	margin-top: 115px;
}
#h-wcu p {
	color: #ffffff; 
	    font-size: 24px;
    display: block;
    line-height: 1.4em;
}
/* #h-wcu .col.col1 {
  width: 40%;
}
#h-wcu .col.col2 {
  width: 58%;
}
#h-wcu .col h3 {
  text-transform: unset;
}
#h-wcu .col .desc {
  width: 100%;
  max-width: 371px;
}
#h-wcu .col .desc p {
  font-size: 19px;
}
#h-wcu .col ul {
  margin: 0;
    margin-top: 0px;
  padding: 0;
  margin-top: 50px;
}
#h-wcu .col ul li {
  font-size: 22px;
  color: #333;
  margin: 10px 0;
  position: relative;
}
#h-wcu .col ul li::before {
  position: absolute;
  left: -211px;
  width: 195px;
  height: 2px;
  background: #333;
  content: '';
  top: 20.33px;
  opacity: 0;
}
#h-wcu .col ul li.active:before{
	opacity:1;
	transition:ease-in-out all .3s;
}
#h-wcu .col ul li.active span{
	font-weight:600;
}
#h-wcu .col .add-col {
  margin-top: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  max-width: 570px;
}
#h-wcu .col .add-col .inner {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}
#h-wcu .col .add-col .icon {
  margin-right: 20px;
}
#h-wcu .col .add-col .icon img {
  display: block;
}
#h-wcu .col .add-col span {
  font-size: 18px;
  color: #333;
  line-height: 23px;
}
#h-wcu .col.col1 .animate {
  position: relative;
}
#h-wcu .col.col1 .animate .img-animate {
  position: absolute;
  opacity: .4;
  transition: ease-in-out all .3s;
}
#h-wcu .col.col1 .animate .one {
  right: 197px;
}
#h-wcu .col.col1 .animate .two {
  top: 212px;
  right: 255px;
}
#h-wcu .col.col1 .animate .three {
  left: -8px;
  top: 213px;
}
#h-wcu .col.col1 .animate .four {
  top: 350px;
  left: 85px;
}
#h-wcu .col.col1 .animate .five {
  left: 76px;
  top: 405px;
}
#h-wcu .col.col1 .animate .six {
  bottom: 7px;
  left: 168px;
}
#h-wcu .col.col1 .animate .seven {
  bottom: 117px;
  right: 234px;
}
#h-wcu .col.col1 .animate .img-animate.active{
	opacity:1;
} */
#h-wcu .col.col1{
	width:38%;
	text-align:left;
	padding-right: 30px;
}
#h-wcu .col.col3{
	width:38%;
	text-align:left;
	padding-left: 30px;
}
#h-wcu .col.col2{
	width:23%;
}
#h-wcu .col .add-col span {
  font-size: 18px;
  color: #333;
  line-height: 23px;
}
#h-wcu .col .animate {
  position: relative;
	z-index:2;
}
#h-wcu .col .animate .img-animate {
  position: absolute;
  opacity: .4;
  transition: ease-in-out all .3s;
}
#h-wcu .col ul {
  margin: 0;
  padding: 0;
}

#h-wcu .col ul li {
  font-size: 22px;
  color: #333;
  margin-bottom: 42px;
  position: relative;
	list-style-type:none;
}
#h-wcu .col ul li::after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  background: #000;
  border-radius: 50%;
  top: 18px;
}
#h-wcu .col1 ul li::after{
	right: -27px;
}
#h-wcu .col3 ul li::after{
	left: -18px;
}
#h-wcu .col ul li:hover:after{
	content:none;
}
#h-wcu .col ul li.active::before {
  position: absolute;
  content: '';
  height: 60px;
  background: #000;
  background: url(/wp-content/uploads/2022/12/wcu-after.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  background-repeat: no-repeat;
	top: 14px;
	opacity:0;
	transition:ease-in-out all .3s;
}
#h-wcu .col .animate .img-animate.active{
	opacity:1;
}
#h-wcu .col ul li.active:before{
	opacity:1;
	transition:ease-in-out all .3s;
}
#h-wcu .col1 ul li.active:first-child::before{
	width: 206px;
height: 15px;
right: -221px;
}
#h-wcu .col1 ul li.active:nth-child(2)::before {
  width: 128px;
height: 15px;
right: -143px;
}
#h-wcu .col1 ul li.active:nth-child(3)::before {
  width: 47px;
height: 15px;
right: -62px;
}
#h-wcu .col1 ul li.active:nth-child(4)::before {
  width: 78px;
height: 15px;
right: -94px;
}

#h-wcu .col3 ul li.active::before {
  transform: rotate(180deg);
}
#h-wcu .col3 ul li.active:first-child::before {
  width: 125px;
  height: 15px;
  left: -96px;
}
#h-wcu .col3 ul li.active:first-child::before,
#h-wcu .col3 ul li.active:nth-child(2)::before,
#h-wcu .col3 ul li.active:nth-child(3)::before{
  width: 98px;
  height: 15px;
  left: -105px;
}
#h-wcu .col3 ul li.active:nth-child(4)::before {
  width: 167px;
  height: 15px;
  left: -174px;
}
#h-wcu .col .animate {
  text-align: center;
}
#h-wcu .col .animate .zero {
  margin-top: -80px;
  display: block;
	opacity: .4;
}
#h-wcu .col .animate .one {
  right: 69px;
  top: 0px;
}
#h-wcu .col .animate .two {
  top: 153px;
  left: 0;
}
#h-wcu .col .animate .three {
  right: 69px;
  top: 250px;
}
#h-wcu .col .animate .four {
  top: 291px;
  left: 118px;
}
#h-wcu .col .animate .five {
    right: 168px;
    top: 288px;
	opacity: -1.6;
}

#h-wcu .col .add-col {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  max-width: 570px;
}
#h-wcu .col1 .add-col {
  align-content: end;
  align-items: end;
justify-content: right;
}
#h-wcu .col .add-col .inner {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}
#h-wcu .col .add-col .icon {
  margin-right: 20px;
}
#h-wcu .col .add-col .icon img {
  display: block;
}
#h-wcu .col .add-col span {
  font-size: 26px;
  color: #333;
  line-height: 23px;
}
#h-wcu .col.col1, #h-wcu .col.col3 {
  min-height: 454px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}
#h-wcu .col.col1{
	align-items: end;
}
#h-wcu .col.col3{
	align-items: start;
}

/* Why Choose end */
/* Tips start */
#tips {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 109px 0;
  margin-top: 70px;
}
#tips .col.col2 {
  display: none;
}
#tips .desc {
  width: 100%;
  max-width: 595px;
  display: block;
  margin: 30px 0;
}
#tips .desc p {
  font-size: 22px;
  color: #222;
	line-height: 1.5em;
	margin-bottom:10px;
}
/* Tips end */
/* Testimonial start */
#testimonial {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0;
}
#testimonial .col1 {
  width: 49%;
	padding-left: 90px;
}
#testimonial .col1 img {
  width: 100%;
}
#testimonial .col2 {
  width: 41%;
}
#testimonial .col .testimonials ul {
  padding: 0;
  margin: 0;
}
#testimonial .col .testimonials {
  width: 100%;
  max-width: 590px;
}
#testimonial .col .testimonials .inner {
  margin: 35px 0;
}
#testimonial .col .testimonials ul .desc p {
  font-size: 18px;
  color: #222;
	text-align:justify;
}
#testimonial .col .testimonials ul h5{
	color:#35b9bf;
}
#testimonial .col .testimonials ul .slick-arrow {
  display:none;
}
#testimonial .col .testimonials ul .slick-arrow:before{
	content:none;
}
#testimonial .col .testimonials .slick-dots{
	text-align:left;
}
#testimonial .col .testimonials .slick-dots li button::before{
	font-size: 12px;
}
/* Testimonial End */
/* Brand Promise start */
.bp {
  padding: 155px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bp .col {
  width: 49%;
}
.bp .col.col1{
	text-align:right;
}
.bp .col.col2{
	display:none;
}
.bp .col h3 {
  font-size: 46px;
  text-transform: unset;
}
.bp .col .desc p {
  font-size: 22px;
  color: #333;
  font-weight: 600;
}
.bp .col .btn-wrp a {
  margin-top: 10px;
  display: inline-block;
}
/* Brand Promise End */
/* Contact Us start */
#contact {
  position: relative;
  z-index: 2;
  padding-bottom: 120px;
  padding-top: 150px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#contact .col1 {
  width: 48%;
}
#contact .col2 {
  width: 41%;
}
#contact .col .form {
  background: #fff;
  padding: 40px 60px 10px 60px;
  box-shadow: 0px 0px 23px #ccc;
}
#contact .form p {
  margin: 0;
}
#contact .form input, #contact .form select {
  padding: 12px 0;
  font-size: 15px;
  line-height: 16px;
  font-family: 'Raleway', sans-serif;
  width: 100%;
  margin-bottom: 25px;
  background: transparent;
  border: 0;
  border-bottom: solid 1px #cccccc;
  font-weight: 600;
}
#contact .form textarea {
  padding: 12px 0;
  font-size: 15px;
  line-height: 16px;
  font-family: 'Raleway', sans-serif;
  width: 100%;
  height: 80px;
  margin-bottom: 0px;
  background: transparent;
  border: 0;
  border-bottom: solid 1px #cccccc;
  font-weight: 600;
}
#contact .form .wpcf7-submit {
  margin-top: 0px;
  border-radius: 30px;
  background: #35b9bf;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
	border:1px solid #35b9bf;
}
#contact .form .wpcf7-submit:hover {
  transition:ease-in-out all .3s;
  background: transparent;
	color:#35b9bf;
}
#contact .contact-info ul {
  margin: 0;
    margin-top: 0px;
  padding: 0;
  margin-top: 50px;
}
#contact .contact-info ul li {
  list-style-type: none;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 400;
  color: #222;
  line-height: 30px;
}
#contact .contact-info ul li strong {
  font-size: 18px;
  color: #35b9bf;
  text-transform: uppercase;
  display: block;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 5px;
}
#contact .contact-info ul li br {
  display: none;
}
#contact .contact-info ul li a {
  font-size: 24px;
  font-weight: 400;
  color: #222;
  transition: ease-in-out all .3s;
  line-height: 30px;
}
#contact .contact-info ul li a:hover{
	transition:ease-in-out all .3s;
	color:#35b9bf;
}
/* Contact Us End */
/* Footer start */
#site-footer .getin-touch {
  padding: 85px 0 30px 0;
  text-align: center;
  background-color: #333333;
}
#site-footer .getin-touch .row {
  margin-bottom: 50px;
}
#site-footer .getin-touch .col.col1 {
  width: 20%;
  text-align: left;
}
#site-footer .getin-touch .col img {
  width: 100%;
  max-width: 250px;
}
#site-footer .getin-touch .col.col2 {
  width: 60%;
  text-align: center;
}
#site-footer .getin-touch .col ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 555px;
  margin: 0 auto;
}
#site-footer .getin-touch .col ul li {
  list-style-type: none;
  display: block;
}
#site-footer .getin-touch .col ul li a {
  font-size: 16px;
  color: #eaeaea;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  padding: 20px 30px;
}
#site-footer .getin-touch .col ul.two li a{
	padding:13px 10px;
}
#site-footer .getin-touch .col ul li a:hover{
	transition:ease-in-out all .3s;
	color:#35b9bf;
}
#site-footer .getin-touch .col.col3 {
  width: 20%;
  text-align: right;
}
#site-footer .getin-touch .col.col3 ul {
  justify-content: right;
}
#site-footer .getin-touch .col.col3 ul li:last-child a{
	padding-right:0;
}
#site-footer hr {
  background-color: #3d3d3d;
  height: 1px;
}
#site-footer .copyright {
  text-align: center;
  margin-top: 30px;
}
#site-footer .copyright span {
  font-size: 16px;
  color: #fff;
  margin-bottom: 12px;
  display: block;
}
#site-footer .copyright p {
  margin: 0;
  display: block;
 font-size: 14px;
color: #b2b2b2;
}
#site-footer .copyright p a {
  color: #fff;
}
#site-footer .copyright p a:hover{
	transition:ease-in-out all .3s;
	color:#35b9bf;
}
/* Footer End */
#inner-banner {
  padding: 200px 0 80px 0;
  text-align: center;
}
#inner-sec1 {
  padding: 0px 0px 50px 0;
}
#inner-sec1 h4 {
  font-size: 23px;
  color: #333;
  line-height: 33px;
	font-weight: 500;
}
#inner-sec1 p {
  font-size: 17px;
}
#inner-sec1 a{
	color:#35b9bf;
}
#inner-sec1 ul li {
  font-size: 17px;
}
.error-404.not-found {
  padding: 250px 0 100px 0;
  text-align: center;
}
.error-404.not-found .page-title {
  font-family: 'Raleway', sans-serif;
  font-size: 40px;
}
.error-404.not-found .search-form {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.error-404.not-found .search-form .search-field {
  width: 100%;
  font-size: 16px;
  padding: 10px;
  border-radius: 25px;
  font-family: 'Raleway', sans-serif;
}
.error-404.not-found .search-form .search-submit {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  background: #35b9bf;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #35b9bf;
}
.error-404.not-found .search-form .search-submit:hover{
	transition:ease-in-out all .3s;
	background:transparent;
	color:#35b9bf;
	border-color:#35b9bf;
}
/* new services pages */
.serv-banner-inner {
  background-size: cover;
  background-position:bottom center;
  background-repeat: no-repeat;
  padding: 215px 0 300px;
}
.serv-banner-inner h3 {
  font-size: 80px;
  color: #222;
  font-weight: 400;
	line-height: 1.1em;
	text-align:left;
}
.serv-sec1 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 3;
  padding-bottom: 265px;
	position:relative;
}
/* .serv-sec1::after {
  content: '';
  position: absolute;
  right: 0;
  top: -30px;
  width: 514px;
  height: 100%;
  background: url('/wp-content/uploads/2023/07/after.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
} */
.serv-sec1 h3 {
  padding: 30px;
  text-align: center;
  color: #fff;
  background: #35b9bf;
  line-height: 1em;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 55px;
  margin-top: ;
  position: absolute;
  top: -64px;
  right: 0;
  left: 0;
}
.serv-sec1 .row {
  padding-top: 200px;
	position: relative;
z-index: 2;
	min-height: 700px;
}
.serv-sec1 .col {
  width: 48%;
}
.serv-sec1 img {
  display:none;
}
.serv-sec1 .desc p {
  font-size: 21px;
}
.serv-sec1 .row .btn-wrp a {
  margin-top: 15px;
  display: inline-block;
}
.faq {
  background: #aed5d7;
  padding: 120px 0;
}
.faq h3 {
  font-size: 51px;
  color: #000;
  text-align: center;
  margin-bottom: 60px;
}
.faq h3 .color-p {
  color: #eb0088;
}
.faq .faq-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.faq .faq-content ul {
  padding: 0;
  margin: 0;
}
.faq .faq-content ul .uni {
  list-style-type: none;
  background: #fff;
  padding: 40px;
  border-radius: 25px;
  margin-bottom: 25px;
  box-shadow: 0px 4px 8px #00000040;
}
.faq .faq-content ul .uni .accordion {
  position: relative;
	cursor:pointer;
}
.faq .faq-content ul .uni .accordion p {
  margin: 0;
  font-size: 21px;
  color: #ed0790;
  font-weight: 700;
}
.faq .faq-content ul .uni .accordion i {
  position: absolute;
  right: 0;
  top: 10px;
  color: #fff;
  background: #35b9bf;
  padding: 5px;
  border-radius: 50%;
  font-size: 15px;
}
.faq .faq-content ul .uni .panel p {
  margin: 0;
  font-size: 21px;
}
.faq .faq-content ul .uni .panel {
  margin-top: 15px;
  display: none;
}
#my-header .columns .col.nav-menu .bottom ul .submenu-expand {
  display: none;
}
#my-header .columns .col.nav-menu .bottom ul .sub-menu .menu-item--1 {
  display: none;
}
#my-header .columns .col.nav-menu .bottom ul .sub-menu {
  position: absolute;
  background-color: #eaeaea;
  display: none;
  width: 235px;
  border-radius: 10px;
  z-index: 9999;
}
#my-header .columns .col.nav-menu .bottom ul .sub-menu li {
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
}
#my-header .columns .col.nav-menu .bottom ul li.menu-item-has-children:hover .sub-menu{
	display: block;
	transition: .3s;
}
#my-header .columns .col.nav-menu .bottom ul .sub-menu a {
  padding: 10px;
  line-height: 1.2em;
  font-size: 17px;
  display: block;
}
#my-header .columns .col.nav-menu .bottom ul li.menu-item-has-children::after {
  content: '';
  position: absolute;
  right: 8px;
  top: 13px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #35b9bf;
  clear: both;
	transition:ease-in-out all .3s;
}
#my-header .columns .col.nav-menu .bottom ul li.menu-item-has-children:hover::after{
	transform:rotate(180deg);
}
/* responsive styles */
@media screen and (max-width: 2560px) and (min-width: 1921px) {
 	.serv-sec1 {
		background-size: contain;
	}
	.serv-banner-inner {
	  background-position: bottom center;
		padding: 300px 0 300px;
	}
}
@media screen and (max-width: 1650px) {
	.my-container {
		 max-width:1400px;
	  }
	#my-header .columns .col.logo img {
	  max-width: 200px;
	}
	#my-header .columns .col.nav-menu .top a {
		font-size: 20px;
	}
	#my-header .columns .col.nav-menu .bottom ul li a {
		padding: 0 43px;
	}
	#hp-banner {
		padding: 280px 0 200px 0;
	}
	#hp-banner .col h1 {
		font-size: 60px;
	}
	#hp-banner .col .desc p {
		font-size: 17px;
	}
	.btn-wrp a {
	  padding: 13px 65px;
		font-size: 16px;
	}
	#h-serv .col.col1 {
	  width: 32%;
	}
	h3 {
	  font-size: 45px;
	}
	#h-serv .col .desc p {
	  font-size: 18px;
	}
	#h-serv .col.col2 {
	  width: 68%;
	}
	#h-serv .col.col2 ul li {
	  margin: 18px;
	  min-height: 350px;
	}
	#h-serv .col.col2 ul li .icon {
  		width: 80px;
		height: 80px;
	}
	#h-serv .col.col2 ul li .title strong {
  		font-size: 23px;
		margin-left: 20px;
	}
	#h-serv .col.col2 ul li .desc p {
		font-size: 16px;
	}
	#h-about .col .desc p {
		font-size: 16px;
	}
	#h-wcu .col ul li {
		font-size: 20px;
	}
	#h-wcu .col ul li::before {
	  top: 18px;
	}
	#testimonial .col .testimonials ul .desc p {
		font-size: 17px;
	}
	#testimonial .col1 {
	  padding-left: 115px;
	}
	.bp {
	  padding: 115px 0;
	}
	.bp .col h3 {
	  font-size: 44px;
	}
	.bp .col .desc p {
	  font-size: 20px;
	}
	#contact .col1 {
	  width: 49%;
	}
	#contact .contact-info ul li strong {
		font-size: 17px;
	}
	#contact .contact-info ul li {
		font-size: 20px;
	}
	#contact .contact-info ul li a {
		font-size: 20px;
	}
	#site-footer .getin-touch .col ul li a {
		font-size: 15px;
	}
	.serv-banner-inner {
	  padding: 170px 0 240px;
	}
}
@media screen and (max-width: 1537px) {
  .my-container {
     max-width:1300px;
  }
	#my-header {
		padding-top: 20px;
	}
	#my-header .columns .col.nav-menu .bottom ul li a {
		font-size: 17px;
	}
	#my-header .columns .col.logo img {
	  max-width: 200px;
	}
	#my-header .columns .col.nav-menu .top a {
	  font-size: 17px;
	}
	#my-header .columns .col.nav-menu .bottom ul li a {
	  font-size: 16px;
	}
	#hp-banner {
	  padding: 280px 0 160px 0;
	}
	#hp-banner .col h1 {
	  font-size: 47px;
	}
	#hp-banner .col .desc p {
	  font-size: 16px;
	}
	.btn-wrp a {
	  padding: 10px 60px;
	  font-size: 15px;
	}
	#h-serv .col.col1 {
	  width: 29%;
	}
	h3 {
	  font-size: 39px;
	}
	#h-serv .col .desc {
	  margin: 15px 0 0 0;
	}
	#h-serv .col .desc p {
	  font-size: 16px;
	}
	#h-serv .col.col2 {
	  width: 70%;
	}
	#h-serv .col.col2 ul li {
	  margin: 16px;
	  min-height: 307px;
		padding: 30px;
	}
	#h-serv .col.col2 ul li .icon {
	  width: 70px;
	  height: 70px;
	}
	#h-serv .col.col2 ul li .icon img {
	  width: 100%;
	  max-width: 28px;
	}
	#h-serv .col.col2 ul li .title strong {
	  font-size: 21px;
	  margin-left: 15px;
	}
	#h-serv .col .desc {
	  margin: 15px 0 0 0;
	}
	#h-serv .col.col2 ul li a {
		font-size: 16px;
	}
	#h-about .col .desc p {
	  font-size: 15px;
	}
	#h-wcu .col .desc p {
	  font-size: 16px;
	}
	#h-wcu .col ul li {
	  font-size: 18px;
	}
	#h-wcu .col .add-col span {
		font-size: 15px;
	}
	#h-wcu .col ul li {
		margin-bottom: 48px;
	}
	#testimonial .col1 {
	  padding-left: 150px;
	}
	.bp {
	  padding: 95px 0;
	}
	.bp .col h3 {
	  font-size: 38px;
	}
	.bp .col .desc p {
	  font-size: 18px;
	}
	#contact {
	  padding-bottom: 80px;
	  padding-top: 100px;
	}
	.serv-banner-inner {
	  padding: 200px 0 300px;
	}
	.serv-banner-inner h3 {
		font-size: 65px;
	}
	.serv-sec1 h3 {
	  padding: 28px;
	  font-size: 38px;
	  top: -20px;
	}
	.serv-sec1 {
	  margin-top: -48px;
		padding-bottom: 100px;
	}
	.faq {
	  padding: 100px 0;
	}
	.faq h3 {
	  font-size: 50px;
	  margin-bottom: 50px;
	}
	.faq .faq-content ul .uni {
		padding: 25px;
	}
	.serv-sec1 .desc p {
	  font-size: 20px;
	}
	.page-id-333 .serv-sec1 .row {
	  padding-top: 80px;
	}
	.serv-banner-inner {
	  padding: 148px 0 250px;
	}
}

@media screen and (max-width: 1366px) {
  .my-container {
     max-width:1100px;
  }
	#my-header .columns .col.logo img {
	  max-width: 200px;
	}
	#my-header .columns .col.nav-menu .top a {
	  font-size: 20px;
	}
	#my-header .columns .col.nav-menu .bottom ul li a {
		font-size: 16px;
	}
	#hp-banner {
	  padding: 220px 0 130px 0;
	}
	#hp-banner .col h1 {
	  font-size: 48px;
		margin-bottom: 20px;
	}
	#hp-banner .col .desc p {
	  font-size: 15px;
	}
	h3 {
	  font-size: 30px;
	}
	#h-serv {
	  padding: 100px 0 60px 0;
	}
	#h-serv .col .desc p {
	  font-size: 15px;
	}
	#h-serv .col.col2 ul li {
	  margin: 14px;
	  min-height: 315px;
	  padding: 20px;
	}
	#h-serv .col.col2 ul li .title strong {
	  font-size: 19px;
	}
	#h-about .col1 {
	  padding-right: 0px;
	}
	#h-wcu {
		padding: 80px 0;
	}
	#h-wcu p {
		font-size: 25px;
	}
	#h-wcu .col ul li {
	  font-size: 17px;
	}
	#h-wcu .col .add-col .icon {
	  margin-right: 10px;
	}
	#h-wcu .col.col1 {
		width: 37%;
	}
	#h-wcu .col.col2 {
	  width: 26%;
	}
	#h-wcu .col.col3 {
		width: 37%;
	}
	#h-wcu .col1 ul li::after {
	  right: -26px;
	}
	#h-wcu .col ul li::after {
	  top: 13px;
	}
	#h-wcu .col ul li.active::before {
		top: 9px;
	}
	#h-wcu .col ul li {
	  margin-bottom: 50px;
	}
	#testimonial {
	  padding: 90px 0;
	}
	#testimonial .col .testimonials ul .desc p {
	  font-size: 16px;
	}
	.bp {
	  padding: 85px 0;
	}
	.bp .col h3 {
	  font-size: 35px;
	}
	.bp .col .desc p {
	  font-size: 16px;
	}
	#contact {
	  padding-top: 80px;
	}
	#site-footer .getin-touch {
		padding: 50px 0 15px 0;
	}
	#site-footer .getin-touch .col ul li a {
	  padding: 15px 20px;
	}
	#site-footer .getin-touch .col.col3 {
	  width: 13%;
	}
	#site-footer .getin-touch .col ul {
		max-width: 510px;
	}
	#site-footer .getin-touch .row {
	  margin-bottom: 25px;
	}
	.serv-banner-inner {
	  padding: 180px 0 260px;
	}
	.serv-banner-inner h3 {
		font-size: 55px;
	}
	.serv-sec1 .row {
	  padding-top: 40px;
	}
	.serv-sec1 .desc p {
	  font-size: 18px;
	}
}
@media screen and (max-width: 1200px) {
  .my-container {
     max-width:960px;
  }
	#my-header {
	  padding-top: 20px;
	}
	#hp-banner .col h1 {
	  font-size: 44px;
	}
	h3 {
	  font-size: 28px;
	}
	#h-about {
		padding: 20px 0 60px 0;
	}
	#h-serv {
	  padding: 70px 0 60px 0;
	}
	#h-serv .col.col2 ul li {
	  margin: 12px;
	  min-height: 294px;
	}
	#h-serv .col.col2 ul li .desc p {
	  font-size: 14px;
	}
	#h-serv .col.col2 ul li .title strong {
	  font-size: 18px;
	}
	#h-about {
	  padding: 0px 0 80px 0;
	}
	#h-about .col .desc p {
	  font-size: 14px;
	}
	#h-wcu p {
	  font-size: 20px;
	}
	#h-wcu .col.col1 {
	  width: 35%;
	}
	#h-wcu .col.col2 {
	  width: 30%;
	}
	#h-wcu .col.col3 {
	  width: 35%;
	}
	#testimonial {
	  padding: 70px 0;
	}
	#testimonial .col2 {
	  width: 47%;
	}
	#testimonial .col .testimonials ul .desc p {
	  font-size: 16px;
	}
	.bp {
	  padding: 70px 0;
	}
	.bp .col h3 {
	  font-size: 30px;
	}
	.bp .col .desc p {
	  font-size: 15px;
	}
	#contact .col .form {
	  padding: 30px 40px 10px 40px;
	}
	#contact .form .wpcf7-submit {
		margin-top: 0;
	}
	#contact .contact-info ul {
	  margin-top: 35px;
	}
	#contact .contact-info ul li {
		margin-bottom: 30px;
	}
	#contact .col2 {
	  width: 45%;
	}
	.error-404.not-found {
	  padding: 220px 0 70px 0;
	}
	.serv-sec1 {
		background: none !important;
	}
	.serv-sec1 .row {
	  padding-top: 140px;
	}
	.serv-sec1 h3 {
	  font-size: 26px;
		top: 1px;
	}
	
	.serv-sec1 .col {
	  width: 100%;
	}
	.serv-sec1 .col1 img {
	  position: relative;
	  top: unset;
	  left: unset;
	  right: unset;
	  margin: 0 auto !important;
	  display: block;
	}
	.serv-sec1 {
	  padding-bottom: 70px;
	}
	.faq {
	  padding: 65px 0;
	}
	.faq h3 {
	  font-size: 35px;
		margin-bottom: 30px;
	}
	.faq .faq-content ul .uni {
	  padding: 20px;
	}
	.faq .faq-content ul .uni .accordion p {
	  font-size: 19px;
	}
	.faq .faq-content ul .uni .panel p {
	  font-size: 17px;
	}
	.page-id-333 .serv-sec1 .row {
	  padding-top: 140px;
	}
}

@media screen and (max-width: 980px) {
  .my-container {
     max-width:747px;
  }
	#rmp_menu_trigger-112 {
	  margin: 0 !important;
		width: unset;
		margin-left: auto !important;
	}
	#my-header .columns .col.nav-menu {
	  display: none;
	}
	#my-header.sticky .logo img {
		max-width: 135px !important;
	}
	.mob-menu {
		  display: inline-grid;
	}
	#rmp_menu_trigger-112 {
		top: 0;
	}
	#hp-banner {
	  padding: 170px 0 50px 0;
	  background: transparent !important;
	}
	#hp-banner .col.col1 {
	  order: 2;
	  max-width: 100%;
	}
	#hp-banner .col h1 {
	  font-size: 30px;
	}
	#hp-banner .col h1 br {
	  display: none;
	}
	#hp-banner .col h1 .thin {
	  display: block;
	}
	#hp-banner .col .desc {
	  width: 100%;
	  max-width: 100%;
	}
	#hp-banner .col {
	  width: 100%;
	  display: block !important;
	  max-width: 100%;
	  text-align: center;
	}
	#hp-banner .col.col2 img {
	  width: 100%;
	  max-width: 500px;
	  margin-bottom: 25px;
	}
	#h-serv {
	  padding: 10px 0 60px 0;
	}
	#h-serv .col.col1 {
	  width: 100%;
	  text-align: center;
	}
	#h-serv .col.col2 {
	  width: 100%;
	}
	#h-serv .col.col2 ul {
	  margin-top: 0;
	}
	#h-serv .col.col2 ul li:nth-child(2) {
	  margin-top: 12px;
	}
	#h-serv .col.col2 ul li:nth-child(3) {
	  margin-top: 12px;
	}
	#h-about .col1 {
	  width: 100%;
	  text-align: center;
	  padding-right: 0px;
		order:2;
	}
	#h-about .col .desc {
	  width: 100%;
	  max-width: 100%;
	}
	#h-about .col.col2 {
	  width: 100%;
	  text-align: center;
	  order: 1;
	  margin-bottom: 25px;
	}
	#h-about .col .desc p {
	  text-align: center;
	}
	#h-about {
	  padding: 0px 0 50px 0;
	}
	#h-wcu {
	  padding: 50px 0;
	}
	#h-wcu .row {
	  margin-top: 20px;
	}
	#h-wcu p {
	  font-size: 17px;
	}
	#h-wcu .col.col1,
	#h-wcu .col.col2,
	#h-wcu .col.col3{
	  width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}
	#h-wcu .col.col2 {
	  display: none;
	}
	#h-wcu .col.col1, 
	#h-wcu .col.col3 {
		min-height: unset;
	}
	#h-wcu .col.col1 {
	  padding-right: 0;
	}
	#h-wcu .col.col3 {
	  padding-left: 0;
	}
	#h-wcu .col .desc {
	  width: 100%;
	  max-width: 100%;
	}
	#h-wcu .col ul li::before {
		content:none !important;
	}
	#h-wcu .col ul {
	  padding-left: 0;
	  width: 100%;
	}
	#h-wcu .col ul li:after{
		content:none
	}
	#h-wcu .col ul li {
	  margin-bottom: 5px;
		text-align:center;
	}
	#h-wcu .col .add-col {
	  margin: 0 auto;
		margin-top: 30px;
	}
	.mobile-img {
	  display: block;
	  width: 100%;
	  max-width: 250px;
	  margin: 0 auto;
		margin-bottom:25px;
	}
	#h-wcu .col.col1 .animate {
	  display: none;
	}
	#h-wcu .col .add-col .inner {
	  width: 100%;
	  justify-content: center;
	  margin-bottom: 15px;
	}
	#testimonial {
	  padding: 50px 0;
	}
	#testimonial .col1 {
	  padding-left: 0;
	  width: 100%;
	  text-align: center;
	}
	#testimonial .col1 img {
	  width: 100%;
	  max-width: 500px;
	}
	#testimonial .col2 {
	  width: 100%;
	  text-align: center;
		margin-top: 25px;
	}
	#testimonial .col .testimonials {
	  max-width: 100%;
	}
	#testimonial .col .testimonials ul .desc p {
	  text-align: center;
	}
	#testimonial .col .testimonials .slick-dots {
	  text-align: center;
	}
	.bp {
	  padding: 50px 0;
	  background: #c8c8c8 !important;
	}
	.bp .col {
	  width: 100%;
	  text-align: center !important;
	  display: block !important;
	}
	.bp .col.col1 {
	  order: 2;
	}
	.bp .col h3 br {
	  display: none;
	}
	.bp .col.col2 {
	  order: 1;
	  margin-bottom: 25px;
	}
	.bp .col.col2 img {
	  max-width: 500px;
		width: 100%;
	}
	#contact {
	  padding-top: 50px;
	  padding-bottom: 50px;
	}
	#contact .col1 {
	  width: 100%;
	  order: 2;
	  text-align: center;
	}
	#contact .form input, 
	#contact .form select,
	#contact .form textarea{
	  padding: 10px 0;
	  font-size: 15px;
	  width: 100%;
	  margin-bottom: 15px;
	}
	#contact .contact-info ul li strong {
	  font-size: 15px;
	}
	#contact .contact-info ul li {
	  margin-bottom: 20px;
		font-size: 18px;
	line-height: 28px;
	}
	#contact .contact-info ul li a {
	  font-size: 18px;
	  line-height: 28px;
	}
	#contact .col2 {
	  width: 100%;
	  text-align: center;
	}
	#contact .contact-info ul {
	  margin-top: 20px;
	}
	#site-footer .getin-touch .col.col1 {
	  width: 100%;
	  text-align: center;
	}
	#site-footer .getin-touch .col.col2 {
	  width: 100%;
	  text-align: center;
	}
	#site-footer .getin-touch .col.col3 {
		width: 100%;
	}
	#site-footer .getin-touch .col.col3 ul {
	  justify-content: center;
	}
	#site-footer .copyright span {
		font-size: 14px;
	}
	#inner-sec1 h4 {
		font-size: 20px;
		line-height:30px;
	}
	#inner-sec1 p {
	  font-size: 15px;
	}
	#inner-sec1 ul li,
	#inner-sec1 ol li{
	  font-size: 15px;
	}
	.error-404.not-found {
	  padding: 160px 0 50px 0;
	}
	.error-404.not-found .page-title {
	  font-size: 32px;
	}
	.error-404.not-found p {
	  font-size: 17px;
	}
	.serv-banner-inner {
	  padding: 165px 0 170px;
	}
	.serv-banner-inner h3 {
	  font-size: 40px;
	}
	.serv-sec1 {
		margin-top: -30px;
	}
	.serv-sec1 h3 {
	  padding: 20px;
	}
	.serv-sec1 .desc p {
	  font-size: 16px;
	  text-align: center;
	}
	.serv-sec1 .row .btn-wrp {
	  text-align: center;
	}
	.faq {
	  padding: 45px 0;
	}
	.faq h3 {
	  font-size: 30px;
	  margin-bottom: 20px;
	}
	.faq .faq-content ul .uni {
	  padding: 15px 20px;
	  border-radius: 10px;
	  margin-bottom: 15px;
	}
	.faq .faq-content ul .uni .accordion p {
	  font-size: 17px;
	}
	.faq .faq-content ul .uni .accordion i {
		top: 4px;
	}
	.faq .faq-content ul .uni .panel p {
	  font-size: 15px;
	}
}
@media screen and (max-width: 767px) {
  .my-container {
     max-width:600px;
  }
	#hp-banner .col h1 {
	  font-size: 28px;
	}
	h3 {
	  font-size: 26px;
	}
	#h-serv .col.col2 ul li .title {
	  justify-content: center;
	  flex-direction: column;
	}
	#h-serv .col.col2 ul li {
	  margin: 10px;
	  min-height: 320px;
	  padding: 12px;
	}
	#h-serv .col.col2 ul li .icon {
	  margin-bottom: 10px;
	}
	#h-serv .col.col2 ul li .title strong {
	  font-size: 21px;
	  margin-left: 0;
	  text-align: center;
	}
	#h-serv .col.col2 ul li a {
	  display: block;
	  text-align: center;
	}
	.bp .col h3 {
	  font-size: 23px;
	}
	.bp .col .desc p {
	  font-size: 14px;
	}
	#inner-banner {
	  padding: 155px 0 40px 0;
	  text-align: center;
	}
	.error-404.not-found {
	  padding: 160px 0 35px 0;
	}
	.error-404.not-found .page-title {
	  font-size: 27px;
	}
	.error-404.not-found p {
	  font-size: 15px;
	}
	.serv-banner-inner {
	  padding: 112px 0 170px;
	}
	.serv-sec1::after {
		content:none;
	}
	.serv-sec1 .row {
	 padding-top: 100px !important;
	}
/* 	.serv-banner-inner h3 {
	  background: #ffffffa1;
	  display: inline-block;
	  padding: 15px;
	  border-radius: 10px;
	} */
/* 	.page-id-326 .serv-banner-inner h3 {
	  margin-left: auto !important;
	  display: block;
	  width: 100%;
	  max-width: 200px;
	} */
	.serv-banner-inner h3 {
	  visibility: hidden;
	}
}

@media screen and (max-width: 640px) {
  .my-container {
     max-width: 400px;
	  padding:0 10px;
  }
	.pum-container strong {
		font-size: 20px;
	}
	#hp-banner .col h1 .thin {
	  display: unset;
	}
	#hp-banner .col h1 {
	  font-size: 26px;
	}
	#h-serv .col.col2 ul li {
	  min-height: unset;
	  padding: 15px;
	  width: 100%;
	}
	#testimonial .col .testimonials ul .desc p br {
	  display: none;
	}
	.bp .col h3 {
	  font-size: 21px;
	}
	#contact .col .form {
	  padding: 15px 15px 0px 15px;
	}
	#site-footer .getin-touch .col ul li a {
	  padding: 10px 10px;
	}
	#inner-sec1{
		text-align:left;
	}
	#inner-sec1 ul li {
	  text-align: left;
	}
	#inner-banner h3 {
	  font-size: 28px;
	  margin-bottom: 0;
	}
	#inner-sec1 h4 {
	  font-size: 16px;
	  line-height: 26px;
	}
	.error-404.not-found .page-title {
	  font-size: 22px;
	}
	.error-404.not-found p {
	  font-size: 14px;
	}
	#site-footer .getin-touch .col ul.two {
	  flex-direction: column;
	}
	.faq .faq-content ul .uni .accordion p {
	  font-size: 14px;
		padding-right: 20px;
		line-height: 1.2em;
	}
	.faq .faq-content ul .uni {
	  padding: 15px 11px;
	}
	.faq .faq-content ul .uni .accordion i {
	  top: 1px;
	  font-size: 12px;
	}
	.faq .faq-content ul .uni .panel p {
	  font-size: 14px;
	}
	.serv-sec1 h3 {
	  padding: 18px;
	  font-size: 20px;
	}
	.serv-banner-inner {
	  padding: 93px 0 156px;
	  background-position: center;
	}
	.serv-banner-inner h3 {
	  font-size: 33px;
	}
	.serv-sec1 .row {
	  padding-top: 90px;
	}
	.page-id-329 .serv-banner-inner {
	  background-position: 54%;
	}
	.page-id-326 .serv-banner-inner {
	  background-position: 54%;
	}
	.page-id-299 .serv-banner-inner {
	  background-position: center;
	}
}
@media screen and (max-width: 440px) {
  .my-container {
    max-width: 90%;
	  padding:0 10px;
  }
	#my-header .columns .mob-menu {
	  width: 30%;
	}
	#my-header .columns .col.logo {
	  width: 70%;
	}
	#contact .contact-info ul li a,
	#contact .contact-info ul li p{
		font-size: 14px;
	}
}



/***** Woocommerce   */
/* =========================
   SHOP LAYOUT (Tan Marine)
========================= */

.tm-shop{
  background:#f4f6fb;
  padding: 28px 0 48px;
}

.tm-shop__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 26px;
  align-items:start;
}

/* Sidebar category box */
.tm-catbox{
  background:#eef2fb;
  border-radius: 10px;
  padding: 14px;
  border: 1px solid rgba(0,0,0,.06);
}

.tm-catbox__title{
  margin: 6px 8px 10px;
  font-size: 22px;
  font-weight: 900;
  color:#0b2f63;
  text-transform: uppercase;
}

.tm-catbox__list{
  list-style:none;
  margin:0;
  padding:0;
  border-radius: 10px;
  overflow:hidden;
}

.tm-catbox__list li{
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.45);
}

.tm-catbox__list li:last-child{ border-bottom:0; }

.tm-catbox__list a{
  display:block;
  padding: 12px 14px;
  color:#2b2b2b;
  text-decoration:none;
  font-weight: 600;
}

.tm-catbox__list li.is-active a{
  background:#0b4a8f;
  color:#fff;
  border-radius: 8px;
  margin: 8px;
}
.tm-catbox__list li.is-active{
  background: transparent;
  border-bottom: 0;
}

.tm-shop__main{
  min-width: 0;
}

/* Top bar */
.tm-shop__top{
  display:flex;
  justify-content:space-between;
  gap: 18px;
  align-items:flex-start;
  margin-bottom: 14px;
}

.tm-shop__heading{
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 900;
  color:#0b2f63;
  text-transform: uppercase;
}

.tm-shop__sort{
  display:flex;
  gap: 10px;
  align-items:center;
}

.tm-shop__sort-label{
  font-weight: 700;
  color:#6b7280;
}

.woocommerce .woocommerce-ordering{
  margin: 0;
}
.woocommerce .woocommerce-ordering select{
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  background:#fff;
}

/* Search */
.tm-shop__search .widget{
  margin: 0;
}
.tm-shop__search form{
  display:flex;
  align-items:stretch;
  gap:0;
}
.tm-shop__search input[type="search"]{
  width: 320px;
  max-width: 100%;
  border-radius: 10px 0 0 10px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 10px 12px;
  background:#fff;
}
.tm-shop__search button{
  border:0;
  padding: 0 16px;
  border-radius: 0 10px 10px 0;
  background:#0b4a8f;
  color:#fff;
  font-weight: 800;
}

/* Pagination positioned like screenshot */
.tm-shop__pager{
  display:flex;
  justify-content:flex-end;
}
.tm-shop__pager--top{
  margin-top: 10px;
}
.tm-shop__pager--bottom{
  margin-top: 18px;
}

/* Woo pagination look */
.woocommerce nav.woocommerce-pagination ul{
  border:0;
  margin:0;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:0;
  margin-left: 6px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 8px 12px;
  background:#fff;
  color:#0b2f63;
  font-weight: 800;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:#0b4a8f;
  border-color:#0b4a8f;
  color:#fff;
}

/* Product grid */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{ display:none !important; }
.woocommerce ul.products li.product{
  width: auto !important;
  margin: 0 !important;
}

/* Card */
.tm-prod{
  background:#fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 18px rgba(11,47,99,.08);
  padding: 14px;
  text-align:center;
}

.tm-prod__img{
  display:block;
  background:#f6f8ff;
  border-radius: 10px;
  padding: 10px;
  height: 170px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.tm-prod__img img{
  max-height: 150px;
  width:auto;
  height:auto;
  object-fit: contain;
}

.tm-prod__title{
  display:block;
  margin: 12px 0 6px;
  font-size: 16px;
  font-weight: 900;
  color:#0b2f63;
  text-decoration:none;
  line-height: 1.25;
}
.tm-prod__title:hover{ text-decoration: underline; }

.tm-prod__brand{
  font-size: 13px;
  font-weight: 700;
  color:#1f2937;
  opacity: .85;
  margin-bottom: 12px;
}

/* Buttons row */
.tm-prod__actions{
  display:grid;
  gap: 10px;
  margin-top: 8px;
}

/* Enquire */
.tm-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 900;
  letter-spacing:.3px;
  text-decoration:none;
  text-transform: uppercase;
}

.tm-btn--primary{
  background:#0b4a8f;
  color:#fff;
}

/* Add to cart styled as light button */
.tm-btn--ghost a.button{
  width:100%;
  margin:0 !important;
  border-radius: 10px !important;
  background:#f1f5ff !important;
  color:#0b2f63 !important;
  border: 1px solid rgba(11,74,143,.18) !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  padding: 10px 12px !important;
}
.tm-btn--ghost a.button:hover{
  background:#e7eeff !important;
}

/* Remove default Woo title/price spacing issues */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{ display:none !important; }

/* Responsive */
@media (max-width: 1100px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px){
  .tm-shop__wrap{ grid-template-columns: 1fr; }
  .tm-shop__top{ flex-direction: column; }
  .tm-shop__search input[type="search"]{ width: 100%; }
}
@media (max-width: 600px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

@media only screen and (min-width: 1168px) {
    .woocommerce .content-area .site-main {
        max-width: 100% !important;
    }
}

/*********YITH request a quote***************/