/* Compiled on 2024/05/19 12:55:22 pm */
:root {
  --primary: hsla(214,60%,23%,1);
  --secondary: hsla(145,80%,34%,1);
  --text: hsla(15,10%,10%,1);
  --accent: hsla(15,100%,50%,1);
}
body{
    text-align: left;
    position: relative;
    margin: 0;
}

body+* {
    clear: both;
    color: var(--text);
}

/* Styles for the section containing all articles */
.articles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* Space between articles */
    justify-content: center;
    padding: 20px;
}

/* Styles for each article */
.articles a, .articles a:hover {
    text-decoration: none;
    /* Remove underline from links */
    color: inherit;
    /* Text color will be inherited from parent elements */
}

.articles article {
    background-color: #f9f9f9;
    /* Light grey background */
    border: 1px solid #e0e0e0;
    /* Border around each article */
    border-radius: 8px;
    /* Rounded corners */
    overflow: hidden;
    /* Ensures that child elements do not overflow the border */
    width: 300px;
    /* Width of each article */
    transition: transform 0.2s ease;
    /* Smooth transform transition */
}

/* Styles for the image within each article */
.articles article img {
    width: 100%;
    /* Image will take the full width of the article */
    height: auto;
    /* Maintain aspect ratio */
    display: block;
    /* Remove any space below the image */
}

/* Styles for the title within each article */
.articles article h1 {
    font-size: 1.2em;
    margin: 15px;
    color: #333;
    /* Dark text color */
}

/* Styles for the paragraph within each article */
.articles article p {
    margin: 15px;
    color: #666;
    /* Slightly lighter text color */
}

/* Hover effect for each article */
.articles article:hover {
    transform: scale(1.05);
    /* Slightly enlarge the article on hover */
}

a {
    display:inline;
    color: var(--accent);
    text-decoration: none;
}

a:not(.btn):hover {
    color: var(--accent);
    text-decoration: underline;
}

