/*



Typography



=========================== */



html,body {



    width:100%;



    height: auto;



    margin:0;



    padding:0;



    overflow-x: hidden;



}







body {



    font-family: 'Open Sans', sans-serif;



    position: relative;



    font-size:14px;



    line-height:24px;



    color:#6f6f6f;



}







a{



    color: #6f6f6f;



}







a,



a:active,



a:focus,



a:hover{



    outline:none;



    -webkit-transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    -o-transition: all 0.3s ease-in-out;



    -ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}







a:hover{



    text-decoration:underline;



}







h1, h2, h3, h4, h5, h6{



    margin:0 0 15px 0;



    letter-spacing: 1px;



    font-weight: bold;



}







h1{



    font-size:48px;



    line-height:52px;



}







h2{



    font-size:36px;



    line-height:48px;



}







h3{



    font-size:30px;



    line-height:36px;



}







h4{



    font-size:24px;



    line-height:30px;



}







h5{



    font-size:18px;



    line-height:24px;



}







h6{



    font-size:14px;



    line-height:18px;



}







p{



    margin-bottom:20px;



}







.section{



    padding: 40px 0;



    position: relative;



    background-color: #ffffff;



}
.about-us-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.about-us-content h4 {
  font-weight: 700;
  margin-bottom: 10px;
}

.about-list {
  padding-left: 20px;
}

.about-list li {
  margin-bottom: 8px;
  font-size: 15px;
}

.sectionfeedback{



    padding: 0px 0;



    position: relative;



    background-color: #ffffff;



}









.section2{



    padding: 70px 0;



    position: relative;



    background-color: #f7f7f7; }



	



.bg



{



    background-image: linear-gradient(rgba(34, 97, 116, 0.77),rgba(8, 115, 119, 0.65));



    background-size: cover;



    color: #fff;}







.bgpage {



background-image: linear-gradient(rgba(45, 45, 45, 0.77),rgba(41, 41, 41, 0.65)),url(img/service-banner.jpg);



    background-size: cover;



    color: #fff;



    height: 200px;}











/*



--------web syle Start---------------------------------------------------



*/



.top {



    background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);



    line-height: 36px;



    overflow: hidden;



    color: #fff;



}



.top ul



{



	margin-bottom:0;



	    font-size: 14px;



}



.top a



{



	color:#fff;



}



.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev



{



	    position: absolute;



    top: 50%;



    z-index: 5;



    display: inline-block;



}







.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img



{



	width:100%;
   height: 500px;/* choose a height you like */
    object-fit: cover;


}











.fbox



{







    padding: 15px;



    color: #fff;



    text-align: center;



}



.fbox h4



{



      margin-top: 13px;



    padding-top: 0px;



    font-size: 24px;



    font-weight: 300;



}



.fbox h4:after



{



    display: block;



    content: "";



    /* border-top: 1px dashed #fff; */



    /* padding-bottom: 19px; */



    margin-bottom: 2px;



    width: 8%;



    margin: 0 auto;



    overflow: hidden;



    padding-top: 1px;



	}



.fcolor



{



	 background-color:orange;



}





.about-section {
    padding: 80px 0;
    background-color: #fff;
}

.about-section h6 {
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 2rem;

}
.about-title {
    font-size: 2.8rem;
    white-space: nowrap;   /* forces single line */
}


.about-section p {
    color: var(--secondary-color);
    font-size: 1.1rem;
    line-height: 1.8;
}

.about-section .list-group-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem 0;
    font-weight: 500;
    color: var(--dark-color);
}

.about-section .list-group-item:last-child {
    border-bottom: none;
}

/* Footer */
footer {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    padding: 50px 0 0;
}

footer h5 {
    color: #fff;
    margin-bottom: 1.5rem;
}

footer p {
    color: #bbb;
    line-height: 1.8;
}

footer a {
    transition: color 0.3s ease;
}

footer a:hover {
    color: var(--primary-color) !important;
}

footer .text-primary {
    color: var(--primary-color) !important;
}

/* Modal Styling */
.modal-content {
    border-radius: 10px;
    border: none;
}

.modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 10px 10px 0 0;
}

.modal-title {
    font-weight: 600;
}

