.cldhb-hero-mncntnr{color:#fff;background:#477bfc;position:relative}
.cldhb-hero-content{max-width:1200px;margin:0 auto;padding:220px 20px;text-align:center;position:relative;z-index:5}
.cldhb-hero-h1{font-size:48px;font-weight:700}
.cldhb-hero-h1 span{display:block}
.cldhb-hero-bgwrapr{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:60%}
.cldhb-hero-bgwrapr div{width:100%;height:100%;background:url(../../img-assets/cloud-hosting/hub/header.svg) no-repeat top center;background-size:cover}

.cldhb-sidhro-mncntnr{background:#eef3ff;padding:70px 15px}
.cldhb-sidhro-mnwrapr{max-width:1200px;margin:0 auto;display:flex;flex-flow:row wrap;align-items:center}
.cldhb-sidhro-mncol{width:50%;}
.cldhb-sidhro-mncol1{}
.cldhb-sidhro-ttl-top{font-size:26px;margin-bottom:5px;}
.cldhb-sidhro-h2{font-size:46px;font-weight:700;text-shadow:0 5px 10px rgba(0,0,0,0.17);}
.cldhb-sidhro-mncol2{}
.cldhb-sidhro-mncol2 img{display:block;max-width:380px;margin:0 auto;}

.hbintr-mncntnr{padding:100px 20px 60px;}
.hbintr-mnwrapr{max-width:950px;margin:0 auto;text-align:center;}
.hbintr-h2{font-size:26px;font-weight:700;margin-bottom:20px;}
.hbintr-sbintro{margin-bottom:50px;}
.hbintr-sbintro p{font-size:18px;margin-bottom:10px;}
.hbintr-sbintro p:last-child{margin-bottom:0;color:#313131;}
.hbintr-content{}
.hbintr-content p{font-size:18px;color:#313131;}
.hbintr-content p:last-child{margin-bottom:0;}
.hbintr-btn{margin:20px 0;}
.hbintr-btn span{display:inline-block;font-size:24px;font-weight:600;text-decoration:uppercase;color:#fff;background:#ffa32c;padding:20px 120px;border-radius:5px;transition:all 0.3s ease-in-out;cursor:pointer;}
.hbintr-btn span:hover{background:#f29927;}

.otlc-prnt-cntnr{margin-bottom:100px;position:relative;}
.otlc-prnt-bg-cntnr{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;}
.otlc-prnt-bg{position:absolute;left:0;width:100%;}
.otlc-prnt-bg div{width:100%;height:0;padding-top:64%;background:url('../../img-assets/cloud-hosting/hub/hub-bg-wave.svg')no-repeat center center;background-size:cover;}
.otlc-prnt-bg-1{top:430px;}
.otlc-prnt-bg-1 div{}
.otlc-prnt-bg-2{bottom:400px;}
.otlc-prnt-bg-2 div{}

.otlc-mncntnr{padding:60px 15px;position:relative;z-index:5;}
.otlc-mnwrapr{max-width:1150px;margin:0 auto;background:#fff;display:flex;flex-flow:row wrap;box-shadow:0 0 15px rgba(0,0,0,0.2);border-radius:5px;overflow:hidden;}
.otlc-col{padding:30px 20px;}
.otlc-col-1{position:relative;width:370px;background:#94b3ff;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.3);display:flex;align-items:flex-end;}
.otlc-bgimg{opacity:0.24;position:absolute;z-index:1;top:0;left:5%;width:90%;height:100%;display:flex;align-items:center;justify-content:center;}
.otlc-bgimg div{width:100%;height:0;padding-top:53%;background:url('../../img-assets/cloud-hosting/hub/cloud-1.svg')no-repeat;background-size:100%;}
.otlc-h2-title{position:relative;z-index:5;font-size:50px;font-weight:700;color:#fff;line-height:1.2;}
.otlc-h2-title span{display:block;}

.otlc-col-2{width:calc(100% - 370px);display:flex;flex-flow:row wrap;}
.otl-a-col, .otl-b-col{width:50%;padding:20px 20px;}
.otl-a-title{font-size:28px;font-weight:600;color:#94b3ff;margin-bottom:30px;}
.otl-a-text{margin-bottom:20px;}
.otl-a-text p{font-sizxe:18px;margin-bottom:10px;}
.otl-a-text p:last-child{margin-bottom:0;}
.otl-a-btn{}
.otl-a-btn a{font-size:18px;padding:8px 15px;border-radius:5px;color:#fff;background:#94b3ff;}
.otl-b-col{}
.otl-b-title{font-size:28px;font-weight:600;margin-bottom:30px;}
.otl-b-list{}
.otl-b-list li{padding-left:20px;position:relative;margin:15px 0;font-size:18px;}
.otl-b-list li:last-child{}
.otl-b-list li:before{content:'';position:absolute;top:5px;left:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid #ffa32c;}

.otlc-box-blu-12 .otl-a-title{color:#5978c3;}
.otlc-box-blu-12 .otl-a-btn a, .otlc-box-blu-12 .otlc-col-1{background:#5978c3;}
.otlc-box-blu-13 .otl-a-title{color:#29417c;}
.otlc-box-blu-13 .otl-a-btn a, .otlc-box-blu-13 .otlc-col-1{background:#29417c;}
.otlc-box-blu-21 .otl-a-title{color:#4966f6;}
.otlc-box-blu-21 .otl-a-btn a, .otlc-box-blu-21 .otlc-col-1{background:#4966f6;}
.otlc-box-blu-22 .otl-a-title{color:#3751cf;}
.otlc-box-blu-22 .otl-a-btn a, .otlc-box-blu-22 .otlc-col-1{background:#3751cf;}
.otlc-box-blu-23 .otl-a-title{color:#263ba2;}
.otlc-box-blu-23 .otl-a-btn a, .otlc-box-blu-23 .otlc-col-1{background:#263ba2;}
.otlc-box-orange-11 .otl-a-title{color:#f6aa04;}
.otlc-box-orange-11 .otl-a-btn a, .otlc-box-orange-11 .otlc-col-1{background:#f6aa04;}
.otlc-box-orange-12 .otl-a-title{color:#c38602;}
.otlc-box-orange-12 .otl-a-btn a, .otlc-box-orange-12 .otlc-col-1{background:#c38602;}
.otlc-box-orange-13 .otl-a-title{color:#9e6d02;}
.otlc-box-orange-13 .otl-a-btn a, .otlc-box-orange-13 .otlc-col-1{background:#9e6d02;}

@media (max-width:1200px){
  .cldhb-hero-content{padding:150px 20px;}
  .cldhb-hero-h1{font-size:35px;}
  .cldhb-sidhro-mncntnr{padding:50px 15px;}
  .cldhb-sidhro-ttl-top{font-size:20px;}
  .cldhb-sidhro-h2{font-size:35px;font-weight:600;}
  .hbintr-mncntnr{padding:70px 20px 30px;}
  .hbintr-h2{font-size:25px;}
  .hbintr-sbintro{margin-bottom:30px;}
  .hbintr-sbintro p{font-size:15px;}
  .hbintr-content p{font-size:15px;}
  .hbintr-btn span{font-size:16px;padding:10px 40px;}
  .otlc-prnt-cntnr{margin-bottom:30px;}
  .otlc-mncntnr{padding:40px 15px;}
  .otlc-col{padding:20px 15px;}
  .otlc-col-1{width:300px;}
  .otlc-h2-title{font-size:40px;font-weight:600;} 
  .otlc-col-2{width:calc(100% - 300px);}
  .otl-a-title, .otl-b-title{font-size:21px;font-weight:600;margin-bottom:20px;}
  .otl-a-text p{font-size:15px;}
  .otl-a-btn a{font-size:15px;}
  .otl-b-list li{margin:12px 0;font-size:15px;padding-left:12px;}
  .otl-b-list li:before{top:5px;left:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ffa32c;}
}
@media (max-width:950px){
  .otlc-col{width:100%;padding:15px;}
  .otlc-h2-title{font-size:25px;}
  .otlc-h2-title span{display:inline-block;}
  .otl-a-col, .otl-b-col{padding:15px;}
  .otlc-bgimg{left:auto;right:20px;width:100px;}
}
@media (max-width:850px){
  .cldhb-hero-content{padding:100px 20px;}
  .cldhb-hero-h1{font-size:30px;font-weight:600;}
  .cldhb-sidhro-mncntnr{padding:50px 15px;}
  .cldhb-sidhro-ttl-top{font-size:18px;}
  .cldhb-sidhro-h2{font-size:30px;}
  .hbintr-btn span{font-size:15px;padding:8px 25px;} 
}
@media (max-width:800px){
 .cldhb-sidhro-mncol{width:100%;text-align:center;}
  .cldhb-sidhro-mncol1{margin-bottom:30px;}
}
@media (max-width:700px){
  .otl-a-col, .otl-b-col{width:100%;}
  .otl-a-col{margin-bottom:10px;}
  .otl-a-title, .otl-b-title{font-size:18px;margin-bottom:10px;}
}
@media (max-width:500px){
  .cldhb-sidhro-mncol2 img{width:100%;}
  .cldhb-sidhro-ttl-top{font-size:16px;}
  .cldhb-sidhro-h2{font-size:25px;}
  .hbintr-h2{font-weight:600;}
}
@media (max-width:400px){
  .hbintr-btn span i{display:none;}
}