body.serviceoffers div.container.whychoose{padding:0 0 40px 0;background-color:#ffffff!important;margin-top:38px!important;}
    body.serviceoffers div.container.whychoose.bluebg{padding:0 0 40px 0;background-color:#f4f8ff!important;margin-top:38px!important;}
    body.serviceoffers div.container.whychoose div.container-el p.part{width:90%;font-weight:300;line-height:33px;font-size:23px;margin:10px auto 60px;}
    body.serviceoffers .container .container-el .container-content.space {margin: 0 auto;padding: 0; width: 84%;text-align: center; }

    body.serviceoffers .container .container-el .container-content .side-side{ width:auto;/* */ }
    body.serviceoffers .container .container-el .container-content .side-side .side-l{float:left;width:40%;padding:0;}
    body.serviceoffers .container .container-el .container-content .side-side .side-r{float:right;width:55%;margin-left:4.95%;padding:0;}

    body.serviceoffers .container .container-el .inner-content-container{width:80%!important;margin:10px auto!important;text-align:left;font-size:17px;font-weight:300;}
    body.serviceoffers .container .container-el .inner-content-container p{margin:10px 0;text-align:left;width:99.99%;font-size:17px;font-weight:300;}
    body.serviceoffers .container .container-el .inner-content-container p:first-child{margin:0 0 10px!important;}
    body.serviceoffers .container .container-el .inner-content-container ul{list-style:none!important;padding-left:24px;}
    body.serviceoffers .container .container-el .inner-content-container ul li:before{content:url('/media/ui-icon-03.png');margin-right:6px}
    .container.whychoose .container-el {min-height: auto!important;}
    body.serviceoffers div.container.spacer{padding:60px 0;background-color:#ffffff!important;}
    body.serviceoffers div.container.spacer p{font-size:1.4em;color:#156cff;}
    body.serviceoffers div.container.spaced{padding:60px 0;background-color:#ffffff!important;}
    body.serviceoffers div.container.spaced p{font-size:1.1em;color:#222222;width:80%;text-align:left;margin:12px auto 20px;}
    body.serviceoffers div.container.spaced h3{font-size:24px;color:#444444;margin:30px auto;font-weight:500;}
    body.serviceoffers div.container.spaced div.cta-button{margin:25px auto;text-align:center;}
    body.serviceoffers div.container.spaced div.cta-button a{border-radius:5px;text-decoration:none;padding:12px 19px;text-transform:uppercase;background:#0099ff;color:#ffffff;}
    body.serviceoffers div.container.spaced div.cta-button a:hover{border-radius:5px;text-decoration:none;padding:12px 19px;text-transform:uppercase;background:#156cff;color:#ffffff;}
    

    body.serviceoffers div.container.whychoose.blackbg{padding:0 0 40px 0;background-color:#222222!important;margin-top:38px!important;}
    body.serviceoffers div.container.blackbg .container-el .container-content h2 {color:#ffffff!important;}
    body.serviceoffers div.container.blackbg p{color:#f4f4f4!important;}

    body.serviceoffers div.container.whychoose.faqsection{
        background-image: url('/media/particle-bg.jpg');
  background-size: cover;
  background-position: top left;}

    a.cta-button{border-radius:5px;text-decoration:none;padding:12px 19px;text-transform:uppercase;background:#0099ff;color:#ffffff;}
    a.cta-button:hover{border-radius:5px;text-decoration:none;padding:12px 19px;text-transform:uppercase;background:#156cff;color:#ffffff;}

    body.serviceoffers .container .container-el .container-content h2 {
    padding-top: 120px!important;
    font-size: 39px!important;
    text-transform: none!important;
    color: #444444!important;
    font-family: "Work Sans", Arial, sans!important;
    }
    body.serviceoffers .container .container-el .container-content h2:after {
        background: none repeat scroll 0 0!important;
        bottom: 0!important;
        content: ""!important;
        display: default!important;
        height: auto!important;
        position: relative;
        width: default!important;
        margin: 0 auto!important;
    }


    body.serviceoffers div.container .cta-formbox h4{text-transform:uppercase;color:#57c3f0;font-size:20px;text-align:center;} 
    body.serviceoffers div.container .cta-formbox p{font-size:15px;text-align:center;margin:6px auto;} 
    body.serviceoffers div.container .cta-formbox p.mini{font-size:12px;text-align:center;margin:6px auto;} 
    body.serviceoffers div.container .cta-formbox a.cta.form{display:inline-block;
        -webkit-appearance: none;
        width: 100%;border-width: 0;border-radius: 0;color: #ffffff;text-decoration:none;font-weight:500;font-size: 14px;text-align:center;padding: 16px;background-color: #107aff;border-radius: 4px 4px 4px 4px;} 
    body.serviceoffers div.container .cta-formbox a.cta.form:hover{cursor:pointer} 
    body.serviceoffers div.container .cta-formbox input{
        -webkit-appearance: none;
        width: 100%;border-width: 0;border-radius: 0;color: #999;font-size: 14px;padding: 16px;background-color: #f1f5f8;border-radius: 4px 4px 4px 4px;margin-bottom:12px;} 
     
    .container-table {
        box-sizing: border-box;
        width: 73%;
        margin:20px auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: none;
        padding: 30px;
        
    }
    .container-table .shelf {
        padding:0;
        text-align:left;
        flex: 1 1 auto;
        width: 100%;
        margin-bottom: 0!important;
        border: 0 none;
        background-color:transparent!important;
        display: flex;
        flex-direction: row;
    }
    .container-table .shelf:last-child {margin-bottom: 0;}


    .container-table .shelf .labelbox {
    flex: 0 0 40%;
    text-align:left;
    font-weight:400;padding:4px 0;
    }
    .container-table .shelf .compbox1{
    flex: 0 0 34%;
    text-align:left;
    font-weight:500;color: #ffffff;
    padding: 4px 0 4px 25px;
    background-color: rgba(00, 176, 255, 1);
    }
    .container-table .shelf .compbox1::before{margin-right:6px;content:url('/media/ui-icon-01.png'); /*url of image*/height: 17px; /*height of image*/width: 24px;  /*width of image*/}
    .container-table .shelf .compbox2{
        padding:4px 0 4px 20px;
    flex: 0 0 26%;
    text-align:left;
    font-weight:300;color:#990000;
    }
    .container-table .shelf .compbox2::before{content:url('/media/ui-icon-05.png'); /*url of image*/height: 17px; /*height of image*/width: 24px;  /*width of image*/}

    .container-table .shelf .compbox1.blank{background:none!important}
    .container-table .shelf .compbox1.roundtop{border-radius:25px 25px 0 0;}
    .container-table .shelf .compbox1.roundbottom{border-radius: 0 0 25px 25px;}
    .container-table .shelf .compbox1.blank::before,.container-table .shelf .compbox2.blank::before{content:""!important;width:0!important;height:0!important;margin-right:0!important}


    .bx-wrapper {
        -moz-box-shadow: 0 0 0 #ccc!important;
        -webkit-box-shadow: 0 0 0 #ccc!important;
        box-shadow: 0 0 0 #ccc!important;
        border: 0 none!important;
        background: none transparent !important;
    }

    .service-steps{display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 90%;
    margin: 20px auto;}
    .service-steps .service-step{padding:30px;position:relative;float:left;flex: 0 1 auto;align-self: center;width:44%;margin:10px 3%;background:rgba(220,230,240,0.5);min-height:300px;border-radius:8px;}
    .service-steps .service-step .service-step-step{margin-top:5px;color:rgba(65,65,65,0.8)}
    body.serviceoffers .container .container-el .container-content .service-steps .service-step h2.service-step-title{padding:0!important;padding-top:0!important;margin-top:25px;font-size:1.8em!important;font-weight:500!important;}
    
    .service-steps .service-step .service-step-image{box-shadow: 1px 2px 8px rgba(100, 160, 210, 0.1);}
    .service-steps .service-step .service-step-timing{display:inline-block;width:auto;margin-top:20px;padding:4px 10px;text-align:center;background:rgba(20,20,20,0.08);border-radius:4px;}

div.website-plan{text-align:left;width:60%;margin:22px auto 55px auto;padding: 35px;
    /*border: 3px solid rgba(200, 228, 255, 0.1);*/
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3);
    background: rgba(245, 252, 255, 0.2) !important;}

div.website-plan{
  background-size: cover!important;
  background-position: center center!important;
background-repeat:no-repeat;}
div.website-plan.webp1{background-image: url('/media/weboffer-ex1.jpg')!important;}
div.website-plan.webp2{background-image: url('/media/weboffer-ex2.jpg')!important;}
div.website-plan.webp3{background-image: url('/media/weboffer-ex3.jpg')!important;}
div.website-plan h4{font-size:20px;text-align:center;color:#0099ff;font-weight:500}
div.website-plan h5{font-size:16px;text-align:center;font-style:italic;color:#44bbff}
div.website-plan p{margin:20px auto;}
div.website-plan ul{margin-left:20px;list-style:inside disc}
div.website-plan div.part.button{margin-top:24px;text-align:center;}

div.faq-item{text-align:left;width:70%;margin:14px auto 30px auto;}
div.faq-item h4{font-weight:500;color:#0099ff;}
div.faq-item p{margin:14px auto 26px auto;}

table.features {
      width: 100%;
      border-collapse: collapse;
      margin: 30px 0;
      font-size: 18px;
      text-align: left;
      background-color: #fff;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    }
    table.features    thead {
      background-color: #f8f8f8;
    }
    table.features   th,table.features  td {
      padding: 15px;
      border-bottom: 1px solid #ddd;
    }
    table.features   th {
      background-color: #f0f0f0;
      font-size: 20px;
    }
    table.features  tr:hover {
      background-color: #f1f1f1;
    }
    @media screen and (max-width: 768px) {
        table.features,table.features  thead, table.features tbody, table.features th, table.features td, table.features tr {
        display: block;
      }
      table.features th, table.features td {
        padding: 10px;
        text-align: left;
      }
      table.features  tr {
        margin-bottom: 15px;
      }
      table.features th {
        background-color: transparent;
        font-size: 16px;
      }
      table.features th.dump{display:none;}
      table.features td:first-child {background: rgba(0, 100, 250, 0.2)!important }
    }

    @media screen and (max-width:1175px){  
        .container-table {width: 95%;}
        .container-table .shelf .labelbox {flex: 0 0 40%!important;}
        .container-table .shelf .compbox1{ flex: 0 0 34%!important;}
        .container-table .shelf .compbox2{display:auto;flex: 0 0 26%!important;}
        .service-steps .service-step{position:relative;float:left;width:44%;}  
        div.website-plan{width:70%;}
        div.faq-item{width:75%;}
    body.serviceoffers .container .container-el .container-content .side-side .side-l{float:left;width:40%;padding:0;}
    body.serviceoffers .container .container-el .container-content .side-side .side-r{float:right;width:55%;margin-left:4.95%;padding:0;}
    }
    @media screen and (max-width:840px){
        .container-table .shelf .labelbox {display:auto;flex: 0 0 53%!important;}
        .container-table .shelf .compbox1{ flex: 0 0 47%!important;}
        .container-table .shelf .compbox2{display:none;flex: 0 0 0!important;}
        body.serviceoffers div.container.spaced p{width:99.95%}
        body.serviceoffers .container .container-el .container-content.space {width: 80%;}
        
    body.serviceoffers .container .container-el .inner-content-container{width:90%!important;margin:10px auto!important;}
         .service-steps .service-step{position:relative;float:none;width:94%;margin:10px 3%;}
         div.website-plan{width:80%;}
         div.faq-item{width:82%;}

    body.serviceoffers .container .container-el .container-content .side-side .side-l{float:none;width:96%;margin:16px auto;padding:0;}
    body.serviceoffers .container .container-el .container-content .side-side .side-r{float:none;width:96%;margin:16px auto 26px auto;margin-left:auto!important;padding:0;}
    }
    @media screen and (max-width: 660px) {
        .service-steps .service-step{position:relative;float:none;width:98%;margin:10px auto}
        .container-table .shelf .labelbox {display:none!important;flex: 0 0 0%!important;}
        .container-table .shelf .compbox1{ flex: 0 0 98%!important;}
        body.serviceoffers .container .container-el .container-content.space {width: 90%;}
        
    body.serviceoffers .container .container-el .inner-content-container{width:96%!important;margin:10px auto!important;}
        div.website-plan{width:90%;}
        div.faq-item{width:96%;}
        
    }
    @media screen and (max-width: 400px){
        div.website-plan{width:98%;}
    }

    /* comparison table */
    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      background-color: #fff;
      overflow-x: auto;
    }
    .comparison-table th,
    .comparison-table td {
      border: 1px solid #ddd;
      padding: 12px;
      text-align: center;
    }
    .comparison-table th {
      background-color: #f0f0f0;
    }
    .plan-rental {
      background-color: #fffbe6;
    }
    .plan-own {
      background-color: #e6fff0;
    }
    .plan-growth {
      background-color: #e6f0ff;
    }

    @media screen and (max-width: 768px) {
      .comparison-table thead {
        display: none;
      }
      .comparison-table, 
      .comparison-table tbody, 
      .comparison-table tr, 
      .comparison-table td {
        display: block;
        width: 100%;
      }
      .comparison-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
      }
      .comparison-table td {
        text-align: left;
        padding-left: 50%;
        position: relative;
      }
      .comparison-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        font-weight: bold;
        white-space: nowrap;
      }
    }

    div.website-plan{ 
      width:98%;
      border:none!important;
      box-shadow: none!important;;
      background: transparent!important;
  }
      div.website-plan div.wplan-l{width:28%;margin-right:5%;float:left;}
      div.website-plan div.wplan-r{width:66.995%;float:right;}
  
      @media screen and (max-width:1175px){  
          div.website-plan div.wplan-l{width:40%;margin-right:5%;float:left;}
      div.website-plan div.wplan-r{width:54.995%;float:right;}
      }
      @media screen and (max-width:840px){
          div.website-plan div.wplan-l{width:60%;margin-right:auto!;margin:14px auto;float:none;}
      div.website-plan div.wplan-r{width:94%;float:none;}
      }
      @media screen and (max-width: 660px) {
          div.website-plan div.wplan-l{width:60%;margin-right:auto!;margin:14px auto;float:none;}
      div.website-plan div.wplan-r{width:94%;float:none;}
      a.cta-button{display:auto!important;}
      }
      @media screen and (max-width: 400px){
          div.website-plan div.wplan-l{width:80%;margin-right:auto!;margin:14px auto;float:none;}
      div.website-plan div.wplan-r{width:94%;float:none;}
      a.cta-button{display:block!important;}
      }