*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');*/
:root {
--red:#EB595F; 
--gray: #798197;
--light-gray: #dae7fb; 
--white: #fff;
--black: #000;
--green:#007a0a;
}


img{max-width: 100%;}
a, a:hover{ text-decoration:none; }
input[type='number'] {-moz-appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
.errortext{display: none;}
ul{list-style: none; padding: 0; margin: 0;}
   .whatspplink {
        background: #25d366;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 15px;
        font-size: 30px;
        top: -30px;
    }
 
@keyframes menu_sticky {
   0% {
       margin-top: -100px;
   }
   50% {
       margin-top: -90px;
   }
   100% {
       margin-top: 0;
   }
}
.heasesec.fixed{position:fixed; top: 0; left: 0; width: 100%;  z-index: 99;  animation-name: menu_sticky;  animation-duration: 0.60s; animation-timing-function: ease-out; -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);  -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);   box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);}
.topheight.fixed{height: 126px;}

h2, h3, .headtext strong, .bestprice, .heading2, .steptext, .execulist ul li a, .heading5, .enqlist > div small, .topmenu ul li, .fmenu ul li a, .headings, .bannersec.custlogin .forms ul li a, .box h3, .already, .popupbox h3, .popupbox a, .qlist, .tabsec ul li a, .showmore, .profileheader, .reviewtext h4, .viewdetail ul li span, .otpsec h4, .tablesec th, .textboxs h4, .titles, .linklist, .submitbtn{ font-family: "Archivo", serif; font-weight: 600; line-height: 1.1}
button, .inputsec, .morebtn, .ttext, .logbtn, .inputs, .tenderhead p span, .blackbtn, .electro ul li a, .tablesec td, .btnbg, .reads, .recordlist label, .crossbtn, .close span{font-family: 'Poppins', sans-serif; }
.execulist ul li a, .topmenu ul li a, .icons img, .blogcont, .faqbox .heading5:before, .topmenu > ul > li:hover > a:after, .tabsec ul li a, .tabsec ul li a:after{  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;} 
body{  font-family: "Archivo", serif; font-size: 13px; line-height: 1.1; padding-right: 0px !important;overflow: auto !important;}

.container {width: 1170px; padding:0 15px; max-width:100%; margin:0 auto; }
.topheader{background: var(--white);}
.topheading{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding:15px 0px; }
.logo{  }
.socialicons ul{ display:flex;  align-items:center; justify-content:center; }
.socialicons ul li{padding-left:20px;}
.socialicons a i{color: var(--red); font-size: 20px;}

.menubg{background: var(--black);}
.menubg .container{padding: 0;}
.topmenu > ul{ display:flex; flex-wrap:wrap; align-items:center;  }
/*.topmenu ul li{  flex-grow: 1;  flex-basis: 0; }*/
.topmenu > ul > li{position: relative;}
.topmenu > ul > li > a{padding:20px 20px 18px; cursor: pointer; text-align: center; line-height: 1.2; display: block; color: var(--white); font-size: 13px; text-transform: uppercase;white-space:nowrap;}
.topmenu > ul > li > a:hover, .topmenu > ul > li.active > a{color: var(--red);} 
.topmenu > ul > li:last-child a{background:var(--red); border-radius:30px; padding:11px 30px 8px; min-width:112px; }
.topmenu > ul > li:last-child a:hover{background: var(--white); color: var(--red);}

