body
{
   
    background-repeat: no-repeat;
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    background-size: cover;
}
p,ul li 
{
    text-align: justify;
}
.orange-text
{
    color: #fc904b;
}
.red-text
{
    color: #ef0000;
}

.section1
{
    padding: 15px 0px;
    background-color: #fff;
}
.section2 .sec1 
{
    width: 90%;
}
.section1 ul 
{
    margin: 0px;
}
.section1 ul li
{
    float: left;
    list-style-type: none;
    padding-left: 30px;
    line-height: 38px;
}
.section1 ul li a 
{
    color: #000;
    text-decoration: none;
}

.banner-section2
{
    padding-top: 100px;
  padding-bottom: 100px;
}
.banner-section2 h1 
{
    font-size: 45px;
}
.banner-section2 table
{
    width: 50%;
    margin: auto;
      
    margin-top: 35px;
    margin-bottom: 35px;
}
.banner-section2 .text-red
{
    color: white;
  padding-bottom: 20px;
  text-align: center;
}
.banner-section2 .register-btn
{
    background-color: #910202;
    color: white;
}
.banner-section2 table td 
{
    width: 45.33%;
  font-size: 20px;
}
.section2
{
    padding-top: 100px;
}
.section2 table
{
    margin: auto;
    width: 40%;
}
.section2 ul li 
{
    float: left;
}
.section2 ul 
{
    padding-left: 15px;
}
.section2 ul.list-1 li 
{
    list-style-type: disc;
  padding-bottom: 10px;
  line-height: 30px;
}
.section2 table tr td
{
    height: 35px;
}
.section3 
{
    padding-bottom: 100px;
}

.section3 tr 
{
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}
.section3 table .sec1 
{
width: 10%;
}
.section3 
{
   margin-top: 100px;
}
.section3 table .sec2 
{
    width: 60%;  
    padding-top: 20px;
  padding-bottom: 20px;
}
.section3 table .sec3 
{
    width: 30%;
}
.section3 ul 
{
    padding-left: 0px;
    width: 100%;
    float: left;
}
.section3 ul li 
{
  
}
.section3 ul.list1 li 
{
    border: 1px solid #605f5f;
    margin-right: 8px;
    padding: 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
}
.section3 p 
{
    line-height: 30px;
}
.section3 ul.list2 li
{
    float: none;
    padding-bottom: 15px;
    list-style-type: disc;
}
.section3 ul.list2 
{
    margin-left: 15px;
}
.section3 .map-marker
{
    color: #d0d01d;
    float: left;
    width: 100%;
}
.section2 h1 
{
    font-size: 40px;
    font-weight: 800;
}
.section2 h5 
{
    font-size: 22px;
}
.section2 h4 
{
    font-size: 30px;
}
.section3 h5,.section2 h5 
{
    font-weight: 700;
}
.section3 .btn1,.section1-acronis-demo .btn1 
{
    width: 100%;
    background-color: #005bc8;
    color: #fff;
    border: 0px;
    padding: 10px 0px;
}
#tilt {
    display: block;
    height: 100%;
    width: 80%;
   
    margin: 0 auto;
    transition: box-shadow 0.1s, transform 0.1s;
    
    /*
      * Adding image to the background
      * No relation to the hover effect.
      */
    background-image: url(../imgs/1.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
.section3 .btn1:hover,.section1-acronis-demo .btn1:hover  
{
    background-color: #093f81;
}
.section3 .btn-red
{
    background-color: #ef0000;
}
.section3 .btn-red:hover
{
    background-color: #910202;
}
.expert-form h5 
{
color: #00207c;
}
.expert-form h2
{
    color: #2b8aff;
    font-weight: 800;
}
.section3 .expert-form,.section1-acronis-demo .expert-form
{
    background-color: #fff;
    padding: 7% 10%;
   
}
.section3 .form-control,.section1-acronis-demo .form-control 
{
    height: 46px;
}
.error-message
{
    color: red;
}
.section2 .arr-bg1
{
    background-image: url(../imgs/icon1.png);
    background-repeat: no-repeat;
    padding-left: 50px;
}
.section3 .arr1-bg
{
    background-image: url(../imgs/icon1.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: right 0px;
    padding-right: 50px;
}
.section3-acronis-demo .bg1 
{
background-color: rgb(13 20 59 / 53%);
}
.section3-acronis-demo .bg2 
{
    background-color: rgb(17 26 73 / 60%);
}

.section2-acronis-demo table
{
    color: #fff;
}
.section2-acronis-demo table th 
{
    background-color: #3253b0;
    border: 0px;
    border-right: 2px solid #090d30;
    padding: 20px;
}
.section2-acronis-demo table tr 
{
    border: 0px;
}
.section2-acronis-demo table tr td
{
    width: 33.33%;
    border: 0px;
    padding: 2% 5%;
    font-size: 18px;
    line-height: 30px; border-right: 2px solid #090d30;
}

.section2-acronis-demo
{
    margin-top: 110px;
}
.section3-acronis-demo
{
    margin-top: 100px;
    position: relative;
    margin-bottom: 100px;
}
.section3-acronis-demo img 
{
    position: absolute;
    left: 31%;
    right: auto;
    top: -16%;
    width: 40%;
}

.section3-acronis-demo table th 
{
    background-color: #3253b0;
    border: 0px;
   
    padding: 20px;
}

.section1-acronis-demo
{
    padding-top: 100px;
}
.section3-acronis-demo table tr td
{
    width: 100%;
    border: 0px;
    font-size: 18px;
    line-height: 30px;
   
    padding: 3% 0%;
}
.section1-acronis-demo h1 
{
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
}
.section1-acronis-demo h1 
{

}
.distributer-oman img 
{
    position: absolute;
    left:0px;
    
}
.training_session
{
  width: 100%;
  background: transparent;
  border: 1px solid #ddd;
  height: 60px;
  color: #606060;
  padding: 10px;
}

.table-1 
{
    width: 100%;
}
.map-section
{
    margin-bottom: 100px;
}





@media screen and (min-width: 320px) and (max-width: 991px) { 


    .section1 ul li a {
       
        font-size: 14px;
    }
    .section2 h1 {
        font-size: 35px;
    }
    .section1 img 
    {
        margin-top: 10px;
    }

}
@media screen and (min-width: 320px) and (max-width: 768px) { 

    .section3-acronis-demo img {
        position: relative;
        left: 0%;
        right: auto;
        
        width: 100%;
    }
    .section1-acronis-demo h1 {
       
        font-size: 26px;
    }
    .section3-acronis-demo table tr td,.section2-acronis-demo table tr td
    {
        font-size: 15px;
    }

    #tilt
    {
        display: none;
    }
    .distributer-oman img 
    {
        position: relative;
        left:0px;
    }

}



@media screen and (min-width: 992px) and (max-width: 1200px) { 



    .section2 h1 {
        font-size: 45px;
    }

}

@media screen and (min-width: 1201px) and (max-width: 1400px) { 

    .distributer-oman img {
        
        left: -22%;
    }


}