@charset "utf-8";
/* CSS Document */
:focus{ outline:0 !important}
*{scrollbar-width: thin; -webkit-scrollbar-width: thin;-moz-scrollbar-width: thin;}
html {  scroll-behavior: smooth;}
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
button{ outline: 0 !important }
body{ font-size:15px; color:#7e7e81; line-height:30px; font-weight:400;color:#333;font-family: 'Roboto'; font-weight:400   }
p{ margin-bottom:15px;   }
h1,h2,h3,h4,h5,h6{ font-family: "Dosis", sans-serif; }
a{ text-decoration:none}
.text-green{ color:#30d14e !important }
.text-pink{ color:#f63a98 !important }
.text-blue{ color:#0866ff !important }

.sidefixedpanel{ position:fixed; right:0; top:auto; left:0; bottom:0; background-color:rgba(255,255,255,.95); border-left:0; border-top:1px rgba(0,0,0,.2) solid;display:flex; justify-content: center;}
.sidefixedpanel > div{ height:auto; width:20%; padding:3px 5px; display: block; align-items:center; text-align:center}
.sidefixedpanel  div+div{ border-top:0;border-left:1px rgba(0,0,0,.2) solid}
.sidefixedpanel a{ color:#000; font-size:20px;}
.mainbannersection{ background:url(../images/section-bg-9.webp) no-repeat right bottom fixed; background-size:cover }
.mainbannersection .mainbannetrinners{ background:rgba(0,0,0,.4) url(../images/line-bg.png); min-height:65vh}
.mainbannersection .mainbannetrinners h1{ font-size:8vw; line-height:14vh; color:rgba(255,255,255,.9); font-weight:300; text-transform:uppercase;letter-spacing: 0.1em;}
.commanspacee{ padding:30px 0 15px 0;}
.commanhead .commhD{ font-size:20px; line-height:28px; text-transform:uppercase ; color:#000; margin:0 0 10px 0; font-weight:500;letter-spacing: 0.25em;}
.commanhead .commhD span{ font-weight:300;}
.aboutussec{ background:url(../images/aboutus_bg.webp) no-repeat right bottom;}
.bookssection{ background-color:#f5f5f5;}
.bokss{ background-color:#fff; padding:10px;border-radius:10px;}
.bokss .bokss-content{ padding:20px 10px 0 10px;}
.bokss-thumb img{ border-radius:10px;}
.bokss .bokss-content h3{ font-size:18px; line-height:22px; color:#000; margin-bottom:15px;}
.bokss .bokss-content p{ font-size:14px; line-height:18px;}
.bokss .bokss-content a{ background-color:#494079; display:inline-block; height:28px; line-height:28px; padding:0 10px;border-radius:5px; color:#fff;}
.skilledsec{ background:#000 url(../images/line-bg.png);}
.address{ position:relative; padding:0 0 0 45px; line-height:22px;}
.address, .address a{ color:#000}
.address .address-icon{ position:absolute; left:0; top:10px; text-align:center; background-color:#000; width:25px; height:25px; line-height:25px; transform:rotate(-45deg) }
.address .address-icon i{ color:#fff;transform:rotate(45deg)}
.address span{ color:#777; font-weight:300; line-height:20px;}
footer{ background-color:#000; padding:10px 0 50px 0; color:#fff; font-size:13px; color:rgba(255,255,255,.6);  }

@media(min-width:576px){}
@media(min-width:768px){

.mainbannersection .mainbannetrinners{ min-height:100vh}

.commanspacee{ padding:40px 0 25px 0;}
.commanhead .commhD{  margin:0 0 20px 0; }



}
@media(min-width:992px){	
.sidefixedpanel{  top:0; left:auto; border-left:1px rgba(0,0,0,.2) solid; border-top:0;display: flex; flex-wrap: wrap;
  align-content: stretch; width:40px  }
.sidefixedpanel > div{  width:100%; padding:5px 0;display: flex;
    align-items: center; justify-content: center; }
.sidefixedpanel  div+div{ border-top:1px rgba(0,0,0,.2) solid;border-left:0;}
footer{ padding:10px 0 }

.commanspacee{ padding:60px 0 45px 0;}


}	
@media(min-width:1200px){

.commanspacee{ padding:70px 0 55px 0;}



}
@media(min-width:1900px){}