a.btn {
    background-color: var(--secondary);
    color: var(--text);
    border: 1px solid var(--secondary);
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

a.btn:hover {
    background-color: var(--primary);
    color: var(--text);
}

p {
    display: block;
    position: relative;
    margin-top: 10px;
    word-spacing: 2px;
}

h1 {
    display: block;
    font-size: 2em;
    margin: 0;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin: 0;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin: 0;
    font-weight: bold;
}

h4 {
    display: block;
    margin: 0;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: .83em;
    margin: 0;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: .67em;
    margin: 0;
    font-weight: bold;
}

img.right, img.left, img.center {
    margin: 20px;
    object-fit: cover;
    display: block;
    clear: both;
}

img.right {
    float: right;
    max-width: 40%;
}

img.left {
    float: left;
    max-width: 40%;
}

img.center {
    max-width: 80%;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

img.inline {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

em {
    font-style: oblique;
    font-weight: 100
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    max-width: 100%;
    max-height: 10vh;
    margin-bottom: 10px;
    margin-right: 40px;
    display: block;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid var(--primary);
}

th,
td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: rgba(125, 125, 125, 0.05);
}

th {
    background-color: var(--primary);
    color: var(--secondary);
}

blockquote {
    border-left: 5px solid var(--primary);
    padding: 0 10px;
    margin: 0 0 10px 0;
    font-style: italic;
}

blockquote p {
    margin: 0;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote:before {
    content: "";
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    color: #678c26;
}

code {
    font-family: "Courier New", monospace;
    font-size: 14px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 225, 52);
    padding: 2px 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
}

hr,
br {
    clear: both;
}

@media screen and (max-width:749px) {
    img {
        width: 100%;
        max-height: 90vh;
        float: none;
    }

    .navDisplayDesktop:not(.navDisplayMobileShow) {
        display: none !important;
    }
}
@media screen and (min-width:750px) {
    .navDisplayMobile {
        display: none !important;
    }
}:root {
    --green: #032f28;
    --text-color: #161515;
    --text-white: #ffffff;
    --menutxt: #000000;
    --menu-back: rgba(34, 34, 34, 0.93);
    --topheadbg: #2a2d36;
    --bluecolor: #044b86;
    --gray: #a1a1a1;
    --btncolor: #ff0000;
    --bordercolor: #f1f1f1;
    --abouttext-color: #818181;
    --servicebg: rgba(144, 196, 255, 0.13);
    --serviceboxbg: rgba(144, 196, 255, 0.11);
    --possiblebg: rgba(0, 0, 0, 0.35);
    --text-color2: #353841;
    --text-color3: #848383;
    --formcolor: #F1F9FF;
    --whybg: #FFB800;
    --black: #000000;
    --headerbg: #f9f9f9;
    --bannercapbg: rgba(42, 45, 54, 0.9);
    --popularbg: #c1c1c1;
    --serviceofferbg: #E9E9E9;
    --gallerybg: #9BA0A6;
    --main-font: "Montserrat", sans-serif;
    --font-46: 46px;
    --font-32: 32px;
    --font-26: 26px;
    --font-22: 22px;
    --font-24: 24px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;
    --font-12: 12px;
    --font-11: 11px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* End demo styles */
html {
    scroll-behavior: smooth;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: var(--main-font);
    color: var(--text-color);
    line-height: normal;
    font-weight: 400;
}

a {
    text-decoration: none;
    outline: none;
}

img {
    margin: 0;
    height: auto;
    max-width: 100%;
    padding: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

ul,
ol {
    list-style-type: none;
}


@media screen and (max-width:971px) {
    :root {
        --font-46: 28px;
        --font-32: 24px;
        --font-26: 22px;
        --font-22: 18px;
        --font-24: 20px;
        --font-20: 16px;
        --font-18: 15px;
        --font-16: 16px;
        --font-14: 14px;
        --font-12: 12px;
    }

}

@media screen and (max-width:650px) {
    :root {
        --font-46: 24px;
        --font-32: 20px;
        --font-26: 18px;
        --font-22: 16px;
        --font-24: 16px;
        --font-20: 16px;
        --font-18: 15px;
    }
}
/* / */

.area-664a592a15f5e {background: var(--topheadbg);
padding: 7px 0;}


.area-664a592a15f5e .container{
    width: 1140px;
    margin: 0 auto;
}

.area-664a592a15f5e .topheadwrap ul{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.area-664a592a15f5e .topheadwrap ul li a{
  color: var(--text-white);
  font-size: var(--font-12);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}

.area-664a592a15f5e .topheadwrap ul li a:hover{ text-decoration: none;}

.area-664a592a15f5e .topheadwrap ul li picture{width: 14px;}
.area-664a592a15f5e .topheadwrap ul li picture img{ display: block;}

 @media screen and (max-width:1300px) {
 	.area-664a592a15f5e .container{
 		max-width: 94%;
 	}

 }



 @media screen and (max-width:1200px) {
 	.area-664a592a15f5e .container{
 		max-width: 80%;
 	}

 }








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

  .area-664a592a15f5e .topheadwrap ul li:first-child{width: 100%;}

  .area-664a592a15f5e .topheadwrap ul li:first-child a{justify-content: center;}

  .area-664a592a15f5e .topheadwrap ul{justify-content: center;}

  .area-664a592a15f5e .topheadwrap ul li:nth-child(2){width: 100%;}
  
  .area-664a592a15f5e .topheadwrap ul li:nth-child(2) a{justify-content: center;}

}
.area-664a592a1685f{
  background: var(--headerbg);
  padding: 20px 0;
}

.area-664a592a1685f .container {
	max-width: 1250px;
	margin: 0 auto;
}

.area-664a592a1685f .header {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
.area-664a592a1685f .header .logo{ width: 300px;}
.area-664a592a1685f .header .logo img{ display: block;}
.area-664a592a1685f .header .logo p{ margin: 0;}



.area-664a592a1685f #navbar {
  position: relative;
}

.area-664a592a1685f .navbar {
  text-align: center;
}

.area-664a592a1685f .navbar ul {
  padding: 0;
}

.area-664a592a1685f .navbar ul li {
  display: inline-block;
  line-height: 30px;
  font-size: var(--font-16);
  text-transform: uppercase;
  -webkit-transition: ease-in-out 0.15s;
  -o-transition: ease-in-out 0.15s;
  transition: ease-in-out 0.15s;
}

.area-664a592a1685f .navbar ul li:hover {
  
}



.area-664a592a1685f .navbar ul li a {
  display: inline-block;
  color: var(--topheadbg);
  text-decoration: none;
  -webkit-transition: ease-in-out 0.15s;
  -o-transition: ease-in-out 0.15s;
  transition: ease-in-out 0.15s;
  width: 100%;
  font-weight: 600;
    position: relative;
    line-height: normal;
    padding: 0 15px;
    text-transform: initial;
  font-size: var(--font-12);
}





.area-664a592a1685f .navbar ul li:hover a {
opacity: 0.7;
}

.navbar ul li a.active {
  /* color: var(--btncolor); */
}

.area-664a592a1685f .navbar ul li:hover > ul {
  display: block;
}

.area-664a592a1685f .navbar ul li ul {
  display: none;
  position: absolute;
  background: var(--topheadbg);
  width: 180px;
  z-index: 200;
}

.area-664a592a1685f .navbar ul li ul li {
    padding: 0;
    display: block;
    position: relative;
    line-height: 12px;
    text-align: left;
    border-top: 1px solid var(--border2);
}



.area-664a592a1685f .navbar ul li ul li:first-child {
  border: none;
}

.area-664a592a1685f .navbar ul li ul li a {
    margin: 5px 0;
    color: var(--text-white);
    text-transform: none;
    padding: 4px 20px;
    border: none;
    text-transform: uppercase;
}

.area-664a592a1685f .navbar ul li:hover ul li a {
    color: var(--text-white);
}
.area-664a592a1685f .navbar ul li ul li:hover a {
  color: var(--text-white);
}

.area-664a592a1685f .navbar ul li ul li a:hover {
  border-radius: 0;
  /* color: var(--btncolor); */
}

.area-664a592a1685f .navbar ul li ul ul {
  position: absolute;
  left: 100%;
  width: 140px;
  top: 0;
  display: none;
}

.area-664a592a1685f .navbar ul li li:hover ul {
  display: block !important;
}
.area-664a592a1685f #mobile-menu{
	display: none;
}


 @media screen and (max-width:1300px) {
 	.area-664a592a1685f .container{
 		max-width: 94%;
 	}
 }


 @media screen and (max-width:1200px) {
.area-664a592a1685f .container{
 		max-width: 80%;
 	}

 }

  @media screen and (max-width:1070px) {
 
  .area-664a592a1685f .navbar ul li a{padding: 0 4px;}
  
  }








@media screen and (min-width: 1061px) {
  .area-664a592a1685f .navbar {
    display: block !important;
  }
}
@media screen and (max-width: 1060px) {

  .area-664a592a1685f #mobile-menu {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 999;
    background: var(--black);
  }
  .area-664a592a1685f #mobile-menu ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  }
  .area-664a592a1685f #mobile-menu ul li a {
    width: 100%;
    display: block;
    padding: 10px;
  }
  .area-664a592a1685f .navbar ul li a {
    font-size: 15px;
    padding: 3px;
  }
  .area-664a592a1685f .navbar {
    display: none;
    padding: 0;
    text-align: left;
    width: 90vw;
    margin: 0;
    position: fixed;
    z-index: 200;
    box-shadow: 0px 0 15px 0px black;
    bottom: 49px;
    left: 5vw;
    max-height: calc(100vh - (51px + 6vh));
    overflow-y: auto;
    overflow-x: hidden;
  }
  .area-664a592a1685f .navbar ul {
    z-index: 10;
    position: relative;
    display: block;
    background: var(--black);
    padding: 10px;
  }
  .area-664a592a1685f .navbar ul li {
    display: block;
    z-index: 3;
    text-align: left;
    position: relative;
    padding: 0;
    margin: 0;
    line-height: normal;
  }
  .area-664a592a1685f .navbar ul li a.active {
    color: var(--text-white);
    border: 0;
}
.area-664a592a1685f .navbar ul li:hover a {
    color: var(--text-white);
    border: 0;
}
.area-664a592a1685f .navbar ul li a:after {
    display: none;
}
  .area-664a592a1685f .navbar ul li:hover {
    background: var(--text);
    border-radius: 0;
    color: var(--text);
  }
  .area-664a592a1685f .navbar ul li:hover {
    background: none;
  }
  .area-664a592a1685f .navbar ul li a {
    background: none;
    display: block;
    position: relative;
    width: 100%;
    color: var(--text-white);
    padding: 8px 10px;
    border: none;
  }
  .area-664a592a1685f .navbar ul li a:hover {
    border-radius: 0;
    color: var(--btncolor);
    border: 0;
  }
  .area-664a592a1685f .navbar ul li ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none;
  }
  .area-664a592a1685f .navbar ul li ul {
    display: block;
    background: none;
  }
  .area-664a592a1685f .navbar ul li ul li {
    border: none;
    float: none;
    clear: both;
    width: 100%;
  }
  .area-664a592a1685f .navbar ul li ul li:hover {
    background: none;
}
  .area-664a592a1685f .navbar ul li ul li a {
    float: none;
    clear: both;
    width: 100%;
    padding: 5px 20px 5px 30px;
    margin: 0;
    color: var(--text-white);
  }
  .area-664a592a1685f .navbar ul li ul ul {
    display: block;
    left: 0;
    position: relative;
    width: 446px;
  }
  .area-664a592a1685f .navbar ul li ul ul li {
    width: 436px;
  }
  .area-664a592a1685f .navouter {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
}


}


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

