@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/*
font-family: 'Mulish', sans-serif;
*/

:root{
    --thm-darkgrey:#777777;
    --thm-black:#000000;
    --thm-white:#ffffff;
    --thm-blue:#009fe2;    
    --thm-sitetext:'Mulish', sans-serif;
    --thm-lightgrey: #d5d5d5;
    --thm-grey2: #f9f9f9;
    --thm-darkblue: #01294c;
}

body{ margin: 0px; padding: 0px; font-family: var(--thm-sitetext); color: var(--thm-black); }
h1, h2, h3, h4, h5{ margin: 0px; padding: 0px; color: var(--thm-black);}
.padtopbtm{ padding: 0px 0px 10px 0px; }
.logoarea{ width: 110px; }
.pos-rel{ position: relative; }
.headetp-infoThree i { position: absolute; top: 0px; left: 0px; border: 2px solid var(--thm-blue); color: var(--thm-blue);
    font-size: 24px; -moz-osx-font-smoothing: grayscale; border-radius: 50%; width: 48px; height: 48px; padding-top: 12px; text-align: center;
}
.headetp-infoThree div { padding-left: 45px; box-sizing: border-box; }
.headetp-infoThree div h6 { color: var(--thm-darkgrey); font-size: 14px; font-weight: 400;}
.headetp-infoThree div h5 { color: var(--thm-black); font-size: 14px; font-weight: 600; font-family: var(--thm-sitetext);}


/* Menu */
.menu-bg{ background: var(--thm-white); }
.menu-main-bg{ background:var(--thm-blue); margin-top: 5px; }
.navbar ul li{ padding: 10px 0px;}
.navbar ul li a{ text-decoration: none; color: var(--thm-white); font-size: 16px;  padding: 10px 28px; text-transform: uppercase;
transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; font-weight: 600;
margin: 0px 20px;}
.navbar ul li a:hover{ background: var(--thm-white); color: var(--thm-blue); padding: 10px 28px; border-radius:2px;}
.active{background: var(--thm-white);}
.navbar ul li.active a{ color: var(--thm-blue) !important;}

