body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Inter', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
button, input[type="submit"]{ -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; cursor: pointer;}
input, button{ -webkit-appearance: none;}
input:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}




/*header*/
.header_sec{ width: 100%; background: #FFFFFF;
box-shadow: 0px 6px 34px rgba(0, 0, 0, 0.12); position: relative;}
.header_Inn{ width: 100%;}

.nav_top{ margin: 0px; padding: 0px; background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;}
.menu_sec li{ position: relative;}
.navbar-brand{ width: 200px; margin: 0px; padding: 0px;}
.navbar-brand img{ max-width: 100%}
.menu_sec li a{ font-size: 17px; line-height: 34px; font-weight: 500; color: #757575; display: inline-block;}
.menu_sec li.blBrd a{ border: 1px solid #86B5C7; border-radius: 60px; padding: 4px; width: 124px; padding-right: 22px; text-align: right;}
.menu_sec li.blBrd img{ width: 35px; height: 35px; border-radius: 100%; background: #86B5C7; padding: 4px; float: left;}
.menu_sec li{ margin-left: 20px;padding: 16px 0;}
.menu_sec li.blBrd:nth-child(3) img{ float: right;}
.menu_sec li.blBrd:nth-child(3) a{ text-align: left; padding-left: 22px; padding-right: 5px;}
.menu_sec li.rdBtn a{ background: #E54A69; color: #fff; border: 1px solid #E54A69; border-radius: 50px; text-align: center; width: 124px;line-height: 43px;}
.menu_sec li.onyLink a{ line-height: 43px;}



.suportsec{ width: 100%;}
.suportsec .container{ max-width: 1100px;}
.suportsecInn{ width: 100%; position: relative;margin:68px 0 45px;}
.suportsecinr{ width: 100%; position: relative; padding: 52px 0 0;}
.boxs{ width: 100%;background: #F5F5F5; position: relative; padding:39px 228px 39px 69px; display: inline-block; border-radius: 900px 0px 0px 900px;}
.suportsecInn .row:first-child .col-md-6:first-child .boxs{border-radius: 900px 0px 0px 900px;}
.boxs strong{ width: 100%; display: inline-block; color: #000000; font-size: 22px; line-height: 35px; font-weight: 500;}
.boxs p{ width: 100%; display: inline-block; color: #E54A69; font-size: 14px; line-height: 18px; font-weight: 500; margin-top: 7px;}
.arew{ float: right; position: absolute; top: 50%; right: 40px;-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.suportsecInn .row:nth-child(2) .col-md-6:last-child .boxs{border-radius: 0px 900px 900px 0px;}
.suportsecInn .row:nth-child(2) .col-md-6:last-child .boxs strong{ font-size: 22px; line-height: 29px;}
.suportsecInn .row{ margin: 0px;}
.suportsecInn .col-md-6{ padding: 0px;}
.suportsecInn .col-md-6:first-child::before {
  border-right: 4px solid #E6E6E6;
  position: absolute;
  top: -15px;
  right: 0px;
  content: "";
  width: 6px;
  height: 120%;
  z-index: 1;
}
.suportsecInn::before {
  width: 13px;
  height: 13px;
  background: #E6E6E6;
  border-radius: 100%;
  position: absolute;
  top: -17px;
  left:49.2%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}
.suportsecInn::after {
  width: 13px;
  height: 13px;
  background: #E6E6E6;
  border-radius: 100%;
  position: absolute;
  bottom: -23px;
  left: 49.2%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}

.caredBox{ width: 254px; background: #5E558E; border-radius: 900px; text-align: center; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 18px; font-weight: 500; padding: 12px 0; margin: 0px auto; position: relative; height: 62px;
display: flex;
justify-content: center;
align-items: center;}
.caredBox:before{ border: 15px solid transparent; border-top: 15px solid #5E558E; content: ""; position: absolute; bottom: -29px; left: 50%; content: "";-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}



.mainsec{ width: 100%; padding: 50px 0;}
.mainsec .container{ max-width: 1442px;}
.mainsec h1{ font-size: 50px; line-height: 20px; text-transform: uppercase; color: #E1E1E1; font-weight: 700; text-align: center;}
.shwBox{ width: 100%; overflow: hidden; border-radius: 10px; background: #fff;box-shadow: 0px 6px 34px rgba(0, 0, 0, 0.12); margin-top: 40px;}
.hedng{ width: 100%; background: #E54A69; padding: 37px 35px; color: #fff; font-size: 32px; line-height: 36px;}
.contains{ width: 100%; padding:48px 50px; align-items: center;}
.contains i{ width: 142px; overflow: hidden; margin-right: 40px;display: inline-block;}
.contains i img{ max-width: 100%;}
.contains p{ color: #444; font-size: 17px; line-height: 27px; font-weight: 400;}
.footerSec{ width: 100%; padding:0 0 20px 0; text-align: center;}
.footerSec li{ display: inline-block;}
.footerSec li a{ display: inline-block; padding: 10px; color: #5E558E; font-size: 20px;}
.arew{ width: 50px;}
.arew img{ max-width: 100%;}








.bannersec{ width: 100%;}





 
  
  
@media (min-width: 991px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; }








}
@media (min-width: 1400px) and (max-width: 1599px) {


.mainsec .container {
  max-width: 1340px;
}
.hedng{ font-size: 20px 35px; font-size: 24px; line-height: 34px;}
.contains{ padding: 35px 25px;}
.contains i{ margin-right: 25px;}



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


.mainsec .container {
  max-width: 1170px;
}
.hedng{ padding: 20px 35px;font-size: 20px; line-height: 5px;}
.contains{ padding: 35px 25px;}
.contains i{ margin-right: 25px;}
.boxs{padding: 19px 190px 22px 41px;}


.boxs strong{font-size: 16px;
line-height: 22px;}
.suportsecInn .row:nth-child(2) .col-md-6:last-child .boxs strong {
  font-size: 16px;
  line-height: 22px;
}





}
  
  
  
  
@media (min-width: 992px) and (max-width: 1199px) {

.mainsec .container {
  max-width: 960px;
}
.suportsec .container {
  max-width: 800px;
}

.hedng{ padding: 20px 35px;font-size: 24px; line-height: 34px;}
.contains{ padding: 35px 25px;}
.contains i{ margin-right: 25px;}
.boxs{padding: 19px 151px 22px 41px;}


.boxs strong{font-size: 25px;
line-height: 47px;}
.suportsecInn .row:nth-child(2) .col-md-6:last-child .boxs strong {
  font-size: 16px;
  line-height: 22px;
}
.mainsec h1 {
  font-size: 72px;
  line-height: 58px;}


.navbar-brand{ padding-left: 15px;}
        
.mainsec .container {
  max-width: 100%;
}
.suportsec .container {
  max-width: 100%;
}
.boxs{ padding: 28px 114px 35px 22px;}
.mainsec h1 {
  font-size: 55px;}
.hedng{ padding: 11px 35px; font-size: 20px; line-height: 26px;}
.contains p{font-size: 15px;
line-height: 22px;}







}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 5px;  border-radius: 16px; background-color: #02579b;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 3px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
        
.mainsec .container {
  max-width: 100%;
}
.suportsec .container {
  max-width: 100%;
}


        
.mainsec .container {
  max-width: 100%;
}
.suportsec .container {
  max-width: 100%;
}
.boxs{ padding: 28px 114px 35px 22px;}
.mainsec h1 {
  font-size: 55px; line-height: 60px;}
.hedng{ padding: 11px 35px; font-size: 20px; line-height: 26px;}
.contains p{font-size: 15px;
line-height: 22px;}
.header_sec .container {
  padding: 0px; max-width: 100%;
}
.nav_top .navbar-toggler{ padding: 23px 0;}

} 
 
 
@media (min-width: 768px) and (max-width: 991px) {







}
@media only screen and (max-width: 767px){
.suportsecInn::before, .suportsecInn::after{ display: none;}
}
@media only screen and (max-width: 575px){
.suportsecInn .col-md-6:first-child::before {display: none;}
.boxs{ padding: 28px 114px 35px 22px;margin: 10px 0; border-radius: 30px !important;}
.hedng {
  color: #fff;
  font-size: 18px;
  line-height: 36px;
}
.contains{ padding: 20px;display: inline-block;
text-align: center;}
.contains i{ margin-right: 0px; margin-bottom:20px;}

.mainsec h1 {
  font-size: 45px; line-height: 50px;}


.suportsecInn .row:nth-child(2) .col-md-6:last-child .boxs strong {
  font-size: 15px;
  line-height: 21px;
}	
.boxs strong{font-size: 22px;
line-height: 41px;}
.arew {
  width: 35px;right: 12px;
}

.boxs {
  padding: 16px 91px 23px 22px;
}






}




@media only screen and (max-width: 480px){ 


.hedng {
  font-size: 16px;
  line-height: 36px;
  padding: 6px 18px;
}


}