*
{
    margin: 0;
    padding: 0;
   box-sizing: border-box;
}

.paytime {
    background: aliceblue;
}
a
{
    text-decoration: none ; 
}
ul,ol
{
    list-style: none;
    text-decoration: none;
}

.clear
{
    clear: both;
}


/* Start Header */
 .header
 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    display: block;
    background-image: url(images/bg.jpg);
    background-position: top right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 150px 0px;
    position: relative;
 }

.logo
{
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
}
.logo img
{
    max-width: 200px;
}



.header h1
{
    margin: 20px 0px;
    text-align: left;
    color: rgb(19, 68, 98);
}

.header h3
{
    color:rgb(19, 72, 98);
    padding: 5px 0px;
}

.header .system
{
    padding: 10px 0px;
    color:rgb(75, 134, 164);
    padding-right: 77px;
    font-weight: lighter;
    font-size: 22px;
}

.header-right h1
{
    margin: 20px 0px;
    padding: 15px 10px 25px 15px;
    color: rgb(19, 68, 98);
}

/* Server Start */
.paytime
{
    /*margin-top: 150px;*/
}

.pay
{
    text-align: center;
    /*margin-top:100px;*/
}
.pay h2
{
    padding-top: 60px;
    font-size: 40px;
    font-weight: bold;
}

.paytime
{
    text-align: center;
}
.paytime .pay-right
{
    padding-left: 20px;
}
.pay-right h5
{
    color: blue;
}
.pay-right img
{
    height: 100px;
    width: 300px;
    box-shadow: 0px 0px 5px 0px rgba(93, 91, 91, 0.872);
    border-radius: 5px;
    border: 1px solid rgb(167, 165, 165);
    margin: 30px 15px 30px 15px;
}
.pay-right1 h5
{
    color: blue;
}
.pay-right1 img
{
    height: 100px;
    width: 300px;
    box-shadow: 0px 0px 5px 0px rgba(93, 91, 91, 0.872);
    border-radius: 5px;
    border: 1px solid rgb(167, 165, 165);
    margin: 30px 15px 30px 15px;
}
/* Server End */

/* Turst Start */
.trust
{
    text-align: center;
}
.trust h2
{
    margin-top: 20px;
}
.trust p
{
    font-size: 22px;
}
.people
{
    margin: 50px;
}

.trust1 
{
    text-align: center;
    display: inline-block;
}

.trust1 i
{
    font-size: 75px;
}
.trust1 i:hover
{
    color: aquamarine;
}
.trust2
{
    text-align: center;
}
.trust3
{
    text-align: left;
}
/* Trust End */

/* Futureproof Start */
.server-1
{
    text-align: center;
    background: aliceblue;
}
.service
{
    padding: 65px;
}  

.service1
{
    padding: 30px 0px 0px 70px;
}
.service1 h3
{
    margin-top: 15px;
    margin-bottom: 40px;
}
.india
{
    padding-bottom: 70px;
}
.value1
{
    display:block;
    text-align: left;
    padding-left: 30px;
}
.value1 i
{
   color: rgba(197, 36, 111, 0.868);
   font-size: 50px;
   
}
.value1 i:hover
{
    color: rgb(27, 139, 199);
}
.value2
{
    display:block;
    text-align: left;
    padding-left: 30px;
}
.value2 i
{
   color: rgba(206, 101, 26, 0.888);
   font-size: 50px;
}
.value2 i:hover
{
    color: rgb(27, 139, 199);
}
.value3
{
    display:block;
    text-align: left;
    padding-left: 30px;
}
.value3 i
{
   color: rgba(142, 230, 66, 0.765);
   font-size: 50px;
}
.value3 i:hover
{
    color: rgb(27, 139, 199);
}
.value4
{
    display:block;
    text-align: left;
    padding-left: 30px;
}
.value4 i
{
   color: rgba(181, 89, 247, 0.888);
   font-size: 50px;
}
.value4 i:hover
{
    color: rgb(27, 139, 199);
}

@media screen and (max-width:780px){

    .service img
    {
        width:70%;
    }
    @media screen and (max-width: 580px)
{
    .service img
    {
        width:100%;
    }
     .services
     {
        width: 90%;
     }
} 
}
/* Futureproof End */

/* Presence Start */
.icon1
{
    margin: 35px 25px; 
}
.icon1 i
{
    display: inline-block;
    color: rgba(173, 106, 18, 0.779);
}
.icon1 i:hover
{
    color: rgb(90, 90, 223);
}
.icon
{
    margin-left:60px;
}
.icon i
{
    display: inline-block;
    color: rgb(90, 90, 223);
}
.icon i:hover
{
    color: rgb(27, 139, 199);
}
.icon .layer
{
    margin-left: 30px;
}
.data img
{
    width: 100%;
    padding: 20px 0px;
}
/* Presence End */