.dropdown:hover > .dropdown-menu{ display: block; }
.dropdown-menu{border-top:2px solid var(--thm-white); background: var(--thm-blue);  border-radius: 0px;}
.dropdown-menu a{ color: var(--thm-blue); }
.dropdown-menu a{ margin: 0px !important; }
.sticky {position: fixed; top: 0; width: 100%; background: var(--thm-blue); z-index:100;-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.16);}
.sticky .menu-main-bg{ margin-top:0px; }
.post-btn {float: right; margin-left: 354px;}
.post-btn a{background: #27329e; padding: 10px 20px; color: var(--thm-white); font-size: 16px; text-transform: uppercase;
    float: right; margin-top: 8px; text-decoration: none; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.post-btn a:hover{background: var(--thm-white); color: var(--thm-blue);}


/*=======================================MOBILE MENU==============================================*/
.mobile-menu-btn{background:var(--thm-darkblue); padding:6px 12px; color:#fff; top: 12px;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; left: 0; background-color: var(--thm-darkblue); overflow-x: hidden;
    transition: 0.5s; padding-top: 50px; list-style-type: none;}
.sidenav a { padding: 10px 15px 10px 15px; text-decoration: none; font-size: 16px; color: #efefef; display: block;
    transition: 0.3s; border-bottom:1px solid #274d85; text-transform: capitalize;}
.sidenav ul{ margin: 0px; padding: 0px; }
.sidenav li a i{ float:right;}
.sidenav li ul{ margin:0px; padding:0px;}
.sidenav li ul li{ padding-left:0px;}
.sidenav a:hover, .offcanvas a:focus { color: var(--thm-blue);}
.sidenav .closebtn { border:medium none; position: absolute; top: 0; right: 0px; font-size: 20px; margin-left: 50px;}
.droup-arrow { float:right; margin-right:20px;}
.menuIcn {color: #fff;  font-size: 24px; float: right; padding: 5px 14px; display: none; border: 1px solid #fff;  margin-left: 10px; margin-top: 30px; cursor: pointer;}

/* home pages styles */
.welcome-div{ padding: 40px 0px; }
.section-title-virtical { font-weight: 700; letter-spacing: 3px; text-transform: uppercase;}
.section-title-virtical hr { border: 2px solid; color: var(--thm-blue); margin: 10px auto; width: 20px;}
.welcome-div h2{ font-weight: 800; font-size: 40px; margin: 15px 0px; }
.welcome-div h2 span{ padding: 3px 10px; background: var(--thm-blue); color:var(--thm-white); margin:0px 3px; }

.wel-box-pad{ padding: 10px; }
.fbox-3 {     position: relative;
    background-color: var(--thm-white);
    border: 1px solid var(--thm-lightgrey);
    border-radius: 4px;
    padding: 20px 30px;
    margin-bottom: 30px;
    transition: all 300ms ease-in-out;
    text-align: center;
   }
.fbox-3:hover {  border-top:3px solid var(--thm-blue); box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
.fbox-3 h2{ font-size: 22px; transition: all 1s ease; color: var(--thm-blue);}
.featured-box-icon { display: inline-block; line-height: 1; -webkit-transition: all .5s; -o-transition: all .5s;
    transition: all .5s; color: var(--thm-blue);  text-align: center;}
.featured-box-icon i {font-size:60px; transition: all 1s ease;}

/* Products */
.applications-bg{ background: var(--thm-darkblue); }
.property-carousel .item{  background: var(--thm-darkblue); }
.property-carousel .owl-nav button.owl-prev {  width: 45px !important; height: 45px !important; background-color: #fff !important;
    color: #777; font-size: 20px !important;  border-radius: 100%;
    line-height: 40px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    position: absolute; top: 40%; left: -30px; }
.property-carousel .owl-nav button.owl-prev:hover {background-color: var(--thm-blue) !important; }
.property-carousel .owl-nav button.owl-next {width: 45px !important; height: 45px !important;
background-color: #fff !important; font-size: 20px !important; border-radius: 100%;
line-height: 40px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
position: absolute; top: 40%; right: -30px; color: #777; }
.property-carousel .owl-nav button.owl-next:hover { background-color: var(--thm-blue) !important; }
.property-carousel h2{ text-align: center;  padding-top: 10px; font-size:20px; text-transform: none; }
.applications-bg h2{ font-weight: 700; font-size: 36px; margin-bottom: 15px; color: var(--thm-white);}
.applications-bg hr { border: 2px solid; color: var(--thm-white); margin: 10px auto; width: 20px;}
.applications-bg h3{ font-weight: 600; font-size: 18px; padding-top: 15px; color: var(--thm-white);}
.slide-image.border-clip {
    opacity: 1; -webkit-clip-path: polygon(0% 0%, calc(100% - 2rem) 0%, 100% 2rem, 100% 100%, 2rem 100%, 0% calc(100% - 2rem)); clip-path:
    polygon(0% 0%, calc(100% - 2rem) 0%, 100% 2rem, 100% 100%, 2rem 100%, 0% calc(100% - 2rem));
}

/* Testimonials */
.testimonial-box-grey{ background: var(--thm-grey2); padding:15px 25px;  text-align: center;}
.testimonial-box-grey .quotes-text{ font-size: 40px; color: var(--thm-blue); }
.testimonial-box-grey p{ font-style: italic; text-align: center; }
.testimonial-box-grey .author-text{ font-size: 18px; font-weight: 700; padding-bottom: 10px; }
.testimonial-carousel .owl-nav button.owl-prev {  width: 45px !important; height: 45px !important; background-color: #fff !important;
    color: #777; font-size: 20px !important;  border-radius: 100%;
    line-height: 40px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    position: absolute; top: 40%; left: -70px; }
.testimonial-carousel .owl-nav button.owl-prev:hover {background-color: var(--thm-blue) !important; }
.testimonial-carousel .owl-nav button.owl-next {width: 45px !important; height: 45px !important;
background-color: #fff !important; font-size: 20px !important; border-radius: 100%;
line-height: 40px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
position: absolute; top: 40%; right: -70px; color: #777; }
.testimonial-carousel .owl-nav button.owl-next:hover { background-color: var(--thm-blue) !important; }
.testimonial-carousel h2{ text-align: center; padding-top: 10px; font-size:20px; text-transform: none; }
.testi h2 {font-weight: 700; font-size: 36px; margin-bottom: 15px; color: var(--thm-black); }

/* Authorised Dealers */
.authorised-bg{ padding:15px 0px 40px 0px; text-align: center;}
.authorised-bg h2 {font-weight: 700; font-size: 30px; margin-bottom: 15px; color: var(--thm-black); }
.client-logo-box { text-align: center; border:8px solid var(--thm-grey2); width: 100%; margin-bottom: 15px;}
.client-logo-box-inner{ display: block; }
.contact-btn { padding-top: 30px; }
.contact-btn a { background: var(--thm-blue); border-radius: 5px; padding: 14px 20px; color: var(--thm-white);
    border: 0px; text-transform: uppercase; font-size: 18px; width: 150px; text-decoration: none; }
.contact-btn a:hover{background: var(--thm-darkblue);}


/* Footer */
.footer-bg{ background: var(--thm-darkblue); padding: 30px 0px; }
.fot-col-1{ width: 16%; float: left; }
.fot-col-2{ width: 26%; }
.footer-logo{ width:220px;}
.badge-logo{text-align: center;}
.badge-logo img{ width: 65px; }
.footer-bg h2{ font-size:20px; color: var(--thm-white); font-weight: bold; }
.footer-bg ul{margin: 10px 0px 0px 0px; padding: 0px; list-style: none;}
.footer-bg ul li{ padding:4px 0px;  list-style: none;}
.footer-bg ul li a{color: #c3def1; text-decoration: none; }
.footer-bg ul li a:hover{color: var(--thm-blue);}
.padd-left{ padding-left: 40px; }
.location-footer{ color: #c3def1; padding-left:26px; position: relative; }
.address:before{ content: '\f3c5'; position: absolute; width: 20px; height: 20px; top: 0px; left:0px;
font-family: 'Font Awesome 5 Pro'; }
.contact:before{ content: '\f879'; position: absolute; width: 20px; height: 20px; top: 0px; left:0px;
font-family: 'Font Awesome 5 Pro'; }
.envelope:before{ content: '\f0e0'; position: absolute; width: 20px; height: 20px; top: 0px; left:0px;
font-family: 'Font Awesome 5 Pro'; }
.footer-icons{ margin: 10px 0px 0px 0px; }
.footer-icons i {
    width: 40px;
    height: 40px;
    background: var(--thm-white);
    color: #0d1886;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 3px;
}
.footer-icons i:hover {
    background: var(--thm-blue);
    color: var(--thm-white);
}


/* Copyrights */
.copyrights-div{ padding: 10px 0px; text-align: center; color: #333333; }
.copyrights-div a{ color: var(--thm-blue); text-decoration: none; }

/* Inner Pages Styles */
.breadcrumb-bg{ background:var(--thm-grey2); padding:10px 0px; }
.sect_title { position: relative;  width: 100%;}
.tl_bg {
    position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; font-size: 100px; color: #f3f3f3; text-align: center;
    line-height: 120px; text-transform: uppercase; letter-spacing: 0px;
}
.breadcrumb-bg h1 {display: inline-block; position: relative; color: #0297e0; padding: 40px 80px 40px 80px;
    text-align: center; z-index: 99; background-image: url(images/blue-strip.jpg), url(images/blue-strip.jpg);
    background-position: center left, center right;
    background-repeat: no-repeat, no-repeat;
}
.breadcrumb-bg h1 span{ display: block; font-size: 14px; color: var(--thm-black); }
.breadcrumb-bg h1 span a{  color: var(--thm-black); }

/*Contact Us*/
.contact-head h2{ font-size: 30px; font-weight: 600; }
.media i{width: 40px; height: 40px; line-height: 40px; background:var(--thm-blue); color:var(--thm-white); border-radius: 50%;
    margin:5px 0px; font-size:14px; text-align: center;}
.media .media-body{ padding-left: 10px; padding-top: 10px; }
.media .media-body h5{ color:#0d1886; margin:0px; padding: 0px; }
.media .media-body p{ margin: 0px; padding: 0px;  font-family: var(--thm-sitetext); font-size: 16px;}
.follow-us i{width: 60px; height: 60px; line-height: 60px; background:var(--thm-blue); color:var(--thm-white); border-radius: 50%;
    margin:5px 0px; font-size:20px; text-align: center;}
.contact-form h2{ font-size: 30px; font-weight: 600; }
.contact-form input{
  border:0px; border-radius:5px; padding:16px 20px; background: var(--thm-white);
width: 100%; box-sizing: border-box; margin-top: 15px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); color: var(--thm-black);
}
.contact-form textarea{
  border:0px; border-radius:5px; padding:16px 20px; background: var(--thm-white); width: 100%; box-sizing: border-box; margin-top: 15px; resize: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); color: var(--thm-black);
}
.contact-form button{background:var(--thm-blue); border-radius:5px; padding:14px 20px; color:var(--thm-white); border:0px;
text-transform: uppercase; font-size: 18px; width: 150px;}

.content-inside h2{ font-size:26px; font-weight: 400; color: var(--thm-blue);  }
.content-inside h3 { color: var(--thm-blue); font-size: 20px; }
.content-inside h4{ font-size: 20px; color: var(--thm-black); font-weight: 600; padding-bottom: 10px; }
.content-inside ul{ list-style: none; margin:0px; padding:0px; }
.content-inside ul li{ padding: 8px 0px 8px 20px; position: relative; list-style: none;}
.content-inside ul li:before{content: '\f00c'; font-weight: 700;  font-size: 12px;  vertical-align: bottom; position: absolute;
    color: #939393; left: 0px; top: 12px;  color: var(--thm-blue); font-family: 'Font Awesome 5 Pro';}
.content-inside .inslide-broder{ padding: 20px 0px; border:2px solid var(--thm-lightgrey); margin-bottom: 30px; }


.faqDivMn{margin-bottom: 30px; overflow: hidden; clear: both;}
.faqDivRow1{background: var(--thm-grey2); overflow: hidden; height: 80px; border-left: 4px solid var(--thm-blue);}
.faqDivrow1-col1{width:8%; float: left; font-size:40px; color: var(--thm-blue); height: 80px; text-align: center;}
.faqDiv-col-1-inner{ height: 84px; width: 100em; vertical-align: middle; display: table-cell;}
.faqDivrow1-col2{width:92%; float: left; font-size: 20px; color: var(--thm-black); height: 80px; text-align: left;}
.faqDivRow2{background:  var(--thm-white); overflow: hidden; border-left: 4px solid var(--thm-darkblue);}
.faqDivrow2-col1{width:8%; float: left; font-size:40px; color: var(--thm-darkblue); text-align: center; box-sizing: border-box;
padding: 10px;}
.faqDivrow2-col2{width:92%; float: left; text-align: left; box-sizing: border-box; padding: 10px 0px; font-size:16px;}
.faqDivrow2-col2 p{ margin-bottom: 0px; font-size:16px;}

.product-main{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
}
.product-main:hover{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
}

.product-main img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}

.client-logo-box-inner img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.welcome-div .fbox-3 .abt-data{
    height: 230px;
    overflow-y: scroll;
    width: 100%;
    padding: 0px 0px 15px;
}



.welcome-div .fbox-3 .abt-data::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}

.welcome-div .fbox-3 .abt-data::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}
 
.welcome-div .fbox-3 .abt-data::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}


.welcome-div .fbox-3 .abt-data::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 10px;
}

.inslide-broder img {
       width: 100%;
    object-fit: cover;
    height: 250px;
}