/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 Feb, 2020, 12:45:20 PM
    Author     : acer
*/

/*Our Product will change Starts*/
.padding-bottom-75{
    margin-top: 66px;
    padding-bottom:34px;
    width: 80%;
}
#our_product_will_change{
    line-height: 45px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(0,0,0,0.8);
    margin: 62px auto 25px auto;
}
#DIRO_offers_a_suit_of_products {
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    margin: 20px auto 25px auto;
    width: 98%;
}
#top_img{
    width: 342px;
    height: 313px;
    border-radius: 20px;
    background-color: rgba(253, 184, 40, 0.1);
    text-align:center;
    padding-top: 48.8px;
    padding-bottom: 80px;
}
.img_text{
    width: 130.2px;
    height: 120.1px;
    object-fit: contain;
    margin-left:109px;
    margin-right:102.8px;
    margin-bottom: 29.4px;
}
.Userexperience{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #00bcd4;
    margin-top: 217.3px;
}
/*Our Products will change Ends*/

/*Bank verification & Watch how DIRO can verify any bank data Starts*/
.backgroundPath11bank {
    background-image: url("../images/Path11.svg");
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
.bank_margin_top{
    margin-top: 6px;
}
#bank_verification{
    overflow: visible;
    white-space: nowrap;
    line-height: 45px;
    margin-top: 70px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(0,0,0,0.8);
    width: 90%;
    margin: 106px auto 20px auto;
}
#DIRO_can_access_and_verify{
    overflow: visible;
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    width: 90%;
    margin: 0px auto 30px auto;   
}
.bank_col{
    width: 93%;
    margin: 30px auto;
}
#Original_sources_bank_verification{
    overflow: visible;
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(15,63,97,1);
}
#Identity_bank{
    overflow: visible;
    line-height: 19px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    margin-left: 25px;
    width: 65%;
    margin-bottom: 20px;
    min-height: 66px;
}
.watch_how_diro_can_verify{
    width: 63%;
    font-family: Prata;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    margin: 30px auto 0px 48px;
}
.video_part{
    width: 635px;
    margin-bottom: 99.4px;
    margin-left: -99px;
}
/*Bank verification & Watch how DIRO can verify any bank data Ends*/

/*Proof of Address Starts*/
.proof{
    width: 80%;
}
#proof_of_address{
    overflow: visible;
    white-space: nowrap;
    line-height: 45px;
    margin-top: 70px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(0,0,0,0.8);
    margin: 92px auto 20px auto;
}
#DIRO_can_access_and_verify_proof{
    overflow: visible; 
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    margin: 0px auto 30px auto;   
}
.primary_very_strong{
    line-height: 45px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,0.8);
}
#primary{
    margin-bottom:22px;
}
#sources {
    overflow: visible;
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(15,63,97,1);
}
.proof_dot {
    height: 15px;
    width: 15px;
    background-color: rgb(0, 188, 212);
    border-radius: 50%;
    display: inline-block;
}
#primary_col{
    line-height: 19px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    margin-left: 25px;
    width: 80%;
}
#Group_836proof{
    margin-top:157.3px;
    width: 436px;
}
.secondary_strong{
    overflow: visible;
    line-height: 45px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,0.8);
    margin-top: 66px;
    margin-bottom: 22px;
} 
#secondary_sources {
    overflow: visible;
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(15,63,97,1);
    margin-left: -16px;
}
#secondary_col{
    line-height: 19px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    margin-left: 8px;
    width: 65%;
    margin-bottom: 20px;
}
/*Proof of Address Ends*/

/*Proof of insurance Starts*/
.backgroundPath11proof{
    background-image: url("../images/productpinkper.png");
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px;
} 
.proof_of_insurance{
    padding-top: 198px;
    width: 80%;
} 
#proof_insurance{
    line-height: 38px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(0,0,0,0.8);
    margin: 20px auto 25px auto;
}
#diro_can_access{
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    margin: 0 auto 25px auto;
}
.verify_coverage_from_any{
    overflow: visible;
    line-height: 45px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,188,212,1);
    margin-left: -16px;
    margin-bottom: 50px;
} 
.verify_{
    padding-bottom: 40px;
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(15,63,97,1); 
    margin-left: -30px;
}
.text{
    padding-left:11px;
}
#Group_982{
    width: 271.9px;
    object-fit: contain;
    margin-left: -75px;
    padding-top: 13px;
}
/*Proof of insurance Ends*/

/*Verify anything with Original Documents Starts*/
.margin-top-verify{
    padding-top:103px;
    width: 80%;
    padding-bottom: 20px;
}
#Verify_anything_with_Org{
    line-height: 45px;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(0,0,0,0.8);
    width: 80%;
}
#DIRO_can_access_and_verify_any_info {
    line-height: 26px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    padding-top: 20px;
    padding-bottom:20px;
}
.verify_any_third_party{
    line-height: 45px;
    text-align: left;
    font-family: Prata;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,188,212,1);
    padding-bottom: 42px;
}
#btn_bottom_{
    margin-bottom: 79px;
    margin-top: 296px;
}
/*Verify anything with Original Documents Ends*/