.sub-menu{list-style: none; display: none;} 
.sub-menu li a {padding:16px 24px 14px; display: block; color: var(--black); cursor: pointer;}  
.sub-menu li:hover a, .sub-menu li a.active{color: var(--red);}
.sub-menu li{border-top: 1px solid #f1f1f1;} 

@media (min-width:992px){
   .sub-menu{ display: none!important;} 
.topmenu > ul > li{flex-grow:1;flex-basis:0;} 
.topmenu > ul > li:hover > ul{ display:block!important; position:absolute; left:0; top:100%; background: var(--white); width: 200px;}
.sublink > a:after {content: ""; margin-left: 5px; width: 8px; height:8px; border-right:2px solid var(--white); border-bottom:2px solid var(--white); transform: rotate(45deg); display: inline-block; margin-top: -5px; vertical-align: middle;}
.topmenu > ul > li:hover > a:after, .sublink.active > a:after{border-color: var(--red);} 
} 

.bannersec{background: url(../images/business.jpg) center top no-repeat; background-size: cover; padding:6% 0px; min-height: calc(100vh - 126px);}
.bannerbox.custlogin{ padding:5% 0px;}
.bannersec.custlogin{background: url(../images/bg.jpg) center top no-repeat; background-size: cover;}
.bannersec#venderlogin{background: url(../images/venderbg.jpg) center top no-repeat; background-size: cover;}

.bannerbox{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bestprice{background: var(--red); color: var(--white);font-size: 20px; display: inline-block; padding: 5px 15px;}
.btextbox{}
.headtext{font-size: 40px; text-transform: uppercase; color: var(--white); line-height: 1.2}
.headtext strong{display: block;font-size: 51px;}

.padsec{padding:5% 0;}
.projectstape{}
.heading2{ color:var(--red);font-size: 48px; text-align:center; }
.boxlist{ padding:0 40px; }
.boxlist ul{display: flex; flex-wrap: wrap; justify-content: center;}
.boxlist ul li{padding: 15px; text-align: center; width: 33.33%;}
.boxlist ul li a{display: block;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border:1px solid #ccc; border-radius: 30px; overflow: hidden;}
.stepimg{overflow: hidden;}
.stepimg img{width: 100%;transition: transform .5s;}
.boxlist ul li a:hover img{ transform: scale(1.2);}
.steptext{font-size: 18px; position: relative; padding:30px 20px 20px; line-height: 1.2; color: var(--black);}
.steptext:before{content:attr(data-count); position: absolute; left:15px; top: -25px; width: 50px; height: 50px; border-radius: 50%; background: var(--white); color: var(--red);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));font-size:24px; padding-top: 8px; display: flex; align-items: center; justify-content: center;}

.execution{ background: url(../images/executionbg.jpg) center bottom no-repeat; background-size: cover;}
.execulist{ margin-top:30px; }
.execulist ul{display: flex; flex-wrap: wrap; justify-content: center;}
.execulist ul li{padding: 10px; text-align: center; width:20%;}
.execulist ul li a{display: block;position: relative; padding:30px 15px 40px; background: var(--white); font-size:20px; color:var(--black); }
.icons{margin:20px 0;}
.icons img{ max-height:64px; }

.head span{color: var(--red);}

.execulist ul li a:hover{background: var(--red); color: var(--white);}
.execulist ul li a:hover .icons img{filter: brightness(10);}

.quotations{ }
.quotations .heading2{ color:var(--black); }

.textcount{  background: var(--red);}
.flexcenter{display: flex; flex-wrap: wrap; justify-content: center;}
.flexcenter .heading2{ color:var(--white); min-width:30%; }

.enqlist{padding: 0 150px; font-size: 18px; line-height: 1.3;}
.livebox{padding: 20px 0; border-bottom: 1px solid #9F9F9F;}
.livebox > div{margin:5px 0;}
.livebox > div small{color:#9F9F9F}
.qid{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.heading5{font-size: 20px;}
.morebtn{border-radius: 20px; color: var(--white); background: var(--red); padding: 2px 10px; font-size: 14px;}

body::-webkit-scrollbar {width:10px; background-color: #ccc;border-radius: 10px;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #ccc; }
body::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--red);}

.testimonialbg{background:var(--white) url(../images/testimonialbg.jpg) center bottom no-repeat; background-size: cover;}
.testimonialsec{display: flex; flex-wrap: wrap;}
.testimonialsec > div{width:33%; padding: 1.5% 1%;}
.ttext{padding: 15px; text-align: center; font-size: 14px; line-height: 1.4;}
.ttext > div{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:8;-webkit-box-orient: vertical;}
.stars{display: flex; padding-bottom: 10px; justify-content: center;}
.video img{width: 100%;}

.slidetext{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}



.scrollbar{ width:100%; padding-right: 15px; max-height:450px;overflow: auto; /*overflow-y: scroll; */}
.scrollbar-primary::-webkit-scrollbar {width: 6px; background-color: #ccc;border-radius: 10px;}
.scrollbar-primary::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #ccc; border-radius: 10px;}
.scrollbar-primary::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--red);}

.blogbg{background:var(--white) url(../images/blogbg.jpg) center bottom no-repeat; background-size: cover;}
.blogbg .container, .testimonialbg .container, .faqbg .container{ width:1000px; max-width: 100%;}

.blogbox{background: var(--white); border-radius: 40px; overflow: hidden; display: block; color: var(--black);}
.blogimg{ border-radius: 40px; overflow: hidden;}
.blogimg img{width: 100%;transition: transform .5s;}
.blogbox:hover .blogimg img{ transform: scale(1.2);}
.blogcont{padding: 30px; text-align: center; font-size: 18px; min-height:125px;}
.blogbox:hover{background: var(--red); color: var(--white);}

.blogslider{margin-top: 30px;}
.owl-nav button{position: absolute; top: 50%; margin-top: -20px!important;}
.owl-nav button span{background:url(../images/arrow.svg) center center no-repeat; background-size:contain; width:30px; height:40px; display:block;font-size: 0; }
.owl-nav button.owl-next span{ transform:rotate(180deg);  }
.owl-nav button.owl-prev{left:-50px;}
.owl-nav button.owl-next{right:-50px;}
.owl-theme .owl-nav [class*=owl-]:hover { background: none;}

.faqlist{border:1px solid #ccc;}
.faqbox{border-bottom:1px solid #ccc; padding:20px;}
.faqtext{padding-top: 10px; font-size: 16px; line-height: 1.3; display: none;}
.faqtext.active{display: block;}
.faqbox .heading5{position: relative; font-size: 18px;}
.faqbox .heading5:before{content: ""; width: 10px; height: 10px; border-bottom:2px solid #ccc; border-right:2px solid #ccc; display: block; position: absolute; right: -40px; top: 10px;transform:rotate(45deg);}
.faqbox .heading5.active:before{transform:rotate(-135deg);}

.footerbg{text-align: center; background: var(--black); padding: 40px 0;}
.fmenu{margin-bottom: 10px;}
.fmenu ul{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.fmenu ul li{}
.fmenu ul li a{color: var(--white); padding:10px 15px; display:block; text-transform: uppercase;}
.fmenu ul li a:hover{color: var(--red);}

.forgotlink, .clicklink{cursor: pointer; }
.forgotlink:hover{color: var(--red);}
.dropinput{max-width:160px; min-height: 50px; margin: 10px auto; font-size: 25px; font-weight: bold; border-radius: 40px!important; display: block; text-align: center;}

.signuplink, .clicklink{cursor: pointer; }
.signuplink:hover{color: var(--red);}

.rightform{width: 33%;}
.bgsec{background: rgba(235, 89, 95, 0.70); border: 1px solid rgba(255, 255, 255, 0.5); padding:30px; }
.head{text-align: center; color: #fff;}
.head h2{font-weight:500; font-size:24px; text-transform: uppercase;}
.forms ul{display: flex; flex-wrap: wrap; margin: 0 -5px; list-style: none; padding: 0;}
.forms ul li{padding: 5px; width: 50%}
.forms ul li.fullwidth{width: 100%;margin-bottom: 10px;}
.forms ul li label, .forms ul li a{color: #000000; font-size: 13px;} 
.inputsec{width: 100%; background:rgba(255, 255, 255, 0.6); padding:5px 15px; height: 36px; border:1px solid #fff;border-radius: 20px; color: var(--black);}  
.forms ul li.fullwidth{width: 100%;}
.regbtn, .forms ul li a.regbtn{background:black;font-size: 20px; width: 100%; border-radius: 30px; padding:10px; border:1px solid #fff; cursor: pointer; color: #fff; }
.forms ul li a.regbtn{display: block; padding: 8px;margin-top: 10px; text-align: center; font-family: 'Poppins', sans-serif}

.veryfybtn{ background:rgba(255, 255, 255, 0.80); padding:6px 10px; min-height: 30px; border:1px solid #fff; cursor: pointer;}
/* .forms ul li label, .forms ul li a{color: #fff; font-size: 13px;} */
.forms ul li p{ line-height: 1.1;}
.forms ul li p small{font-size: 10px; color: #fff;} 
.lastsec {color:var(--white); text-align: center; font-size: 20px;}

.leftsec{width: 40%;} 
.headings{color: var(--white);text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);font-size: 30px; line-height: 1.2; margin-bottom:50px; font-style: normal;font-weight: 700;text-transform: uppercase;}
.box{ background:var(--red); padding:20px; position:relative; color:var(--white);  }
.box:before{content: "";width: 0;   height: 0;  border-width: 30px 0 0 30px; border-color: transparent transparent transparent var(--red);border-style: solid; position: absolute; left: 0; bottom:99%; display: block;}
.box h3{ font-size:18px;}
.box p{font-weight:300; font-size:14px;}
.already{margin: 20px 0px 10px; color:var(--white); font-size: 14px;}
.logbtn{border-radius: 40px; padding:8px 25px; display: inline-block; background:var(--red);color:var(--white); text-decoration:none; font-weight:500; text-transform:uppercase; }

.bannersec.custlogin .container{width: 900px; max-width: 100%;}
.bannersec.custlogin .rightform{ width:45%; }
.bannersec.custlogin .rightform label{font-weight: normal;}
.bannersec.custlogin .forms ul li{ padding:3px; }
.bannersec.custlogin h2{margin: 0}
.bannersec.custlogin .btextbox{ width:35%; }
.bannersec.custlogin .inputsec{padding: 4px 10px; border-radius: 0; height: 30px;}
.bannersec.custlogin select.inputsec{padding: 4px 5px;}
.bannersec.custlogin .forms ul li.fullwidth{ margin-bottom:0px;}
.bannersec.custlogin .regbtn{font-size: 16px; padding:7px;min-height:40px;}
.bannersec.custlogin .forms ul li a{}
.redbgbtn{background: var(--red); color: var(--white)!important; border:none; border-radius: 4px; width: 100%; padding: 10px; min-height: 46px; text-align: center;}

.loginbtn{cursor: pointer;}
.popupbg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040; background: rgba(0,0,0,0.7); display:none;}
.popupbox {padding: 15px; position: absolute; width: 430px; max-width: 96%; left: 50%; transform: translate(-50%, -50%); z-index: 9999;top: 50%;}
.popupbox h3{text-align: center; color: var(--red); text-transform: uppercase;margin: 10px 0 0;}
.popupbox a, .popupbox label{color: var(--black); font-size:13px; }
.popboxbg {width: 100%; background:rgba(255, 255, 255, 0.9); padding:30px; position: relative; font-size: 16px; line-height: 1.7; border-radius: 4px; border:2px solid var(--white);} 
.crossbtn { font-size:36px; line-height:30px; height: 30px; position: absolute;  right: 10px;top:10px;display: inline-block;width: 30px;text-align: center; cursor: pointer;  font-weight:400; opacity: 0.5;}
.close{opacity: 0.5;}
.close span{font-size:36px; height: 30px; display: block; line-height:30px; font-weight: normal; }
.inputs{width: 100%; background:rgba(255, 255, 255, 0.7); padding:10px 15px; font-size:14px; border:1px solid var(--white); border-radius:4px; color:var(--black); margin-top:15px; margin-bottom:5px;}
.navicon2{display: none;}

.loginform{}
.loginform li{ position:relative; }
.errortext{font-size: 12px; color: var(--red); position: absolute; bottom: -15px; font-weight: bold;}

.innerbanner{background: url(../images/innerbanner.jpg) center center no-repeat; background-size: cover; padding:6% 0;}
.innerbanner h2{color: var(--white); font-size: 36px;}

.innercontent{ background:#F3F3F3; font-size:16px; line-height:1.3; }
.innercontent .container{}
.whiteobox{background: var(--white); padding:40px;}
.borderbox{padding: 30px 0; border-bottom: 1px solid #ccc;}

.flexlist{ display:flex; flex-wrap: wrap; margin: 0 -10px;}
.flexlist li{ padding:10px; }
.flexlist li img{width: 100%;}
.list3 li{width: 30.33%}
.list4 li{width: 25%;}
.flexlist li img{/*border:1px solid var(--red);*/}
.editicon{ display:inline-block; cursor:pointer; }


.scontainer{width:900px; max-width: 100%; margin: 0 auto;}
.qlist{}
.qlist ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; }
.qlist li{ width:50%; border-bottom:1px solid #ccc; padding:15px; }
.qlist li:nth-child(2n){ padding-left:15%; }
.innercontent h2, .innercontent h3{ color:var(--red); }
.flexsec{display: flex; justify-content: space-between; margin-top: 30px;}
.btnmargin{margin-top: 30px;}
.btnmargin .morebtn{padding: 10px 25px; display: inline-block;cursor: pointer;}

/*.whiteobox.nopading{padding: 0;}*/
.tenderhead p span{ background:var(--red); color:var(--white); border-radius:25px; padding:5px 15px; display:inline-block; }
.tenderhead p small{font-size: 14px;color:var(--white); font-weight: normal;}

.redbox{background: var(--red); color: var(--white); padding:25px; margin-top: -120px; margin-bottom: 30px; float: left; width: 100%;}
.redbox ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.redbox ul li{min-width: 25%; padding:20px;}
.redbox ul li span{display: block;}
.blackbtn{background: var(--black); color: var(--white); border-radius:5px; padding: 5px 10px; display: inline-block; font-weight: normal;}

.tabsec{ clear:both;  margin-bottom:30px;}
.tabsec ul{display: flex; align-items: center; }
.tabsec ul li{padding-right: 30px;}
.tabsec ul li a{cursor: pointer; display: block; padding: 5px 10px; color: var(--black); position: relative;}
.tabsec ul li a.active:after{content:""; width: 100%; position: absolute; left: 0; bottom: 0; border-bottom: 2px solid var(--red); display: block; opacity: 0;}
.tabsec ul li a.active:after{ opacity: 1;}
.maintabsec{line-height: 1.6; margin-bottom:30px;}
/*.showcontent{max-height:150px;}*/
.showcontent.truncated  { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }


.showmore{display: inline-block; color: var(--red); cursor: pointer; margin: 10px 0;}

.electro{padding: 30px 0;}
.electro ul{display: flex; align-items: center; }
.electro ul li{ padding-right:15px; }
.electro ul li a{background:#f1f1f1; padding: 5px 10px; color: var(--red); border-radius: 2px;}

.innerbanner.profilebg{padding: 35px 0;}
.profileheader{display: flex; justify-content: space-between;color: var(--white); font-size: 16px;}
.profileheader a{color: var(--white);}
.profileheader .editicon{filter: brightness(100);}
.profileheader .editicon img{height:18px;}
.proleft{display: flex; }
.imageroundb{ width:190px; border-radius: 50%; border:3px solid var(--white); padding:6px; margin-right:15px; position:relative; }
.imageroundb > div{width:172px; height: 172px; overflow: hidden;border-radius: 50%;}
.imageroundb > div > img, .reviewimg img{ width: 100%; height: 100%; object-fit: contain; background: var(--black);}
.protext{display: flex;text-align-last: left;flex-direction: column;justify-content: end; }
.camera{background: none; border:none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.proright{text-align: right;}
.businessname{color:var(--red); font-size: 24px; }
.proright p{padding-right: 25px;}

.reviewlist{display: flex; align-items:center; flex-wrap: wrap; justify-content: space-between; margin: 15px 0;}
.reviewimg{  border-radius: 50%; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); margin-right: 15px;}
.reviewimg > div{width:90px; height:90px;  overflow: hidden;border-radius: 50%; margin:5px;} 
.reviewtext{width: calc(100% - 150px);}
.reviewtext h4{ margin:15px 0 0 }
.reviewtext .fa-star{color:var(--red); margin-right: 3px;}

.tablesec table{border:1px solid #ddd;}
.tablesec table thead{border:1px solid var(--red); border-top:3px solid var(--red);}
.tablesec table tbody{border-top:3px solid var(--red);}
.tablesec th{text-align: left; background:var(--red); color: var(--white);}
.tablesec th, .tablesec td{padding: 8px 15px!important; font-size: 14px;}
.tablesec .btn{background: var(--light-gray); padding:3px 6px;font-size: 13px;}
.btn.assignbtn{ background:var(--black); color:var(--white); }


.assignpop .popupbox, .viewpop .popupbox{width: 700px; max-width: 96%;}
.viewdetail h3{text-align: left;}
.viewdetail ul{display:flex; flex-wrap: wrap; margin:0 -10px;}
.viewdetail ul li{ width:50%; padding:5px 10px; }
.viewdetail ul li span{ width:110px; display:inline-block; position: relative; padding-right:10px; }
.viewdetail ul li span:after{content:":"; position: absolute; right: 5px;}
.viewdetail ul li.full{width: 100%;}

.otpsec{text-align: center; font-size: 20px;}
.oin{display: flex; justify-content: center;} 
.oin input::-webkit-outer-spin-button, .oin input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
.oin input[type=number]{ -moz-appearance: textfield; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; width: 46px; height: 46px; text-align: center; border-radius: 4px; border: 1px solid #212529; margin-right:5px; font-size: 20px; background: #fff;}
.otpverify{margin: 20px 0; display: inline-block; background: var(--black); color: var(--white)!important;}

.inputs.datepicker {padding: 5px 10px; min-height: 46px;}



.tenderlist{padding: 0; display: flex; flex-wrap: wrap;}
.innerleft{width: 30%; padding:40px 25px; background:#eae6e6;}
.innerleft + .innerright{ padding: 40px; width: 70%;}
.innerright{ padding: 40px; width: 100%}


.filtersec{display: flex; flex-wrap: wrap;}
.btnbg {background: #ccc; padding: 0 10px; height: 30px; border: none; line-height: 30px;font-weight:500; font-size: 14px; margin-right: 15px; display:flex; }
.btnbg select{color: var(--red); border: none; background: none;}
.reads{display: flex;line-height: 30px;font-weight:500; font-size: 14px;}

.readcheck{width: 36px; height: 8px; background:#ccc; border-radius: 10px; margin:10px 0 0 7px; position: relative;}
.readcheck span{display: block;width: 16px; height: 16px; border-radius: 50%; background:#ccc; display: block; -webkit-transform: scale(1.3); transform: scale(1.3); background:#ccc; position: absolute;left: 0; top: -3px;} 
.readcheck input:checked+span {background: var(--red); left: inherit; right:0px;}  





.bordersec{border:1px solid var(--gray); padding: 15px;align-items:center; margin-top: 15px; position: relative;}
.lefticon{width: 120px; text-align: center;}
.lefticon .fa{font-size:50px; line-height: 1.4}
.lefticon + .textboxs{width:calc(100% - 120px);}
.textboxs{padding:0 20px 20px; position: relative;}
.textboxs ul{display: flex; flex-wrap: wrap;}
.textboxs ul li{padding-right: 20px; font-weight: bold; font-size: 14px;}
.textboxs h4{margin:2px 0;}
.textboxs h4 a{color: var(--black);}
.textboxs p{margin-bottom: 6px;}


.titles{font-size: 18px; margin-bottom: 10px;}
.boxicon{display: flex; gap: 10px;}
.boxicon > div{background:var(--white); color: var(--red);flex-grow:1; text-align: center; padding: 20px 15px;cursor: pointer;}
.boxicon > div img{filter:brightness(0)}
.boxicon > div.active{background:var(--red); color: var(--white);flex-grow:1; text-align: center; padding: 20px 15px;cursor: pointer;}
.boxicon > div.active img{filter:brightness(10)}
.boxicon > div span{display: block; padding-top: 10px;}

.flexhead{display: flex; justify-content: space-between; flex-wrap: wrap}
.tenderwatch{background:var(--red); color:var(--white);font-size:14px;display:inline-block; padding:4px 10px 1px; text-transform:uppercase;border-radius:15px;}
.searchsec{margin: 10px 0;}
.searchsec label{font-size: 14px; color: var(--red); margin-top: 5px;}
.searchbg{padding: 10px 20px 10px 40px; background: var(--white) url(../images/searchicon.png) 5px center no-repeat; border:none; width: 100%}

.linklist{ margin-top:20px; }
.linklist > ul{list-style: none; padding: 0; margin: 0;}
.linklist > ul > li{width: 100%; padding: 7px 0; position: relative; border-top: 1px solid #c9c9c9;}
.linklist > ul > li:first-child{border: none;}
.linklist > ul > li > a{display: block; color: var(--black); font-size: 18px; padding:9px 0 5px;}
.linklist > ul > li > select{width: 100%; padding: 7px; border: none;}
.linklist > ul > li > ul{display: none;}

.dlink{position: absolute; right: 0; top: 0; width: 32px; height:100%; cursor: pointer;color:var(--black);}
.dlink:before {content: "+";display: inline-block; width: 100%; text-align: center; line-height:49px; font-size: 24px;}
.dlink.active:before {content: "-";}

.submitbtn{position: absolute; right: 10px; bottom:0px; padding: 5px;}
.submited{color:#005B09;}
.submitnow{ color:#EB595F; cursor: pointer;}

.loginview {font-family: 'Poppins', sans-serif;font-size:16px;  color: #EB595F; width: 150px;   cursor: pointer;
   padding: 5px 10px; border-radius: 30px;  position: absolute;   text-align: center;   right: 5px;   border: 1px solid var(--red);
   bottom: 5px;}
.loginview:hover{background:var(--red); color:var(--white)}

.newblackbtn {font-family: 'Poppins', sans-serif;font-size:16px; background:var(--white); color: var(--black); width: 150px;   cursor: pointer;
   padding: 5px 10px; border-radius: 30px;  position: absolute;   text-align: center;   right: 5px;   border: 1px solid var(--black);
   bottom: 5px;}
.newblackbtn:hover{background:var(--black); color:var(--white)}

.greenbtn {font-family: 'Poppins', sans-serif;font-size:16px;  color: var(--green); width: 150px;   cursor: pointer;
   padding: 5px 10px; border-radius: 30px;  position: absolute;   text-align: center;   right: 5px;   border: 1px solid var(--green);
   bottom: 5px;}
.greenbtn:hover{background:var(--green); color:var(--white)}

.recordlist ul{list-style: none; display: flex; flex-wrap: wrap; margin: 0 -4px;}
.recordlist ul li{flex-grow: 1; flex-basis: 0; padding: 0 4px; min-width: 15%; max-width: 15%;  margin-bottom: 7px;  font-size: 13px;}
.recordlist ul:first-child li, .recordlist ul:first-child li label{margin-bottom: 0}
.recordlist ul li.width5{min-width: 7%; max-width: 7%;} 
.recordlist ul li.width24{min-width: 24%;}  
.textfield, .textfield.datepicker { font-family: 'Poppins'; font-weight: 400; line-height: 1.1; border: 1px solid #444;  border-radius: 3px;  padding: 3px 8px; width: 100%;  color: var(--black); resize: none;}
textarea.textfield{height: 50px;}
.btnlist ul{list-style: none; display: flex; flex-wrap: wrap;  justify-content: center;}
.btns { background:var(--black); font-size: 16px; border-radius: 4px;padding: 5px 10px;border: none;  cursor: pointer; color: #fff;min-width: 110px;
   margin: 10px;}
.btns:hover{background: var(--red);}

.recordlist.recordlist2 ul li{min-width: 9%;}
.recordlist.recordlist2 ul li.width20{min-width: 16%;}  
.recordlist2 td, .recordlist2 th{font-family:'Poppins'; vertical-align: middle!important; padding: 4px 6px!important;line-height: 1.3!important; font-size: 13px;}
 

.recordlist input[disabled] { background:#e4e4e5; }
.btnsec{text-align: center; margin:20px 0 0; }
.bidbtn{padding:10px 25px; border-radius: 25px; display:inline-block; text-align: center; cursor: pointer;}
.bidbtn:hover{background: var(--black);}

.dirbox{ border:1px solid var(--black); height: 100%; text-align: center; position: relative;}
.dirbox:hover{border-color: var(--red); }
.dtext{padding:15px; }
.dtext h4{font-family: "Archivo", serif; font-weight: 700; margin:0;}
.dtext p{margin: 0}
.addnew{ min-height: 100px; height: 100%; width:100%; background:var(--red); display:flex; justify-content: center; align-items: center; font-size:20px; font-weight:600;color:var(--white); cursor: pointer;font-family:'Poppins';} 
.addnew span span { font-size: 30px; display: flex; width: 50px; height: 50px;  border: 1px solid var(--white); justify-content: center; align-items: center; border-radius: 50%; margin: 0 auto 10px;}
.addnew:hover span span{background: var(--black); color: var(--white); border-color: var(--black);}

.addsummary {width: auto;  font-size: 14px; line-height: 1;  padding: 5px 15px;  min-height: 34px; float: right;}


.modal-dialog{font-family:'Poppins';}
.modal-dialog-centered {display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center;
align-items: center; min-height: calc(100% - (.5rem * 2));} 
.modal-content{width: 100%!important; background: rgba(255, 255, 255, 0.9); box-shadow: none; border: none;}
.modal-backdrop.in {filter: alpha(opacity=70); opacity: .7;}
.modal-header {padding: 15px 30px; border-bottom:none; background: var(--white); border-radius: 10px 10px 0 0;}
.modal-title{font-size:22px; color: var(--red);}
.modal-body {padding: 30px;}
.modal-body .inputs{margin-top: 0;}
.modal-body .redbgbtn{ text-transform:uppercase; font-size:16px; }
.dirbox .actionicon {position: absolute; top: 2px; right: 2px;}
.dirbox .actionicon div {width: 24px; background: var(--white); font-size: 32px; padding: 4px; border-radius: 50%; height: 24px; margin: 5px;font-weight: 600; line-height: 24px; cursor: pointer;}
.dirbox .actionicon div.textedit{font-size: 16px; transform: rotate(90deg);}
.dirbox .actionicon div:hover{background: var(--black); color:var(--white);}


@media (max-width:1440px){
.bannersec{min-height: calc(100vh - 106px);}
.topheading{padding: 10px 0;}
.topmenu ul li a { padding: 16px 20px 14px;}
.heading2{font-size: 40px;}
.topheight.fixed {height:108px;}
}

@media (max-width:1199px){
.topmenu > ul{ justify-content:center; }
.topmenu ul li a{padding:16px 10px 14px; }
}

@media (max-width:1024px){
.blogbg .container, .testimonialbg .container, .faqbg .container, .bannersec.custlogin .container { width: 94%; }
}
@media (max-width:991px){
.innerbanner h2{font-size: 26px;}
.topheight.fixed {height:50px;}
.heasesec .container { width: 100%;}
.logo { width: 190px;}
.topheading .socialicons{ margin-right:35px; }
.navicon2{display: block; float: right; cursor: pointer; position: absolute; top:8px; right:10px; z-index: 99; width: 30px; height: 30px; padding-top: 15px;}

.navicon2 span{ width:18px; height: 2px; background:var(--black); position: relative; display: block;}
.navicon2 span:before, .navicon2 span:after{content:""; width: 25px; height: 2px; background:var(--black); display: block; position: absolute; left: 0;}
.navicon2 span:after { width: 18px;  }
.navicon2 span:before{top: -6px;   }
.navicon2 span:after{bottom: -7px; }
.navicon2.active{position: fixed;}
.navicon2.active span{ background: none;}
.navicon2.active span:before{ transform: rotate(-48deg);background: #ccc;}
.navicon2.active span:after{ transform: rotate(45deg); bottom: 6px;background: #ccc;}
.active span:before, .navicon2 span:after { width: 18px; }

.headerbg.fixed .topmenu { margin-right: 0;  margin-top: 0;}
.topmenu { margin: 0; box-shadow: 0 0 3px #ccc; background:var(--white); position: fixed;top: 0;right: 0; z-index: 9; width: 250px; padding:40px 20px 20px; height: 100%; overflow-x: hidden; overflow: auto; -webkit-font-smoothing: antialiased;  transform-origin: 0% 0%;  transform: translate(100%, 0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.topmenu.showmenu{ transform: translate(0%, 0); }
.topmenu > ul > li{width: 100%;border:none; position: relative; border-top:1px solid #f0f3f6;}
.topmenu > ul > li:first-child{border: none;}
.topmenu > ul > li > a { color:var(--black);padding:12px 0px 10px; text-align: left;}
.topmenu > ul > li:last-child a { text-align: center; margin-top: 10px;  color: var(--white);}

.ddclick{position: absolute; right: 0; top: 0; width: 32px; height:42px; cursor: pointer;color:var(--black);}
.ddclick:before {content: "+";display: inline-block; width: 100%; text-align: center; line-height: 42px; font-size: 24px;}
.ddclick.active:before {content: "-";}

.owl-nav button.owl-prev{left:10px;}
.owl-nav button.owl-next{right:10px;}

.heading2{font-size: 32px;}
.rightform {width: 40%;}
.headtext{ font-size: 30px;}
.headtext strong { font-size: 40px;}
.boxlist ul li{width:50%;}
.execulist ul li{width: 30%;}
.enqlist{padding: 0}

}


@media (max-width:767px){
.innerleft{margin-bottom: 20px; display: none;}
.innerleft, .innerleft + .innerright{width: 100%;}
.innerright{padding: 0!important;}
.whiteobox{padding: 30px;}
.padsec {padding: 30px 0;}
.blogbg .container, .testimonialbg .container, .faqbg .container, .bannersec.custlogin .container, .bannersec.custlogin .btextbox, .bannersec.custlogin .rightform{width:100%;}
.faqbox .heading5:before{right: -10px;}
.execulist {margin-top: 10px;}
.execulist ul, .boxlist ul{ flex-wrap: inherit;  overflow: auto; justify-content: left;}
.execulist ul li{min-width: 220px;}

.boxlist ul li{min-width: 280px;}
.steptext:before {width: 36px;height: 36px;font-size: 18px; padding-top: 7px;}
.steptext {font-size: 16px; padding: 15px; min-height: 70px;}
.ttext { padding: 10px 5px; font-size: 13px;}
.blogcont { padding: 20px; font-size: 14px;}

.faqtext { font-size: 14px;}
.bgsec{padding: 15px;}
.headtext, .head h2{font-size: 20px;}
.headtext strong {font-size: 30px;}
.headings {font-size: 24px;margin-bottom: 30px;}

.execulist ul li a{font-size: 16px; min-height: 200px; }
.icons img {max-height: 46px;}
.socialicons ul li {padding-left: 10px;}
.rightform {width: 100%; margin-top: 15px;}
.boxlist { padding: 0;}
.boxlist ul li{padding: 10px;}
.execulist ul li {width: 50%;}
.heading2 {font-size: 24px;}
.heading5 { font-size: 16px;}
.testimonialsec > div{width: 50%}
.faqbox .heading5, .enqlist{ font-size: 14px;}

.footerbg { padding: 30px 0;}
.fmenu {margin-bottom: 15px; border-bottom: 1px solid #444; padding-bottom: 10px;}
.fmenu ul li {width: 50%; text-align: left;}
.fmenu ul li a{padding: 10px;}
}

.tabcolour{    color: EB595F;
   font-size: 30px;
   font-weight: 600;
   text-align: right;
  font-family: "Archivo", serif;  
   display: flex;
   justify-content: end;
   align-items: baseline;}
.tabcolour1{color: #fff;font-weight: 600;font-size: 14px;font-family: "Archivo", serif; margin-bottom: 2px;}
.tabcolour1a{color: #fff;font-weight: 600;font-size: 13px;font-family: "Archivo", serif; margin-bottom: 7px;}
.tabcolour2 img{width: 16px;height: 11px; margin: 0 0 0 3px;filter:brightness(10); }
.tabcolour3{font-size: 32px;color: #fff;font-weight: 900; font-family: "Archivo", serif; margin-bottom: 4px;}

.tabcolour3a img{margin:38px 30px 13px 26px;}
.adjust1{margin-top: 7%;}
.tabcolour2AA img{width: 8px;}
.tabcolour2AB img{width: 9px;margin-right:2px;}
.tabcolour1A{color: #fff;font-weight: 600;font-size: 16px;font-family: "Archivo", serif; }
.tabcolour3a{background-image: url("../images/directorimg.jpg");border-radius: 50%;height: 111px;  }
.tabcolour3aaa{float: right;margin-right: 30%;}
.imageround img{border-radius: 50%; padding: 4px;background-color: 4b4b4b;  border: 3px solid white;  margin-top: 14px;}
.textadjust{width: 50%;font-size: 13px; font-family: "Archivo", serif; }
.textadjust1{font-weight: 600;font-family: "Archivo", serif; }
.staradjust img{width: 10px; height: 10px;}
.staradjust{margin-bottom: 20px;}
.imageroundb{ width:190px; border-radius: 50%; border:3px solid var(--white); padding:6px; }
.imageroundb > div{width:172px; height: 172px; overflow: hidden;border-radius: 50%;}
.imageroundb > div img{ width: 100%; height: 100%; object-fit: contain; background: var(--white);}
.imageroundb1 img{  border-radius: 50%; box-shadow: 0px 2px #d6cece;padding: 3px;margin-top: 8px; }
/* .innerbanner { padding: 35px 0;} */
.innerban{display: flex; }
.height-100 {height: 100vh}
.card {width:563px;border:none;height:229px;box-shadow: 0px 0px 13px 6px #d2dae3;margin:14px 0px 14px 3px;font-weight: bold;font-size: 15px; }
.card h6 {color: #eb595f;font-size: 20px;margin-top: 0px;padding-top: 17px; padding-bottom: 10px;}
.inputs input { width: 40px; height: 40px}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none; appearance: none;margin: 0}
.card-2 { background-color: #fff; padding: 10px;width: 350px;height: 100px;bottom: -50px; left: 20px;position: absolute; border-radius: 5px}
.card-2 .content { margin-top: 50px}
.card-2 .content a {color: #eb595f}
.form-control:focus {box-shadow: none;border: 2px solid #eb595f}
.validate { border-radius: 20px;height: 40px;background-color: #eb595f; border: 1px solid #eb595f;width: 140px}
.oin{margin-top: 0px;margin-bottom: 15px;} 
.oin input::-webkit-outer-spin-button, .oin input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
.oin input[type=number]{ -moz-appearance: textfield; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; width: 46px; height: 46px; text-align: center; border-radius: 4px; border: 1px solid #212529; margin-right:5px; font-size: 20px; background: #fff;}
.desinee{ color:#eb595f;font-size: 20px}
#SampleModal2{margin-top: 70px;}
.setaa{margin-bottom: 15px;}

.error{font-size: 12px;  margin-top: -10px;  margin-left: 15px;  color: var(--white);}

.bordersec.notseen{ border: 1px solid var(--red); background: #f7cbcd;}
.newbid{font-family: 'Poppins', sans-serif; position: absolute; right: 0; top:0; background: var(--red);color: var(--white); padding:5px 10px; display: none; }
.newbid.notseen{display: block;}
.seen{cursor: pointer;}

.assignform ul{ display: flex; flex-wrap: wrap;}
.assignform ul li{width:50%; padding:0 10px;}
.assignform ul li.full{width:100%;}

.uploadfiles .inputsec{border-radius: 0 !important;}
.uploadfiles input[type=file]{background: #ccc;}






.footerbg {
        padding: 15px 0;
        position: relative;
    }

    .flexboxsec>.fmenu {
        margin: 0;
    }


 .notification-box {
   position: absolute; right: 22px; top: 22px;
   text-align: center;
 }
 /* .notification-box:hover {
   position: relative;
   text-align: center;
 } */
 .notification-bell {
   animation: bell 1s 1s both infinite;
 }
 .notification-bell * {
   display: block;
   margin: 0 auto;
   background-color: #000000; 
   box-shadow: 0px 0px 15px #686868;
 }
 .bell-top {
   width: 6px;
   height: 6px;
   border-radius: 3px 3px 0 0;
 }
 .bell-middle {
   width: 25px;
   height: 25px;
   margin-top: -1px;
   border-radius: 12.5px 12.5px 0 0;
 }
 .bell-bottom {
   position: relative;
   z-index: 0;
   width: 32px;
   height: 2px;
 }
 .bell-bottom::before,
 .bell-bottom::after {
   content: '';
   position: absolute;
   top: -4px;
 }
 .bell-bottom::before {
   left: 1px;
   border-bottom: 4px solid #000000;
   border-right: 0 solid transparent;
   border-left: 4px solid transparent;
 }
 .bell-bottom::after {
   right: 1px;
   border-bottom: 4px solid #000000;
   border-right: 4px solid transparent;
   border-left: 0 solid transparent;
 }
 .bell-rad {
   width: 8px;
   height: 4px;
   margin-top: 2px;
   border-radius: 0 0 4px 4px;
   animation: rad 1s 2s both infinite;
 }
 .notification-count {
  position: absolute;
  z-index: 1;
  top: -15px;
  /* right: -6px; */
  width: 22px;
  height: 22px;
  line-height: 24px;
  font-size: 13px;
  border-radius: 50%;
  background-color: #ff4927;
  color: #fff;
  animation: zoom 3s 3s both infinite;
}
 @keyframes bell {
   0% { transform: rotate(0); }
   10% { transform: rotate(30deg); }
   20% { transform: rotate(0); }
   80% { transform: rotate(0); }
   90% { transform: rotate(-30deg); }
   100% { transform: rotate(0); }
 }
 @keyframes rad {
   0% { transform: translateX(0); }
   10% { transform: translateX(6px); }
   20% { transform: translateX(0); }
   80% { transform: translateX(0); }
   90% { transform: translateX(-6px); }
   100% { transform: translateX(0); }
 }
 @keyframes zoom {
   0% { opacity: 0; transform: scale(0); }
   10% { opacity: 1; transform: scale(1); }
   50% { opacity: 1; }
   51% { opacity: 0; }
   100% { opacity: 0; }
 }




 
/* Toggle Styles */

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  overflow-y: auto;
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

/* Sidebar Styles */

/* .sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
} */

/* .sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
} */
.innerlogo{padding:15px 20px;}
.innerlogo a{display: block;background: var(--white); padding:5px;}
#sidebar-wrapper h1{ font-size: 22px;  color: var(--red);  padding: 0 18px;  font-weight: 600;}
.sidebar-nav li a { padding:15px 20px;display: block;text-decoration: none; color: #999999;}

.sidebar-nav li a:hover{ background:var(--red);}
.sidebar-nav > li > a.active {
  text-decoration: none;
  color: #fff;
  background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.setinput{display: flex; flex-wrap: wrap; justify-content: space-between;} 
.setinput li{width: 48%;}
.setinput input, .selectbg {
  padding: 8px 5px;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 4px;
   
}
.innerleft .dlink{height: 42px;}
.searchbtn { font-family: 'Poppins';
  background: var(--black);
  padding: 8px 15px;
  color: var(--white);
  border: 1px solid var(--black);
  border-radius: 4px;
  margin: 10px  auto;
  display: block;
}

.priaceranges{display:flex; align-items: center; justify-content: space-between;}
.priaceranges > span{width: 48%; text-align: left;}
.priaceranges > span input{width: 60%;}
.price-slider {width: 95%;  text-align: center;  position: relative;  height:46px;}
.price-slider svg,.price-slider input[type=range] {  position: absolute;  left: 0;  bottom: 0;}
.price-slider input[type=number] { border: none;  text-align: center;  font-size: 1.2;  -moz-appearance: textfield;  background: none;
  font-size: 16px;}
  .priaceranges > span input:focus{box-shadow: none!important; outline: none!important; border: none !important;}
.price-slider input[type=number]::-webkit-outer-spin-button, .price-slider input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;}
.price-slider input[type=number]:invalid, .price-slider input[type=number]:out-of-range {  border:none;}
.price-slider input[type=range] {  -webkit-appearance: none;  width: 100%;}
.price-slider input[type=range]:focus {  outline: none;}
.price-slider input[type=range]:focus::-webkit-slider-runnable-track {  background:var(--black);}
.price-slider input[type=range]:focus::-ms-fill-lower {  background:var(--black);}
.price-slider input[type=range]:focus::-ms-fill-upper {  background:var(--black);}
.price-slider input[type=range]::-webkit-slider-runnable-track { width: 100%;  height: 5px;  cursor: pointer;  animate: 0.2s;
  background: var(--black); border-radius: 1px; box-shadow: none;  border: 0;}
.price-slider input[type=range]::-webkit-slider-thumb {  z-index: 2;  position: relative;  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--black);  height: 18px;  width: 18px;  border-radius: 25px;  background: var(--red);  cursor: pointer;
  -webkit-appearance: none;  margin-top: -7px;}
.price-slider input[type=range]::-moz-range-track { width: 100%;  height: 5px;  cursor: pointer;  animate: 0.2s;  background:var(--black);
  border-radius: 1px;  box-shadow: none;  border: 0;}
.price-slider input[type=range]::-moz-range-thumb {  z-index: 2;  position: relative;  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--black);  height: 18px;  width: 18px;  border-radius: 25px;  background: var(--red);  cursor: pointer;}
.price-slider input[type=range]::-ms-track { width: 100%;  height: 5px;  cursor: pointer;  animate: 0.2s;  background: transparent;
  border-color: transparent;  color: transparent;}
.price-slider input[type=range]::-ms-fill-lower, .price-slider input[type=range]::-ms-fill-upper {  background:var(--black);
  border-radius: 1px;  box-shadow: none;  border: 0;}
.price-slider input[type=range]::-ms-thumb {  z-index: 2;  position: relative; box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--black);  height: 18px;  width: 18px;  border-radius: 25px;  background: var(--red);  cursor: pointer;}
 

.skeleton-box {display: inline-block; height:18px; position: relative; overflow: hidden; background-color: #ccc; border-radius: 5px;}
@keyframes shimmer { 100% {transform: translateX(100%); }   }
.skeleton-box::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
-webkit-animation: shimmer 1s infinite; animation: shimmer 1s infinite; content: "";}

.loadsec .lefticon { width: 120px;text-align: center; height: 100px; border-radius: 10px;}
.loadsec .textboxs { padding:0 20px 0px; width: 100%; position: relative;}
.loadsec .lefticon + .textboxs{width:calc(100% - 120px)}


@media(min-width:768px) {
  #wrapper {
      padding-left: 250px;
  }



  #wrapper.toggled {
      padding-left: 0;
  }

  #sidebar-wrapper { top:0;
      width: 250px;
  }

.sidebar-nav > li > a { font-family: "Archivo", serif; font-weight: 600;
    
    cursor: pointer;
     
    line-height: 1.2;
    display: block;
    color: var(--white);
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
}




  #wrapper.toggled #sidebar-wrapper {
      width: 0;
  }

  #page-content-wrapper {
      padding: 20px;
      position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
      position: relative;
      margin-right: 0;
  }
}

.prbg{padding: 50px 0;}
.prbg .whiteobox{padding: 20px; border-radius:5px;}
.projectlistsec{}
.projectlistsec ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.projectlistsec ul li{width: 33.33%; padding: 10px;}
.listimgsec img{object-fit:cover; width:100%; height:100% }

.projectbox{width: 100%; border-radius: 5px; display: block; overflow: hidden; position: relative;}
.projectbox .protitle{background: rgba(255,255,255,0.03);
background: -moz-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.31) 29%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.03)), color-stop(29%, rgba(255,255,255,0.31)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.31) 29%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.31) 29%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.31) 29%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.31) 29%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
color: var(--white); padding:15px 20px; position: absolute; bottom: 0; left: 0; width: 100%;}
.projectbox .protitle h3 {margin: 0; color: var(--white);  font-size: 20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.projectbox > div img{ transition: transform .5s;}
.projectbox > div:hover img{ transform: scale(1.2);}

.prodetail{display: flex; flex-wrap: wrap; justify-content: space-between;}
.progallery{ width:65%; padding-right:30px; }
.prodesc{ width:35%; }
.progallery .item{}
.progallery img{width: 100%;}
.progallery .owl-theme .owl-nav{ margin:0; }
.progallery .owl-nav button.owl-prev { left: 5px; font-size: 40px!important; color: var(--red)!important;}
.progallery .owl-nav button.owl-next{right: 5px; font-size: 40px!important; color: var(--red)!important;}
.prodesc p{font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.4;}
#big{padding: 1px;}
#big .item{display:block; border:1px solid var(--light-gray); padding:3px; border-radius:5px; }
#big .item a{display:block;border-radius: 5px; overflow: hidden; height: 450px;}
#big .item a img, #thumbs .item img{width: 100%; height: 100%; object-fit: cover;}
#thumbs{margin-top: 5px; padding: 1px;}
#thumbs .item{ border:1px solid var(--light-gray); padding:3px; border-radius:3px; cursor:pointer; }
#thumbs .owl-item.current .item{ border-color:var(--red); }
#thumbs .item{height: 120px;}

.linkdrop .bootstrap-select.selectbg{    width: 100%!important;
  padding: 0;
  border: none;}

  .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 16px; font-weight: 500;font-family: "Archivo", serif;  }
  .bootstrap-select > .dropdown-toggle{padding: 8px;}
  .pagingsec.pagination{margin:20px 0 0;}
  .pagination > ul{ display:flex; align-items:center; list-style:none; padding:0;margin:0;  }
  .pagination > ul > li:first-child a{border-radius: 4px 0px 0px 4px; }
  .pagination > ul > li:last-child a{border-radius:0px 4px 4px 0px; }
  .pagination > ul > li > a{padding: 4px 6px; border: 1px solid #ccc; min-width: 30px; display: block; text-align:center; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.4; color: var(--black); cursor: pointer; }
  .pagination > ul > li.disabled > a{ color:#ccc; }
  .pagination > ul > li.active > a{ background:var(--red);  border-color: var(--red); color: var(--white);}
@media (max-width:767px){
.progallery{padding: 0;}
.progallery, .prodesc{width: 100%;} 
.projectlistsec ul li{width:50%; padding: 5px;}
.projectbox .protitle{padding: 10px;}
.projectbox .protitle h3{font-size: 16px;}
}
.arrow {color: var(--black); }
.arrow:hover {color: var(--white);cursor: pointer;}

.moresubbtn {font-family: 'Poppins', sans-serif;  color: #EB595F;   cursor: pointer;
  padding: 2px 10px; border-radius: 30px;  text-align: center;  border: 1px solid var(--red); }
.moresubbtn:hover{background:var(--red); color:var(--white)}
.btnsubmargin{margin-top: 15px;margin-bottom: 20px;}
.btnsubmargin .moresubbtn{padding: 5px 25px; display: inline-block;}


.blink{
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%, 50%, 100% {
      opacity: 1;
  }
  25%, 75% {
      opacity: 0;
  }
}


.msgbox{position: absolute; display: none; top: 100%; left: 0; text-align: center; color: #000!important; font-size: 13px; padding: 10px; width: 100%;}
.smallbox:hover .msgbox{display: block;}