body {
    padding:0;
    margin: 0;
}

#header {
    padding-top:15px;
    padding-left:15px;
    height:max-content;
    border:0 solid lightgray;
    border-bottom-width: 1px;
    padding-bottom:5px;
}

#header div {
    display:inline-block;
}

#company_logo_section img {
    height:50px;
}

#page_title {
    color:rgb(0, 140, 230);
    position: relative;
    bottom:15px;
    margin-left:15px;
    font-size:14px;
}

#policies_section_wrapper {
    margin-top:75px;
    min-height:75vh;
}
#small_screens_policy_selectors_section {
    display: none;
}
#section_selectors_section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width:60vw;
    margin:auto auto
}

.section_selector {
    box-sizing: border-box;
    font-size:14px;
    color:teal;
    border:1px solid lightgray;
    text-align: center;
    width:125px;
    height:125px;
    border-radius: 50%;
    padding-top:50px;
    cursor: pointer;
    font-weight:bold;
}

.section_selector:hover {
    color:black;
    background-color: lightgray;
}

.selected, .selected:hover {
    color:white;
    background-color: rgb(0, 140, 230);
}
#policies_content_sections {
    width:80vw;
    margin:auto auto;
    margin-top:50px
}
.policy_section {
    display:none;
    margin-left:25px
}
.selected_section {
    display:block
}
.sub_section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sub_section_content h2, .sub_section_content h3 {
    line-height: 1.6em;
}
.table_of_content_lists a {
    color:rgb(0, 140, 230);
    text-decoration: none;
}
.section_title {
    font-size:40px;
    color:rgb(0, 140, 230);
    line-height: 1.6em;
    margin-top:50px;
    margin-bottom: 75px;
}

.sub_section_title {
    font-size:35px;
    line-height: 1.6em;
    color:rgb(29, 29, 29);

    max-width:350px;
    line-height: 1.7em;
    position:sticky;
    top:15px;
}
.sub_section_content {
    width:45vw;
    line-height: 1.7em;
    font-size:17px;
    text-align: justify;
    color: rgb(29, 29, 29);
}
.sub_sub_section_title {
    font-size: 15px;
    line-height: 1.6em;
    color:teal
}

/* for handling scroll to top button  */
#scroll_to_top_button_section {
    text-align:right;
    display:none;
    position:fixed;
    top:90vh;
    right:20px;
    z-index:1000;
    text-align:center
}
#scroll_to_top {
    display:inline-block;
    height:50px;
    width:50px;
    background-color:lightgray;
    border-width:0;
    border-radius:25px;
    box-sizing:border-box;
    text-align:center;
    transition: all .5s ease
}
#scroll_to_top:hover {
    cursor:pointer;
    background-color:white;
    box-shadow:0 0 15px 1px darkgray;
}
#scroll_to_top img {
    position:relative;
    top:8px;
    width:35px;
    height:35px;
}
.intext_link {
    text-decoration: none;
    color:rgb(0, 140, 230)
}
.intext_link:hover {
    text-decoration: underline;
}
.button_to_form {
    text-decoration: none;
    color:white;
    background-color: rgb(0, 153, 230);
    padding:5px 15px;
    border-width: 0;
    border-radius: 5px;
    font-size:14px;
    white-space: nowrap;
}
.button_to_form:hover {
    background-color: rgb(0, 140, 230);
}
.other_links {
    color:rgb(29, 29, 29);
    text-decoration: underline;
    text-decoration-color: rgb(0, 140, 230);
}
.other_links:hover {
    color:rgb(0, 140, 230);
    text-decoration: none;
}

@media only screen and (max-width:1202px){
    #section_selectors_section {
        width:100%
    }
    .section_selector {
       font-size:13px;
        width:100px;
        height:100px;
        padding-top:40px;
        
    }
    #policies_content_sections {
        width:95%
    }
    .sub_section_content {
       
        font-size:16px;
      
    }

}

@media only screen and (max-width:802px){
    .section_title {
        font-size:40px;
        margin-top:35px;
        margin-bottom: 35px;
    }
    .sub_section_content {
       
        font-size:15px;
      
    }
    .sub_section_title {
        font-size:30px 
    }
    .sub_section_content h2{
        font-size:20px
    }
    .policy_section {
        margin-left:5px
    }
}


@media only screen and (max-width:602px){

    #page_title {
        margin-top:15px;
    } 
    #policies_section_wrapper {
        margin-top:35px;
    }
    .section_title {
        font-size: 45px;
    }
    #section_selectors_section {
        display: none;
    }
    #small_screens_policy_selectors_section {
        display: block
    }
    #burger_sign {
        box-sizing: border-box;
        font-weight:bold;
        font-size:30px;
        text-align: center;
        border:1px solid lightgray;
        border-radius: 5px;
        padding:10px 15px;
        width:max-content;
        color:dimgray;
        background-color: lightgray;
        cursor: pointer;
        position: absolute;
        top:85px;
        right:35px
    }
    #small_screens_section_selectors_section {
        box-sizing: border-box;
        padding:10px;
        border:1px solid lightgray;
        background-color: white;
        width:300px;
        border-radius: 7px;
        position:absolute;
        top:140px;
        left:50px;
        display: none;
        z-index: 1000;
    }
    .ss_section_selector {
        padding:10px 15px;
        margin-top:10px;
        font-size:15px;
        cursor: pointer;
        border-radius: 5px;
    }
    .sub_section {
        flex-direction: column;
       
    }
    .sub_section_title {
        max-width:100%;
        position:static;
    }
    .sub_section_content {
        width:100%;
        font-size:14px;
    }

    .policy_valitity_period {
        font-size:25px;
        line-height:1.6em
    }
     
}


@media only screen and (max-width:402px){
    .sub_section_content {
       
        font-size:13px;
      
    }
  
    #burger_sign {
        font-size:25px;
        margin-left:70%;
    }
    .section_title {
        font-size: 40px;
    }
    .sub_section_title {
        font-size:30px
    }
    #small_screens_section_selectors_section {
        width:275px;
    }
}