.area-664a592a1685f .logo {
  width: 300px;
  margin: 0 auto;
}
}
/********************Nav-End*********************************/
/*==============Flex Slider=============*/
.area-664a592a16a81 .flexslider {
	margin: 0;
	padding: 0;
}
.area-664a592a16a81 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} 
/* Clearfix for the .slides element */
.area-664a592a16a81 .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.area-664a592a16a81 html[xmlns] .slides {
	display: block;
}
.area-664a592a16a81 * html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.area-664a592a16a81 .no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.area-664a592a16a81 .flexslider {
	margin: 0 0;
	position: relative;
}
/* Direction Nav */
.area-664a592a16a81 .flexslider:hover .flex-direction-nav{display: block;transition:all linear .5s;}
.area-664a592a16a81 .flex-direction-nav {
  transition:all linear .5s;
}
/* Control Nav */
.area-664a592a16a81 .flex-control-nav {
	display: block;
}
.area-664a592a16a81 .flex-control-nav {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    z-index: 9;
    left: 0px;
	background: none;
}
.area-664a592a16a81 .flex-control-nav li {
    margin: 0;
    display: inline-block;
}
.area-664a592a16a81 .flex-control-paging li a {
    width: 21px;
    height: 3px;
    display: block;
    cursor: pointer;
    text-indent: -999px;
    font-size: 2px;
    padding: 0;
    background: var(--gray);
    border-radius: 50px;
    margin-right: 8px;
    border: 1px solid var(--gray);
    opacity: .5;
    border-radius:20px;
}
.area-664a592a16a81 .flex-control-paging li a.flex-active {
    cursor: pointer;
    opacity: 1;
    background: var(--text-white);
    border: 1px solid var(--text-white);

}
.area-664a592a16a81 .flex-control-paging li a.flex-active {
    cursor: default;
}
.area-664a592a16a81 .slider{
	width: 100%;
	position: relative;
}
.area-664a592a16a81 .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 22px;
    height: 40px;
    background-color: var(--back);
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: .9;
    cursor: pointer;
    color: var(--text);
    font-size:  0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.area-664a592a16a81 .flex-direction-nav .flex-prev {
    text-align: left;
    left: 30px;
    background: url('/asset/1715199040_main_sliderleft.png');;
    background-size: cover;
    background-repeat: no-repeat;
}
.area-664a592a16a81 .flex-direction-nav .flex-next {
    text-align: right;
    right: 30px;
    background: url('/asset/1715200850_main_sliderright.png');;
    background-size: cover;
    background-repeat: no-repeat;
}
.area-664a592a16a81 .flexslider .slides > li.flex-active-slide{
  display: block;
}

