﻿@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
html{-webkit-text-size-adjust:100%}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
body{font-family:'Poppins',sans-serif;font-size:16px;font-weight:400;line-height:24px;position:relative;margin:0;padding:0;color:#181818;overflow-x:hidden;background-color:#fff}.container{width:100%;max-width:1200px;margin:0 auto}
.container{width:100%;max-width:1300px;margin:0 auto}
tt{font-family:'Poppins',sans-serif}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 700;margin:0;line-height: 1.3;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color:#fafafa}
ul,ol{padding:0;margin:0;list-style:none}
.no-padding{padding:0}
.cuani,a{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
b,strong{font-weight:600}
::selection{background:#df9b24;color:#fff}
::-moz-selection{background:#df9b24;color:#fff}
.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.valign {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.border-top{border-top:1px solid #e2e2e2!important;}
.border-bottom{border-bottom:1px solid #e2e2e2!important;}
.boxshwd{box-shadow: rgb(0 0 0 / 6%) 0px 2px 12px 0px;padding: 10px;}
.h100{height:100%}
.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding: 20px !important;}
.p30{padding: 30px !important;}
.pr20{padding-right: 20px !important;}
.pb0{padding-bottom: 0px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.automrg{margin: auto;/* text-align: center; */float: none;}
.mt0{margin-top:0 !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mb0{margin-bottom:0 !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.fixmain {display: flex;}
.fixmain .fix-content{position:sticky;top:100px;}
.bgwhite{background:#fff}
.w100{width: 100% !important;}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}

/*---------------*/
.tophead{position:relative;background:#2e306e;border-bottom:1px solid #dcdcdc}
.tophead ul{list-style:none;margin:0;padding:0;float:left}
.tophead li{display:inline-block;color:#fff;padding:0 12px;line-height:38px}
.tophead li a{display:block;color:#fff;font-size:15px;font-weight:400;position:relative;display:inline-block}
.tophead ul.social-top{float:right}
.tophead ul.social-top li a{list-style:none;text-align:center}
.tophead ul.social-top li a i{line-height:38px}
.tophead .contact li i{padding-right:4px;font-size:18px;position:relative;top:2px;display:inline-block}
@media (max-width: 992px) {
.tophead ul{display:block;float:none!important;text-align:center}
.tophead li,.tophead ul.social-top li:last-child{border:none}
ul.social-top{}
.tophead .contact li{margin-left:0;display:block}
}

/*-----------*/
.header-main{background: #161616;box-shadow: 0 9px 9px rgba(0,0,0,.1);transition:all .5s ease;padding: 0;}
.header-main .header-wrap{display: flex;justify-content: space-between;max-width: 100%;flex-wrap: wrap;float: none;margin: 0 auto;list-style: none;display: flex;flex-direction: row;align-items: center;/* justify-content: flex-start; */}
.logo{margin-right: 0;position: relative;z-index: 1;}
.logo a {color: #df9b24 !important;!i;!;font-weight: 900 !important;!i;!;font-family:"Noto Serif", sans-serif;font-size: clamp(25px, 5vw, 3rem);}
.logo img{width: 150px;padding: 5px 0;}
body.fixed .header-main{position:fixed;/* background: #1a1d21; */padding-bottom: 0;top:0;left:0;right:0;z-index:9;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;}
body.fixed{padding-top: 81px;}

body.fixed #cssmenu > ul > li > a{padding: 18px 0px;}
body.fixed #cssmenu > ul > li > a:before,body.fixed #cssmenu > ul > li.active > a:before{bottom: 14px;}
body.fixed #cssmenu > ul > li::after{top: 16px;}
.getquote{font-weight: 600;font-size: 16px;padding: 8px 20px;text-transform: uppercase;border-radius: 5px;background: #df9b24;color: #fff;display: inline-block;}
.getquote:hover{color: #1a1d21;background: #df9b24;}
.menugetquote{display: none !important;}
@media (max-width: 992px)
{   
    .getquote{display:none}
	.header-main .header-wrap{display: block;}
     .menugetquote{display: inline-block !important;}
}

/*-------------*/
@media (max-width: 778px) {
    .flexslider {
        padding-top: 54px !important;
    }
}
/*--flex slider---*/
.flex-control-paging li a {border-color: #2e306e !important;}
.flex-control-paging li a.flex-active {background: #df9b24 !important}

.btn-enq { /* position:relative; */ /* z-index:2; */ /* padding: 24px 0 5px 0; */ /* display:inline-block; */ /* width:100%; */ /* text-align:right; */}
.btn-enq a{padding:8px 20px!important;display:inline-block;font-weight:800;text-transform:uppercase;margin-top:4px;text-align:center;color:#000!important;background:#f3b901;border-radius:0}
.btn-enq a:hover{background:#fff;color:#2e306e}
.btn-enq a:before{content:none!important}

.htitle{font-size:40px;padding: 0;margin:0;position:relative;color: #df9b24;margin-bottom: 15px;}
.htitle.hsmall{font-size:30px;}
.htitle.center{text-align:center}
.htitle + p{font-size:16px;margin-bottom:30px;color: #2c2c2c;}
.htitle.center + p{text-align:center;} 
@media (max-width: 778px) {
.htitle{font-size:32px}
}
.htitle.white{color:#fff}

/*-----------*/
.htitle2{font-size:30px;font-weight:700;line-height:45px;padding:0 0 12px;margin:0;position:relative;letter-spacing:0;color:#2e306e;margin-bottom:15px}
.htitle2:before{background-color:#b7b7b7;bottom:6px;content:"";height:2px;left:0;margin:0;position:absolute;right:0;width:74px}
.htitle2 span{color:#2e306e;font-weight:700;font-size:40px}
.htitle2.noline{margin-bottom:0}
.htitle2.noline:before{content:none!important}
.htitle2.hsmall{font-size:25px;line-height:32px;padding:0 0 16px;margin:0;position:relative;color:#2e306e}
.htitle2.hsmall:before{background-color:#b7b7b7;bottom:10px;content:"";height:2px;left:0;margin:0;position:absolute;right:0;width:40px}
.htitle2.center{text-align:center}
.htitle2.center:before{margin:0 auto}

/*--===--------*/
.page-head{padding:100px 0;color:#2d2d2d;text-align:center;position:relative;background:#edf1f7 url(../images/innerhead.jpg) center center no-repeat;background-size:cover}
.page-head:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background-color:#f4f7fce0}
.page-head h1{margin:0;padding:7px 0;font-size:28px;text-transform:capitalize;color:#2e306e;font-weight:600}
.breadcrumb{text-align:center;background:transparent;margin:0;padding:0}
.breadcrumb > li{font-size:13px;color:#404040}
.breadcrumb > li > a{color:#404040}
.breadcrumb > li + li:before{color:#404040}


/*------------*/
.section{position:relative;padding:60px 0}
.section2{padding:30px 0;position:relative}
.sectionbg{background: #f3f3f3;padding:60px 0;position:relative}
.bgbox{background:#f9fafc;padding:30px;position:relative}
.bgbox ul{margin-bottom:0!important}

/*======headerpage======*/
.site-header{background-color:#f4f4f4;padding:15px 0;width:calc(100% - 40px);transition:all .3s ease;z-index:1000;margin:20px 20px 0}
.site-header.fixed{position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000001a;margin:0;width:100%}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.menu-toggle{background-color:#c7f78f;border:none;height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.page-banner{background-color:#f4f4f4;padding:80px 0;text-align:center;margin:20px 20px;border-radius: 25px;}
.page-banner h1{font-size: 40px;color:#333;}
.page-banner p{font-size:18px;color:#666;max-width:700px;margin:0 auto}
@media (max-width: 768px) {
.nav-menu{display:none}
.phone-number{display:none}
}


/*----service---*/
.app-box{position:relative;background-color:#fff;border-radius:15px;text-align:center;padding:30px;display:flex;flex-direction:column;transition:transform .3s ease;box-shadow:0 2px 10px #0000000d}
.app-box:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}
.app-box i{width: 60px;height: 60px;background-color: #f3f3f3;border-radius:50px;display:flex;align-items:center;justify-content:center;margin: 0 auto 15px auto;font-size: 24px;color:#df9b24}
.app-box h4{font-size:22px}

/*----service---*/
.service-box{position:relative;background-color:#fff;border-radius:15px;padding:30px;display:flex;flex-direction:column;transition:transform .3s ease;box-shadow:0 2px 10px #0000000d}
.service-box:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}
.service-box i{width: 60px;height: 60px;background-color: #f3f3f3;border-radius:50px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size: 24px;color:#df9b24}
.service-box h4{font-size:22px}

.highlight{width:100%;display:block;padding:80px 0;position:relative;background-size:cover!important;background: #000 url(../images/highlightbg.jpg) no-repeat fixed;}
.highlight .content-right{position:relative;z-index:1;background:#fff;padding:30px;width: 450px;margin:20px 0;border-radius:20px;box-shadow:0 10px 20px #0000001a;float:right}
.highlight .content-right h2{color:#df9b24;font-size:24px;margin-bottom:10px}
.highlight .content-right p{font-size:16px;color:#333;margin-bottom:20px}
.highlight .button-arrow{background-color:#df9b24;width:40px;height:40px;border-radius:50%;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (max-width: 768px) {.highlight .content-right{width:80%;margin:auto; float:none}}


.fun-box{/* position:relative; */text-align: center;}
.fun-box h3{font-size: 50px;line-height:1em;color: #df9b24;}
.fun-box h4{position:relative;display:block;font-size: 20px;font-weight: 600;/* color: #fff; */padding: 10px 0 0 0;}
@media (max-width: 768px) {
	.fun-box h3{font-size: 40px;}
}
@media (max-width: 575px){.funfact li{width: 100% !important;}}


.about-area{}
.about-area .content-left{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;height:300px;}
.about-area .content-left .text-box{background-color:#faf1e0;width:30%;height:100%;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:30px;border-radius:20px 20px 0;position:relative;z-index:10;}
.about-area .content-left .text-box span{font-weight:600;line-height:initial;letter-spacing:-.36px;color:#292929;text-transform:capitalize;text-decoration:none;transition:all .5s ease-out;}
.about-area .content-left .text-box h4{font-size:22px;font-weight:600;}
.about-area .content-left .text-box .focus-text{width:194px;height:158px;background-color:#faf1e0;border-radius:0 15px 20px 0;position:absolute;z-index:4;bottom:0;left:100%;display:flex;justify-content:start;align-items:center;}
.about-area .content-left .text-box .focus-text h5{font-size:22px;text-align:center;font-weight:600;line-height:1.4;}
.about-area .content-left .text-box .focus-text h5 span{font-size:50px;font-weight:700;display:block;line-height:1.2;}
.about-area .content-left .text-box .focus-text .left-corner{position:absolute;transform:rotate(180deg);top:-20px;left:0;}
.about-area .content-left .img-box{width:67%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:20px;position:relative;margin-top:0;z-index:2;background:url(../images/aboutbg.jpg);}
.about-area .content-left .img-box .corner-shape{width:197px;height:183px;border-radius:0 22px 0 0;background-color:#fff;position:absolute;z-index:3;bottom:0;left:0;top:unset;z-index:4;}
.about-area .content-left .img-box .corner-shape .top-corner{position:absolute;top:-20px;left:0px;transform:rotate(-180deg);}
.about-area .content-left .img-box .corner-shape .right-corner{position:absolute;bottom:0;right:-20px;transform:rotate(-180deg);}
@media only screen and (min-width: 768px) and (max-width: 991px){
.about-area .content-left .text-box{padding:30px;width:30%;}
.about-area .content-left .text-box .focus-text{height:130px;}

}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.about-area .content-left .text-box{padding:30px;width:30%;}
.about-area .content-left .text-box.focus-text{width:200px;height:130px;}
.about-area .content-left .img-box{width:66%;}
.about-area .content-left .img-box .corner-shape{height:160px;}
}
@media (max-width: 992px) 
{.about-area .content-left .img-box .corner-shape{height:160px;}}
@media only screen and (min-width: 0px) and (max-width: 767px){

.about-area .content-left{height:unset;flex-direction:column;gap:24px;}
.about-area .content-left .text-box{width:100%;border-radius: 20px;}
.about-area .content-left .text-box .focus-text{position: initial;width: auto;height: auto;display: inherit;}
.about-area .content-left .text-box .focus-text .left-corner{display:none;}
.about-area .content-left .img-box{width:100%;height: 350px;}
.about-area .content-left .img-box .corner-shape{display:none;}
}

.about-area .content-right{padding:30px;border-radius:30px;background-color:#df9b2424;position:relative;overflow:hidden;height:300px;}
.about-area .content-right h4{font-size: 22px;font-weight:600;color:#292929;}
.about-area .content-right p{margin-top:16px;margin-bottom:0;}

@media (max-width: 991px){
.about-area .content-right{margin-top:20px;height: auto;}
}

/*---------*/
.mission-box{background: #fff;padding: 40px 30px;position: relative;border-radius: 10px;}
.mission-box .box-title{display:flex;flex-direction:row;text-align:center;align-items: center;padding-bottom: 25px;}
.mission-box .box-title i{width: 60px;height: 60px;background-color: #f3f3f3;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size: 24px;color:#df9b24}
.mission-box .box-title h4{display:block;margin-bottom:0;margin-left: 15px;color: #df9b24;}
.mission-box p{margin:0}


/* ========== Contactpage css========== */
.contact-box{display:flex;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;overflow:hidden;flex-wrap:wrap}
.contact-box .contact-left {background:#161616;color:#fff;flex:1;padding:40px 30px;display:flex;flex-direction:column;gap:30px;min-width:300px}
.contact-box .contact-left .info-block i{font-size:24px;color: #df9b24;margin-bottom:10px}
.contact-box .contact-left  .info-block h3{color: #df9b24;margin:10px 0 5px;font-weight:600}
.contact-box .contact-left  .info-block p{margin:0;line-height:1.6}
.contact-right{flex:2;padding:40px 30px;min-width:300px}
.contact-box .contact-right h4{font-size:14px;color:#777;margin-bottom:8px;text-transform:uppercase}
.contact-box .contact-right h2{font-size:26px;margin-bottom:30px;color:#1e1e2f}

form .input-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}
form input,form textarea{width:100%;padding:12px 16px;border:none;border-bottom:2px solid #ddd;font-size:16px;outline:none;transition:.3s}
form input:focus,form textarea:focus{border-color:#df9b24}
form textarea{resize:vertical;width:100%;margin-bottom:20px}
form button{background:#161616;color:#fff;padding:12px 30px;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:background .3s ease}
form button:hover{background:#df9b24}

/*=======*/
.box42{position:relative;border-radius: 15px;overflow:hidden;transition:all .3s ease}
.box42  img{width:100%;}
.box42 .inner-content{position:absolute;top:0;left:0;width:100%;height:100%}
.box42 .inner-content .btn-wrapper{position:absolute;right:15px;z-index:5}
.box42 .inner-content .btn-wrapper .circle-btn{text-decoration:none;display:inline-block;padding:12px 20px;background:#333;color:#fff;border-radius:30px;transition:all .3s ease}
.box42 .inner-content .btn-wrapper .circle-btn{width:48px;height:48px;text-align:center;padding:15px;line-height:48px;background:#fff;color:#df9b24;border-radius:50%;margin-top: 20px;}
.box42 .inner-content .btn-wrapper .circle-btn:hover{background:#000;color:#fff}
.box42:hover .inner-content .btn-wrapper .circle-btn{background: #df9b24;color: #fff;}
.box42.inner-content .btn-wrapper .circle-btn i{transition: transform .3s ease;}
.box42:hover .inner-content .btn-wrapper .circle-btn i{ transform: rotate(-45deg);}
.box42 .inner-content .shape svg{position:absolute;top:0;right:0;opacity:0;transform:translate(60px,-60px);transition:all .3s ease}
.box42:hover .inner-content .shape svg{opacity:1;transform:translate(0,0)}
.box42 .inner-content .inner-box{position:absolute;bottom:0;left:0;padding: 10px;transform:translateY(70%);opacity:0;transition:all .3s ease;visibility:hidden}
.box42:hover .inner-content .inner-box{transform:translateY(0%);opacity:1;visibility:visible}
.box42 .inner-content .inner-box .inner-text{/* position:relative; */padding: 5px 10px;background-color:#df9b24;border-radius: 10px;}
.box42 .inner-content .inner-box .title{font-size: 22px;font-weight:600;color:#fff;text-decoration:none}
@media screen and (max-width: 576px) {
.box42 .inner-content .inner-box .title{font-size:20px}
}

/*-----------------*/
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table thead,.text-desc table th{background:#f1f1f1;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px}
.text-desc table td, .text-desc table th {border: 1.5px solid #e5e5e5;padding: 2px 3px 2px 8px; /* color:#2d2d2d; */vertical-align: middle; /* text-align:center; */}
.text-desc table td { /* font-size:15px; */ /* color: #545454; */}
.text-desc tt{font-size:25px;font-weight:300;line-height:35px;padding-bottom:0;display:block}
.text-desc ul,.text-desc ul ul{margin-left:17px;margin-bottom:22px}
.text-desc ul li{list-style-type:none;position:relative;padding:2px 0 2px 5px}
.text-desc ul.list2 li{width:46%;display:inline-block}
@media (max-width: 768px) {
.text-desc ul.list2 li{width:100%}
}
.text-desc ul ul li{list-style-type:circle}
.text-desc ul li:before{position:absolute;font-size:11px;font-family:"Font Awesome 5 Free";content:"\f058";font-weight:900;color:#2e306e;left:-15px;line-height:24px}
.text-desc h2{color:#2e306e}
.text-desc h3{color:#2e306e;font-size:26px;font-weight:600;line-height:38px;padding:0 0 6px;margin:0;letter-spacing:.5px;margin-bottom:8px;position:relative}
.text-desc h3:after{background:#b7b7b7;bottom:0;content:"";height:2px;position:absolute;width:45px;left:0}
.text-desc h4{color:#2e306e;font-size:19px;font-weight:600;line-height:25px;padding:0 0 1px 25px;margin:16px 0 5px;display:block;letter-spacing:.5px;position:relative;text-transform:capitalize}
.text-desc h4:before{position:absolute;font-size:18px;top:0;left:-3px;font-family:"Font Awesome 5 Free";content:"\f0a4";font-weight:900}
.text-desc h5{color:#2e306e;font-size:18px;font-weight:800;line-height:26px;padding:6px 0 2px;margin:3px 0!important;letter-spacing:.5px;text-transform:capitalize;position:relative}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:#d0d0d0;width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}
.text-desc ul.list1{margin:0}
.text-desc ul.list1 li{list-style:none;margin:0;margin-bottom:15px;padding-left:28px;position:relative}
.text-desc ul.list1 li:before{position:absolute;font-size:15px;top:0;left:0;font-family:"Font Awesome 5 Free";content:"\f058";font-weight:900;color:#fe0000}
.text-desc ul.list1 li i{padding:0 8px 0 0}

.boxdesc{}
.boxdesc img{border-radius:10px}
/*------*/
@media screen and (max-width: 1060px) {
    .owl-theme .owl-controls .owl-prev {left: 0 !important;}
    .owl-theme .owl-controls .owl-next {right: 0 !important}
}

/*-----------*/
.enq-text h4{font-size:15px;font-weight:500;color:#2e306e;text-transform:uppercase}
.enq-text h3{font-size:33px;font-weight:600;margin-bottom:10px;color:#2e306e;line-height:47px;letter-spacing:0;padding:5px 0}
.enq-text p{font-size:15px;line-height:25px;text-align:justify}

/*-----------*/
.box4{position:relative;display:block;}
.box4 .box-inner .box-img{position:relative;display:block;background:#2e306e;overflow:hidden;transition:all 500ms ease}
.box4 .box-inner .box-img img{width:100%;opacity:1;transition:all 500ms ease}
.box4:hover .box-img img{opacity:.5;transform:scale(1.05)}
.box4 .box-inner .box-text h4{position:absolute;left:15px;bottom:15px;display:block;text-transform:capitalize;font-size:19px;line-height:30px;font-weight:500;color:#fff;transition:all 500ms ease;width:100%;letter-spacing:0}
.box4 .box-text{left:0;bottom:0;overflow:hidden;width:100%;height:100%;content:'';position:absolute;background:-moz-linear-gradient(top,#00000000 24%,#00000000 50%,#00000000 43%,#0000001c 57%,#00000073 75%,#000000bd 92%,#000000e0 100%);background:-webkit-linear-gradient(top,#00000000 24%,#00000000 50%,#00000000 43%,#0000001c 57%,#00000073 75%,#000000bd 92%,#000000e0 100%);background:linear-gradient(top,#00000000 24%,#00000000 50%,#00000000 43%,#0000001c 57%,#00000073 75%,#000000bd 92%,#000000e0 100%)}
.box4:hover .box-inner .box-text h4{bottom:20px}
.box4 .arrow{position:absolute;bottom:-50px;right:10px;-webkit-transition:all 500ms ease;transition:all 500ms ease}
.box4:hover .arrow{bottom:18px}
.box4 .arrow i{color:#fff;font-size:15px;line-height:41px;display:inline-block;height:40px;width:40px;background:#2e306e;border-radius:50%;text-align:center;-webkit-transition:all 500ms ease;transition:all 500ms ease}
.box4 .arrow:hover i{background:#2e306e}

/*-----------*/
ul.boxlist2{padding:0}
ul.boxlist2 li{width:49%;display:inline-block;vertical-align:top;padding:7px;transition:all .7s ease 0}
ul.boxlist2 li img{border:1px solid #d8d6d6;text-align:center;width:100%}
ul.boxlist2 li h4{font-size:24px;color: #df9b24;}
@media screen and (max-width: 749px) {ul.boxlist2 li{width:100%;padding: 15px 0;}}

/*--------*/
ul.boxlist4{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist4 li{margin: 0;padding:15px;width: calc(100%/4);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist4 li{width: calc(100%/3);}}
@media screen and (max-width: 749px) {ul.boxlist4 li{width: calc(100%/2);}}
@media screen and (max-width: 565px) {ul.boxlist4 li{width:100%;}}

/*--------*/
.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block}
.social a{margin-right:5px;cursor:pointer;display:block;width:45px;height:45px;text-align:center;text-decoration:none;background:transparent;border-radius:50%;border: 1px solid #df9b24;line-height:40px;font-size: 25px;color: #df9b24;}
.social a i{line-height: 42px;font-size: 20px;}
.social a:hover{background: #df9b24;color: #ffffff;}

/*-------------*/
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}

/*-------------*/
.custbtn{border-radius:10px;padding: 10px 25px;background: #df9b24;position:relative;display:inline-block;border:none;font-weight: 600;margin-top:0;border: 1px solid #000000;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all}
.custbtn:hover{text-decoration:none;background:#000;color:#fff}

/*--------------*/
.hdwatsp{position: fixed;bottom: 10px;right: 10px;z-index:21/*top: 2px!important;position: absolute !important;left: 0;right: 0;margin: 0 auto;width: 100%;text-align: center;*/}
.hdwatsp a{text-align: center;width: 50px;height: 50px;float: left;color: #FFFFFF;border-radius: 10px;background-color: #25D366;background-color: #25D366;}
.hdwatsp i{font-size: 40px;margin-top: 5px;}


/*-------------*/
.copyrights{padding:21px 0;overflow:hidden;margin-top:45px;border-top:1px solid #c3c3c32b}
@media (max-width: 1182px) {
.logo img{width:250px}
#cssmenu > ul > li{padding:0 7px!important}
}

@media (max-width: 992px) {
.header-main{position:inherit;padding:0;height:auto}
.header-main .container{width:100%}
.logo{margin-right:0;text-align:center;float:none!important;position:inherit;padding:5px 0}
.logo img{margin-bottom:10px}
.page-head{margin-top:58px;padding:20px 0}
.page-head h1,.page-head .breadcrumb{float:none}
.page-head h1{font-size:25px}
.page-head{margin-top:52px;padding:14px 0;text-align:center}
.contact-form{margin-top:25px}
.contact-form .custbtn{float:none!important}
}
@media (max-width: 768px) {
.tophead .list-inline{float:none!important;text-align:center;display:block}
}



/*---------------*/
.footer7{padding-top: 60px;position:relative;background: #161616;border-top: 1px solid #20857c;}
.footer7 p, .footer7 a{color: #ffffff;}
.footer7 .ftcontact {border-top: 1px solid #ffffff38;padding-top: 45px;margin-top: 15px;}
.footer7 .ftcontact h4{font-size: 20px;color: #df9b24;margin-bottom: 15px;}
.footer7 .ftcontact h5{font-size: 15px;font-weight: 400;margin-bottom: 0;color: #ffffffb8;}
.footer7 .ftcontact a{margin-top: 0;display: inline-block;color: #ffffff;}
.footer7 img{padding: 10px 0 15px 0;width: 254px;display: inline-block;}
.footer7 .copyrights{padding: 21px 0;overflow: hidden;margin-top: 45px;border-top: 1px solid #ffffff38;}
.footer7 .copyrights p, .footer7.copyrights a{margin: 0;font-size: 14px;}
.footer7 .social{text-align:right}
.footer7 ul.list{margin-top:10px}
.footer7 ul.list li{list-style: none;margin: 3px 0 3px 16px;position:relative;}
.footer7 ul.list li:before{position:absolute;font-size: 14px;line-height: 24px;left: -15px;font-family: "Font Awesome 5 Free";content: "\f0da";font-weight: 900;color: #ffffff;}
.footer7 ul.list li a{margin:0}
@media (max-width: 992px) 
{
    .footer7 .social{text-align:left}
    .footer7{text-align:left}
    .footer7 h3 {margin-bottom: 7px;margin-top: 20px;    padding-bottom: 4px;text-align: left;}
    .footer7 .address p{text-align:left !important}
    .footer7 .textright{text-align:left}
}


