@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
html{height:100%;overflow-x: hidden}
body{font-size:18px;background:#fff;color:#2e2e2e;overflow-x:hidden;font-family: 'Roboto', sans-serif;position:relative;}
img{max-width:100%}
p{margin-bottom:.5rem}
a{text-decoration:none;color:#000;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
/* a:hover,a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none;color:#a70e13;box-shadow:none} */
ul,li{padding:0;margin:0}
li{list-style:none}
.text-bold{font-weight: 700}
.text-medium{font-weight: 500}
.text-light{font-weight: 300}
.section{padding: 35px 0}
.container{padding: 0 50px}
.bg-blue{background: #283E81;position: relative;}
.yotta-card-body{background: #2e4a9c}
.page-wrapper{width: 80vw}
.form-wrapper{width: 20vw; position: fixed; right: 0;  top: 0;height: 100vh;  background: #F29F43;z-index: 11;}
.form-heading{text-align: center;font-weight: 700;font-size: 25px;background: #494B48;color: #fff;    padding: 22.5px 0;}
.form-heading a{color: #fff; }
.form-heading a:hover{color: #fff;text-decoration: none}
.form-text {text-align: center; color: #494B48;line-height: 1.2;font-size: 20px;margin: 15px 0}
.submit input{ width: 100% !important;}
.navbar-nav li{
    padding-right: 15px;
}
.navbar-nav li a.nav-link{
    color:#fff;
    font-size: 17px;
}
.dropdown-menu {
        background-color: #fff;
}
.fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
  webkit-box-shadow: 0 8px 25px -8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 8px 25px -8px rgba(0,0,0,.2);
    box-shadow: 0 8px 25px -8px rgba(0,0,0,.2);
}
.fixed-top.scrolled .navbar-nav li a{
  color:#000;
}


.primary-col{color: #F29F43}
.yotta-nav{background: #1C2940;z-index: 10;width: 80vw;padding-right: 15px;    padding-top: 20px;
    padding-bottom: 20px;}
.hl-list{
        display: block;
    /* justify-content: left; */
    text-align: center;
}
.hl-list li{    margin: 0 15px 20px;
    width: 43%;
    float: left;
    min-height: 155px;}
.hl-list li span{display: block;
    margin-top: 15px;
    color: #5D6E71;
    line-height: 1.3;
    font-size: 16px;}
.highlights-list{
    display:flex;justify-content: center;
}
.benifit-list li{
    position: relative;   
    padding-left: 25px;
    padding-right: 25px;color: #fff;margin-bottom: 20px
    
}

.benifit-list li:before{    position: absolute;
    content: '';
    background: #fff;
    width: 5px;
    height: 5px;
    left: 0;
    top: 8px;
    transform: rotate(45deg);}
.content table{color: #fff}
.beni-table-wrap{margin:30px 0 0 0}
.beni-table-wrap table{color: #fff}
.beni-table-wrap table tr{font-size: 14px}
.beni-table-wrap table th{border-top: none}
.beni-table-wrap table td{border-top: 1px solid rgba(222, 226, 230, .1);}
.beni-table-wrap .collapsed .less{display: none}
.beni-table-wrap .collapsed .more{display: block}
.beni-table-wrap .more{display: none}
.table-btn{background: none;border: none}
.table-btn:hover, .table-btn:focus{background: none;box-shadow: none;border-color: none}
.chevron {position: absolute; width: 2.1rem;height: 0.48rem;opacity: 0; -webkit-transform: scale(0.3);         transform: scale(0.3); -webkit-animation: move-chevron 3s ease-out infinite;          animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {-webkit-animation: move-chevron 3s ease-out 1s infinite; animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {-webkit-animation: move-chevron 3s ease-out 2s infinite;animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before,.chevron:after { content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: #2c3e50;}
.chevron:before {left: 0;-webkit-transform: skewY(30deg);transform: skewY(30deg);}
.chevron:after { right: 0; width: 50%; -webkit-transform: skewY(-30deg);         transform: skewY(-30deg);}
@-webkit-keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}

.ab-sec{background: url(../images/ab-bg.png) no-repeat;background-size: cover;background-attachment:fixed }
.ab-list{color: #fff}
.ab-content{display: flex; align-items: center;}
.ab-content img{margin-right: 15px}
footer{background: #494B48;font-size: 12px;}
footer p{color: #fff;opacity: .4;}
footer li{margin-bottom: 0 !important;opacity: .4;}
footer li::before{width: 2px;height: 2px;border-radius: 50%}
.home-banner{position: relative;    padding-top: 55px;}
.banner-overlay img{position: absolute;right: 60px;/**margin:0 auto;**/ bottom: 0; width: 240px;}
.head1, .head2, .head3{position: relative;display: inline-block;padding: 0 125px;}
.head1:before{content: '';width: 100px;height: 2px;background: #494B48;top: 15px;position: absolute;left: 0px;}
.head1:after{content: '';width: 100px;height: 2px;background: #494B48;top: 15px;position: absolute;right:  0px;}
.head2:before{content: '';width: 100px;height: 2px;background: #fff;top: 15px;position: absolute;left: 0px;}
.head2:after{content: '';width: 100px;height: 2px;background: #fff;top: 15px;position: absolute;right:  0px;}
.head3:before{content: '';width: 100px;height: 2px;background: #F29F43;top: 15px;position: absolute;left: 0px;}
.head3:after{content: '';width: 100px;height: 2px;background: #F29F43;top: 15px;position: absolute;right:  0px;}

form.form p label{margin-bottom: 10px !important;}
		    form.form input.text{display: block; width: 100% !important; padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;  color: #495057;background-color: #fff;background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
		    form.form p{margin:0 !important;}
		    .rc-anchor-normal .rc-anchor-checkbox-label { width: 50px !important;font-size: 12px !important;}
.youtube-video img{border-radius: 25px;}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:991.98px) {
  body{margin-top: 50px}
  .page-wrapper{width: 100vw}
  .form-wrapper{width: 100vw;height: auto;    top: 80px;}
  .form-heading{padding: 10px 0;font-size: 14px;margin-bottom: 0}
  .yotta-nav{top: 0px}
  .hl-list,.highlights-list{flex-wrap: wrap}
  .hl-list li,.highlights-list li{width: 33%;margin-bottom: 15px}
  .yotta-nav {
      width:auto;
  }
  .dropdown-menu {
          background-color: #f09e43;
  }
 .navbar-toggler-icon {
    background-image: url(../images/hamburger-icon.png);
}
.navbar-collapse {
    margin-top: 60px;
}
.form-heading a{visibility: visible;}
.highlights-list li:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 5px;
    height: 5px;
    left: 50%;
    top: -12px;
    transform: rotate(45deg);
}
}

@media screen and (max-width:767.98px) {
  .container{padding: 0 15px}
  .hl-list{flex-wrap: wrap}
  .hl-list li,.highlights-list li{width: 50%; margin: 0 0 30px 0}
  .head1, .head2, .head3{padding: 0px 40px;}
  .head1:after, .head1:before,.head3:after, .head3:before, .head2:after, .head2:before{width: 30px}
  .home-banner {
     padding-top: 0px; 
}
.hl-list li{
    min-height: 165px;
}
}
@media screen and (max-width:575.98px) {
    .banner-overlay img{max-width:100%;}
}