/*==============Flex Slider=============*/



.area-664a592a16a81 .bannerimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area-664a592a16a81 .bannerimg {
  height: 600px;
}




.area-664a592a16a81 .bannercaptionouter{  text-align: center; 
  position: absolute;
 /* top: 50%;*/
 top:50%;
 /*padding-top:8%;*/
 height:100%;
  left: 0;
  right: 0;
  overflow:hidden;

  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); display:none;}


.area-664a592a16a81 .flex-active-slide .bannercaptionouter {
	display: flex;
	align-items: center;
}
.area-664a592a16a81 .flex-active-slide .bannercaption{  
max-width: 70%;
    margin: 0 auto;
  -webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-delay: .9s;
animation-delay: .9s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeBottom;
animation-name: fadeBottom;

}



@keyframes fadeBottom {
    from {
        opacity: 0;
        transform: translateY(25%);
    }
    to { opacity: 1 }
}


.area-664a592a16a81 .bannercapbg{
background: var(--bannercapbg);
padding: 40px 20px;


}
.area-664a592a16a81 .flex-control-nav{display: none;}
.area-664a592a16a81 .bannertitle{
  color: var(--text-white);
  font-size: var(--font-46);
  font-weight: 800;
}
.area-664a592a16a81 .bannersubtitle{
  color: var(--text-white);
  font-size: var(--font-22);
  font-weight: 500;
  margin: 10px 0;
}
.area-664a592a16a81 .bannercaption p{
  color: var(--text-white);
  font-size: var(--font-14);
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.area-664a592a16a81 .quotebtn{
background: var(--btncolor);
color: var(--text-white);
font-size: var(--font-14);
border-radius: 50px;
padding: 8px 14px;
  margin: 20px auto 0;
  display: inline-block;
  position: relative;
  transition: .2s;
}
.area-664a592a16a81 .quotebtn::after{
  content: "";
  background: url('/asset/1715201558_main_caret.png');
  right: 16px;
  width: 4px;
  height: 12px;
  top: 14px;
  margin-left: 3px;
  position: absolute;
  background-size: contain;
  opacity: 0;
  background-repeat: no-repeat;

}
.area-664a592a16a81 .quotebtn:hover::after{opacity: 1; }
.area-664a592a16a81 .quotebtn:hover{
background: var(--topheadbg);
transition: .2s;
padding: 8px 28px 8px 14px;
text-decoration: none;
color: var(--text-white);
}






@media screen and (max-width:479px){
  .area-664a592a16a81 .bannercaption{max-width: 90%;}
 .area-664a592a16a81 .bannercapbg{padding: 33px 10px;}
  .area-664a592a16a81 .flex-direction-nav .flex-prev {
  left: 10px;
}
.area-664a592a16a81 .flex-direction-nav .flex-next {
  right: 10px;
}
.area-664a592a16a81 .flex-active-slide .bannercaption {
	max-width: 77%;
}
  }



.area-664a592a17532 .bannerbottom{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMyQTJEMzYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 100% 100px;
  height: 100px;
  margin-top: -100px;
  z-index: 9;
  position: relative;
}
.area-664a592a1753b{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNjMWMxYzEiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 100% 100px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: var(--topheadbg);
  padding-bottom: 60px;
}
.area-664a592a1753b .container {
	max-width: 1250px;
	margin: 0 auto;
}
.area-664a592a1753b .mainbodywrap{text-align: center;
  margin-top: -70px;
  z-index: 9;
  position: relative;
}
.area-664a592a1753b .servicebox {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  background-image:linear-gradient(180deg,rgba(249,249,249,0.5) 0%,rgba(249,249,249,0.5) 100%),  url('/asset/1715202412_main_concrete-bg.jpg');;
  background-position: 50%;
  background-repeat: no-repeat;
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
  padding: 20px;
  border-top: 2px solid var(--btncolor);
  text-align: left;
  margin: 0 30px;
  min-height: 195px;
  background-size: cover;
}
.area-664a592a1753b .servicehead{
  color: var(--topheadbg);
  text-transform: uppercase;
  font-weight: 800;
  font-size: var(--font-16);
}
.area-664a592a1753b .servicebox p{
  color: var(--topheadbg);
  font-weight: 500;
  font-size: var(--font-12);
  margin: 12px 0 16px;
  line-height: 160%;
}
.area-664a592a1753b .readmore{
  background: var(--topheadbg);
  font-weight: 600 !important;
  font-size: var(--font-12);
  text-transform: uppercase;
  color: var(--text-white);
  padding: 6px 12px 7px 12px;
  border-radius: 50px;
  position: relative;
  transition: .2s;
  display: inline-block;
}
.area-664a592a1753b .readmore:hover{
  background: var(--btncolor);
  padding: 6px 22px 7px 12px;
  text-decoration: none; color: var(--text-white);
}
.area-664a592a1753b .readmore::after{
  content: "";
 background: url('/asset/1715201558_main_caret.png');
  right: 10px;
  width: 4px;
  height: 12px;
  top: 10px;
  margin-left: 3px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;

}
.area-664a592a1753b .readmore:hover::after{opacity: 1;}

 @media screen and (max-width:1300px) {
 	.area-664a592a1753b .container{
 		max-width: 94%;
 	}
   .area-664a592a1753b .servicebox{margin: 0 19px;}

 	
}

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

  .area-664a592a1753b .container{
    max-width: 80%;
  }
  
  }
  
  
  @media screen and (max-width:1000px) {

.area-664a592a1753b .servicebox {
  margin: 0 10px;
}

}



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