/* Feature Start */
.possible
{
    background-color: aliceblue;
    padding: 50px 0px;
}
.support
{
    text-align: right;
    padding-left: 30px;
}
.support h4
{
    margin: 30px 0px;
}
.support i
{
    color: rgb(90, 90, 223);
}
.support i:hover
{
    color: rgb(27, 139, 199);
}
.support1
{
    text-align: lext;
    padding-left: 30px;
}
.support1 h4
{
    margin: 30px 0px;
}
.support1 i
{
    color: rgb(90, 90, 223);
}
.support1 i:hover
{
    color: rgb(27, 139, 199);
}
@media screen and (min-width:580px) {
     .support
     {
        text-align: center;
     }
}
/* Feature End */
/* Client Start */

@media screen and (max-width: 780px)
{
    .client1 img
    {
        width:80%;
    }
    @media screen  and (max-width: 580px){
        .client1 img
        {
            width:80%;
        } 
    }
}
/* Client End */

/* Footer Start */
.footer
{
    
    background-color: rgb(44, 32, 32);
}
.main-footer1
{
    padding: 20px 0px;
}
.main-footer2
{
    padding: 30px 0px;
    color: #fff;
    display: inline-block;
}
.main-footer2 i
{
    font-size: 40px;
    padding:0px 10px;
}
.main-footer4
{
    color: #fff;
    display: inline-block;
}
.main-footer3
{
    padding: 30px 0px;
    color: #fff;
    display: inline-block;
    text-align: left;
}
.main-footer3 i
{
    font-size: 40px;
    padding:0px 10px;
}
.part-footer
{
    background-color: rgb(77, 71, 71);
}

.part-footer p  
{
    margin: 0;
}
.mivanta
{
    color: #fff;
    padding: 20px 0px;
}
/* Footer End */


/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/



.different_section
{
    padding: 50px 0px;
    background-color: #ffffff;
}
.different_section h2
{
    margin-bottom: 50px;
}

.different_box
{
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}
.different_box > i
{
    position: absolute;
    left: 0px;
    top: 3px;
}



.simplified_section
{
    background-color: #eeeeee;
    padding: 100px 0px;
}

.simplified_section h5
{
    color: #3379b0;
    font-size: 20px;
    margin-bottom: 10px;
}
.simplified_section img
{
    max-width: 300px;
    box-shadow: 0px 5px 5px 0px grey;
}



.solution_section
{
    background-color: #ffffff;
    padding: 70px 0px;
}

.solution_section p
{
    margin-bottom: 30px;   
}
.solution_box
{
    position: relative;
    padding-left: 70px;
}
.solution_box img
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
}



.futureproof_section
{
    padding: 50px 0px;
    background-color: #eeeeee;   
}
.futureproof_section h2
{
    margin-bottom: 50px;
}
.futureproof_box
{
    margin-bottom: 20px;
}
.futureproof_box > img
{
    max-width: 100px;
    margin-bottom: 10px;
}
.free_trial_box
{
    margin-top: 100px;
    text-align: center;
}


.feature_section
{
    padding: 50px 0px;
    background-color: #eeeeee;   
}

.feature_list
{
    position: relative;
    padding-left: 25px;
}
.feature_list > i
{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #2f3373;
}
.feature_section img
{
 max-height: 300px;
}

.btn_down
{
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}



.client
{
    padding: 50px 0px;
    background-color: #ffffff;      
}


.interested_section
{
    padding: 50px 0px;
    background-color: #eeeeee;   
}

.support_section
{
    background-color: #ffffff;      
    padding: 50px 0px;
}

.tab_section button
{
    width: 100%;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0px !important;
    margin-bottom: 10px;
    color: #212121;
    text-align: left;
}
.tab_section .tab-content
{
    width: 100%;
    min-height: 350px;
}
.tab_section .tab-content>.tab-pane
{
    width: 100%;   
}

.guidel_link
{
    display: flex;
    padding: 0px 0px;
    margin-bottom: 5px;
    border: none;
}
.guidel_link:hover,
.guidel_link:focus,
.guidel_link:active
{
    outline: none;
    border: none;
    color: #0d6efd;
}



.footer_logo
{
    padding: 40px 0px;
}
.footer_logo img
{
    max-width: 200px;
}


