@charset "utf-8";
/* CSS Document */

@font-face {font-family: Outfit-Thin; src: url('../fonts/Outfit-Thin.ttf') format("truetype"); font-weight: 300; font-display: swap; }
@font-face {font-family: Outfit-Regular; src: url('../fonts/Outfit-Regular.ttf') format("truetype"); font-weight: 400; font-display: swap; }
@font-face {font-family: Outfit-Medium; src: url('../fonts/Outfit-Medium.ttf') format("truetype"); font-weight: 500; font-display: swap; }
@font-face {font-family: Outfit-SemiBold; src: url('../fonts/Outfit-SemiBold.ttf') format("truetype"); font-weight: 600; font-display: swap; }
@font-face {font-family: Outfit-Bold; src: url('../fonts/Outfit-Bold.ttf') format("truetype"); font-weight: 700; font-display: swap; }
:root {
  --hma-text-dark: #000000;
  --hma-text-dark-rgb: 0, 0, 0;
  --hma-text-graylight: #d9d9d9;
  --hma-text-graylight-rgb: 217, 217, 217;
  --hma-gray-5:#f8f8f8;
  --hma-text-gray: #999B9F;
  --hma-text-gray-rgb: 153, 155, 159;
  --hma-text-gray2: #6A6A6A;
  --hma-text-gray2-rgb: 106, 106, 106;
  --hma-base: #3a67aa;
  --hma-base-rgb: 58, 103, 170;
  --hma-secondary: #c85e4e;
  --hma-secondary-rgb: 200, 94, 78;
  --hma-teriary: #c1194b;
  --hma-teriary-rgb: 193, 25, 75;
  --hma-text-white: #ffffff;
  --hma-text-white-rgb: 255, 255, 255;
}

.preloader{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;background-color:var(--hma-text-dark)}
.preloader-inner{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;line-height:1}
.preloader-inner img{display:block;margin:0 auto 10px}
.loader{color:#fff;font-size:45px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;position:relative;transform:translateZ(0);animation:mltShdSpin 1.7s infinite ease,round 1.7s infinite ease;display:inline-block}
@keyframes mltShdSpin{
	0%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em}100%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
}
@keyframes round{
	0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}
}
.scroll-top{position:fixed;right:30px;bottom:30px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;z-index:10000;opacity:1;visibility:hidden;transform:translateY(45px);transition:all 300ms linear}
.scroll-top:after{content:"\ea75";font-family:"remixicon";position:absolute;text-align:center;line-height:50px;font-size:20px;font-weight:700;color:var(--hma-base);left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:1;border:2px solid var(--hma-base);box-shadow:none;border-radius:50%}
.scroll-top svg{color:var(--hma-base);border-radius:50%;background:var(--hma-text-white)}.scroll-top svg path{fill:none}
.scroll-top .progress-circle path{stroke:var(--hma-base);stroke-width:20px;box-sizing:border-box;transition:all 400ms linear}
.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}

body{margin: 0px; padding: 0px; font-family: Outfit-Regular; font-weight: 400; font-size: 16px; color: var(--hma-text-dark);}
a{text-decoration: none;}
img{max-width: 100%;}
.top-header{display: block; padding: 10px 0px; background-color: var(--hma-text-graylight);  }
.top-header ul{list-style-type: none; margin: 0px; padding: 0px;}
.top-header ul li{font-size: 14px; display: inline-block; margin-left: 15px;}
.top-header ul li i{color: var(--hma-base);}
.top-header a{ color: var(--hma-text-dark);}
.top-header a:hover{color: var(--hma-secondary);}
.nav-header{display: block; padding: 5px 0px;background-color: var(--hma-text-white); transition: 500ms;}
.nav-header .navbar-brand{padding: 0px; }
.nav-header .navbar-nav .nav-item .nav-link{font-size: 16px;   padding-left: 20px; padding-right: 20px; color: var(--hma-text-dark);}
.nav-header .navbar-nav .nav-item:first-child .nav-link{margin-left: 0px;}
.nav-header .navbar-nav .nav-item .nav-link:hover{color: var(--hma-secondary);}