.area-664a592a1753b .servicebox{min-height: 320px;}


}


 @media screen and (max-width:767px) {
  .area-664a592a1753b .servicebox {
    min-height: inherit;
    width: 100%;
    margin: 10px 0;
  }
  
  }
.area-664a592a17965 {
  padding: 60px 0;
  background: var(--popularbg);
}


.area-664a592a17965 .container {
	max-width: 1250px;
	margin: 0 auto;
}



.area-664a592a17965 .popularheading{
  text-align: center;
  font-weight: 800;
  font-size: var(--font-26);
  color: var(--topheadbg);
  position: relative;
  margin-bottom: 100px;
}
.area-664a592a17965 .popularheading::after{
  content: "";
  position: absolute;
  width: 33%;
  height: 2px;
  background: var(--topheadbg);
  bottom:-30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.area-664a592a17965 .servicecontentheading{
  font-size: var(--font-32);
  color: var(--topheadbg);
  font-weight: 700;
  margin-bottom: 20px;
}
.area-664a592a17965 .zigzagcontent p{
  font-size: var(--font-12);
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 15px;
}
.area-664a592a17965 .zigzagimg img{width: 100%; border: 4px solid var(--text-white);box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}
.area-664a592a17965 .zigzagsec{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 27px;
}
.area-664a592a17965 .zigzagcontent {
  width: 67%;
  padding-left: 40px;
}
.area-664a592a17965 .zigzagouter .zigzagsec:nth-child(2) .zigzagimg{order: 2;}
.area-664a592a17965 .zigzagouter .zigzagsec:nth-child(2) .zigzagcontent{padding-left: 0; padding-right: 40px;}

.area-664a592a17965 .zigzagcontent .readmore{
  background: var(--btncolor);
}


.area-664a592a17965 .readmore{
  background: var(--topheadbg);
  font-weight: 600 !important;
  font-size: var(--font-12);
  text-transform: uppercase;
  color: var(--text-white);
  padding: 6px 12px 7px 12px;
  border-radius: 50px;
  position: relative;
  transition: .2s;
  display: inline-block;
}
.area-664a592a17965 .readmore:hover{
  background: var(--btncolor);
  padding: 6px 22px 7px 12px;
}
.area-664a592a17965 .readmore::after{
  content: "";
 background: url('/asset/1715201558_main_caret.png');
  right: 10px;
  width: 4px;
  height: 12px;
  top: 10px;
  margin-left: 3px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;

}
.readmore:hover::after{opacity: 1;}


.area-664a592a17965 .zigzagcontent .readmore:hover{background: var(--topheadbg); text-decoration:none; color: var(--text-white);}


 @media screen and (max-width:1300px) {
 	.area-664a592a17965 .container{
 		max-width: 94%;
 	}
.area-664a592a17965 .zigzagcontent{width: 63%;}

 	
}

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

  .area-664a592a17965 .container{
    max-width: 80%;
  }
   .area-664a592a17965 .zigzagcontent {
  width: 52%;
}
  }
  
   @media screen and (max-width:1070px) {
 
  
  .area-664a592a17965 .zigzagcontent {
    width: 48%;
  }
}


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