.gradient-text {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.qr-corner {
    position: absolute;
    top: 0;
    right: 0;
}

.qr-corner img {
    width: 85px;
    background: #fff;
    padding: 4px;
    border-radius: 6px;
}

.carousel {
  display: block;
  width: 100%;
}


.fcolor2



{


 background-color:orange;



}







.fcolor3



{    background-color:orange;



	}



	



.qlink li



{



	    padding-bottom: 10px;



}







.textright



{



	text-align:right;



}







.bordtop 



{



    border-top: 1px solid #252424;



    padding-top: 15px;	



}



.pad0



{



	padding:0;



}







.carousel-control.left,.carousel-control.right



{



	background:none;



}







.inline-icons-text {



    position: relative;



    display: table;



    border-collapse: separate;



	    margin-bottom: 30px;



}



.inline-icons-text hr



{



margin-top: 3px;



    margin-bottom: 0px;



    border: 0;



    border-top: 1px solid #fbd9c7;



}







.inline-icons-text .inline-icon {



    padding: 0 0 6px 0 !important;



    white-space: nowrap;



    vertical-align: middle;



    display: table-cell;



}







.section-heading .heading-width {



    width: 0.01%;



}







.inline-icons-text .inline-icon {



    padding: 0 0 6px 0 !important;



    white-space: nowrap;



    vertical-align: middle;



    display: table-cell;



    font-size: 38px;



    padding: 0 15px;



    text-transform: uppercase;



}











/*service */



.post-slide{



    margin: 0 15px;



    background: #fff;



    /* border-bottom: 1px solid #dedde1; */



    box-shadow: 0 5px 5px #c5c5c5;



	    margin-bottom: 20px;



}



.post-slide .post-header{



    padding: 15px 20px;



}



.post-slide .title{



    margin-bottom: 5px;



}



.post-slide .title a{



    font-size: 15px;



    color: #333;



    font-weight: bold;



    text-transform: uppercase;



    transition: all 0.4s ease 0s;



}



.post-slide .title a:hover{



    color: #fd6058;



    text-decoration: none;



}



.post-slide .post-bar{



    margin: 15px 0 0 0;



    padding: 0;



    list-style: none;



}



.post-slide .post-bar li{



    display: inline-block;



    margin-right: 20px;



    color: #808080;



}



.post-slide .post-bar li a{



    font-size: 15px;



    color: #808080;



    text-transform: capitalize;



}



.post-slide .post-bar li a:hover{



    text-decoration: none;



    color: #fd6058;



}



.post-slide .post-bar li img{



    width: 35px;



    height: 35px;



    border-radius: 50%;



}



.post-slide .post-bar li i,



.post-slide .post-bar li img{



    margin-right: 5px;



}



.post-slide .pic{



    overflow: hidden;



    position: relative;



}



.post-slide .pic:after{



    content: "";



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    background: rgba(255,255,255,0);



    transition: all 0.9s ease 0s;



}



.post-slide:hover .pic:after{



    background: rgba(255,255,255,0.2);



}



.post-slide .pic img{



    width: 100%;



    height: auto;



    transform: rotate(0deg) scale(1,1);



    transition: all 0.6s ease-in-out 0s;



}



.post-slide:hover .pic img{



    transform: rotate(10deg) scale(1.5,1.5);



}



.post-slide .post-category{



    padding: 5px 15px;



    margin: 0;



    list-style: none;



    position: absolute;



    bottom: 0;



    left: 0;



    background: rgba(221, 101, 38, 0.73);



    z-index: 1;



    width: 100%;



    text-align: center;



	}



.post-slide .post-category li{



    display: inline-block;



    text-transform: uppercase;



}



.post-slide .post-category li:after{



    content: " ,";



    color: #fff;



}



.post-slide .post-category li:last-child:after{



    content: "";



}



.post-slide .post-category li a{



    color: #fff;



}



.post-slide .post-category li a:hover{



    text-decoration: none;



    color: #333;



}



.post-slide .post-description{



    font-size: 16px;



    color: #808080;



    padding: 15px;



}







.owl-prev



{



	    position: absolute;



    top: 40%;



    background-color: #fff;



    padding: 15px;



    font-size: 36px;



    left: -22px;



}







.owl-next



{



	   position: absolute;



    top: 40%;



    background-color: #fff;



    padding: 15px;



    font-size: 36px;



    right: -22px;



	



}











.servelist li



{



    padding: 12px 22px;



    background-color: #12777b;



    color: #fff;



    margin-bottom: 1px;



    position: relative;



    padding-left: 45px;



    text-align: left;



	}







.servelist li:before



{



content: "\f101";



    font-family: FontAwesome;



    font-style: normal;



    padding-right: 0.5em;



    position: absolute;



    top: 8px;



    left: 23px;



    color: #fff;



    font-size: 20px;



}







.servelist li:hover::before



{



	 left: 30px;



}



.servelist li:hover



{



    color: #fff;



    background: #009fa6;



    padding-left: 52px;



	}



.servelist li a



{



    display: block;



    color: #fff;	



}







.servelist ul



{



	margin-left:0;



	margin:0;



	padding:0;



	list-style:none;



}



#wpsm_accordion_147 .ac_title_class



{



	padding-top: 18px!important;



    padding-bottom: 18px!important;



}







#wpsm_accordion_159 .ac_title_class



{



	padding-top: 16px!important;



    padding-bottom: 16px!important;



}











.bg #wpsm_accordion_147 .wpsm_panel-default



{



border:none!important;



border:1px solid #226174!important;



}



#wpsm_accordion_147  .wpsm_panel



{



	border:1px solid #226174!important;



}











footer textarea.form-control



{



	height:90px;



}







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



    .post-header .post-bar li{



        margin-right: 5px;



    }



}



















