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

[ TABLE OF CONTENTS]

	01. GLOBAL STYLES
	02. COMMON STYLES 
	
-------------------------------------------------------------------*/

/* 01. GLOBAL STYLES */



:root {
  --text-color: #0d0808;
  --primary: #df7505;
  --secondary: #53110b;
  --white: #fff;  
  --black: #000;  
}



* {
	padding: 0;
	margin: 0;
}


body {
	font-size: 14px;
  background-color: #fff;
  overflow-x: hidden; 
  font-family: "Outfit", sans-serif;
}

body, html {
  /* prevent horizontal scrolling */

}


html {
 /* scroll-behavior: smooth;*/
}


li, ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;      
    color: #000
}

p {
	font-size: 17px;	
	color:var(--text-color);
}
button, button:hover, a, a:hover {
	transition: .4s;
}

a{color: #282828}

a:hover {
	color: #000;
}
a, a:hover, a:focus, a:active, button, button:focus, input, textarea {
	outline: 0;
	text-decoration: none;
}




/* 02. COMMON STYLES */

.relative {
	position:relative !important
}
.fixedpadding20 {
	padding:20px 0
}
.fixedpadding30 {
	padding:30px 0
}
.fixedpadding40 {
	padding:40px 0
}
.fixedpadding50 {
	padding:50px 0
}
.fixedpadding60 {
	padding:60px 0
}
.fixedpadding70 {
	padding:70px 0
}
.fixedpadding80 {
	padding:80px 0
}
.fixedpadding90 {
	padding:90px 0
}
.fixedpadding100 {
	padding:100px 0
}
.space10 {
	margin-bottom: 10px;
}
.space20 {
	margin-bottom: 20px;
}
.space25 {
	margin-bottom: 25px;
}
.space30 {
	margin-bottom: 30px;
}
.space40 {
	margin-bottom: 40px;
}
.space50 {
	margin-bottom: 50px;
}
.space60 {
	margin-bottom: 60px;
}
.space70 {
	margin-bottom: 70px;
}
.space80 {
	margin-bottom: 80px;
}
.space90 {
	margin-bottom: 90px;
}
.space100 {
	margin-bottom: 100px;
}

.less-margin{ margin:0 !important}
.less_left{ padding-left:0 !important; }
.less_right{ padding-right:0;}


.less-right-0px{ padding-right:0px!important;}
.less-left-0px{ padding-left: 0px!important;}

.less-right-5px{ padding-right:5px !important;}
.less-left-5px{ padding-left: 5px !important;}

.less-right-10px{ padding-right:10px !important;}
.less-left-10px{ padding-left: 10px !important;}


.space-left-2px{ margin-left:5px;}
.space-left-5px{ margin-left:5px;}
.space-left-10px{ margin-left:10px;}
.space-right-2px{ margin-right:5px;}
.space-right-5px{ margin-right:5px;}
.space-right-10px{ margin-right:10px;}

/* line height */
.line-height-10 {line-height:10px !important}
.line-height-13 {line-height:13px !important}
.line-height-18 {line-height:18px !important}
.line-height-20 {line-height:20px !important}
.line-height-24 {line-height:24px !important}
.line-height-22 {line-height:22px !important}
.line-height-26 {line-height:26px !important}
.line-height-28 {line-height:28px !important}
.line-height-30 {line-height:30px !important}
.line-height-35 {line-height:35px !important}
.line-height-40 {line-height:40px !important}
.line-height-45 {line-height:45px !important}
.line-height-50 {line-height:50px !important}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

.font-size-11px{ font-size:11px !important;}
.font-size-12px{ font-size:12px !important;}
.font-size-13px{ font-size:13px !important; }
.font-size-14px{ font-size:14px !important;}
.font-size-15px{ font-size:15px !important;}
.font-size-16px{ font-size:16px !important;}
.font-size-17px{ font-size:17px !important;}
.font-size-18px{ font-size:18px !important;}
.font-size-19px{ font-size:19px !important;}
.font-size-20px{ font-size:20px !important;}
.font-size-21px{ font-size:21px !important;}
.font-size-22px{ font-size:22px !important;}
.font-size-23px{ font-size:23px !important;}
.font-size-24px{ font-size:24px !important;}
.font-size-25px{ font-size:25px !important;}

.font-weight-200{ font-weight:200 !important}
.font-weight-300{ font-weight:300 !important}
.font-weight-400{ font-weight:400 !important}
.font-weight-500{ font-weight:500 !important}
.font-weight-600{ font-weight:600 !important}
.font-weight-700{ font-weight:700 !important}
.font-weight-800{ font-weight:800 !important}

.pt-00{padding-top: 00px !important;}
.pt-05{padding-top: 05px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}

.pb-00{padding-bottom: 00px !important;}
.pb-05{padding-bottom: 05px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-100{padding-bottom: 100px !important;}


.mb-05{margin-bottom: 05px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{padding-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}



.bordernone{border: 0 !important;}
.container{max-width: 1465px;padding-left: 15px; padding-right: 15px;}
.container-fluid{padding-left: 55px; padding-right:55px;}

.h-auto{min-height: auto !important; resize: none;}
.h-100vh{min-height: 100vh}


.mainBtn {
  height:52px;
  transition: .4s !important;
  background:#bd9e54;
  border:solid 0px #fff;
  font-size: 20px !important;
  color: #fff;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 52px;
  font-weight: 500;
  padding-left: 30px;padding-right: 30px;
  border-radius: 10px;
  margin:0 2px;
  margin-bottom: 2px;
  font-family: 'Roboto', sans-serif;
  min-width: 200px;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.mainBtn:hover{color: #fff; background-color: #927122;}
.mainBtn:focus{color: #fff;}


.loadmoreBtn{border:solid 1px #dddddd; color: #333333; border-radius: 30px; padding: 7px 30px; font-weight: 500; line-height: normal;}
.loadmoreBtn:hover{background-color: #333333; color: #fff}

.visitBtn{background-color: #17a847; color: #fff;padding: 6px 20px;line-height: normal; border-radius: 10px; font-weight: 500; border:0;}
.visitBtn i{margin-right: 5px;position: relative; top: 3px;font-size: 20px;}
.visitBtn:hover{background-color: #068631; color: #fff}

.likeBtn{background-color: #fff; border: solid 1px #d5d5d5;padding: 6px 15px; border-radius: 30px; margin-left: 8px; line-height: normal; border-radius: 10px; font-weight: 500}
.likeBtn i{margin-right: 5px;position: relative; top: 3px;font-size: 20px;}
.likeBtn:hover{background-color: #666; color: #fff}

/* Hover Effect */

a.hover{position:relative;padding-bottom: 5px;}
a.hover::before{position:absolute;width:100%;height:2px;background-color:var(--primary);top:100%;left:0;pointer-events:none; right: 0px}
a.hover::before{content:"";transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7,0,.2,1)}
a.hover:hover:before{transform-origin:0 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(.4,1,.8,1)}

a.hover2{position:relative;padding-bottom: 5px;}
a.hover2::before{position:absolute;width:100%;height:1px;background-color: var(--primary);top:100%;left:0;pointer-events:none; right: 7px}
a.hover2::before{content:"";transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7,0,.2,1)}
a.hover2:hover:before{transform-origin:0 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(.4,1,.8,1)}




/* Checkbox and Radio Styles */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
    padding-left:0; font-family: 'Lato', sans-serif;

}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #333;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 0.6em;
  border-radius:2px;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size:0.9em;
    line-height: 0;
    top: 53%;
    left: 22%;
  color:#333;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label {cursor: pointer;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
    cursor: pointer;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    cursor: pointer;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;

}


/* */ 


.hero{
    min-height: 100vh;  
    background-size: 100%;
    position: relative;
    background-position: bottom;
}

.hero:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
}

.hero-hg{
    min-height: auto;
}

.hero-hg:before{
    display: none;
}

.navbar{
    background-color: #fff;
    transition: .4s;
}

.navbar .logo{
    max-width: 220px;
}

.navbar-nav{
    display: flex;
    align-items: center;
    font-size: 20px;
}

.navbar-nav .nav-item{
    margin: 0 5px;
    font-weight: 600;
}
.navbar-nav .nav-item .nav-link{
    color: var(--black);
}


.navbar-nav .taltkBtn{
    border: solid 2px var(--primary);
    box-sizing: border-box;
    font-weight: 700;
    color: var(--primary);
    padding: 9px 20px;
    font-size: 20px;
    top: 0;
    position: relative;
    transition: .4s;
}

.navbar-nav .taltkBtn:hover{
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: -3px;
}

.navbar-nav li:last-child{
    margin-left:15px;
}

.hero-caption{
    padding-top: 7%;
    padding-bottom: 35px;
}

.hero-caption span{
    color: var(--white);
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}

.hero-caption h1{
    color: var(--white);
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -1.5px;
    margin-bottom: 25px;    
}

.hero-caption h1 strong{
    color: var(--white);
    font-weight: 600;
    font-size: 65px;
    border-bottom: solid 2px var(--black);
    display: inline-block;
}

.hero-caption p{
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 25px;
    color: var(--white);
}

.hero-caption .exploreBtn{
    background-color: var(--primary);
    color: var(--white);
    font-size: 20px;
    padding: 15px 25px;
    font-weight: 500;
    position: relative;
    top: 0;
    transition: .4s;
}

.hero-caption .exploreBtn:hover{
    background-color: #000;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: -3px;
}

.hero-caption .letsTlkBtn{
    color: var(--white);
    font-size: 20px;
    padding: 15px 25px;
    margin-left: 10px;
    border: solid 1px var(--white);
    font-weight: 600;
    position: relative;
    top: 0;
    transition: .4s;
}

.hero-caption .letsTlkBtn:hover{
    background-color: #000;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: -3px;
    border: solid 1px var(--black);
}



.hero-inner{
    background: #53110B;
    background: linear-gradient(90deg, rgba(83, 17, 11, 1) 0%, rgba(223, 117, 5, 1) 100%);
    padding: 50px 0;
    text-align: center;
}

.hero-inner h1{
    color: var(--white);
    font-weight: 600;
    font-size: 44px;
}

nav.breadcrumb-inner{
    text-align: right !important;
    float: right;
}

ol.breadcrumb{
    color: var(--white);
    margin: 0;
}

ol.breadcrumb .breadcrumb-item, ol.breadcrumb .breadcrumb-item a{
    color: #fff;
}

ol.breadcrumb .breadcrumb-item a:hover{
    text-decoration: underline;
    color: var(--black);
}

.breadcrumb-item::before {
    color: #fff !important; /* Replace with your desired color */
}



.section-title{
    position: relative;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-left: 45px;
    font-weight: 300;
    display: inline-block;
}

.section-title:before{
    height: 2px;
    background-color: var(--primary);
    width: 35px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    content: "";
}

.who-we-area{
    padding: 80px 0;
    position: relative;
}

.who-we-area .section-title{
    margin-top: 20px;
    margin-bottom: 30px;
}

.who-we-area h2{
    font-size: 60px;
    line-height: normal;
    color: var(--secondary);
    font-weight: 700;
    margin-bottom: 40px;
}

.who-we-area .item{
    border:solid 1px rgba(0, 0, 0, 0.100);
    border-radius: 30px;
    padding: 40px 40PX;
    background-color: #fff;    
    margin: 15px 0;
    position: relative;
    transition: .4s;
    text-align: left;
    top: 0;
    position: relative;
}


.who-we-area .item:hover{
    top: -10px;
    transition: .4s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.who-we-area .item img{
    max-width: 44px;
    margin-bottom: 15px;
}

.who-we-area h3{
    font-size: 35px;
    font-family: "Outfit", sans-serif;
    color: var(--text-color);
    font-weight: 700;
}

.who-we-area p{
    font-size: 22px;
    color: #a6a6a6;
    line-height: normal;
    margin-bottom: 0;
}


.what-we-do{
    /*background-color: #fbfbfb;*/
    background: #FBFBFB;
background: linear-gradient(180deg, rgba(251, 251, 251, 1) 0%, rgba(255, 255, 255, 1) 48%);
    padding: 80px 0;
}

.what-we-do .section-title{
    margin-bottom: 20px;
}

.what-we-do h2{
    font-weight: 700;
    font-size: 55px;
    color: var(--secondary);
}

.what-we-do .exploreBtn{
    border:solid 1px var(--secondary);
    color: var(--secondary);
    font-size: 18px;
    border-radius: 6px;
    padding: 10px 25px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    top: 0;
    transition: .4s;
}

.what-we-do .exploreBtn:hover{
    background-color: var(--secondary);
    color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: -3px;
}

.what-we-do .item{
    border:solid 1px rgba(0, 0, 0, 0.100);
    border-radius: 30px;
    padding: 70px 55PX;
    background-color: #fff;    
    margin: 15px 0;
    position: relative;
    transition: .4s;
    top: 0;
}

.what-we-do .item:hover{
    top: -10px;
    transition: .4s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.what-we-do .number{
    font-weight: 800;
    font-size: 36px;
    color: #a6a6a6;
}

.what-we-do h3{
    color: var(--secondary);
    font-weight: 700;
    font-size: 30px;
}

.what-we-do p{
    margin-bottom: 30px;
}


.client-area{
    padding: 80px 0;
}

.client-area .section-title{
    margin-bottom: 20px;
}


.client-area h2{
    font-weight: 700;
    font-size: 55px;
    color: var(--text-color);
    margin-bottom: 80px;
}

.client-area h2 span{
    color: var(--secondary);
}


.client-area .item{
  display: flex;
  align-items: center;
  justify-content: center;
  border:solid 1px #eee;
  padding: 10px;
  border-radius: 8px;
}

.client-area .item img{
  width: 100%;
}

.client-area .owl-dots{
  display: none;
}

.testimonials{
    padding: 80px 5px;
    /*background-color: #fff9f3;*/
    background: #FFF9F3;
background: linear-gradient(180deg, rgba(255, 249, 243, 1) 0%, rgba(255, 255, 255, 1) 48%);
}


.testimonials .section-title{
    margin-bottom: 20px;
}

.testimonials h2{
    font-weight: 700;
    font-size: 55px;
    color: var(--secondary);
}

.testimonials .item{
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    transition: .4s;
    position: relative;
    top: 0;
    border:solid 1px #f4e4d3;
}

.testimonials .item:hover{
    transition: .4s;
    top: -5px;
}

.testimonials .item img{
    max-width: 100px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.testimonials .item p.qoute{
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
}

.testimonials .item p.name{
    font-weight: 300;
    line-height: normal;
    font-size: 15px;
}

.testimonials .owl-dots{
  display: none;
}

.testimonials .owl-nav{
    text-align: left
}

.testimonials .owl-nav .owl-next, .testimonials .owl-nav .owl-prev{
    height: 36px;
    width: 36px;
    background-color: var(--secondary) !important;
    color: #fff !important;
    border-radius: 50%;
}

.testimonials .owl-nav .owl-next:hover, .testimonials .owl-nav .owl-prev:hover{
    background-color: var(--primary) !important;
}


.home-intro{
    background: #53110B;
    background: linear-gradient(243deg, rgba(83, 17, 11, 1) 0%, rgba(223, 117, 5, 1) 100%);
    padding: 80px 0;
    text-align: center;
}

.home-intro h2{
    color: var(--white);
    font-size: 40px;
    margin-bottom: 15px;
}

.home-intro p{
    color: var(--white);
    font-size: 18px;
    line-height: 30px;
}

.home-intro .moreBtn{
    border: solid 1px var(--black);
    background-color: var(--black);
    box-sizing: border-box;
    font-weight: 700;
    color: var(--white);
    padding: 9px 20px;
    font-size: 20px;
    top: 0;
    position: relative;
    transition: .4s;
}

.home-intro .moreBtn:hover{
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: -3px;
}


.marquee {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 0 0;
    margin-top: 50px;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 26s linear infinite;
}

.marquee-track img {
    max-width: 150px;
    height: auto;
    margin-right: 20px;
    /*border-radius: 10px;*/
    flex-shrink: 0;
    border:solid 1px #fffafa;

}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50%));
    }
}

/* Pause on hover */
.marquee:hover .marquee-track {
    animation-play-state: paused;
}


.marquee-track {
    animation: marqueeReverse 26s linear infinite;
}

@keyframes marqueeReverse {
    from {
        transform: translateX(0);
    }
    to {
        
        transform: translateX(-50%);
    }
}



.cta{
    background: #53110B;
    background: linear-gradient(243deg, rgba(83, 17, 11, 1) 0%, rgba(223, 117, 5, 1) 100%);
    padding: 80px 0;
    text-align: center;
    border-radius: 50px;
    max-width: 1420px;
    margin: auto;
}

.cta h2{
    font-weight: 700;
    font-size: 55px;
    color: var(--white);
    margin-bottom: 25px;
}

.cta p{
    color: var(--white);
    font-size: 20px;
    margin-bottom: 30px;
}

.cta .exploreBtn{
    background-color: var(--white);
    color: var(--secondary);
    font-size: 20px;
    padding: 15px 25px;
    font-weight: 600;
    position: relative;
    top: 0;
    transition: .4s;
    margin-bottom: 5px;
}

.cta .exploreBtn:hover{
    top: -2px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.cta .letsTlkBtn{
    color: var(--white);
    background-color: var(--black);
    font-size: 20px;
    padding: 15px 25px;
    margin-left: 10px;
    font-weight: 600;
    position: relative;
    top: 0;
    transition: .4s;
    margin-bottom: 5px;
}

.cta .letsTlkBtn:hover{
    top: -2px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



.about-area{
    padding: 80px 0;
    position: relative;
}

.about-area .section-title{
    margin-top: 20px;
    margin-bottom: 30px;
}

.about-area h2{
    font-size: 60px;
    line-height: normal;
    color: var(--secondary);
    font-weight: 700;
    margin-bottom: 40px;
}

.about-area p{
    line-height: 32px;
}

.about-area p.name{
    font-size: 14px;
    line-height:21px;
    font-style: italic;
}


.list-1{
    margin: 0;
    padding: 0;
    font-size: 17px;
}

.list-1 li{
    position: relative;
    margin: 10px 0;
    padding-left: 27px;
}

.list-1 li:before{
    content: "\f058";
    position: absolute;
    top:;
    left: -0px;
    font-family: "FontAwesome";
    color: var(--primary);
}



.footer{
    padding: 50px 0;
    position: relative;
    margin-top: 30px;
}

.footer .logo{
    max-width: 200px;
    margin-bottom: 20px;
}

.footer ul.social{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 25px;
}

.footer ul.social li{
    height: 38px;
    width: 38px;
    background-color: #333;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
}

.footer ul.social li:hover{
    background-color: var(--secondary);
}

.footer ul.social li a{
    color: #fff;
}

.footer ul.ftrlinks{
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-size: 12px;
}

.footer ul.ftrlinks li{
    display: block;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.footer ul.ftrlinks li a{
    color: var(--primary);
}
.footer ul.ftrlinks li a:hover{
    color: #000;
}

.footer p.address{
    font-size: 14px;
}

.footer hr{
    height: 4px;
    background-color: #ccc;
    border: 0;
    margin: 30px 0;
}






.modal {
  z-index: 9999;
}

.modal-dialog {
    max-width: 600px;
    
}

.modal-body{
    padding: 10px 30px 40px 30px !important ;
}


.modal-content{
    background-color: #f1f1f1;
}


form.contactForm{
  margin-top: 15px;
}

form.contactForm .form-group{
  margin-bottom: 15px;
}

form.contactForm .form-group label{
  display: block;
  line-height: normal;
  margin-bottom: 5px;
}

form.contactForm .form-group span{
  color: red
}

form.contactForm .form-group .form-control{
  display: block;
  width: 100%;
  padding:10px 15px;
  box-sizing: border-box;
  border:0;
  border-radius: 5px;
  font-size: 18px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.10);
}


form.contactForm iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

#map {
  width: 100%;
  height: 492px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

}
.contactsubmitBtn{
    padding: 12px 20px;
    background-color: var(--secondary);
    color: var(--white);
    border: 0;
    font-size: 18px;
    border-radius: 8px;
}


ul.address{
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font-size: 16px;
}

ul.address li{
    position: relative;
    margin-bottom: 25px;
    display: block;
    padding-left: 40px;
}

ul.address li i{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    height: 30px;
    width: 30px;
    background-color:var(--primary);
    color: #fff;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}