@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;
}


/*why yotta daas*/
.yotta-daas{
	padding: 15px 50px;
}

.yotta-daas h4{
    color: #1c3f93;
    font-size: 17px;
    padding: 20px 0;
	font-weight: 600;
    margin-bottom: 0;
}
.yotta-daas p{
    color: #959595;
    font-size: 16px;
}

.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;    padding-bottom: 60px; }
.ab-list{color: #fff}
.ab-content{text-align:center;}
/*.ab-content img{margin-right: 15px}*/
.ab-content p{
    line-height: 1.2;
    margin-top: 15px;
    font-weight: 300;
    font-size: 16px;
}
.blog-2{
        padding-top: 40px;
    /*border-top: 1px solid #b3b3b3;*/
}
.blog-2 a{
    background: #F29F43;
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 20px;
    display: inline-block;
}
.blog-2 a:hover{
    text-decoration:none;
    background:#000;
    transition:0.3s all;
}

/*tabs*/
ul.sub-tab {
    padding-bottom: 30px;
    padding-top: 20px;
    width: 80%;
    margin: auto;
    border-bottom: 1px solid #d4d4d4;
}
ul.sub-tab li a {
    color: #2e2e2e;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    display: block;
    /* padding: 10px; */
    margin: 0 30px;
    text-align: center;
}
ul.sub-tab li a.active {
    color: #f29f43;
    position: relative;
}
ul.sub-tab li a:hover{
	color: #f29f43;
	text-decoration:none;
	}
ul.sub-tab li a.active:after {
    content: "";
    position: absolute;
    bottom: -33px;
    left: 0%;
    background: #f29f43;
    height: 5px;
    width: 100%;
    /* border-radius: 50%; */
}
/**/

/*daas works*/
.daas-sec {
    background: url(../images/daas-works.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
	    padding-bottom: 60px;
}
.daas-list{
	display:flex;
	    padding-right: 10px;
    align-items: end;
    margin-bottom: 15px;
	}
.daas-list p{
height: 40px;
    margin-bottom: 0;
    width: 40px;
    background: #193a89;
    border-radius: 50%;
    line-height: 2.3;
    color: #fff;
    padding: 0 15px;
    font-weight: 500;
    margin-right: 10px;
}
.daas-list h2{
	font-size: 16px;
    color: #434343;
    font-weight: 400;
}
/**/

/*deploy css*/
.deploy h3{
color: #193a89;
    font-size: 20px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
}
.deploy h3:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 40%;
    height: 1px;
    background-color: #a9a9a9;
	}
.disclaimer p{
	    color: #434343;
    font-size: 12px;
	text-align:center;
	}	
/**/

/*offer css*/
.offer{
    
}
.orange-border{
    /*background: #fff1e1;*/
    border-radius: 15px;
	padding: 20px;
	    /*padding-bottom: 30px;*/
	    border-radius: 20px;
    /*border: 2px solid #f29f43;*/
}
.offer-box h3{
	    color: #2e2e2e;
    font-size: 19px;
    margin-top: 20px;
    font-weight: 400;
	}
.offer-box img{
    /*width: 70%;*/
}
.offer-box small{
        font-size: 12px;
}
.intro-text{
    position:relative;
}
.intro-text img{
    position:absolute;
    top:43%;
        right: -100px;
}
.intro-text small{
        font-size: 12px;
}
.intro-text h3{
color: #F29F43;
    font-size: 55px;
    text-align: center;
    text-transform: uppercase;
}
/**/

/*blog css*/
.blog-sec{
	background: url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
	    padding: 50px 0;
		background-position: center;
	}
.blog-box a{	
	    background: #1c3f93;
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 20px;
	display: inline-block;
}
.blog-box a:hover{	
	 background:#f29f43;
	 text-decoration:none;
}

/**/

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: 78px;}
.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);
}
.intro-text h3 {
        font-size: 24px;
    text-align:center;
}
.intro-text img {
        bottom: -50px;
        top: auto;
    right: 46%;
    transform: rotate(90deg);
    width: 40px;
}
}

@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;    font-size: 22px;}
  .blog-box h3{font-size: 22px;}
  .head1:after, .head1:before,.head3:after, .head3:before, .head2:after, .head2:before{width: 30px}
  .blog-box a {
	      font-size: 16px;
	  }
  .home-banner {
     padding-top: 0px; 
}
.hl-list li{
    min-height: 165px;
}
ul.sub-tab {
	width:100%;
	}
ul.sub-tab li{	
	width: 50%;
}
ul.sub-tab li a {
	margin: 0 10px;
	font-size:16px;
	}
.daas-list {
    padding-right: 0;
}
.yotta-daas {
    padding: 15px 10px;
}
.offer-main{
	padding:0;
	}
}
@media screen and (max-width:575.98px) {
    .banner-overlay img{max-width:100%;}
	.deploy h3 {
    font-size: 18px;
	}
.orange-border {
    padding-left: 15px;
    padding-right: 15px;
}	
.offer-box{
	    padding-bottom: 40px;
	}
.orange-border {
    padding-bottom: 0;
}	
.offer-box h3 {
    font-size: 19px;
}
.tab-pane p{
    font-size: 16px;
}
}