/* 7/11/2022 css */


@font-face {
    font-family: "Graphik Bold";
    src: url("Graphik-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Proxima Nova Rg";
    src: url("ProximaNova-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Graphik Medium";
    src: url("Graphik-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Graphik Regular";
    src: url("Graphik-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.divider-40{
    height: 1px;
    margin-top:39px;
}
.divider-100{
    height: 1px;
    margin-top:99px;
}
.divider-20{
    height: 1px;
    margin-top:19px;
}
.divider-30{
    height: 1px;
    margin-top:29px;
}
html {
    scroll-padding-top: 130px;
}

#header nav.navbar.navbar-expand-lg {
    height: 126px;
    /* background-image: url("../images/BG\ IMAGE.jpg") !important;
    background-size: cover; */
    -webkit-box-shadow: 0 5px 15px -13px black;
       -moz-box-shadow: 0 5px 15px -13px black;
            box-shadow: 0 5px 15px -13px black;
    padding: 0px 40px 0px 40px;
    background: transparent;
}

    
    #header ul.navbar-nav.mx-auto.text-md-center.text-left a {
        color: #FFF;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        text-align: center;
    }

    #header ul.navbar-nav.mx-auto.text-md-center.text-left li {
        padding-left: 10px;
        padding-right: 10px;
    }

    #header li.nav-item.sign-in-link {
        margin-right: 10px;
    }


    #header li.nav-item.sign-in-link a {
        box-sizing: border-box;
        padding: 15px 20px;
        border-radius: 4px;
        color: #FFF;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        border: 1px solid #FFF;
    }

    #header li.nav-item.get-started-link a {
        border-radius: 4px;
        background-color: #000;
        color: #FFF;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        padding: 16px 20px;
    }


    .top-footer-section{
        /* height: 200px; */
        background-color: #FFF;
        padding-top: 20px;
    }

    .footer-para {
        color: #454545;
  font-family: "Proxima Nova Rg";
  font-size: 14px;
  line-height: 17px;
  text-align: center
    }

    .main-footer-links {
    padding: 0 10px;
    color: #000;
    font-family: "Proxima Nova Rg";
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
}
.main-footer-links:hover {
    color: #333333;
    text-decoration: none;
}

.footer-links {
    padding: 0 10px;
    color: #000;
    font-family: "Proxima Nova Rg";
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;

}
.footerbackground{
    padding:10px 0;
    background-color:black;
    width:100%;
}

.footer-copyright-text {
    color: #FFF;
    font-family: Open Sans!important;
    font-size: 13px;
    letter-spacing: -0.21px;
    line-height: 17px;
}

.bottom-footer-alm-logo{
    height:35px;
	width: 90px;
	padding-right: 10px;
}


.hero-1 {
    background-image: url("../images/BG\ IMAGE.jpg") !important;
    background-size: cover;
    height: 943px;
    padding: 276px 110px 150px 110px;
    margin-top: -126px;
   
}

.hero-1-text-container{
    width: 454px;
}

.hero-headings-white {
    color: #FFF;
    font-family: "Graphik Bold";
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 48px;
    margin-bottom: 20px;
}

.hero-1-para {
    color: #FFF;
  font-family: "Graphik Medium";
  font-size: 22px;
  letter-spacing: -0.73px;
  line-height: 30px;
  text-align: left;
}

.hero-1-btn {
    width: 196px;
  border-radius: 8px;
  background-color: #000;
  box-shadow: 0 0 18px 0 rgba(0,0,0,0.25);
  padding: 20px 20px;
  color: #FFF;
  font-family: "Graphik Bold";
  font-size: 20px;
  letter-spacing: -0.83px;
  line-height: 20px;
}

.hero-1-img {
    height: 541.9px;
    width: 926px;
    position: absolute;
    top: -30px;
    right: 50px;
}

.hero-2 {
    background-color: #F4F7FD;
    height: 550px;
    text-align: center;
    padding: 110px 110px 110px 110px;
}


.hero-headings {
    color: #000;
  font-family: "Graphik Bold";
  font-size: 48px;
  letter-spacing: -1px;
  line-height: 48px;
  text-align: center;
  margin-bottom: 40px;
  
}



.hero-2-desciption {
    width: 70%;
    margin: auto auto auto auto;
}