/*accordian*/







.accordion .panel{



    border: none;



    box-shadow: none;



    border-radius: 0;



    margin-bottom: 6px;



	    background-color: transparent;



}



.accordion .panel-heading{



    padding: 0;



}



.accordion .panel-title a{



    display: block;



    padding: 10px 40px;



    background: #226174;



    font-size: 14px;



    color: #fff;



    font-weight: bold;



       color: #ffffff;



    text-transform: uppercase;



    border: 1px solid #226174;



    /* border-left: 3px solid #1b325e; */



    position: relative;



    transition: all 0.3s ease 0s;



	}



.accordion .panel-title a.collapsed{



    color: #fff;text-decoration: none;



}







.accordion .panel-title a:after



{



    content: "\f047";



    font-family: FontAwesome;



    font-size: 14px;



    color: #ffffff;



    line-height: 24px;



    position: absolute;



    top: 13px;



    left: 15px;



	



}



.accordion .panel-title a:before,



.accordion .panel-title a.collapsed:before{



    content: "\f107";



    font-family: FontAwesome;



    font-size: 23px;



    color: #1b325e;



    line-height: 24px;



    position: absolute;



      top: 13px;



    right: 25px;



}



.accordion .panel-title a.collapsed:before{



    content: "\f106";



}



.accordion .panel-title a:hover,



.accordion .panel-title a.collapsed:hover,



.accordion .panel-title a:before,



.accordion .panel-title a:hover:before{



         color: #ffffff;



}



.accordion .panel-body{



    padding: 15px 27px;



    font-size: 17px;



    line-height: 23px;



       border: 1px solid rgba(34, 97, 116, 0.39);



    border-top: none;



    /*border-left: 3px solid #eaeaea;*/



}

.accordion p{ font-size:14px; margin-bottom:14px;}

.accordion ul{ list-style:none; padding:0}

.accordion ul li{ position:relative; padding-left:20px;}

.accordion ol{ padding-left:20px}

.accordion ul li:before{ content:"\f101"; display:inline-block;font-family: FontAwesome; position:absolute; left:0}

.accordion ul li, .accordion ol li{ margin-bottom:14px; font-size:14px;}

.accordion .table-responsive td, .accordion .table-responsive th{font-size: 12px;}

.panel-default>.panel-heading+.panel-collapse>.panel-body {



    border-top-color: #226174;



}







/*testimonial*/







#quote-carousel {



    padding: 0 10px 30px 10px;



    margin-top: 0px;



    text-align: left;



    min-height: 293px;



}



/* indicator position */



#quote-carousel .carousel-indicators {



  right: 50%;



  top: auto;



  bottom: -10px;



  margin-right: -19px;



}



#quote-carousel small{



    color: #fff;



}



#quote-carousel p



{



	font-size:18px;



}







/* indicator color */



#quote-carousel .carousel-indicators li {



  background: #c0c0c0;



}



/* active indicator */



#quote-carousel .carousel-indicators .active {



  background: #333333;



  height:10px;



  width:10px;



  margin-bottom:1px;



}



#quote-carousel small:before



{



	content:"";



	display:block;



	width:80px;



	margin:0 auto;



	    border-top: 1px solid #ddd;



    padding-top: 5px;



    margin-top: 15px;



}