.area-664a592a17965 .zigzagcontent {
  width: 47%;
}


}
@media screen and (max-width:971px) {
.area-664a592a17965 .zigzagimg{width: 100%;}
.area-664a592a17965 .zigzagcontent{width: 100%; padding-left: 0; padding-top: 30px;}
.area-664a592a17965 .zigzagouter .zigzagsec:nth-child(2) .zigzagcontent {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  order: 2;
}


}

@media screen and (max-width:479px){
  .area-664a592a17965{padding: 40px 0;}
  .area-664a592a17965 .servicecontentheading{margin-bottom: 14px;}
  }

.area-664a592a182cd{
  background: var(--serviceofferbg);
  padding: 40px 0;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

.area-664a592a182cd .container {
	max-width: 1250px;
	margin: 0 auto;
}



.area-664a592a182cd .serviceofferwrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.area-664a592a182cd .offerwrapleft{
  width: 55%;
}
.area-664a592a182cd .offerwrapright{
  width: 45%;
}
.area-664a592a182cd .offerwrapright img{width: 100%; display: block;}
.area-664a592a182cd .offerwrapleft ul li{
  font-weight: 500;
  color: var(--topheadbg);
  font-size: var(--font-14);
  padding-bottom: 15px;
  width: 50%;
}
.area-664a592a182cd .offerwrapleft ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 50px;
}

