body{padding: 0;margin: 0;font-family: 'Roboto', sans-serif;}
.container-fluid.banner-wrapper{background-image: url("../img/developer-landing-new/banner-developer.png");background-size: cover;padding: 160px 0px 175px;background-repeat: no-repeat;}
.section.third-section, .section.fourth-section{max-width: 1720px;margin: 0 auto}
.banner{max-width: 1720px;margin: 0 auto}
.banner a img{margin-bottom: 70px}
.banenr span{font-weight: 400;
font-size: 25.6px;
line-height: 36px;color: white}
.banner h1{font-size: 50px;margin-bottom: 55px}
.banner h3{font-size: 1.5rem;color: #008FE0}
.button-section button{width: 200px;height: 40px;font-size: 1rem;font-weight: 500;float: left;background-color: #1189F6;
border-radius: 5px;border:none;}
.banner span.position-relative{font-size: 24px;color: white;margin-bottom: 60px}
.banner span.position-relative::before{position: absolute;content: '';width: 90px;height: 2px;left: 0;bottom: 0;background-color: #FFCC00}
.form-group{margin-bottom: 1.5rem}
.form-control{height: 50px}
.form-wrap{background-color: rgba(230, 231, 232, 0.9);padding: 20px 30px}
h1{font-weight: 700;color: white;
font-size: 3.8rem;}
.section .banner p{font-weight: 400;
font-size: 25px;color: white;text-transform: inherit;
line-height: 36px;}
.section{width:100%;max-width: 1720px;padding: 0 30px}
.third-section h3{font-weight: 500; font-size: 28px; line-height: 33px; text-transform: uppercase; color: #1189F6; }
.header-wrapper {
    padding: 1.5rem 0;
    background: #0a2c3e;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
.error{color: red}
.content-container {
    width: 100%;
    max-width: 1700px;
    padding: 0 1rem;
    margin: 0 auto;
}
.content-container .carousel-indicators{left: 0;
    right: 0;}

.content-container .carousel-indicators li{background-color: #D9D9D9;width: 11px;height: 11px;border-radius: 50%;padding-left: 0}
.content-container .carousel-indicators li.active{background-color: #008FE0}
.content-container .carousel-indicators.carousel-img{bottom: 0;width: 100%}
.content-container .carousel-indicators.carousel-img img{transform: scale(0.9);}
.content-container .carousel-indicators.carousel-img li.active img{transform: scale(1);}
.section p, ul li, ol li{font-weight: 400; font-size: 20px; line-height: 36px;  color: #143544;}
.core-btn{background: #FFCC00;border-radius: 5px;font-weight: 500;padding: 8px 30px;color: #fff;border:1px solid #FFCC00;
font-size: 22px;/*text-transform: uppercase;*/color: #000000;
line-height: 36px;}
.core-btn:hover{background: #008fe0;color: #fff;text-decoration: none;border:1px solid #008fe0;}
.section h4{font-weight: 500; font-size: 42px; line-height: 52px; text-transform: capitalize;color: #008FE0;}
.section p.work-p{font-size: 1.37rem; margin-bottom: 1.5rem !important}
ul, ol{list-style-position: inside;list-style-type: none;}
ul li, ol li{margin-bottom: 30px;position: relative;padding-left: 50px;
    counter-increment: myCounter;}
    ol li h6{    text-transform: capitalize; line-height: 39px; color: #19202C; font-weight: 300; font-size: 1.5rem;}
    ol li h6:before{content: counter(myCounter);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    width: 39px;
    height: 39px;
    background-color: #008fe0;
    position: absolute;
    left: 0;
    top: -3px;
    font-weight: 700;
    color: #fff;}
/*li::before {position: absolute;content: '';left: 0;top: 5px;
  width: 39px;height: 39px;background-color: #008FE0;border-radius: 50%
}*/
section.container-fluid{max-width: 100%;background-color: #F6FCFF;padding: 100px 20px}
.cycle-carousel-wrap{position: relative !important;height: 100% }
.slideshow{height: 100% !important;/*padding: 0 40px*/}
.speak-box{ width: 48% !important;vertical-align: top;margin-right: 1.5%;margin-left: 1.5%;border-right: 1px solid #dee2e6;position: relative !important;height: 100%}
.speak-row{padding-bottom: 175px !important}
.speak-box .d-flex img{border-radius: 50%}
.pager{position: relative;position: absolute;top: 50%;left: -40px;right: -40px}
#prev{position: absolute;content: '';left: 0px;width: 40px;height: 40px;background-color: #FFFFFF;border: 1px solid #D8EEFF;border-radius: 50%;color: #D8EEFF;font-size: 32px}
#prev:hover, #next:hover{background-color: #D8EEFF;color: #fff;}
#next{position: absolute;content: '';right: 0px;width: 40px;height: 40px;background-color: #FFFFFF;border: 1px solid #D8EEFF;border-radius: 50%;color: #D8EEFF;font-size: 32px}
.speak-box p{font-size: 18px;white-space: normal;}
h6{font-size: 22px; line-height: 28px; text-transform: uppercase; color: #143544;font-weight: 500}
.part-number h2{font-size: 56px;color: #008FE0;font-weight: 700}
.part-number h5{font-size: 24px;color: #143544}
.col-md-3{position: relative;}
.part-number .col-md-3:after{position: absolute;content: '';height: 50%;top: 20%;width: 1px;background-color: #588EA7;right: 0}
.part-number .col-md-3:last-child:after{display: none;}
.section.last-section{background: linear-gradient(90deg, #003C6F 0%, #327499 100%);}
.section.last-section.bg-white{background-color: #fff !important;background: #fff !important}
.last-section .row{max-width: 1420px;width: 100%;margin: 1rem auto 0}
.last-section h4{color: white}
.number-wrap{width: 7rem;background-color: rgba(67, 109, 128, 0.57);height: 7rem;font-weight: 700;min-width: 7rem;
font-size: 2.5rem;color: white}
.model-wrap h3{color: white;font-size: 24px;}
.section.img-wrap{background-color: #143544}
.img-wrap .row{max-width: 1720px;margin: 0 auto}
.img-wrap p{font-size: 18px;color: white;line-height: 24px;margin-bottom: 0 !important}
.img-wrap img{margin: 5px 10px}

/* MODEL SECTION */
.model-section{
  padding: 60px 0;
  background: #f4f7f8;
}

.model-container{
  width: 1100px;
  max-width: 100%;
  margin: 3rem auto;
}

.model-box{
  padding: 40px;
  border-radius: 5px;
  background-color: #fff;
  height: 100%;
  position: relative;
}

.ribbon {
  width: 125px;
  height: 125px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 5px 0;
  background-color: #1189F6;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  text-transform: uppercase;
  text-align: center;
 
  font-size: 14px;
  color: #fff;
  font-weight: 900;
}

.ribbon-top-left {
  top: -5px;
  left: -5px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: -5px;
  right: 40px;
}
.ribbon-top-left::after {
  bottom: 40px;
  left: -5px;
}
.ribbon-top-left span {
  /* right: -25px; */
  /* top: 30px; */
  right: 30px;
  top: 20px;
  transform: rotate(-45deg);
  width: 100%;
}

.model-box .title{
 
  font-weight: 500;
  font-size: 2.5rem;
  color: #143544;
  text-align: center;
  margin-bottom: 2rem;
}

.model-box .sub-title{
 
  font-weight: 400;
  font-size: 16px;
  color: #5a5a5a;
  text-align: center;
  margin-bottom:1rem;
}

.model-box .cost{
 
  font-weight: 700;
  color: #1189F6;
  text-align: center;
  margin-bottom: 1rem;
}
.model-box .cost .amount{font-size: 60px;}
.model-box .cost .type{font-size: 60px;}

.model-box .info{
 
  font-weight: 400;
  font-size: 16px;
  color: #5a5a5a;
  text-align: center;
}
/* MODEL SECTION */

.serv-icon{max-width: 78px;}
.last-section.bg-white h4{color: #008FE0}
.bg-white h3{font-weight: 500; font-size: 30px; line-height: 35px; text-transform: capitalize;color: #143544;}
/*.bg-white a{font-weight: 600; font-size: 22px; line-height: 36px; text-transform: capitalize;color: #1189F6;}*/
.bg-white p{margin-bottom: 0 !important}
.carousel-indicators{bottom: -85px;}
.carousel-indicators li{background-color: #181515}
.ind-sep{width: 70%;margin: 0 auto 40px;border-top:1px solid #D7D7D7;}
.content-container .d-flex .carousel-indicators li{display: contents;}
.client-infos{position: absolute;bottom: 0;content: '';left: 0}
.col-md-4.pb-5:nth-child(2){border: 1px solid #dee2e6!important;border-top: 0!important;}
.col-md-4.pb-5:nth-child(4), .col-md-4.pb-5:nth-child(6){border-top: 1px solid #dee2e6!important;padding-top: 3rem!important;}
.col-md-4.pb-5:nth-child(5){    border: 1px solid #dee2e6!important;border-bottom: 0!important;padding-top: 3rem!important;}


@media (max-width: 1536px) {
  .banner h1{font-size: 42px;margin-bottom: 40px}
  .banner a img{margin-bottom: 45px}
  .banner span{margin-bottom: 40px}
  .section{/*margin-top:2rem !important;*/padding: 0 20px}
  h1{font-size: 2.5rem;}
  .form-wrap{padding: 1rem}
  .section .banner p{font-size: 20px;line-height: 30px}
  section.container-fluid.banner-wrapper{padding: 105px 20px;}
  .form-control{height: 46px}
  .third-section h3{font-size: 24px}
  .serv-icon{max-width: 60px;}
  .number-wrap{width: 5rem;height: 5rem;font-size: 2rem;min-width: 5rem}
  .model-wrap h3{font-size: 1rem}
  .section p{font-size: 18px;margin-bottom: 2rem !important}
  .section.img-wrap p{margin-bottom: 0 !important}
  ul li, ol li{font-size: 18px;line-height: 28px;}
  .section.fourth-section p{margin-bottom: 1rem !important}
  .core-btn{font-size: 20px;padding: 8px 25px;}
  .section h4{font-size: 38px;line-height: 42px;}
  section.container-fluid{padding: 70px 20px}
  h6{font-size: 20px; }
  .part-number h2{font-size: 48px;}
  .part-number h5{font-size: 20px;}
  .model-box .cost .type, .model-box .cost .amount{font-size: 40px}
  .col-md-7 .col-md-4{margin-bottom: 2rem !important}
}

@media (max-height: 864px) {
  section.container-fluid.banner-wrapper{padding:85px 20px 80px}
}
@media (max-width: 1440px) {
  section.container-fluid.banner-wrapper{padding:82px 20px 73px}

}

@media (max-width: 1366px) {
  section.container-fluid.banner-wrapper{padding: 50px 20px 38px}
  .banner span.position-relative {margin-bottom: 30px; }
  .banner h1{margin-bottom: 30px}
  .banner a img{margin-bottom: 30px}
  .section .banner p {font-size: 18px; line-height: 26px; }
}

@media (max-width: 1024px) {
  section.container-fluid.banner-wrapper{padding: 100px 20px;}
  .banner h1{font-size: 38px;margin-bottom: 30px}
  .banner span{margin-bottom: 30px}
  .col-md-7{flex: 0 0 100%;max-width: 100%}
  .number-wrap{width: 4rem;height: 4rem;font-size: 1.5rem;min-width: 4rem}
  .section .row.mt-5{margin-top: 1.5rem !important}
  .col-md-9{flex: 0 0 100%;max-width: 100%}
  .bg-white h3{ font-size: 24px;line-height: 30px}
  .content-container .carousel-indicators.carousel-img{flex-wrap: wrap;}
}
@media (max-width: 768px) {
  section.container-fluid.banner-wrapper{padding: 60px 20px;}
  .core-btn{padding: 8px 15px;font-size: 16px}
  .form-control{height: 40px}
  .col-md-7 .col-md-4{flex-direction: column;}
  .col-md-7 .col-md-4 h5{text-align: center !important;}
  .speak-box{width: 100% !important;height: 100% !important}
  .client-infos{position: relative;}
  }
@media (max-width: 767px) {
  .banner h1{font-size: 32px}
  /*.section{margin-top:1rem !important;}*/
  .section.img-wrap{margin-top: 0 !important  }
  .banner h3{font-size: 1.3rem}
  h1{font-size: 1.8rem;}
  ul li, ol li{margin-bottom: 10px}
  .form-wrap{margin-top: 20px}
  /*.form-wrap{padding: 0rem}*/
  .banner-wrapper{padding: 60px 40px}
  /*.section.banner-wrapper{margin-top: 2rem !important}*/
  .third-section h3{font-size: 20px;margin-bottom: 0.5rem !important}
  .section p{font-size: 16px;margin-bottom: 1rem !important}
  .section.fourth-section p{margin-bottom: 2rem !important}
  .col-md-7 .col-md-4{margin-bottom: 1rem !important;border-bottom: 1px solid #dee2e6 !important;border-left: 0 !important;border-right: 0 !important;
    padding-bottom: 1rem !important}
    .col-md-7 .col-md-4:last-child{border-bottom: 0 !important}
  .part-number .col-md-3:after{display: none;}
  .core-btn{font-size: 16px;padding: 2px 10px;}
  .section h4{font-size: 30px;line-height: 40px;}
  section.container-fluid{padding: 40px 20px}
  h6{font-size: 18px; }
  .part-number h2{font-size: 40px;}
  .part-number h5{font-size: 18px;}
  .flex-wrap-medium{flex-wrap: wrap;padding-left: 0 !important}
  .model-box .cost .type, .model-box .cost .amount{font-size: 34px}
  .col-md-4.pb-5, .col-md-4.pt-5, .col-md-4.pb-5:nth-child(4), .col-md-4.pb-5:nth-child(6){padding: 1.5rem 0 !important; }
  .col-md-4.pb-5:nth-child(6){padding-bottom: 0 !important}
  .carousel-indicators{    bottom: -45px;}
  .pb-5.border-top-0{border-top: 1px solid #dee2e6!important;padding: 1.5rem 0 !important;border-left: 0 !important;border-right: 0 !important}
  .pt-5.border-bottom-0{border-left: 0 !important;border-right: 0 !important}
  .ind-sep{display: none;}
  .speak-row{padding-bottom: 20px !important}
  .slideshow{/*height: auto !important*/height: inherit !important; }
  .pager{left: -10px;right: -10px}
.section p  .work-p{font-size: 1rem;}
  #prev, #next{width: 30px;height: 30px;font-size: 20px}
  .col-md-7 .col-md-4 h5{margin-top: 10px !important;margin-left: 0 !important}
  .col-md-4.pb-5:nth-child(2), .col-md-4.pb-5:nth-child(5){border-left: 0 !important;border-right: 0 !important;border-top: 1px solid #dee2e6!important}

}