hubspotstyle.css

/* Here is the style for all the elements  */
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    transition-duration: 0.13s;
}
body{
    width: 99.9vw;
}
/* Here is the style of the top header  */
.top_header{
    width: 98.7vw;
    background-color: rgb(169, 169, 255);
    /* position:fixed; */
    border-radius: 1px;
    transition-delay: ;
}
.th_table{
    width: 55%;
    margin-left: 3%;
}
.nav_home_image{
    width: 3.5vw;
    margin: 5px;
    border-radius: 17px;
    transition-duration: 0.2s; 

    
}
.nav_home_image:hover{
    width: 3.7vw;
    margin: 4px;
    border-radius: 19px;
   
   }
.nav_td{
    /* border: 2px solid red; */
    background-color: rgb(164, 164, 255);   
    border: 30px;
    padding-left: 1%;
}
.table_td_link{
    text-decoration: none;
    font-size: 1.5vw;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    /* font-weight: bold; */
    text-align: center;
    text-justify: kashida;
    color: azure;
    transition-duration: 0.1s;
    /* border: 2px solid palegreen; */

}
.table_td_link:hover{
    text-decoration:underline;
    font-size: 1.7vw;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    /* font-weight: bolder; */
    text-align: center;
    color: rgb(217, 249, 249);
    /* border: 2px solid palegreen; */
    transition-delay: 30ms;  

}
/* Styling of header ends here */
/* Styling of the ist part of i.e ist section or ist div starts over here */
.main_div1{
    margin: 4vh 1vw 0vw 10vw;
    width: 75vw;
    padding: 1vh 2vw 0vh 2vw;
    /* border: 2px solid hotpink; */
    background-color: rgb(253, 252, 252);
    border-radius: 20px;
    
}
.md1_h1{
    text-align: center;
    font-size: 2.4em;
    margin-bottom: 1.5%;
}
.md1_img1{
    width: 5%;
    margin: 0px 10px ;
}
.md1_prgrph{
    margin-top: 1%;
    font-size: 1.13em;
    text-align: left;
    margin-left: 1%;
    line-height: 1.3em;
}
.md1_img2{
   width: 42%;    
   border-radius: 3px;
   text-align: center;
   margin: 5px 0px 5px 18vw;
}
.md1_biglink{
    margin: 5px 0px 0px 20%;
    /* border: 2px solid red;
    padding-top: 10px; */
    font-size: 1.6vw;
    text-decoration: none;
    color: rgb(1, 98, 255);
}
.md1_biglink:hover{
    margin: 7px 0px 0px 20%;
    font-size: 1.303em;
    text-decoration: underline;
    transition-duration: 0.2s;
     color: rgb(6, 67, 250);
}
.md1_link{
    text-decoration: none;
    color: rgb(6, 79, 250);
    font-size: 1.015em;
    transition-duration: 0.2s;
}
.md1_link:hover{
    text-decoration: underline;
    color: rgb(6, 79, 250);
    font-size: 1.022em;
}
/* Here the style of the ist main part ends */
/* Hey note that from here the styleof second main part starts from here */
.main_div2{
    margin: 0vh 1vw 1vw 10vw;
    width: 75vw;
    padding: 1vh 2vw 0.5vh 2vw;
    /* border: 2px solid hotpink; */
    background-color: rgb(253, 252, 252);
    border-radius: 20px; 
}
.md2_h2{
    font-size: 1.7em;
    margin-left: 0.25%;
    color: #121212;
}
.md2_prgrph{
    margin-top: 1%;
    font-size: 1.13em;
    text-align: left;
    margin-left: 1%;
    line-height: 1.5em;
}
.md2_img{
    width: 58%;    
    border-radius: 3px;
    text-align: center;
    margin: 5px 0px 5px 23%;
 }
 
 .md2_listitem b{
    font-size: 1.3em;
    line-height: 1.7em;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }
.md2_li_prgrph{
    margin-left: 1.48vw;
    font-size: 1.12em;
    line-height: 1.19em ;
    margin-top: 3px;
    margin-bottom: 2px;
}