.area-664a592a182cd .populerservice {
  padding: 60px 0;
  background: var(--popularbg);
}
.area-664a592a182cd .popularheading{
  text-align: center;
  font-weight: 800;
  font-size: var(--font-26);
  color: var(--topheadbg);
  position: relative;
  margin-bottom: 100px;
}
.area-664a592a182cd .popularheading::after{
  content: "";
  position: absolute;
  width: 33%;
  height: 2px;
  background: var(--topheadbg);
  bottom:-30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
 @media screen and (max-width:1300px) {
 	.area-664a592a182cd .container{
 		max-width: 94%;
 	}


 	
}

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

  .area-664a592a182cd .container{
    max-width: 80%;
  }
.area-664a592a182cd .offerwrapleft ul{padding-left: 0;}
  }
  
  
  
  
 @media screen and (max-width:971px) { 
  .area-664a592a182cd .popularheading{margin-bottom: 70px;}
.area-664a592a182cd .offerwrapleft {
  width: 100%;
}
.area-664a592a182cd .offerwrapright{width: 100%; margin-top: 20px;}
 
 }
 
 
  @media screen and (max-width:971px) { 
 
  .area-664a592a182cd .populerservice{padding: 40px 0;}
  .area-664a592a182cd .servicecontentheading{margin-bottom: 14px;}
  .area-664a592a182cd .offerwrapleft ul li{width: 100%;}
  
   }
.area-664a592a18515{
  background: var(--gallerybg);
  padding: 60px 0;
}

.area-664a592a18515 .container {
	max-width: 1250px;
	margin: 0 auto;
}


.area-664a592a18515 .gallerybox ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.area-664a592a18515 .gallerybox ul li{width: 25%;}
.area-664a592a18515 .gallerybox ul li img{width: 100%; display: block;}