/*Responsive Strats*/
@media only screen and (max-width: 320px){
    #our_product_will_change{
        margin: 0px auto 25px auto;
        line-height: 30px;
        font-size: 21px;
    }
    .padding-bottom-75{
        margin-top: 20px;
        padding-bottom: 25px;
    }
    .backgroundPath11bank{
        background-image: none;
        background-color: #eaf4f5;
    }
    .backgroundPath11proof{
        background-image: none;
        background-color: rgba(253, 184, 40, 0.1);
    }
    #bank_verification{
        line-height: 45px;
        font-size: 24px;
        margin: 25px auto 20px auto;
    }
    #DIRO_can_access_and_verify {
        font-size: 16px;
    }
    .bank_margin_top{
        margin-top:10px;
    }
    #proof_of_address{
        font-size: 24px;
        line-height: 36px;
        margin: 25px auto 20px auto;
    }
    #Group_836proof{
        margin-top:40px;
        width: auto;
    }
    .watch_how_diro_can_verify{
        font-size: 18px;
        margin: 30px auto 0px auto;
    }
    #Identity_bank{   
        margin-bottom: 0px;
    }
    .primary_very_strong {
        line-height: 36px;
        font-size: 24px;   
    }
    #primary {
        margin-bottom: 15px;
    }
    .secondary_strong {
        line-height: 36px;
        font-size: 24px;
        margin-top: 30px;
        margin-bottom:15px;
    }
    #DIRO_can_access_and_verify_proof {
        line-height: 26px;
        font-size: 16px;
    }   
    #proof_insurance {
        line-height: 36px;
        font-size: 24px; 
        margin-top: 0px;
    }
    #diro_can_access {
        line-height: 26px;
        font-size: 16px;
    }
    .verify_ {
        padding-bottom:10px;
        line-height: 26px;
        font-size: 16px;
    }
    .verify_coverage_from_any {
        line-height: 36px;
        font-size: 24px;
        margin-bottom: 15px;
    }
    #Group_982 {
        width:auto;
        margin-left: 0px;
    }   
    #Verify_anything_with_Org {
        line-height: 36px;
        font-size: 24px;
    }
    .margin-top-verify {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    #DIRO_can_access_and_verify_any_info {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .verify_any_third_party {
        line-height: 36px;
        font-size: 24px;
        padding-bottom: 15px;
    }
    #btn_bottom_ {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .proof_of_insurance{
        padding-top: 20px;
    }
    .img_text{
        margin-left:20px;
    }
    #top_img{
        margin-top:40px;
        width: auto;
    }
    #Identity{
        margin-bottom:none;
    }
    .video_part{
        margin-top: 30px;
        width: auto;
        margin-bottom: 20px;
        margin-left: 0px;
    }
}
@media only screen and (max-width:414px) and (min-width:320px)  {
    #our_product_will_change{
        margin: 0px auto 25px auto;
        line-height: 30px;
        font-size: 21px;
    }
    .padding-bottom-75{
        margin-top: 20px;
        padding-bottom: 25px;
    }
    .backgroundPath11bank{
        background-image: none;
        background-color: #eaf4f5;
    }
    .backgroundPath11proof{
        background-image: none;
        background-color: rgba(253, 184, 40, 0.1);
    }   
    #bank_verification{
        line-height: 45px;
        font-size: 24px;
        margin: 25px auto 20px auto;
    }
    #DIRO_can_access_and_verify {
        font-size: 16px;
    }
    .bank_margin_top{
        margin-top:10px;
    }
    #proof_of_address{
        font-size: 24px;
        line-height: 36px;
        margin: 25px auto 20px auto;
    }
    #Group_836proof{
        margin-top:40px;
        width: auto;
    }
    .watch_how_diro_can_verify{
        font-size: 18px;
        margin: 30px auto 0px auto;
    }
    #Identity_bank{   
        margin-bottom: 0px;
    }
    .primary_very_strong {
        line-height: 36px;
        font-size: 24px;   
    }
    #primary {
        margin-bottom: 15px;
    }
    .secondary_strong {
        line-height: 36px;
        font-size: 24px;
        margin-top: 30px;
        margin-bottom:15px;
    }
    #DIRO_can_access_and_verify_proof {
        line-height: 26px;
        font-size: 16px;
    }   
    #proof_insurance {
        line-height: 36px;
        font-size: 24px; 
        margin-top: 0px;
    }
    #diro_can_access {
        line-height: 26px;
        font-size: 16px;
    }
    .verify_coverage_from_any {
        line-height: 36px;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .verify_ {
        padding-bottom:10px;
        line-height: 26px;
        font-size: 16px;
    }
    #Group_982 {
        width:auto;
        margin-left: 0px;
    }   
    #Verify_anything_with_Org {
        line-height: 36px;
        font-size: 24px;
    }
    .margin-top-verify {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    #DIRO_can_access_and_verify_any_info {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .verify_any_third_party {
        line-height: 36px;
        font-size: 24px;
        padding-bottom: 15px;
    }
    #btn_bottom_ {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .proof_of_insurance{
        padding-top: 20px;
    }
    .img_text{
        margin-left:50px;
    }
    #top_img{
        margin-top:40px;
        width: auto;
    }
    #Identity{
        margin-bottom:none;
    }
    .video_part{
        margin-top: 30px;
        width: auto;
        margin-bottom: 20px;
        margin-left: 0px;
    }
}
@media only screen and (max-width:768px) and (min-width:414px)  {
    #DIRO_offers_a_suit_of_products {
        margin: 20px auto 25px auto;
    }
    #top_img{
        margin-top:25px;
        width: auto;
        text-align:-webkit-center;
    }
    .backgroundPath11bank{
        background-image: none;
        background-color: #eaf4f5;
    }
    .backgroundPath11proof{
        background-image: none;
        background-color: rgba(253, 184, 40, 0.1);
    }
    .proof_of_insurance{
        padding-top: 40px;
    }
    .video_part{
        margin-top: 30px;
        width: auto;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    #our_product_will_change{
        margin: 0px auto 25px auto;
        line-height: 30px;
        font-size: 24px;
    }
    .padding-bottom-75{
        margin-top: 25px;
        padding-bottom: 25px;
    }
    .backgroundPath11bank{
        background-image: none;
        background-color: #eaf4f5;
    }
    .backgroundPath11proof{
        background-image: none;
        background-color: rgba(253, 184, 40, 0.1);
    }   
    #bank_verification{
        line-height: 45px;
        font-size: 24px;
        margin: 25px auto 20px auto;
    }
    #DIRO_can_access_and_verify {
        font-size: 16px;
    }
    .bank_margin_top{
        margin-top:10px;
    }
    #proof_of_address{
        font-size: 24px;
        line-height: 36px;
        margin: 25px auto 20px auto;
    }
    #Group_836proof{
        margin-top:40px;
        width: auto;
    }
    .watch_how_diro_can_verify{
        font-size: 18px;
        margin: 30px auto 0px auto;
    }
    #Identity_bank{   
        margin-bottom: 0px;
    }
    .primary_very_strong {
        line-height: 36px;
        font-size: 24px;   
    }
    #primary {
        margin-bottom: 15px;
    }
    .secondary_strong {
        line-height: 36px;
        font-size: 24px;
        margin-top: 30px;
        margin-bottom:15px;
    }
    #DIRO_can_access_and_verify_proof {
        line-height: 26px;
        font-size: 16px;
    }   
    #proof_insurance {
        line-height: 36px;
        font-size: 24px; 
        margin-top: 0px;
    }
    #diro_can_access {
        line-height: 26px;
        font-size: 16px;
    }
    .verify_coverage_from_any {
        line-height: 36px;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .verify_ {
        padding-bottom:10px;
        line-height: 26px;
        font-size: 16px;
    }
    #Group_982 {
        width:auto;
        margin-left: 0px;
    }   
    #Verify_anything_with_Org {
        line-height: 36px;
        font-size: 24px;
    }
    .margin-top-verify {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    #DIRO_can_access_and_verify_any_info {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .verify_any_third_party {
        line-height: 36px;
        font-size: 24px;
        padding-bottom: 15px;
    }
    #btn_bottom_ {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .img_text{
        margin-left:0px;
        margin-right:0px;
    }

    #Identity{
        margin-bottom:none;
    }

}
@media only screen and (max-width:1024px) and (min-width:768px)  {
 .backgroundPath11bank{
        background-image: none;
        background-color: #eaf4f5;
        padding-bottom: 20px;
    }
    .backgroundPath11proof{
        background-image: none;
        background-color: rgba(253, 184, 40, 0.1);
    } 
.proof_of_insurance {
    padding-top:40px;
}
    .bank_margin_top{
        margin-top:10px;
    }
    .video_part{
    width: auto;
    margin-left: 0px;
}
#Group_982 {
        /*width:auto;*/
        margin-left: 0px;
    }
}
@media only screen and (max-width:1024px) and (min-width:992px)  {
   #Group_982 {
        /*width:auto;*/
        margin-left: -75px;
        margin-top: 
    }
}

@media only screen and (max-width:1199px) and (min-width:1025px)  {
    .video_part{
    width: auto;
    margin-left: 0px;
}
  
}


@media only screen and (max-width:1200px) and (min-width:992px) {
 .video_part{
    width: auto;
/*    margin-bottom: 99.4px;*/
}
    
    
}

/*Responsive Ends*/