@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html {
  scroll-behavior: smooth;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Roman.woff2') format('woff2'), url('../font/HelveticaNeue-Roman.woff') format('woff');
    font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Medium.woff2') format('woff2'), url('../font/HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Bold.woff2') format('woff2'), url('../font/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;font-style: normal;font-display: swap;
}
body {margin: 0px;padding: 0px;font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;}
.font-helvetica{font-family: 'Helvetica Neue';font-weight: normal;}
a, a:hover, button, button:hover{text-decoration: none;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition:  0.2s ease-out;transition:  0.2s ease-out; }
img{max-width: 100%;}
.container{max-width: 1200px;}
.pt-37{padding-top: 40px;}
.logo{ width:120px;
    padding-bottom: 0px;
}
.row {
    --bs-gutter-x: 0.938rem;
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}
.down-img span{
    display:block;
    font-size:12px;
    color:rgba(85, 85, 85, 1);
    font-weight:400;
}
.header-section{
    position: absolute;
    width: 100%;
}
.hero-section-header{
    height: 95vh;
    display: flex;
    align-items: center;
	padding-bottom: 10vh; 
	
}
.main-bg{
    background-image: url(../images/BG.png);
    background-repeat: no-repeat;
    background-size: 66%;
	background-position: center 0px;
}
.cloud-infra-section h1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 75px;
    line-height: 85px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    color:#1E3A8A;
    width: 539px;
}
.cloud-infra-section p{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 43px;
    color:#595959;
    width: 340px;
}
.commen-btn.round-btn{
    line-height: 37px;
    padding: 10px 10px 10px 20px;
}
.commen-btn{
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -2%;
    background: #000;
    padding: 15px 15px;
    border-radius: 100px;
    border: none;
    color:#fff;
    display: flex;
    justify-items: baseline;
}
.commen-btn:hover
{
    background: #0677FA;
}
/* .commen-btn:hover{background-color: #1B5CC5;} */
.commen-btn span{
    width: 37px;
    height: 37px;
    background-color: #1B5CC5;
    border-radius: 100%;
    display: inline-block;
    margin-left: 30px;
}
.commen-btn:hover span{background: #1E3A8A;}
.resilient-section
{
    background: #fff;
    border-radius: 20px;
    padding: 47px 36px 37px 20px;
    margin-bottom: 15px;
}
.resilient-section span{
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 5px;
    color:#577B85;

}
.resilient-section h2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 50px;
    color:#4C6F79;
}
.resilient-section a{
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #C5EEFE;
    color:#577B85;
    display: block;
}
.scal-icon {
    display: flex;
    justify-content: end;
    position: relative;
    margin: 0 0 -76px 0;
}
.mask-group{margin-bottom: 15px;}
.bg-clr-img{
    background-color: #C7E1FF;
    border-radius: 20px;
    width: 100%;
    height: 250px;
    margin-bottom: 8px;
}
.man-img{
    position: relative;
    top: -98px;
    left: 22px;
}
.cost-section{
    background-color: rgba(191, 235, 255, 0.8);
    border-radius: 20px;
    padding: 14px 18px;
    display: flex;
    justify-items: baseline;
}
.cost-icon{margin-right: 11px;}
.cost-section h2{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    color: #4C6F79;
    margin-top: 7px;
}
.cost-section p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    color:#595959;
}
.pr-20{padding-right: 20px;}
.pl-20{padding-left: 20px;}
.blue-arrow{
    position: absolute;
    right: -5px;
    top: 29px;
    width: 140px;
}
.relative{position: relative;}
.man-img .web_show{display: block;}
.man-img .mob_show{display: none;}
.small_round_box{
    border: 1px solid #CADEFF;
    padding: 4px 10px;
    border-radius: 20px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color:#1E3A8A;
    display: inline-block;
    margin-bottom: 13px;
}
.product_box{margin-bottom: 80px;}
.product_box h2{
    font-family: Poppins;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    color: #000;    
    margin-bottom: 0;
}
.full-deker-box{
    background-color: #000;
    padding: 30px 20px;
    border-radius: 25px;
}
.immediate-cost-box{
    background-color: #131112;
    padding: 30px 20px;
    border-radius: 25px;
}
.full-docker, .immediate-cost{
    margin-bottom: 40px;
}
.full-deker-box h3, .immediate-cost-box h3{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.full-deker-box p, .immediate-cost-box p{
    border-top: 1px solid #495057;
    padding-top: 10px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 0px;
    display: flex;
    justify-items: baseline;
}
.immediate-cost-box h3, .immediate-cost-box p{color: #D9D9D9;}
.immediate-cost-box p{border-top: 1px solid #495057;}
.full-deker-box p img, .immediate-cost-box p img{margin-right: 10px;}
.gray-last-part{
    background-color: #F0F4FE;
    padding:23px 20px 22px;
    border-radius: 25px;
    gap: 11px;
    display: flex;
    flex-direction: column;
    
}
.icon-data-box{
    background-color: #fff;
    gap: 15px;
    border-radius: 15px;
    border-width: 1px;
    padding: 20px;
    display: flex;
    min-height: 92px;
    border: 1px solid #E7F9E7;
}
.round-clr{
    background-color: #6BAAC7;
    min-width: 25px;
    height: 25px;
    border-radius: 100%;
}
.icon-data-box p{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #808080;
    margin: 0;
}
.pb-142{padding-bottom: 142px;}
.special-mob-scal{margin: 10px 0 0 0;}
.cloud-infra-section{margin-top: 60px;}
.bg-light-blue{
    background-color: #4285F3;
	background-color: #F9F9F9;
    padding: 110px 0;
}
.CloudHomes{
    text-align: center;
    margin-bottom: 80px;
}
.CloudHomes .small_round_box{
    border: 1px solid #CADEFF;
    color: #CADEFF;
}
.CloudHomes h2{
    font-family: Poppins;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    color:#000;
    margin-bottom: 0;
}
.cloud-home img{border-radius: 15px;}
.cloud-home-data{
    background-color: #000;
    border-radius: 15px;
    padding: 97px 40px;
}
.cloud-home-data p{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    color: #D9D9D9;
    margin: 0;
}
.cloud-home-data p span{font-weight: bold;color:#fff;}
.pb-24{padding-bottom: 15px;}
.cloud-home-brd h4{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-top: 20px;
	margin-bottom: 0;
}
.cloud-home-brd h4 span{font-weight: bold;}
.ceo-box{
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.ceo-img img{border-radius: 10px;}
.ceo-data h4{
    font-family: 'Helvetica Neue';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-bottom: 8px;
}
.ceo-data p{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #808080;
    margin-bottom: 7px;
}
.col-md-6.pb-24{padding-bottom: 0;}
.col-md-6.mb-24{margin-bottom: 0;}
.pricing-section{padding: 100px 0; background-color:#F9F9F9!important;}
.pricing-box{width:541px;margin: auto;}
.pricing-box h2 span{
    display: inline-block;
    position: relative;
}
.pricing-box h2 span::after {
    content: '';
    position: absolute;
    display: block;
    top: 48px;
    border-bottom: 5px solid #26E4E7;
    width: 100%;
}
.pricing-box h2 span.price::after {
    content: '';
    position: absolute;
    display: block;
    top: 48px;
    border-bottom: 5px solid #26E4E7;
    width: 70%;
    left: 15px;
}
.pricing-box h2 span b{
    font-weight: 500;
    background: #fff;
    position: relative;
    z-index: 9;
}
.pricing-box{margin-bottom: 82px;}
.w-800{width: 800px;margin: auto;}
.bg-price-1{
    /*background-color: #FFECD2;
	border-left:1px solid #D9D9D9;*/
	border-right:1px solid #D9D9D9;	
	background-color: transparent!important;
    padding: 0px 30px;
    /*border-radius: 20px;*/
}
.border-price{border-right:1px solid #D9D9D9;}
.bg-price-2{
    /*background-color: #E2FCF1;
	border:1px solid #D9D9D9;*/
	background-color: transparent!important;
    padding:0px 30px;
    /*border-radius: 20px;*/
}
.red-icon{margin-bottom: 15px;}
.clr-price h3{
    font-family: 'Helvetica Neue';
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: 000;
    margin-bottom: 3px;
}
.clr-price p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
    margin-bottom: 0;
}
.doller-text div{
    font-family: 'Helvetica Neue';
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 5%;
    margin: 0;
}
.doller-text div sup{
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #595959;
}
.doller-text{
    padding: 65px 0 0;
}
.full-btn{display: block;width: 100%;text-align: center;margin-top: 25px;}
.clr-price ul{margin: 25px 0 25px 0;padding: 0;}
.clr-price ul li{
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #595959;
    margin-bottom: 5px;
    list-style: none;
    background-image: url(../images/nav-right.svg);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left: 18px;
}
.down-graphics{
    position: absolute;
    top:-130px;
    left: -70px;
}
.bg-footer{    background: #000;}
.bg-footer .commen-btn{ background: #fff;color:#000;}
.bg-footer h2{ float:left; width: 70%; }
.bg-footer p{ float:right; width: 30%; color:#D9D9D9; }
.p-140{
    padding: 140px 0;
}
.bg-footer .small_round_box{border-color: #fff;color:#fff}
.bg-footer .product_box h2{color:#fff;}
.bg-footer .pricing-box{width: auto;}
.contact-img img{border-radius: 15px;}
.contact-clr-box{
    background-color: #1B5CC5;
    padding: 54px 30px;
    border-radius: 15px;
}
.contact-clr-box h5{
    font-family: 'Helvetica Neue';
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    color:#fff;
    margin-bottom: 25px;
}
.contact-form input{
    width: 100%;
    background-color: #fff;
    border: none;
    padding: 11px 100px 11px 15px;
    border-radius: 10px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #595959;
}
.contact-form textarea{
    width: 100%;
    background-color: #fff;
    border: none;
    padding: 11px 100px 11px 15px ;
    border-radius: 10px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #595959;
    resize: none;
    height: 140px;
}
.contact-form{margin-bottom: 15px;}
.form-check-label{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
   color: #fff;
}
.form-check{margin-bottom: 15px;}
.send-btn{
    background-color: #050A41;
    padding: 15px 25px;
    border-radius: 100px;
    font-family: 'Helvetica Neue';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    border: none;
    box-shadow: none;
    color:#fff;
}
.contact-form{position: relative;}
.contact-form span.text-red{
    position: absolute;
    color: #E06E6E;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    right: 30px;
    top: 15px;
}
.social-icn 
{
    margin-right: 15px;
    display: flex;
    gap: 10px;
}
.flex-box{
    display: flex;
    justify-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #495057;
    padding-bottom: 30px;
}
.footer-right-top{
    display: flex;
    gap: 10px;
}
.footer-right-top div{
     font-family: 'Helvetica Neue';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}
.footer-right-top span{
     font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;

}
.footer-last{
    display: flex;
    justify-items: center;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 60px;
  
}
.footer-last ul{margin: 0;padding: 0;display: flex; gap: 10px;}
.footer-last ul li{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  list-style: none;
  color:#fff;

}
.footer-last a:hover{text-decoration:underline;}
.footer-last ul li a{color:#fff}
.footer-last div{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.arrow-illustration{
    position: absolute;
    bottom: -25px;
    right: 0;
}
.form-check-input:checked{
    background-color: #050A41 !important;
    border: 0;
 }
 .form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
    color: black;
    outline: 0;
    border: 0;
    box-shadow: 0 0 0 0.1rem #050A41 !important;
 }
 .head-social{
    display: flex;
    justify-items: center;
    gap: 6px;
 }
 .mob-block-top{padding-bottom: 40px;}
 .header-section .mob-block-top{padding-bottom:0;}
 .cloude-infra-section{text-align: center;}
 .cloude-infra-section span
{
    background: #F4F7FF;
    padding: 5px 10px;
    border-radius: 100px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 10px;
}
.border-caption{	border:1px solid #BFBFBF; background: #fff!important; padding:6px 3px 6px 8px!important;}
.border-caption span{background: #000; color:#fff; padding:3px 8px!important;}

.cloude-infra-section span img{position: relative;top:-1px;}
.cloude-infra-section h1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 70px;
    line-height: 75px;
    text-align: center;
    width: 750px;
    margin: 7px auto 30px auto ;
    color: #000;
}
.cloude-infra-section p{
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #595959;
    width: 560px;
    margin: auto;
    padding: 0 0 40px 0;
}
.btn-top-part{
    display: flex;
    gap: 10px;
    justify-content: center;
    width: 235px;
    margin: auto;
}
.commen-btn.white-btn{
    border: 1px solid #1E3A8A;
    background: #fff;
    color: #1E3A8A;
}
/*.commen-btn.white-btn:hover
{
    background-color:#1E3A8A;
    color:#ffffff;
}*/
.down-img{
    padding: 79px 0 59px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    padding-bottom:0;
}
.left-1{
    position: absolute;
    left: 183px;
    top:56px
}
.left-2{
    position: absolute;
    left: 227px;
    top:158px
}
.right-1{
    position: absolute;
    right: 332px;
    top: -20px;
}
.right-2{
    position: absolute;
    right: 290px;
    top:-50px
}
.btn-top-part .commen-btn.full-btn{margin-top: 0;}

.role{background-color:#000; padding:120px 0px 100px;}
.role-hunt{background-color:#000; padding:50px 0px;}
.role-hunt .container{width:75%; position:relative;}
.role-hunt .container img{position:absolute; left:37%; top:35%;}


.role h2{color:#fff; font-size:55px; line-height:65px; font-weight:300px;}
.role-hunt h2{color:#fff; font-size:40px; line-height:45px; font-weight:300px!important;}
.role-hunt ul{color:#fff!important;}
.role-hunt ul li{margin:0px 0px 10px;}
.role-hunt p{color:#fff; font-size:35px; line-height:45px; font-weight:300px; margin:0px!important;}
.role p{color:#D9D9D9; font-size:20px; line-height:30px;}
.role .commen-btn{background-color:#fff; color:#000; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  padding:15px;       
  cursor: pointer;
  width: auto; 
  height: auto; 
}
.footer-divider{  border-left:1px solid #495057; padding-left:5%;}
.hiw{background-color:#fff; padding:120px 0px 100px;}

.hiw .container{width:960px;}
    /* Section Title */
    .hiw h2{
      text-align: center;
      margin-bottom: 60px;
	  font-size: 45px;
    line-height: 55px;
	color:#000;
    }
 .hiw h3{
	  font-size: 25px;
    line-height: 35px;
	font-weight:600;
	color:#000;
    }
.hiw .row{margin-bottom: 20px;}	
.step-divider {
  display: flex;
  align-items: center;   
  gap: 12px; 
  margin-bottom:20px;
}

.step-divider .number {
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #9CA3AF;       
  line-height: 1;
}

.step-divider .line {
  flex: 1;              
  height: 1px;
  background-color: #E5E5E5; 
}
.clears{clear:both!important; display:block!important; line-height:0px!important; font-size:0px!important; }
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
#animated-text span {
  color: #fff;
}
.edge-wrap{ padding:100px 0px 140px!important;}
.grey03{background-color:#3E3E3E;}

@media only screen and (max-width: 1100px) and (min-width: 980px){
    .main-bg{background-size: 110%;background-position: center 10px;}
    .pt-37 .container{padding: 0 48px;max-width: 1200px;}
    .cloud-infra-section h1{font-size: 55px;line-height: 65px;width: 392px;margin-bottom: 27px;}
    .blue-arrow{width: 110px;top:26px;}
    .cloud-infra-section p{margin-bottom: 53px;}
    .bg-clr-img{height: 200px;}
    .man-img{top: -89px;left: 16px;}
    .man-img .web_show{max-width: 90%;}
    .resilient-section h2{font-size: 17px;line-height: 25px;margin-bottom: 34px;}
    .special-mob-scal{margin: 0;}
    .container {
        padding: 0 48px;
        max-width: 800px;
    }



    .pb-142{padding: 0 0 100px 0;}
    .product_box{margin-bottom: 68px;}
    .product_box h2{font-size: 30px;line-height: 40px;}
    .mb-24{margin-bottom: 15px;}
    .full-deker-box h3, .immediate-cost-box h3{font-size: 20px;line-height: 30px;}
    .special-mob-scal{margin: -13px 0 0 0;}
    .icon-data-box{min-height: auto;}
    .cloud-home-data p{font-size: 20px;line-height: 30px;}
    .cloud-home-data{padding: 39px 40px 40px;}
    .cloud-home-brd{background: transparent; border: 1px solid #fff; border-radius: 15px;padding: 29px 20px 30px;}
    .ceo-box{display: block;}
    .ceo-img{margin-bottom: 15px;}
    .ceo-img img{width: 50px;height: 50px;}
    .CloudHomes{margin-bottom: 67px;}
    .bg-light-blue{padding: 100px 0;}
    .CloudHomes h2{font-size: 30px;line-height: 40px;}
    .pricing-section {padding: 100px 0; }
    .pricing-box{width: 461px;}
    .down-graphics {top: -100px;left: -112px;max-width: 296px;}
    .pricing-box h2 span::after{top:34px;border-width: 3px;}
    .pricing-box h2 span.price::after{top:34px;left: 11px;border-width: 3px;}
    .pricing-box {margin-bottom: 70px;}
    .w-800{width: 100%;}
    .p-140{padding: 100px 0 80px;}
    .contact-img{margin-bottom: 20px;}
    .flex-box{padding-bottom: 20px;}
    .footer-last{padding: 20px 0 40px 0;}
    .footer-last-box.container{
        max-width: 1200px;
    }
    .left-1{left: 83px;top:46px;}
    .left-2{left: 127px;top:148px}
    .cloude-infra-section h1{font-size: 70px;line-height: 75px;width: 530px;}
    .right-1{right: 232px;}
    .right-2{right: 190px;}
	
	
	.role{background-color:#000; padding:80px 0px 80px;}
.role h2, .hiw h2, .CloudHomes h2, .product_box h2{font-size: 30px;line-height: 40px;}
.role p{font-size: 16px;line-height: 24px;}
.hiw h3{
	  font-size: 16px;
    line-height: 25px;
    }
.role-hunt .illustration{display:none!important;}
}


@media only screen and (max-width: 979px) {
    .header-section .mob-block-top{padding-bottom:40px;}
    .header-section{position:unset;}
    .container{padding: 0 32px;max-width: 100%;}
    .hero-section-header{height:auto; padding-bottom: 0 !important;}
    .blue-arrow{display: none;}
    .cloud-infra-section{text-align: center;margin-top: 0px;}
    .cloud-infra-section h1{font-size: 55px;line-height: 65px;margin: auto auto 11px auto;}
    .cloud-infra-section p{font-size: 14px;line-height: 24px;margin: auto auto 28px;}
    .commen-btn.round-btn{margin: auto auto 24px;}
    .mask-group{display: none;}
    .main-bg{background-size: auto}
    .col-lg-6.pl-20{max-width: 75%;margin: auto;}
    .col-lg-6.pl-20 .row.align-items-center{justify-items: flex-start !important;}
    .bg-clr-img{height: 325px;position: relative; top: 40px;}
    .illustration-img{margin-top: 51px;}
    .man-img{top:-33px;left: 16px;}
    .man-img img{height: 360px;}
    .col-6.special-mob-scal{padding-right: 8px;}
    .pb-142{padding: 100px 0;}
    .product_box{text-align: center;margin-bottom: 68px;}
    .product_box h2{font-size: 30px;line-height: 40px;}
    .mb-24{margin-bottom: 15px;}
    .full-deker-box h3, .immediate-cost-box h3{font-size: 20px;line-height: 30px;}
    .special-mob-scal{margin: -13px 0 0 0;}
    .icon-data-box{min-height: auto;}
    .cloud-home-data p{font-size: 20px;line-height: 30px;}
    .cloud-home-data{padding: 38px 40px;}
    .cloud-home-brd{background: transparent; border: 1px solid #dee2e6; border-radius: 15px; 
	padding: 0px 20px 20px; display:block!important; clear:both!important;}
    .ceo-box{display: block;}
    .ceo-img{margin-bottom: 15px;}
    .ceo-img img{width: 50px;height: 50px;}
    .CloudHomes{margin-bottom: 67px;}
    .bg-light-blue{padding: 100px 0;}
    .CloudHomes h2{font-size: 30px;line-height: 40px;}
    .pricing-section {padding: 100px 0;}
    .pricing-box{width: 461px;}
    .down-graphics {top: -100px;left: 0;max-width: 296px;}
    .pricing-box h2 span::after{top:34px;border-width: 3px;}
    .pricing-box h2 span.price::after{top:34px;left: 11px;border-width: 3px;}
    .pricing-box {margin-bottom: 70px;}
    .w-800{width: 100%;}
    .p-140{padding: 100px 0 80px;}
    .contact-img{margin-bottom: 20px;}
    .flex-box{padding-bottom: 20px;}
    .footer-last{padding: 20px 0 40px 0;}


    .left-1{left: 33px;top:46px;}
    .left-2{left: 77px;top:148px}
    .cloude-infra-section h1{font-size: 70px;line-height: 75px;width: 480px;letter-spacing: -3px;}
    .right-1{right: 140px;}
    .right-2{right: 98px;}
    .cloude-infra-section p{width: 422px;}

    .mob-block-top {padding-bottom: 76px;}
    .down-img{display: none ;}
    .main-bg{padding-bottom: 230px;}
    .pb-142 {
        padding: 0 0 100px;
        /*margin-top: -130px;*/
		margin-top: 0px!important;
    }
	
	.role{background-color:#000; padding:80px 0px 80px;}
	.role h2, .hiw h2, .CloudHomes h2,.product_box h2{font-size: 30px;line-height: 40px;}
	.role p{font-size: 16px;line-height: 24px;}
	.hiw h3{
	  font-size: 20px;
    line-height: 28px;
    }
	.role-hunt .illustration{display:none!important;}
}
@media only screen and (max-width: 767px) {
	
	.footer-divider{  border-left:0px solid #495057; padding-left:0%;}
	.hiw h3{	  font-size: 18px;    line-height: 24px;    }
	.hiw{padding:80px 0px 80px;}
	.hiw h2{text-align:left;}
	
}

@media only screen and (max-width: 676px) {
    .header-section{position:unset;}
	.cloude-infra-section{padding-top: unset;height: auto;}
	.hero-section-header{height:auto;}
	.main-bg{height:auto;}
    .logo img{max-width: 100px;}
    .container{padding: 0 16px;max-width: 100%;}
    .col-lg-6.pl-20{max-width: 100%;margin: auto;}
    .bg-clr-img {position: inherit;height: auto;background: transparent;}
    .man-img{position: inherit;}
    .logo{text-align: center;}
    .cloud-infra-section h1 {font-size: 35px;line-height: 45px;margin: auto auto 15px auto;width: 250px;}
    .cloud-infra-section p{margin: auto auto 25px;width: 220px;}
    .resilient-section h2{font-size: 14px;line-height: 18px;margin-bottom: 18px;}
    .cost-section h2{font-size: 12px;line-height: 100%;}
    .cost-section p{font-size: 11px;line-height: 100%;}
    .cost-icon img{width: 35px;}
    .scal-icon img{width: 90px;height: 90px;}
    .scal-icon{margin: 0 0 -49px 0;}
    .resilient-section{padding: 20px 10px;border-radius: 10px;margin-bottom: 4px;}
    .man-img .web_show{display: none;}
    .man-img .mob_show{display: block;}
    .cost-section{padding: 10px;}
    .illustration-img {margin-top:7px;}
    .pr-20{padding-right: 12px;}
    .pl-20{padding-left: 12px;}
    .w-343{width: 343px;margin: auto;}
    .main-bg{background-image: url(../images/mob-bg.png);background-size: 100%;background-position: 0 40%;}
    .pb-142{padding: 38px 0 63px 0;}
    .product_box{text-align: center;margin-bottom: 29px;}
    .product_box h2{font-size: 22px;line-height: 32px;}
    .mb-24, .col-md-6.mb-24{margin-bottom: 15px;}
    .full-docker, .immediate-cost{margin-bottom: 20px;}
    .full-deker-box h3, .immediate-cost-box h3{margin-bottom: 25px;}
    .full-deker-box h3, .immediate-cost-box h3{font-size: 16px;line-height: 24px;}
    .icon-data-box p{font-size: 14px;line-height: 22px;}
    .special-mob-scal{margin: -18px 0 0 0;padding-right: 6px;}
    .commen-btn.round-btn {margin: auto auto 32px;}
    .man-img img{height: auto;}
    .cloud-home-data p{font-size: 16px;line-height: 24px;}
    .cloud-home-data{padding: 20px;}
    .CloudHomes{margin-bottom: 30px;}
    .bg-light-blue{padding: 61px 0;}
    .CloudHomes h2{font-size: 22px;line-height: 32px;}
    .cloud-home-brd h4{font-size: 16px;line-height: 24px;margin-bottom: 0;}
    .ceo-data h4{font-size: 16px;line-height: 20px;margin-bottom: 5px;}
    .pb-24, .col-md-6.pb-24{padding-bottom: 15px;}
    .pricing-box {width: 265px;}
    .pricing-section {padding: 59px 0;}
    .down-graphics {top: -59px;left: 0;max-width: 296px;}
    .pricing-box{margin-bottom: 32px;}
    .pricing-box h2 span::after{top:28px;border-width: 2px;}
    .pricing-box h2 span.price::after{top:28px;left: 9px;border-width: 2px;}
    .mb-14{margin-bottom: 14px;}
    .p-140{padding: 62px 0 45px;}
    .contact-clr-box{padding: 25px 16px;}
    .contact-clr-box h5{font-size: 18px;margin-bottom: 15px;}
    .form-check{margin-bottom: 20px;}
    .contact-form textarea{margin-bottom: 0;}
    .send-btn{font-size: 16px;}
    .flex-box{display: block;text-align: center;}
    .social-icn{margin-bottom: 16px;}
    .footer-right-top{display: block;}
    .footer-right-top div{margin-bottom: 5px;}
    .footer-last{display: block;text-align: center;}
    .footer-last ul{margin-bottom: 10px;}

   /* .mob-block-top{display: block !important;}
    .mob-block-top .head-social{display: none;}*/
    .mob-block-top {padding-bottom: 40px;}
    .cloude-infra-section span{background: #fff;}
	.border-caption span {    background: #000;    color: #fff;    padding: 3px 8px !important;}
    .cloude-infra-section h1 {
        font-size: 35px;
        line-height: 45px;
        width: 65%;
        letter-spacing: -1px;
        margin:15px auto 15px auto;
    }
    .cloude-infra-section p {
        width: 213px;
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 26px;
    }
    .btn-top-part{flex-direction: column;width: 220px;}
    .main-bg {padding-bottom: 80px;}
    .pb-142 {padding: 0px 0 63px 0;margin-top: -160px;}
    .left-1 img, .right-1 img{width: 15px;}
    .left-2 img, .right-2 img{width: 12px;}
    .left-1{top:23px}
    .left-2 {left: 67px;top: 78px;}
    .right-1 {right: 50px;}
    .right-2 { right: 68px;top: -27px;}
	
	
	.footer-divider{  border-left:0px solid #495057!important;}
.role{background-color:#000; padding:80px 16px 80px; margin:0px;}
.role .container{text-align:center; width:80%;}

.bg-price-2, .bg-price-1 {
    text-align:center!important;
    /* border-radius: 20px; */padding-bottom:50px;
}
.edge-wrap{ padding:60px 0!important;}
.role-hunt .container{width:100%; text-align:left;}

.role-hunt ul{color:#fff!important; text-align:left; padding:0 0 0 16px; margin:25px 0px 0px; }
.role-hunt ul li{margin:10px 0px 0px;}

}


.cloude-infra-section .down-img span {	
	background:transparent!important;
	padding:0px;
	color:#555555;
	font-size:12px;
}
.down-img{ position: absolute;
  top: calc(100vh - 90px);
  left: calc(50% - 40px);
  width: 90px;
  padding:0px;
 }
 
.down-img .down-arrow {
  width: 24px;
  height: 30px;
  animation: jumpInfinite 1.5s infinite;
  position: absolute;
  top: 15px;
  left: calc(50% - 14px);
}

.down-arrow:after {
  content: " ";
  color:#6D6D6D;
}
@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  100% {
    margin-top: 0;
  }
}

.hidden {
    opacity: 0;
    visibility: hidden; /* Ensures it doesn't block clicks */
	
}
.head-social a:hover svg path:nth-of-type(1) {
    fill: #000; /* New color */
}
.commen-btn:hover,.send-btn:hover{
    background:#595959;
    color:#ffffff;
}