.tbg



{



    background-color: #9c4715;



    padding: 41px;



    text-align: center;



    margin-top: 38px;



    box-shadow: 0 5px 6px #e2e2e2;



    margin-bottom: 14px;



    border-radius: 100px;



    color: #fff;



}







.tbg img



{



    margin-top: -92px;



}







hr.dashed



{



	width:100px;



	border-bottom:2px dashed #1b325e;



	float:left;



}











/*footer*/











footer {



    background: #101010;



    color: #fff;



    line-height: 22px;



    padding: 30px 0 0;



}







footer a



{



	color:#fff;



}



.textleft



{



	text-align:left;



}







footer a:hover,footer a:visited,footer a:active



{



color:#fff;	



}







.copy



{



    background-color: #1f1e1e;



    line-height: 39px;



    height: 39px;



    color: #fff;



	    font-size: 14px;



}







.footleft {



    text-align: left;



}







.footright {



    text-align: right;



}







footer h3,.address h3



{



	font-size:18px;



	color:#fff;



}



footer .form-control



{



	    background-color: transparent;



    background-image: none;



    outline: none;



    color: #fff;



    margin-right: 5px;



	border-radius:0px;



	margin-bottom:10px;



	



}



footer .form-control:hover



{



	outline:none;



	



}



.address p



{



	padding: 5px 0px 0 29px;



    position: relative;



}







.address p i



{



    position: absolute;



    left: -14px;



    font-size: 25px;



    top: 6px;



}







.address .form-horizontal .form-group   



{margin-right: 5px;



}







.form-control:focus {



      border-color: #009fa6;



    outline: 0;



    -webkit-box-shadow:none;



    box-shadow: none;



}











.btn-primary {



    color: #fff;



    background-color: #009fa6;



    border-color: #009fa6;



}







.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:visited {



    color: #fff;



    background-color: #009fa6;



    border-color: #009fa6;



}







.btn-danger {



    color: #fff;



    background-color: #dd6526;



    border-color: #dd6526;



	border-radius:0;



}







.btn-danger:hover,.btn-danger:active,.btn-danger:focus,.btn-danger:visited {



    color: #fff;



    background-color: #dd6526;



    border-color: #dd6526;



}



.mt20



{



	margin-top:20px;



	margin-left:15px;



}







footer .navbar-nav



{



	width:100%;



}







footer .navbar-nav>li



{



	float:none!important;



	width:100%;



}







footer .navbar-nav>li>a:hover,footer .navbar-nav>li>a:focus,footer .navbar-nav>li>a:active



{



	float:none!important;



	width:100%;



	background-color:transparent!important;



	color:#ddd;



}



footer.nav>li>a:focus, footer.nav>li>a:hover



{



		background-color:transparent!important;







}











@media (min-width: 1024px) {



.carousel-caption {



right: 20%;



    left: 13%;



    width: 50%;



    padding-bottom: 3px;



    /* background-color: rgba(34, 97, 116, 0.56); */



    /* top: 25px; */



    color: #fff;



    padding: 15px;



    padding-top: 1%;



    text-align: left;



}







.carousel-caption h4 {



    font-size: 40px;



    line-height: 1.6;



}



nav.navbar.bootsnav ul.nav > li > a {



    border-right: 1px solid #ddd;



}



}































/*



--------web syle End---------------------------------------------------



*/











/*



Navbar Adjusment



=========================== */



/* Navbar Atribute ------*/



.attr-nav > ul > li > a{



    padding: 28px 15px;



}







ul.cart-list > li.total > .btn{



    border-bottom: solid 1px #cfcfcf !important;



    color: #fff !important;



    padding: 10px 15px;



}



@media (min-width: 993px) {



  nav.navbar .navbar-brand img.logo{



		margin-top:-54px;



    }



	



	



}



@media (min-width: 993px) and (max-width:1024px) {



.mt20 {



    margin-top: 8px;



    margin-left: 15px;



}



    nav.navbar .navbar-brand img{



		margin-top:-54px;



		width: 200px;



    }  



}