.nav-header.sticky .navbar-brand img{height: 70px; width: auto;}
section{display: block; padding-bottom: 70px; padding-top: 70px; position: relative;}

footer{display: block; padding: 70px 0px 30px; background-color: var( --hma-text-dark);}
.footer-top{display: block; padding-bottom: 50px; margin-bottom: 40px; border-bottom: 1px solid var(--hma-text-white);}
.footer-addr h5{margin: 15px 0px 20px;color:var(--hma-text-white);}
.footer-addr p, .footer-addr p a{color: var(--hma-text-white); font-size: 14px; }
.footer-link{border-left: 2px solid var(--hma-text-white); padding: 20px 0px;}
.footer-link ul{list-style-type: none; margin: 0px; padding: 0px;}
.footer-link ul li{display: block; margin: 0px 0px 10px 15px;}
.footer-link ul li a{color: var(--hma-text-white);}
.footer-link ul.social-links li{margin-bottom: 0px;}
.social-links li a i{font-size: 28px;}
.footer-bottom ul{list-style-type: none; margin: 0px; padding: 0px;}
.footer-bottom ul li{display: inline-block; margin-right: 20px; position: relative;}
.footer-bottom ul li:after{position: absolute; top:0px; right: -15px; content: "|";color:var(--hma-text-white);}
.footer-bottom ul li:last-child:after{content: "";}
.footer-bottom ul li a, .footer-bottom p{font-size: 12px; color:var(--hma-text-white);}
.footer-bottom p{margin-bottom: 0px;}
.fix{overflow: hidden;}
.theme-btn{background-color: var(--hma-secondary); color:var(--hma-text-white); padding-left: 25px; padding-right: 25px; border-radius: 0px; }
.theme-btn:hover, .theme-btn:focus{background-color: var(--hma-base); color:var(--hma-text-white);}
.f-btn{position: fixed; padding: 12px 30px; top:150px; right: -70px; font-size: 18px; font-family: Outfit-SemiBold; text-align: center; text-transform: uppercase; color:var(--hma-text-white); transform: rotate(-90deg);animation: mymove 2s infinite; cursor: pointer; letter-spacing: 1px;}
#enquiryModal .form-group{margin-bottom: 20px;}
#enquiryModal .form-group input.form-control{line-height: 45px; border-radius: 0px;}
#enquiryModal .btn{padding: 12px 35px; text-transform: uppercase;}
#enquiryModal .modal-title{font-family: Outfit-Bold;}
.space-30{display: block; height: 30px;}
.form-group{position: relative;}
.form-group label.error{position: absolute; color: #f00; font-size: 11px; left: 0px; bottom: -15px;}
.form-group  input.company-name{ position: absolute; left: -2000px;}
.button-container{
      border: 1px solid black;
      border-radius: 15px;
     display: inline-block;
      padding: 5px 10px;
      /*width: fit-content;*/
      cursor: pointer;
  }
  .text-container{
	  display: inline-block;
     /* display: flex;
      flex-direction: column;*/
      align-items: center;
      margin-left: 10px;
      justify-content: center;
      margin-right: 10px;
	  color:#FFF !important;
  }
  .logo-container{
      width: 40px;
      height: 40px;
  }
  .seconday-logo-container{
    width: 16px;
    height: 16px;
    vertical-align: middle;
  }
  
@media (max-width:767.98px){
	.f-btn{top:auto; right: 0px; left: 0px; bottom: 0px; transform: rotate(0deg);}
	.footer-bottom{padding-bottom: 55px;}
}
@keyframes mymove {
  0% {background-color: #3a66a8;}
  25% {background-color: #cb6050;}
  50% {background-color: #43a2cb;}
  75% {background-color: #b2a23c;}
  100% {background-color: #107974;}
}


@keyframes stickyAni {
  0% {
    transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}