body {background:#16171D; font-family: 'Poppins', sans-serif; font-size:14px; line-height:20px; margin:0; padding:0; color:#87899A; font-weight:400; white-space:normal; visibility:inherit; text-align:inherit; border:0px; letter-spacing:0px; font-stretch:inherit; overflow-x: hidden !important;}
html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }

body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}

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

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background: url(../images/Preloader.gif) center no-repeat #16171D;}
/*LOADER*/

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:10px;}
/* Track */
::-webkit-scrollbar-track {background:#21242D; }
/* Handle */
::-webkit-scrollbar-thumb {background:#16171D; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#e3af37; }
/*custom scrollbar*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:#16171D; background:#e3af37;}
::selection {color:#16171D; background:#e3af37;}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 {text-transform:capitalize; font-weight:700; letter-spacing:1px;}

.heading { margin-bottom:15px; margin-top:15px; padding:0;}
.heading h1 {font-size:40px; line-height:50px; color:#FFF; margin:0; padding:0;}
.heading h1 span{ color: #e3af37;}
.heading h2 {font-size:30px; line-height:35px; color:#e3af37; margin:0; padding:0;}
.heading h3 {color:#e3af37; font-size:25px; position: relative; margin-bottom:5px; line-height:30px;}
.heading h4 {color:#FFF; font-size:25px; position: relative; padding:0; margin-bottom:15px; margin-top:15px; line-height:30px;}
.heading h5 {color:#FFF; font-size:18px; position: relative; padding:0; margin-bottom:15px; margin-top:15px; line-height:28px;}
.heading h6 { color:#87899A; font-size:18px; line-height:25px; margin-bottom:0; margin-top:5px; padding:0;  text-transform: capitalize; letter-spacing: 1px;}

p { color:#87899A; font-size:14px; line-height:22px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:400; letter-spacing:.5px;}
p a {color:#e3af37; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:#e3af37; font-weight:600;}
p strong {color:#87899A; font-weight:600;}
p i { font-size:12px;}

.margin_auto { margin:auto !important;}
.m-0 { margin:0;}
.mb-15 { margin-bottom:15px;}
.mt-15 { margin-top:15px;}
.ml-15 { margin-left:15px;}
.mr-15 { margin-right:15px;}

.m-15-bottom { margin-bottom:-15px;}
.m-15-top { margin-top:-15px;}

.p-0 { padding:0;}
.pb-15 { padding-bottom:15px;}
.pt-15 { padding-top:15px;}
.pl-15 { padding-left:15px;}
.pr-15 { padding-right:15px;}

.pl-30 { padding-left:30px;}
.pr-30 { padding-right:30px;}

.pl-15-p { padding-left:-15px;}
.pr-15-p { padding-right:-15px;}

.bg-section { background: #21242D;}

/**HEADER**/
#header-1 { }

/*HEADER-FIX*/
.bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%;padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important;width: 100%; }
.stickydiv{position: relative; z-index:999 !important; width: 100%; background-color: rgba(9, 9, 11, 0.90); }
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index: 8;}
/*HEADER-FIX*/

/*LOGO*/
.logo { float:left; margin:15px 0; padding:0; display:block;}
/*LOGO*/