@media (min-width: 1024px) {



    /* Navbar General ------*/



    nav.navbar ul.nav > li > a{



        padding: 30px 15px;



        font-weight: 600;



    }



    







    



.navbar-header  img{



		margin-top:-37px!important;



    }



    



    nav.navbar li.dropdown ul.dropdown-menu{



        border-top: solid 5px;



    }



    



    /* Navbar Center ------*/



    nav.navbar-center .navbar-brand{



        margin: 0 !important;



    }



    



    /* Navbar Brand Top ------*/



    nav.navbar-brand-top .navbar-brand{



        margin: 10px !important;



    }



    



    /* Navbar Full ------*/



    nav.navbar-full .navbar-brand{



        position: relative;



        top: -15px;



    }



    



    /* Navbar Sidebar ------*/



    nav.navbar-sidebar ul.nav,



    nav.navbar-sidebar .navbar-brand{



        margin-bottom: 50px;



    }



    



    nav.navbar-sidebar ul.nav > li > a{



        padding: 10px 15px;



        font-weight: bold;



    }



    



    /* Navbar Transparent & Fixed ------*/



    nav.navbar.bootsnav.navbar-transparent.white{



        background-color: rgba(255,255,255,0.3);



        border-bottom: solid 1px #bbb;



    }



    



    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,



    nav.navbar.bootsnav.navbar-transparent.dark{



        background-color: rgba(0,0,0,0.3);



        border-bottom: solid 1px #555;



    }



    



    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{



        border-left: solid 1px #bbb;



    }



    



    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,



    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{



        border-left: solid 1px #555;



    }



    



    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,



    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,



    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,



    nav.navbar.bootsnav.no-background.white ul.nav > li > a{



        color: #fff;



    }



    



    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,



    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{



        color: #eee;



    }



}







@media (max-width: 992px) {



	footer



	{



		padding:25px;



	}



	.textleft



	{



		text-align:center;



	}



	.textright



	{



		text-align:center;



	}



    /* Navbar General ------*/



    nav.navbar .navbar-brand{



        margin-top: 0;



        position: relative;



        top: -2px;



    }



    



.custom-logo{



    width: 150px!important;



	height:100%;



    }



.carousel-caption h4



{



	font-size: 19px;



	



}



    .attr-nav > ul > li > a{



        padding: 16px 15px 15px;



    }



    



    /* Navbar Mobile slide ------*/



    nav.navbar.navbar-mobile ul.nav > li > a{



        padding: 15px 15px;



    }



    



    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{



        padding-right: 15px !important;



        padding-top: 15px !important;



        padding-bottom: 15px !important;



    }



    



    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{



        padding-right: 30px !important;



        padding-top: 13px !important;



        padding-bottom: 13px !important;



    }



    



    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{



        padding-top: 13px !important;



        padding-bottom: 13px !important;



    }



    



    /* Navbar Full ------*/



     nav.navbar-full .navbar-brand{



        top: 0;



        padding-top: 10px;



    }



}







/* Navbar Inverse



=================================*/



nav.navbar.navbar-inverse{



    background-color: #222;



    border-bottom: solid 1px #303030;



}







nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{



    border-bottom: solid 1px #222 !important;



}







nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{



    color: #fff;



}







nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,



nav.navbar.navbar-inverse ul.nav > li > a{



    color: #eee;



}







nav.navbar.navbar-inverse ul.nav > li.dropdown > a{



    background-color: #222;



}







nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{



    color: #999;



}







nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,



nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,



nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,



nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,



nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,



nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{



    color: #fff;



}







nav.navbar.navbar-inverse .form-control{



    background-color: #333;



    border-color: #303030;



    color: #fff;



}







nav.navbar.navbar-inverse .attr-nav > ul > li > a{



    color: #eee;



}







nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{



    background-color: #222;



    border-left: solid 1px #303030;



    border-bottom: solid 1px #303030;



    border-right: solid 1px #303030;



}







nav.navbar.navbar-inverse ul.cart-list > li{



    border-bottom: solid 1px #303030;



    color: #eee;



}







nav.navbar.navbar-inverse ul.cart-list > li img{



    border: solid 1px #303030;



}







nav.navbar.navbar-inverse ul.cart-list > li.total{



    background-color: #333;



}







nav.navbar.navbar-inverse .share ul > li > a{



    background-color: #555;



}







nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{



    border-right: solid 1px #303030;



}







nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{



    border-bottom: solid 1px #303030;



}







nav.navbar.navbar-inverse .dropdown-tabs .tab-content{



    border-left: solid 1px #303030;



}







nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,



nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,



nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{



    background-color: #333 !important;



}







nav.navbar-inverse.navbar-full ul.nav > li > a{



    border:none;



}







nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{



    background-color: #222;



}







nav.navbar-inverse.navbar-full .navbar-toggle{



    background-color: #222 !important;



    color: #6f6f6f;



}







@media (min-width: 1024px) {



    nav.navbar.navbar-inverse ul.nav .dropdown-menu{



        background-color: #222 !important;



        border-left: solid 1px #303030 !important;



        border-bottom: solid 1px #303030 !important;



        border-right: solid 1px #303030 !important;



    }







    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{



        border-bottom: solid 1px #303030;



    }



    



    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{



        border-left: solid 1px #303030;



        border-right: solid 1px #303030;



    }



    



    nav.navbar.navbar-inverse.navbar-transparent.dark{



        background-color: rgba(0,0,0,0.3);



        border-bottom: solid 1px #999;



    }



    



    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{



        border-left: solid 1px #999;



    }



    



    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,



    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,



    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,



    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{



        color: #fff;



    }



    



    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,



    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,



    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,



    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{



        color: #3f3f3f;



    }



}







@media (max-width: 380px)  {



.carousel-caption



{



	display:none;}



}



@media (max-width: 992px)  {



    nav.navbar.navbar-inverse .navbar-toggle{



        color: #eee;



        background-color: #222 !important;



    }



    



    nav.navbar.navbar-inverse .navbar-nav > li > a{



        border-top: solid 1px #303030;



        border-bottom: solid 1px #303030;



    }



    



    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{



        color: #999;



        border-bottom: solid 1px #303030;



    }



    



    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{



        border-bottom: solid 1px #303030;



        color: #eee;



    }



    



    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{



        border-bottom: solid 1px #303030;



        color: #999 !important;



    }



    



    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{



        border-bottom: solid 1px #303030;



    }



    



    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{



        border-top: solid 1px #303030;



    }



    



    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{



        background-color: #222;



    }



}







@media (max-width: 767px)  {



    nav.navbar.navbar-inverse.navbar-mobile ul.nav{



        border-top: solid 1px #222;



    }



	



	



	.inline-icons-text .inline-icon



	{



		    font-size: 22px;



	}



	



	.cl img



	{



		margin-bottom:15px;



	}



}







@media (min-width: 768px){



	



.cl img



{



	width:100%



}



}







/*



Color



=========================== */



nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,



.side .widget ul.link li a:hover,



.side .widget ul.link li a:focus,



.check-list li:before,



ul.cart-list > li > h6 > a,



.attr-nav > ul > li > a:hover,



.attr-nav > ul > li > a:focus,



nav.navbar-sidebar ul.nav li.dropdown.on > a,



nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,



nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,



nav.navbar ul.nav li.dropdown.on > a,



nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,



nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,



nav.navbar .dropdown .megamenu-content .col-menu.on .title,



nav.navbar ul.nav > li > a:hover,



nav.navbar ul.nav > li.active > a:hover,



nav.navbar ul.nav li.active > a,



nav.navbar li.dropdown ul.dropdown-menu > li a:hover{



 color: #cc5426;



}







nav.navbar.navbar-transparent ul.nav > li > a:hover,



nav.navbar.no-background ul.nav > li > a:hover,



nav.navbar ul.nav li.scroll.active > a,



nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,



nav.navbar ul.nav li.dropdown.on > a,



nav.navbar-dark ul.nav li.dropdown.on > a{



    color: #f43438 !important;



}







@media(max-width:920px){



    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,



    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{



        color: #f43438 !important;



    }



}







/*



Border



=========================== */



ul.cart-list > li.total > .btn{



    border-color: #f43438;



}







nav.navbar li.dropdown ul.dropdown-menu{



    border-top-color: #f43438 !important;



}







/*



Background



=========================== */



ul.cart-list > li.total > .btn,



.attr-nav > ul > li > a span.badge,



nav.navbar .share ul > li > a:hover,



nav.navbar .share ul > li > a:focus{



    background-color: #f43438;



}



.rmm.style ul li.menu-item-152 ul {
    width: 520px;left: -224px;
}
.rmm.style ul li.menu-item-152 ul li {
    float: left;
    width: 260px;
}
.rmm.style ul li.menu-item-152 ul li a {
    height: 26px;
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #fff;
    width: 1%;
}
.rmm.style ul li.menu-item-152 ul ul {
    width: auto; left:100%
}

ul.cart-list > li.total > .btn:hover,