.hero-2-desciption-text {
    color: #000;
    font-family: "Graphik Medium";
    font-size: 22px;
    letter-spacing: -0.92px;
    line-height: 22px;
    text-align: center;
}

.hero-2-num {
    color: #0133B3;
    font-family: "Graphik Bold";
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
}

.search-form {
    width: 70%;
    margin: 50px auto auto auto;
  }
  
  .search-form > input {
    padding-left: 55px;
    background: url(../images/Search\ Icon.png) no-repeat left;
    background-position: 15px;
    height: 65px;
    border-radius: 50px;
    background-color: #FFF;
    box-shadow: 0 0 18px 0 rgb(0 0 0 / 25%);
  }
  
  .search-form > button {
    width: 191px;
  border-radius: 50px;
  background-color: #0133B3;
  box-shadow: 0 0 18px 0 rgba(0,0,0,0.25);
  margin-left: -50px;
  color: #FFF;
    font-family: "Graphik Bold";
    font-size: 20px;
    letter-spacing: -0.83px;
    line-height: 20px;
    text-decoration: none;
  }
  .search-form > button > a {
    color: #FFF;
    font-family: "Graphik Bold";
    font-size: 20px;
    letter-spacing: -0.83px;
    line-height: 20px;
    text-decoration: none;
  }

  .bold-text{
    color: #000;
    font-family: "Open Sans"; 

    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.75px;
    line-height: 25px;
    text-align: center;
  }
  .plain-text {
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: -0.75px;
    line-height: 25px;
    text-align: center;
  }
  .blue-text{
    color: #0133B3;
    font-family: "Graphik Regular";
    font-size: 30px;
    letter-spacing: -1.25px;
    line-height: 36px;
    text-align: center;
  }
  .hero-3 {
    background-color: white;
    height: 660px;
    text-align: center;
    padding: 110px 110px 110px 110px;
}

.hero-3-desciption {
    width: 80%;
    margin: auto;
}

.hero-4 {
    background-color: #F4F7FD;
    height: 800px;
    text-align: center;
    padding: 110px 110px 110px 110px;
}

.hero-4-desciption{
    width: 80%;
    margin: auto;  
}


.tool-card-heading {
    color: #000;
  font-family: "Graphik Medium";
  font-size: 22px;
  letter-spacing: -0.92px;
  line-height: 22px;
}

.hero-5 {
    background-color: #F4F7FD;
    height: 2000px;
    text-align: center;
    padding: 110px 80px 110px 80px;
}

.hero-5-headings{
    color: #000;
  font-family: "Graphik Bold";
  font-size: 30px;
  letter-spacing: -1.25px;
  line-height: 30px;
}

.text-left {
    text-align: left;
}


.hero-5-desciption{
    width: 80%;
    margin: auto;  
}

.hero-6 {
    background-color: #F4F7FD;
    height: 720px;
    text-align: center;
    padding: 110px 110px 110px 110px;
}

.hero-6-desciption {
    width: 80%;
    margin: auto;
}

#author-carousel img {
    height: 128px;
  width: 128px;
  border-radius: 100px;
}


.author-name {
    color: #000;
  font-family: "Graphik Medium";
  font-size: 22px;
  letter-spacing: -0.92px;
  line-height: 22px;
}

#author-carousel .carousel-indicators > button {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #E0E0E0;
  }
 

  

  #author-carousel .carousel-indicators {
      bottom: -40px;
     
  }


  #author-carousel .carousel-indicators .active{
    background-color: #000;
}


.hero-7 {
    background-image: url("../images/BG\ IMAGE.jpg") !important;
    background-size: cover;
    height: 400px;
    padding: 90px 110px 90px 110px;
    
}

.hero-7-desciption {
    width: 80%;
    margin: auto;
    text-align: center;
}

.hero-7-para {
    color: #FFF;
    font-family: "Graphik Regular";
    font-size: 30px;
    letter-spacing: -1.25px;
    line-height: 36px;
    text-align: center;
}
.hero-7-white-para{
    color: #FFF;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: -0.75px;
    line-height: 25px;
    text-align: center;
}

.hero-7-white-para a{
    color: #FFF; 
}