/* Here is the style of the main part i.e article of the page */
.articles_class{
    border: 2px solid rgb(252, 254, 255);
    text-align: center;
   
    background-color: aliceblue;
    margin: 20px 0px 25px 16vw;
    width: 68.5vw;
    border-radius: 10px;
}
.articles_class p {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 22px;
   background-color:rgb(241, 248, 255);
   border-radius: 30px;
    width: 88%;
    margin: 10px 0px 5px 44px;
     vertical-align: baseline;   
}
.articles_class h3{
    font-size: 1.9em;
    /* border: 2px solid green; */
    padding: 8px 10px;
    text-align: left;
    text-decoration: none;
}
.article_class_link{
    padding: 5px 0px;
    text-align: left;
    text-decoration: none;
    color: darkblue;
    transition-duration: 0.2s;    
}
.article_class_link:hover {
    font-size: 1.005em;
    padding: 5px 0px;
    text-align: left;
    color: rgb(124, 0, 46);
    text-decoration: underline;    
}
.articles_class b{
    font-size: 1.22rem;
}
.articles_class img{
    /* border: 10px dotted purple; */
    margin: 5px 40px 0px 120px;
    width: 57%;
    border: 1px solid aliceblue;
    border-radius: 2px;
    box-shadow: 3px black;
}
  /* Hey the style of the main section has been ended over here   */
/* Hey , Note that the Styling of footer is  starting from Here */

.footer{
    background-color: rgb(33,51,67);
    width: 98.7vw;
    height: 440px;
}
@media screen and (max-width :800px) {
    .footer{
        height: 655px;
    }
}
.ftrtopdiv{
    position: relative;
    left: 1.1vw;
    top: 1.4vw;
}
/* footer top section Styling starts from here  */
.ftd_innerdiv{
  
  display: inline-block;
  position: relative;
  /* height: 200px; */
  width: 20vw;
  left: 6vw;
  top: 2vh;
  margin-right: 20px;
  margin-top: 10px;
  
}
.vertical_line{
    display:none;
background-color: white;
border: 1px solid  rgb(182, 199, 214);
width: 0px;
height: 200px;
position: relative;
top: 2vh;
margin-right: 5vw;
margin-left: 20px;


}
@media screen and (max-width:830px){
    .ftd_innerdiv{
        width: 40vw;
        /* left: 2vw; */
    }
}
.ftd_innerdiv li{
    list-style-type: none;
}
.footer_headings{
    font-size: 1.13em;
    text-transform: capitalize;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    text-align: left;

    }
.footer_links{
    color: rgb(182, 199, 214);
    text-decoration: none;
    line-height: 1.69em;
    
}
/* hovere property of links */
.footer_links:hover {
color: rgba(0, 208, 255, 0.838);
text-decoration: underline;
line-height: 1.7em;
padding: 10px 0px 10px 0px;
font-size: 1.05em;

}
/* footer bottom section styling starts from here  */
.footer_bsection_div{
    background-color: rgb(33,51,67);
    position: relative;
    top: 50px;
    float: center;
}
.fbd_innerdiv{
  color: white;
  position: relative;
  left: 35vw;
  top: 3vw;
  margin-bottom: 15px;
}
.fbd_id_h3{

    color: rgba(255, 255, 255, 0.66);
    font-family: 'Sedgwick Ave Display', cursive;
    font-size: 2.1rem;
    font-weight: 400;
    position: relative;
    left: 20px;

    
}
.fshare_link{
     
}
.fshare_link_img{
    width: 27px ;
    position:relative;
    left: 13px;
    margin-right: 7px;
    box-shadow: 0px 0px 5px rgba(192, 190, 190, 0.886);
    height: 27px;
    border-radius: 20px;
    display: inline-block;
}
.fshare_link_img:hover{
    transition-duration: 100ms;
    width: 30px ;
    position:relative;
    left: 13px;
    margin-right: 7px;
    box-shadow: 0px 0px 5px rgba(192, 190, 190, 0.886);
    height: 30px;
    border-radius: 20px;
    display: inline-block;
}
.fcopyright_button{
    
    color: rgba(255, 255, 255, 0.523);
    font-family: serif;
    font-size: 0.7rem;
    position: relative;
    left: -25px;    
}