ul.cart-list > li.total > .btn:focus{



    background-color: #dc3236 !important;



}

.servelist .col-sm-4:last-child {

    margin-left: 33.4%;

}

#inner-page-sec {

    padding: 30px 0;

}

#contact .nav li:hover .sub-menu{ display:none}

#search-form {-moz-transition: max-height, 0.5s;-o-transition: max-height, 0.5s;-webkit-transition: max-height, 0.5s;transition: max-height, 0.5s;position: absolute;top:114px;left: 0;width: 100%;max-height: 0;overflow: hidden;background-color: #e1e4e7; z-index:1}

#search-form.open {max-height: 60px;}



#searchform #s{ width:100%; padding:10px; border:none; background:#bf5b24}

#searchsubmit{  background: #009fa6 none repeat scroll 0 0;border: medium none;font-size: 16px;height: 100%;position: absolute;right: 0;top: 0;width: 80px;}

#toggle-search {

    cursor: pointer;

}

#search-section{ padding:50px 0}

.inner-search {

    border-bottom: 1px solid #ccc;

}

.inner-search h4{ font-size:15px;}

@media(max-width:1165px){.servelist li a{ font-size:11px}}

@media(max-width:992px){.sub-menu {

    margin:auto;

    list-style: none;

    width:auto;

    position:inherit;

    top:inherit;

    left:inherit;

    z-index:inherit; display:inherit;

  

    padding:inherit;

}

.nav li:hover .sub-menu{ display:inherit;}

.sub-menu li {

    float:none;

    width:auto;

}

.sub-menu li a {

    padding:inherit;

    display:inherit;

    border-bottom: 1px solid #ccc;

    background:none;

    border-left:none;

    font-size: 12px;

}.navbar-brand{ height:auto}nav.navbar.bootsnav .navbar-toggle{ display:none}}

@media(max-width:600px){.navbar-header {

    margin-top: 43px;

}.top{ display:none}.navbar-brand{ padding:0}.inline-icons-text .inline-icon {

    font-size: 18px;

}}

#contact a:hover {

    color: #ef702b;

}


.yellow_btn a
{
	font-size:30px;
	color:#191B1F;
	background-color:#FFC600;
	line-height:34px;
	padding:12px;	
	border:0px;
	text-decoration:none;
	width:auto;
	float:left;
	margin-right:15px;
	font-weight:600;
	margin:3px;
	text-align:center
	
}

.yellow_btn a:hover
{
	background-color:#F90;
}




.gradient-text {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
  
}


/* Services Section */
.services-section {
    padding: 80px 0;
    background-color: #fff;
}
.services-section h2 {
    margin-bottom: 50px;
}


.services-section h2 {
    color: var(--dark-color);
    margin-bottom: 3rem;
    font-weight: 700;
    
}
.service-card {
    background: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid blue;

    /* REMOVE THIS */
    /* height: 100%; */
}


.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.service-card i {
    font-size: 3rem;
    color: blue;
    margin-bottom: 1rem;
}

.service-card h5 {
    color: var(--dark-color);
    margin-bottom: 1rem;
    font-weight: 600;
}

.service-card p {
    color: var(--secondary-color);
    line-height: 1.8;
}
/* ============================
   FIX LOGO + NAVBAR ALIGNMENT
   ============================ */

/* Reset all logo hacks */
.navbar-header img,
nav.navbar .navbar-brand img,
.custom-logo {
    margin: 0 !important;
    padding: 0 !important;
}

/* Proper navbar structure */
.navbar-header {
    float: left;
    display: flex;
    align-items: center;
}

/* Logo container */
.navbar-brand {
    padding: 0 !important;
    display: flex;
    align-items: center;
    height: auto;
}

/* Logo image */
.custom-logo {
    max-height: 30px;
    width: auto;
}

/* Desktop navbar */
@media (min-width: 992px) {
    .navbar-header {
        margin-top: 0 !important;
    }

    .navbar-brand {
        margin-left: 0;
    }

    .navbar-collapse {
        float: right;
    }
}

/* Mobile navbar */
@media (max-width: 991px) {
    .custom-logo {
        max-height: 60px;
    }

    .navbar-header {
        width: 100%;
        justify-content: space-between;
        margin-top: 0 !important;
    }

    .navbar-toggle {
        margin-top: 15px;
    }
}