#floatingheader nav.navbar.navbar-expand-lg {
    height: 126px;
    background: white;
    -webkit-box-shadow: 0 5px 15px -13px black;
       -moz-box-shadow: 0 5px 15px -13px black;
            box-shadow: 0 5px 15px -13px black;
    padding: 0px 40px 0px 40px;
}

    
    #floatingheader ul.navbar-nav.mx-auto.text-md-center.text-left a {
        color: #000;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        text-align: center;
    }

    #floatingheader ul.navbar-nav.mx-auto.text-md-center.text-left li {
        padding-left: 10px;
        padding-right: 10px;
    }

    #floatingheader li.nav-item.sign-in-link {
        margin-right: 10px;
    }


    #floatingheader li.nav-item.sign-in-link a {
        box-sizing: border-box;
        padding: 15px 20px;
        border-radius: 4px;
        color: #000;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        border: 1px solid #000;
    }

    #floatingheader li.nav-item.get-started-link a {
        border-radius: 4px;
        background-color: #000;
        color: #FFF;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        padding: 16px 20px;
    }
    #floatingheader li.nav-item.get-started-link a:hover {
        color: var(--bs-link-hover-color);
    }

    #floatingheader {
        display: none;
    }
    #header li.nav-item.get-started-link a:hover {
        color: var(--bs-link-hover-color);
    }
    #floatingheader ul.navbar-nav.mx-auto.text-md-center.text-left a.nav-link{
        border-bottom: 4px solid white;
    }

    #floatingheader ul.navbar-nav.mx-auto.text-md-center.text-left a.nav-link.active{
        border-bottom: 4px solid #05C;
    }

    .hero-1-btn a {
        color: white;
        text-decoration: none;
    }

    .hero-1-signin {
        display: none;
    }


    #author-carousel-mobile{
        display: none;
    }


    .hero-1-inner-container , .hero-2-inner-container , .hero-3-inner-container , .hero-4-inner-container , .hero-5-inner-container , .hero-6-inner-container, .hero-7-inner-container{

        max-width: 1280px;
        margin: 0 auto;
    }

    .hero-1-inner-container {
        position: relative;
    }


    .practice-area-links a {
        color: black;
        text-decoration: none;
    }


    .search-form > button:hover {
        
        background-color: #0133B3;
    }

    .search-form > input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #4F4F4F;
        font-family: "Graphik Regular";
        font-size: 20px;
        letter-spacing: -0.83px;
        line-height: 20px;
        opacity: 1; /* Firefox */
      }
      
      .search-form > input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #4F4F4F;
        font-family: "Graphik Regular";
        font-size: 20px;
        letter-spacing: -0.83px;
        line-height: 20px;
      }
      
      .search-form > input::-ms-input-placeholder { /* Microsoft Edge */
        color: #4F4F4F;
        font-family: "Graphik Regular";
        font-size: 20px;
        letter-spacing: -0.83px;
        line-height: 20px;
      }

      .carousel-control-next > img , .carousel-control-prev > img {
          height: auto !important;
          width: auto !important;
      }


      .carousel-control-prev {
        position: absolute;
        top: -100px !important;
        left: -100px !important;

      }

      .carousel-control-next {
        position: absolute;
        top: -100px !important;
        right: -100px !important;

      }



      #get-started-header nav.navbar.navbar-expand-lg {
        height: 126px;
        background: white;
        -webkit-box-shadow: 0 5px 15px -13px black;
           -moz-box-shadow: 0 5px 15px -13px black;
                box-shadow: 0 5px 15px -13px black;
        padding: 0px 40px 0px 40px;
        opacity: .8;
    }
    

    #get-started-header a.navbar-brand {
        margin: 0 auto;
     }
        
     #get-started-header a.nav-link {
        color: #000;
     font-family: "Open Sans";
     font-size: 16px;
     font-weight: 700;
     letter-spacing: -0.67px;
     line-height: 22px;


     }

     #get-started-form-section{
         background-color: #F4F7FD;
        height: 1360px;
        margin-top: 126px;
       
        
        }

    
     #get-started-form-section p.form-desc {
        color: #828282;
        font-family: "Graphik Regular";
        font-size: 30px;
        letter-spacing: -1.25px;
        line-height: 40px;
        text-align: center;
     }

     p.get-started-contact{
        color: #000;
        font-family: "Graphik Regular";
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px;
        text-align: center;
     }

     p.get-started-contact > a{
        color: #000;
     }