:root {
  --red: #E84FFF; 
  --orange: #F25E39;
  --white: #fff;
  --black: #000;
  --lightblack: #515151;
}
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}
html, body {
  font-family: 'Saans TRIAL'; background: var(--bluedd);
  font-size:16px;
  line-height:1.6;
  padding:0;
  margin:0;
  color: var(--lightblack);
}
body{  }
a {
  color:var(--black);
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}
a:hover{color: var(--red);}
img{max-width: 100%; width: 100%;}
h1,h2,h3,h4,h5,h6{margin: 0; color: var(--black);}
h1{  font-size: 60px;  font-weight: 500;   margin: 0; margin-bottom: 20px;}
h2{ font-size: 40px;  font-weight: 500;  margin-bottom: 25px;}
h3{ font-size: 25px;  font-weight: 400; margin: 0;margin-bottom: 20px;}
h4{font-weight: 500; font-size: 20px;}
p{margin-bottom: 25px;}
p:last-child, ul:last-child, h3:last-child{margin-bottom: 0;}
ul, li, ol{list-style: none; margin: 0; padding: 0;}

.container{position: relative;}

.header-area{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;  padding: 25px 0; background: var(--bluedd);
}
.header-area .container{}
.header-area .row{align-items: center;}
.header-area .logo{}
.header-area .logo img{width: 100%;}
header.fixed .header-area .logo img{max-height: 40px;}

header.fixed .header-area{background: var(--white);}

.header-area ul.header-center-menu{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: end;  }
.header-area ul.header-center-menu li a{ padding: 0px 0px;margin-left: 30px; font-weight: 500; }
.header-area ul.header-center-menu li:first-child a{margin-left: 0;}
.header-area ul.header-center-menu li a:hover,
.header-area ul.header-center-menu li a.active{ color: var(--red);}


header.fixed .header-area ul.header-center-menu{margin-top: 0;}
header.fixed .header-area{ transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;  z-index: 10; padding: 10px 0;}
header.fixed .header-area .header-area-inner{ padding: 15px 150px;}

.btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-left: 15px; display: none}
.btn-menu span{width: 100%; height: 2px;  display: block;  transition: all .5s ease; background: var(--red);}
.btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2){display: none;}
.btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

.border_bg_light {
    padding: 0px 0px;
    border-radius: 0px;
    height: 100%;
    max-width: 710px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.section{margin-top: 60px;}
.page_top_banner{background: #F6F6FB;}


.about_us p{color: var(--black);}
.about_us img{position: sticky; top: 70px;}

.why_linko li{background: url(../images/check_circle.svg) 0 0 no-repeat; padding-left: 40px; margin-bottom: 20px; }
.why_linko li:last-child{margin-bottom: 0;}
.why_linko li h3{margin-bottom: 10px;}

.contact_us{background: var(--black) url(../images/footer_bg.svg) bottom left no-repeat; padding: 60px 0; color: var(--white); background-size: auto 70%;}
.contact_us h2{color: var(--white);}
.contact_us a{color: var(--red);}
.contact_us a:hover,
.copy_write a{color: var(--white);}
.copy_write a:hover{color: var(--red);}
.copy_write{border-top:1px solid; border-image: linear-gradient(90deg, #A7A7A7 0%, #000 100%);  border-image-slice: 1; padding-top: 20px;}

.contact_us .footer_logo img{margin-bottom: 25px;}
.contact-form h2{margin-bottom: 10px;}
.form-control{padding:10px 0px; border: none; border-radius: 0px;border-bottom: 1px solid #A7A7A7; color: var(--white); background:transparent; margin-bottom: 0px; max-height: 75px; margin-bottom: 15px; text-align: left;}
.form-control:focus{background: transparent; outline: none; color: var(--white); box-shadow: none; border-color: var(--white);}
.main_button{border: none; border-radius: 8px;background: var(--orange); color: var(--white); text-align: center; margin: 0 auto; padding: 13px 25px; width: 100%; max-width: 220px; margin-top: 15px;}
.main_button:hover{background: var(--red);}
form{text-align: center;}
#message_box p{padding: 10px 0;}
.error{color: red;}
.success{color: green;}
label.error {
  position: absolute; color: red;
  right: 12px;
  font-size: 12px;
  width: 100%; margin-top: -10px;
  text-align: right;height: 15px;
}

.g-recaptcha{
    display: inline-block;
}