/* Remove Bootsnav forced offsets */
.navbar-header img {
    margin-top: 0 !important;
}

/* Prevent logo jumping */
nav.navbar {
    min-height: 90px;
    display: flex;
    align-items: center;
}
/* === FORCE LOGO LEFT (Bootsnav override) === */
nav.navbar .navbar-header {
    float: left !important;
}

/* Keep menu on right */
nav.navbar .navbar-collapse {
    float: right !important;
}

/* Safety reset */
.navbar-header,
.navbar-brand {
    text-align: left;
}
/* === DISABLE WP RESPONSIVE MENU ON DESKTOP === */
@media (min-width: 993px) {
    #wprmenu_bar,
    #mg-wprm-wrap {
        display: none !important;
    }

    .nav {
        display: block !important;
    }
}
/* === FINAL BOOTSNAV FIX === */
nav.navbar.bootsnav .navbar-header {
    float: left !important;
}

nav.navbar.bootsnav .navbar-collapse {
    float: right !important;
}

nav.navbar.bootsnav .navbar-brand {
    float: left !important;
}




























/* RESET ALL PREVIOUS NAVBAR STYLES */
nav.navbar.bootsnav,
nav.navbar.bootsnav * {
    box-sizing: border-box;
}

/* MAIN NAVBAR - SINGLE LINE */
nav.navbar.bootsnav {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    min-height: auto;
    margin-bottom: 0;
}

/* REMOVE CONTAINER CONFLICTS */
nav.navbar.bootsnav .container {
    display: contents;
}

/* LOGO AREA - LEFT SIDE */
.navbar-header {
    display: flex;
    align-items: center;
    margin-right: 40px;
    margin-top: 0 !important;
    padding: 0;
    float: none;
    border: none;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.custom-logo {
    max-height: 40px;
    width: auto;
    display: block;
    
}

/* HIDE HAMBURGER ON DESKTOP */
.navbar-toggle {
    display: none !important;
}

/* MENU - HORIZONTAL LINE */
.navbar-collapse {
    display: flex !important;
    flex: 1;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    float: none;
}
#menu-top-nav > li > a:hover {
    color: #cc5426;
}
#menu-top-nav > li > a {
    display: inline-block;
    padding: 15px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.3s ease;
}
.rmm.style {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* HIDE TOP SEARCH */
.top-search {
    display: none !important;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
    #menu-top-nav > li > a {
        padding: 12px 12px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    /* Show hamburger */
    .navbar-toggle {
        display: block !important;
        float: right;
        margin-top: 8px;
        margin-right: 0;
        padding: 8px 12px;
        border: 1px solid #ddd;
        background: transparent;
    }

    .navbar-toggle i {
        color: #333;
        font-size: 18px;
    }

    /* Stack menu vertically */
    .navbar-collapse {
        display: none !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #ddd;
        flex-direction: column;
        width: 100%;
    }

    .navbar-collapse.in {
        display: flex !important;
    }

    .rmm.style {
        flex-direction: column;
        width: 100%;
    }

    #menu-top-nav {
        flex-direction: column;
        width: 100%;
    }

    #menu-top-nav > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    #menu-top-nav > li > a {
        padding: 15px 20px;
        width: 100%;
        border: none;
    }

    #menu-top-nav .sub-menu {
        position: static;
        display: none;
        border-top: 3px solid #cc5426;
        border-left: 3px solid #cc5426;
        background: #f9f9f9;
        box-shadow: none;
    }

    #menu-top-nav > li.menu-item-has-children.open .sub-menu {
        display: block;
    }

    #menu-top-nav .sub-menu li a {
        padding: 10px 20px 10px 40px;
    }

    #menu-top-nav .sub-menu .sub-menu {
        position: static;
        border-top: none;
        border-left: 3px solid #cc5426;
    }
}

@media (max-width: 480px) {
    nav.navbar.bootsnav {
        padding: 10px;
        flex-wrap: wrap;
    }

    .navbar-header {
        margin-right: 20px;
        order: 1;
    }

    .navbar-toggle {
        order: 2;
    }

    .navbar-collapse {
        order: 3;
        width: 100%;
    }

    .custom-logo {
        max-height: 50px;
    }

    #menu-top-nav > li > a {
        padding: 10px 12px;
        font-size: 12px;
    }
}
/* GAP BETWEEN LOGO AND MENU */
nav.navbar.bootsnav {
    gap: 40px;   /* adjust value as needed */
}