/*MOBILE TOP*/
.mobile-top { float: right; padding-left: 0; list-style-type: none; margin-top:80px; margin-bottom:0;}
.mobile-top li { float:left; margin-right:0; margin-left:15px; display: inline-block;}
.mobile-top li a {width:40px; text-align: center; line-height:40px; height:40px; border: none; background:#e3af37; color:#16171D; display: inline-block; font-size:12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:5px;}
.mobile-top li a:hover {color:#16171D; background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE TOP*/

.top-btn { font-size:13px; font-weight:600; width:auto; text-transform:capitalize; padding:10px 10px; line-height:30px ; color:#16171D; background:#e3af37; letter-spacing:1px; margin-top:0; margin-bottom:0; margin-left:10px; margin-right:0px; border:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:5px;}
.top-btn:hover {  background:#FFF; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/**HEADER**/

/*WELCOME TEXT SECTION*/
.home-btn { font-size:16px; font-weight:600; width: auto; text-transform:capitalize; padding:15px 30px; line-height:30px; color:#16171D; background:#e3af37; letter-spacing:1px; margin-top:15px; margin-bottom:15px; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:6px; }
.home-btn:hover {background:#FFF; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*WELCOME TEXT SECTION*/

/*Why Choose Us*/
.why_choose_us { margin-bottom: 15px; margin-top: 15px;}
.why_choose_us i { width:55px; height:55px; line-height:55px; background:#e3af37; color:#16171D; text-align: center; font-size:18px; border-radius:6px; margin-bottom: 15px;}
.why_choose_us-title {font-size:20px; line-height:30px; font-weight:700; margin-top: 0; margin-bottom: 0; color: #FFF;}
.why_choose_us-text {font-size: 14px; line-height: 20px; font-weight:500; letter-spacing: 1px; color: #87899A; margin-top:0; margin-bottom: 0;}
/*Why Choose Us*/

/*COUNTER*/
.main_counter_area .main_counter_content .counter-block{}
.counter-block {margin:15px 0; padding:0; position: relative;}
span.counter-icon i { width:55px; height:55px; line-height:55px; background:#e3af37; color:#16171D; text-align: center; font-size:18px; border-radius:6px;}
.single_counter_text { margin-top:15px; }
.single_counter_text h4 {margin:0; padding:0; text-transform: capitalize; color:#FFF; font-size:30px; line-height:35px; letter-spacing:2px;}
.single_counter_text h6 {font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 1px; color: #87899A; margin-top: 0; margin-bottom: 0;} 
/*COUNTER*/


/*HOME SERVICE BOX*/
.home-service-box { margin-top: 15px; margin-bottom: 15px;}
.home-service-box-img { border-radius:15px;}
.home-service-box-text {padding:30px; border-radius:10px; min-height: 100px; background: #21242D; position: relative; margin-top: -45px;}

.home-service-box-text h5 {margin-top:5px; margin-bottom:5px; padding:0; text-transform:capitalize; color:#FFF; font-size:16px; line-height:24px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.home-service-box-text p { font-size:14px; line-height:20px; color: #87899A; font-weight:400; margin:0; padding:0;  -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.home-service-box-text p span {color:#e3af37; font-weight:500;}
/*HOME SERVICE BOX*/

/*statics Section*/
.statics { margin-bottom: 15px; margin-top: 15px;}
.statics-text {font-size: 14px; line-height: 20px; font-weight:500; letter-spacing: 1px; color: #87899A; margin-top:0; margin-bottom: 0;}
.statics-title {font-size:25px; line-height:35px; font-weight:700; margin-top: 0; margin-bottom: 0; color: #FFF;}
/*statics Section*/

/*BOX*/
.home-box { margin-top: 15px; margin-bottom: 15px; padding:15px; border-radius:6px; background: #21242D;}
.home-box-icon i {font-size:40px; line-height:50px; color:#e3af37; margin:15px 0 30px 0; padding:0;}
.home-box h1 {font-size:20px; line-height:30px; color:#FFF; margin:0; padding:0;}
.home-box p { padding: 0 15px;}
/*BOX*/

/*Create A Account*/
#create-account-section { }
#create-account-section p { margin-bottom: 5px; margin-top: 5px; font-weight: 500;}
.create-account-btn { font-size:16px; font-weight:600; width: auto; text-transform:capitalize; padding:15px 30px; line-height:30px; color:#16171D; background:#e3af37; letter-spacing:2px; margin-top:20px; margin-bottom:15px; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:6px; }
.create-account-btn:hover {background:#FFF; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Create A Account*/

/*SERVICES*/
.services-box{ padding: 15px 30px; background: #21242D; border-radius:10px; margin-bottom:15px; margin-top:15px; display: inline-block; }
.services-box-img {border-radius:10px; margin-top: 15px; margin-bottom:15px;}
.services-box h5 {margin-top: 15px; margin-bottom:5px; padding:0; text-transform:capitalize; color:#FFF; font-size:16px; line-height:24px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.services-box p { font-size:14px; line-height:20px; color: #87899A; font-weight:400; margin:0; padding:0;  -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.services-box .services-btn { font-size:14px; font-weight:500; width:auto; text-transform:capitalize; padding:0; line-height:20px ; color:#FFF; background: none; letter-spacing:1px; margin-top:15px; margin-bottom:15px; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.services-box:hover .services-btn {color:#e3af37; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.services-box .services-btn i {font-size:12px;}

.services-all-btn { font-size:16px; font-weight:600; width: auto; text-transform:capitalize; padding:15px 30px; line-height:30px; color:#FFF; background:#21242D; letter-spacing:2px; margin-top:15px; margin-bottom:15px; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:6px; }
.services-all-btn:hover {background:#e3af37; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SERVICES*/

/*FOOTER*/
.main-footer {position: relative; margin-top:15px; padding-top:15px; background:#16171D; border-top:2px solid #21242D;}
.main-footer h6 { font-size:17px; line-height:25px; margin-bottom:15px; margin-top:0; padding-bottom:10px; color:#FFF; font-weight:700; letter-spacing:1px; font-style:normal; text-transform:capitalize;  position:relative;}
.main-footer h6:after {content: ""; position: absolute; left: 0; bottom: 0; width:30px; height:2px; background:#e3af37;}

/*FOOTER TEXT*/
.main-footer .footer-logo-text { margin-top:15px; margin-bottom:15px;}
.main-footer .footer-logo-text .footer-logo { margin-bottom:10px;}
.main-footer .footer-logo-text p {color:#87899A; margin:5px 0 0 0; font-weight:500; font-size:13px; line-height:20px; }
.main-footer .footer-logo-text p a {color:#87899A;}
.main-footer .footer-logo-text p a:hover {color:#e3af37;}
.main-footer .footer-logo-text p span {color:#87899A; font-weight:600;}
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links { float:left; padding-left: 0; list-style-type: none; margin-top:0; margin-bottom:0;}
.social-links li { float:left; margin-right:10px; margin-top:15px; margin-left:0; display: inline-block;}
.social-links li:last-child { margin-right:0;}
.social-links li a {width:40px; text-align: center; line-height:40px; height:40px; color:#87899A; display: inline-block; font-size: 13px;  border-radius:5px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; background: #21242D;}
.social-links li a:hover { background: #e3af37; color:#16171D;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SOCIAL*/

/*FOOTER NAV*/
.footer-nav { margin-bottom: 15px; margin-top: 15px;}
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:5px 0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:13px; line-height:20px; color:#87899A; font-weight:500; margin:0; padding:0; text-decoration:none; letter-spacing:.5px;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.footer-nav ul li a:hover {color:#e3af37; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-nav ul li a i { font-size:11px; margin-right:3px}
.footer-nav ul li:first-child { padding:0 0 5px 0;}
.footer-nav ul li:last-child { padding:5px 0 0 0;}
/*FOOTER NAV*/

/*FOOTER BOTTOM*/
.footer-bottom { margin-top:15px; padding-top:30px; padding-bottom:30px; margin-bottom: 50px;  border-top:2px solid #21242D;}
.footer-bottom p {color:#87899A; margin: 0; padding:0 15px; font-weight:500; font-size:13px; line-height:20px;}
.footer-bottom p span {color:#87899A; font-weight:600; font-style:normal;}
.footer-bottom p a {color:#87899A; font-weight:600; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:#e3af37; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top {position: fixed; bottom:65px; right:15px; z-index: 9; width:50px; height:50px; line-height:50px; font-size:14px; text-align: center; background:#21242D; color:#FFF; cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
#back-to-top:hover {background:#e3af37; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity:1;}
/*BACK TO TOP*/

/*RATE marquee*/
#me-rate {padding:15px; background: #e3af37; position: fixed; bottom: 0; left: 0; right: 0; margin: auto; z-index: 99; overflow: hidden;}
#me-rate p { height: 20px; line-height: 20px; margin: 0; padding: 0;}
#me-rate p span{color: #16171D; margin-right: 15px; font-weight:500;}
#me-rate marquee {cursor: pointer;}
/*RATE marquee*/

/*SUB-BANNER*/
#sub-banner { width:100%; background:#e3af37; height: auto; padding:45px 0px;}
#sub-banner .heading h1 {color:#21242D;}
/*breadcrumb*/
.breadcrumb-handler { float:left; width:100%; height:auto; line-height:20px; margin:0; padding:0; font-size:14px; color:#21242D; font-weight:600; text-transform: capitalize;}
.breadcrumb-handler a { color:#21242D; line-height:20px; margin:0 7px; padding:0 0 !important; text-decoration:none; }
.breadcrumb-handler a:hover { color:#FFF;}
/*breadcrumb*/
/*SUB-BANNER*/

/*PHOTO GALLERY*/
.portfolio-item{/*width:100%;*/}
.portfolio-item .item{/*width:303px;*/float:left;}

.gallery {text-align:center;  overflow: hidden; border-radius:5px;}
.gallery:before{content:""}
.gallery{overflow:hidden}
.gallery{position:relative}
.gallery:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.gallery:hover:before{width:200%}
.gallery img{width:100%;height:auto}
.gallery .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.gallery .icon {list-style:none;padding:0}
.gallery:hover .box-content{transform:scale(1)}
.gallery .title{font-size:14px; line-height: 20px; font-weight:600; color:#FFF; margin:0 0 15px 0; text-transform: capitalize;}

.gallery .icon{margin:0}
.gallery .icon li{display:inline-block}
.gallery .icon li a{display:block; width:40px; height:40px; line-height:40px; font-size:12px; background:#FFF; color:#21242D; margin-right:0; transition:all .3s ease 0s; border-radius:5px;}
.gallery .icon li a:hover{ background:#e3af37; color:#21242D; transition:all .3s ease 0s;}
.box5 .icon,.box5 .icon li{display:inline-block}
/*PHOTO GALLERY*/

.inner-img {
    border-radius: 15px;
}

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

.heading h1 {font-size:45px; line-height:55px;}
.heading h2 {font-size:35px; line-height:40px;}
.heading h3 {font-size:25px; line-height:30px;}
.heading h4 {font-size:25px; line-height:30px;}
.heading h5 {font-size:20px; line-height:30px;}
.heading h6 { font-size:18px; line-height:25px;} 

/**HEADER**/
.top-btn { font-size:15px; padding:10px 15px; line-height:30px ; margin-left:15px;}
/**HEADER**/
    
/*BOX*/
.home-box-icon i {font-size:45px; line-height:55px;}
.home-box p { padding: 0 30px; }
/*BOX*/    
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

/**HEADER**/
/*LOGO*/
.logo img { height:35px;}
/*LOGO*/

.top-btn { font-size:11px; padding:5px 7px; line-height:25px;}
/**HEADER**/
    
/*Why Choose Us*/
.why_choose_us i { width:50px; height:50px; line-height:50px; font-size:16px;}
.why_choose_us-title {font-size:18px; line-height:28px;}
.why_choose_us-text {font-size: 13px; line-height:18px;}
/*Why Choose Us*/
    
/*HOME SERVICE BOX*/
.home-service-box-text h5 { font-size:15px; line-height:22px;}
/*HOME SERVICE BOX*/    
    
/*statics Section*/
.statics-text {font-size: 13px; line-height: 20px;}
.statics-title {font-size:22px; line-height:30px;}
/*statics Section*/
    
/*SERVICES*/
.services-box h5 {font-size:15px; line-height:22px;  }
/*SERVICES*/
    
/*FOOTER*/
.main-footer h6 { font-size:16px; line-height:20px;}
.main-footer h6:after { width:25px;}

/*FOOTER TEXT*/
.main-footer .footer-logo-text p {font-size:12px; line-height:20px; }
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links li a {width:30px; line-height:30px; height:30px; font-size: 12px;}
/*SOCIAL*/
    
/*FOOTER NAV*/
.footer-nav ul li a { font-size:12px; line-height:20px;}
.footer-nav ul li a i { font-size:10px;}
/*FOOTER NAV*/
    
/*FOOTER BOTTOM*/
.footer-bottom { padding-top:20px; padding-bottom:20px;}
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/
/*FOOTER*/   
        
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

.heading h1 {font-size:35px; line-height:45px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px; line-height:25px;}
.heading h4 {font-size:20px; line-height:25px;}
.heading h5 {font-size:15px; line-height:22px;}    
.heading h6 { font-size:16px; line-height:22px;}

p { font-size:13px; line-height:20px;}
p i { font-size:11px;}

/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:80px;}
/*LOGO*/

.top-btn { font-size:14px; font-weight:600; width:100%; padding:10px 15px; line-height:20px ; color:#FFF; background:#16171D; letter-spacing:1px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;  border-bottom: 1px solid #21242D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-align:left;}
.top-btn:hover {  background:#e3af37; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/**HEADER**/
    
/*WELCOME TEXT SECTION*/
.home-btn { font-size:15px; padding:15px 30px; line-height:30px; }
/*WELCOME TEXT SECTION*/
    
/*Why Choose Us*/
.why_choose_us i { width:50px; height:50px; line-height:50px; font-size:16px;}
.why_choose_us-title {font-size:18px; line-height:28px;}
.why_choose_us-text {font-size: 13px; line-height:18px;}
/*Why Choose Us*/
    
/*COUNTER*/
span.counter-icon i { width:50px; height:50px; line-height:50px; font-size:16px;}
.single_counter_text h4 {font-size:25px; line-height:30px;}
.single_counter_text h6 {font-size: 13px; line-height: 20px;} 
/*COUNTER*/
    
/*HOME SERVICE BOX*/
.home-service-box-text h5 { font-size:15px; line-height:22px;}
.home-service-box-text p { font-size:13px; line-height:20px;}
/*HOME SERVICE BOX*/ 
    
/*statics Section*/
.statics-text {font-size: 13px; line-height: 20px;}
.statics-title {font-size:22px; line-height:30px;}
/*statics Section*/
    
/*BOX*/
.home-box-icon i {font-size:35px; line-height:45px;}
.home-box h1 {font-size:18px; line-height:25px;}
.home-box p { padding: 0 15px;}
/*BOX*/  
    
/*Create A Account*/
.create-account-btn { font-size:15px; padding:15px 30px; line-height:30px; }
/*Create A Account*/
    
/*SERVICES*/
.services-box h5 {font-size:15px; line-height:22px;  }
.services-box p { font-size:13px; line-height:20px;}
.services-box .services-btn { font-size:13px; line-height:20px;}
.services-box .services-btn i {font-size:11px;}
.services-all-btn { font-size:15px; padding:15px 30px; line-height:30px; }
/*SERVICES*/
    
/*FOOTER*/
.main-footer h6 { font-size:16px; line-height:20px;}
.main-footer h6:after { width:25px;}

/*FOOTER TEXT*/
.main-footer .footer-logo-text { margin-bottom:10px;}
.main-footer .footer-logo-text p {font-size:12px; line-height:20px; }
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links li a {width:35px; line-height:35px; height:35px; font-size: 13px;}
/*SOCIAL*/
    
/*FOOTER NAV*/
.footer-nav { margin-bottom: 0px;}    
.footer-nav ul li { width:auto;}
.footer-nav ul li a { font-size:12px; line-height:20px; padding-right: 10px;}
.footer-nav ul li a i { font-size:10px;}
.footer-nav ul li:first-child { padding:5px 0;}
.footer-nav ul li:last-child { padding:5px 0;}
/*FOOTER NAV*/
    
/*FOOTER BOTTOM*/
.footer-bottom { margin-top: 25px; padding-top:20px; padding-bottom:20px;}
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/
/*FOOTER*/ 

/*BACK TO TOP*/
#back-to-top { width:45px; height:45px; line-height:45px; font-size:14px;}
/*BACK TO TOP*/    
    
/*SUB-BANNER*/
#sub-banner {padding:30px 0px;}

/*breadcrumb*/
.breadcrumb-handler { line-height:18px;font-size:13px; }
.breadcrumb-handler a { line-height:18px; margin:0 5px;}
/*breadcrumb*/
/*SUB-BANNER*/    
  
/*PHOTO GALLERY*/
.portfolio-menu ul li{font-size: 13px; line-height: 20px; padding:10px 20px;}
.gallery .title{font-size:13px; line-height: 20px;}
.gallery .icon li a{width:35px; height:35px; line-height:35px; font-size:11px;}
/*PHOTO GALLERY*/    
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

.heading h1 {font-size:28px; line-height:35px;}
.heading h2 {font-size:20px; line-height:25px;}
.heading h3 {font-size:17px; line-height:24px;}
.heading h4 {font-size:17px; line-height:24px;}
.heading h5 {font-size:15px; line-height:22px;}     
.heading h6 { font-size:15px; line-height:20px;}

p { font-size:12px; line-height:18px;}
p i { font-size:10px;}

/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:80px;}
/*LOGO*/

.top-btn { font-size:14px; font-weight:600; width:100%; padding:10px 15px; line-height:20px ; color:#FFF; background:#16171D; letter-spacing:1px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;  border-bottom: 1px solid #21242D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-align:left;}
.top-btn:hover {  background:#e3af37; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/**HEADER**/
    
/*WELCOME TEXT SECTION*/
.home-btn { font-size:13px; padding:15px 25px; line-height:20px; }
/*WELCOME TEXT SECTION*/
    
/*Why Choose Us*/
.why_choose_us i { width:40px; height:40px; line-height:40px; font-size:14px;}
.why_choose_us-title {font-size:16px; line-height:25px;}
.why_choose_us-text {font-size: 12px; line-height:18px;}
/*Why Choose Us*/
    
/*COUNTER*/
span.counter-icon i { width:45px; height:45px; line-height:45px; font-size:14px;}
.single_counter_text h4 {font-size:22px; line-height:28px;}
.single_counter_text h6 {font-size: 12px; line-height:18px;} 
/*COUNTER*/
    
/*HOME SERVICE BOX*/
.home-service-box-text h5 { font-size:14px; line-height:20px;}
.home-service-box-text p { font-size:12px; line-height:18px;}
/*HOME SERVICE BOX*/ 
    
/*statics Section*/
.statics-text {font-size: 12px; line-height:18px;}
.statics-title {font-size:20px; line-height:30px;}
/*statics Section*/
    
/*BOX*/
.home-box-icon i {font-size:30px; line-height:40px;}
.home-box h1 {font-size:18px; line-height:25px;}
.home-box p { padding: 0 15px;}
/*BOX*/ 
    
/*Create A Account*/
.create-account-btn { font-size:13px; padding:15px 25px; line-height:20px; }
/*Create A Account*/
    
/*SERVICES*/
.services-box h5 {font-size:14px; line-height:20px;  }
.services-box p { font-size:12px; line-height:18px;}
.services-box .services-btn { font-size:13px; line-height:20px;}
.services-box .services-btn i {font-size:10px;}
.services-all-btn { font-size:13px; padding:15px 25px; line-height:20px; }    
/*SERVICES*/
    
/*FOOTER*/
.main-footer h6 { font-size:15px; line-height:20px;}
.main-footer h6:after { width:25px;}

/*FOOTER TEXT*/
.main-footer .footer-logo-text { margin-bottom:10px;}
.main-footer .footer-logo-text p {font-size:11px; line-height:18px; }
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links li a {width:35px; line-height:35px; height:35px; font-size: 13px;}
/*SOCIAL*/
    
/*FOOTER NAV*/
.footer-nav { margin-bottom: 0px;}
.footer-nav ul li { width:auto;}
.footer-nav ul li a { font-size:11px; line-height:18px; padding-right: 10px;}
.footer-nav ul li a i { font-size:10px;}
.footer-nav ul li:first-child { padding:5px 0;}
.footer-nav ul li:last-child { padding:5px 0;}
/*FOOTER NAV*/
    
/*FOOTER BOTTOM*/
.footer-bottom {margin-top: 25px; padding-top:20px; padding-bottom:20px;}
.footer-bottom p {font-size:11px; line-height:15px;}
/*FOOTER BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top { width:45px; height:45px; line-height:45px; font-size:14px;}
/*BACK TO TOP*/ 
    
/*SUB-BANNER*/
#sub-banner {padding:30px 0px;}

/*breadcrumb*/
.breadcrumb-handler { line-height:17px;font-size:12px; }
.breadcrumb-handler a { line-height:17px; margin:0 5px;}
/*breadcrumb*/
/*SUB-BANNER*/  
    
/*PHOTO GALLERY*/
.portfolio-menu ul li{font-size: 12px; line-height:18px; padding:10px 15px;}
.gallery .title{font-size:12px; line-height: 18px;}
.gallery .icon li a{width:30px; height:30px; line-height:30px; font-size:10px;}
/*PHOTO GALLERY*/     
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

.heading h1 {font-size:28px; line-height:35px;}
.heading h2 {font-size:20px; line-height:25px;}
.heading h3 {font-size:17px; line-height:24px;}
.heading h4 {font-size:17px; line-height:24px;}
.heading h5 {font-size:15px; line-height:22px;}     
.heading h6 { font-size:14px; line-height:20px;}

p { font-size:12px; line-height:18px;}
p i { font-size:10px;}

/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:80px;}
/*LOGO*/

.top-btn { font-size:14px; font-weight:600; width:100%; padding:10px 15px; line-height:20px ; color:#FFF; background:#16171D; letter-spacing:1px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;  border-bottom: 1px solid #21242D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-align:left;}
.top-btn:hover {  background:#e3af37; color:#16171D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/**HEADER**/
    
/*WELCOME TEXT SECTION*/
.home-btn { font-size:13px; padding:15px 25px; line-height:20px; }
/*WELCOME TEXT SECTION*/
    
/*Why Choose Us*/
.why_choose_us i { width:40px; height:40px; line-height:40px; font-size:14px;}
.why_choose_us-title {font-size:16px; line-height:25px;}
.why_choose_us-text {font-size: 12px; line-height:18px;}
/*Why Choose Us*/
    
/*COUNTER*/
span.counter-icon i { width:45px; height:45px; line-height:45px; font-size:14px;}
.single_counter_text h4 {font-size:20px; line-height:25px;}
.single_counter_text h6 {font-size: 11px; line-height:15px;} 
/*COUNTER*/
    
/*HOME SERVICE BOX*/
.home-service-box-text h5 { font-size:14px; line-height:20px;}
.home-service-box-text p { font-size:12px; line-height:18px;}
/*HOME SERVICE BOX*/
    
/*statics Section*/
.statics-text {font-size: 11px; line-height:15px;}
.statics-title {font-size:18px; line-height:25px;}
/*statics Section*/
    
/*BOX*/
.home-box-icon i {font-size:30px; line-height:40px;}
.home-box h1 {font-size:18px; line-height:25px;}
.home-box p { padding: 0 15px;}
/*BOX*/
    
/*Create A Account*/
.create-account-btn { font-size:13px; padding:15px 25px; line-height:20px; }
/*Create A Account*/
    
/*SERVICES*/
.services-box h5 {font-size:14px; line-height:20px;  }
.services-box p { font-size:12px; line-height:18px;}
.services-box .services-btn { font-size:13px; line-height:20px;}
.services-box .services-btn i {font-size:10px;}
.services-all-btn { font-size:13px; padding:15px 25px; line-height:20px; }      
/*SERVICES*/
    
/*FOOTER*/
.main-footer h6 { font-size:15px; line-height:20px;}
.main-footer h6:after { width:25px;}

/*FOOTER TEXT*/
.main-footer .footer-logo-text { margin-bottom:10px;}
.main-footer .footer-logo-text p {font-size:11px; line-height:18px; }
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links li a {width:35px; line-height:35px; height:35px; font-size: 13px;}
/*SOCIAL*/
    
/*FOOTER NAV*/
.footer-nav { margin-bottom: 0px;}
.footer-nav ul li { width:auto;}
.footer-nav ul li a { font-size:11px; line-height:18px; padding-right: 10px;}
.footer-nav ul li a i { font-size:10px;}
.footer-nav ul li:first-child { padding:5px 0;}
.footer-nav ul li:last-child { padding:5px 0;}
/*FOOTER NAV*/
    
/*FOOTER BOTTOM*/
    
.footer-bottom {margin-top: 25px; padding-top:20px; padding-bottom:20px; }
.footer-bottom p {font-size:11px; line-height:15px;}
/*FOOTER BOTTOM*/
/*FOOTER*/  

/*BACK TO TOP*/
#back-to-top { width:45px; height:45px; line-height:45px; font-size:14px;}
/*BACK TO TOP*/  
   
/*SUB-BANNER*/
#sub-banner {padding:30px 0px;}
/*breadcrumb*/
.breadcrumb-handler { line-height:17px;font-size:12px; }
.breadcrumb-handler a { line-height:17px; margin:0 5px;}
/*breadcrumb*/
/*SUB-BANNER*/ 
    
/*PHOTO GALLERY*/
.portfolio-menu ul li{font-size: 12px; line-height:18px; padding:10px 15px;}
.gallery .title{font-size:12px; line-height: 18px;}
.gallery .icon li a{width:30px; height:30px; line-height:30px; font-size:10px;}
/*PHOTO GALLERY*/     
}

 /* Custom CSS for contact page only */
    .contact-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
      max-width: 1200px;
      margin: 0 auto;
      padding: 2rem;
    }

    .contact-box, .form-box {
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      padding: 2rem;
    }

    .contact-box h2, .form-box h2 {
      margin-bottom: 1rem;
      color: #333;
    }

    .contact-box p, .contact-box a {
      color: #555;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      text-decoration: none;
    }

    .contact-box i {
      background: #d1ad59;
      color: #000;
      border-radius: 50%;
      padding: 12px;
      margin-right: 0.75rem;
      min-width: 32px;
      text-align: center;
    }

    .form-box label {
      display: block;
      margin-bottom: 0.5rem;
      color: #666;
    }

    .form-box input, .form-box textarea {
      width: 100%;
      padding: 0.75rem;
      margin-bottom: 1rem;
      border: 1px solid #ccc;
      border-radius: 0.5rem;
    }

    .form-box button {
      background: #d1ad59;
      color: #000;
      padding: 0.75rem;
      border: none;
      border-radius: 0.5rem;
      cursor: pointer;
    }

    .form-box button:hover {
      background: #000;
      color: #d1ad59;
    }

    /* Desktop layout */
.contact-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

/* Each box style (keep as it is or modify as you need) */
.contact-box,
.form-box {
  flex: 1;
}

/* Responsive: On small screens, stack vertically */
@media (max-width: 768px) {
  .contact-container {
    flex-direction: column;
  }

  .contact-box,
  .form-box {
    width: 100%;
  }
}