.area-664a592a18515 .popularheading {
	text-align: center;
	font-weight: 800;
	font-size: var(--font-26);
	color: var(--topheadbg);
	position: relative;
	margin-bottom: 100px;
}
.area-664a592a18515 .popularheading::after {
	content: "";
	position: absolute;
	width: 33%;
	height: 2px;
	background: var(--topheadbg);
	bottom: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

 @media screen and (max-width:1300px) {
 	.area-664a592a18515 .container{
 		max-width: 94%;
 	}


 	
}

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

  .area-664a592a18515 .container{
    max-width: 80%;
  }

  }
    @media screen and (max-width: 971px)
.area-664a592a18515 .popularheading {
  margin-bottom: 70px;
}
  
   @media screen and (max-width:767px) {
  
  .area-664a592a18515 .gallerybox ul li {
    width: 50%;
  }

}
  
  
  
  @media screen and (max-width:479px){
  
  .area-664a592a18515 .gallerysec{padding: 40px 0;}
 

}
  
 
.footercurve{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMyQTJEMzYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+);
  background-size: 100% 100px;
  bottom: 0;
  height: 100px;
  z-index: 1;
  margin-top: -145px;

}
.area-664a592a1965b{
  background: var(--topheadbg);
  padding: 60px 0;
}

.area-664a592a1965b .container {
	max-width: 1250px;
	margin: 0 auto;
}


.area-664a592a1965b .footerlogo {
  width: 300px;
}

.area-664a592a1965b .footerleft p{
  color: var(--text-white);
  font-size: var(--font-12);
  font-weight: 500;
  word-spacing: normal;
}
.area-664a592a1965b .footertitle{
  color: var(--text-white);
  font-size: var(--font-12);
  font-weight: 700;
  text-transform: uppercase;
  margin: 30px 0 15px;
}
.area-664a592a1965b .footerinfo p img {
  width: 14px;
  margin-right: 4px;
}
.area-664a592a1965b .footerinfo p{margin-bottom: 10px;}
.area-664a592a1965b .footerinfo p a{
  color: var(--text-white);
  display: flex;
  align-items: center;
  gap: 3px;
}
.area-664a592a1965b .footerinfo p a:hover{ text-decoration:none;}

.area-664a592a1965b .footersocial ul{
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
}
.area-664a592a1965b .footerwrap{
  margin-top: 50px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.area-664a592a1965b .footerright p{
  color: var(--text-white);
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--font-12);
  margin-bottom: 10px; 
}
.area-664a592a1965b .footerright ul li{
  color: var(--text-white);
  font-size: var(--font-12);
  line-height: 170%;
  font-weight: 500;
}
.area-664a592a1965b .footerleft{
  border-right: 2px solid var(--btncolor);
  width: 82%;
  padding: 22px 0;
}
.area-664a592a1965b .footercopyright{
background: var(--gallerybg);
  padding: 10px 0;
}
.area-664a592a1965b .footercopyright p{
  color: var(--topheadbg);
  font-size: var(--font-11);
  font-weight: 500;
}



 @media screen and (max-width:1300px) {
 	.area-664a592a1965b .container{
 		max-width: 94%;
 	}


 	
}

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

  .area-664a592a1965b .container{
    max-width: 80%;
  }

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

.area-664a592a1965b .footerleft{width: 79%;}

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

.area-664a592a1965b .footerleft{width: 100%; border-right: 0; border-bottom: 2px solid var(--btncolor); margin-bottom: 22px;}
.area-664a592a1965b .footerright {
  width: 100%;
}

}

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

  .area-664a592a1965b .footerwrap{margin-top: 20px;}
}
.area-664a592a1a305{
background: var(--gallerybg);
  padding: 10px 0;
}

.area-664a592a1a305 .container {
	max-width: 1250px;
	margin: 0 auto;
}



.area-664a592a1a305 .container p{
  color: var(--topheadbg);
  font-size: var(--font-11);
  font-weight: 500;
  margin:0;
}



 @media screen and (max-width:1300px) {
 	.area-664a592a1a305 .container{
 		max-width: 94%;
 	}


 	
}