h1,h2,h3{
    font-family: 'PlayfairDisplay-Bold';
}
p{
    font-family: 'Lato-Regular';

}
hr{
    color: white;
    margin-bottom: 40px;
}
@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('./assets/fonts/PlayfairDisplay-Bold.ttf') format('TrueType');
    /* font-weight: bold; */
    /* font-style: normal; */
    /* font-display: swap; */
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('./assets/fonts/Lato-Regular.ttf') format('TrueType');
    /* font-weight: bold; */
    /* font-style: normal; */
    /* font-display: swap; */
}
#owl-carousel .owl-nav .owl-prev, #owl-carousel .owl-nav .owl-next{
    position: absolute;
    top: -14%;
    transform: translateY(-50%);
    font-size: 60px;
   width: 50px;
   height: 50px;
   background: #ffffff;
   line-height: 20px;
   border: 1px solid #c1b696;
   border-radius: 100%;
   }
   
   #owl-carousel .owl-nav .owl-prev{
    left: 90%;
   }
   #owl-carousel .owl-nav .owl-prev span, #owl-carousel .owl-nav .owl-next span{
       height: 34px;
       min-height: 0;
       display: inline-block;
       color: #c1b696;
    }
   #owl-carousel .owl-nav .owl-prev:hover span, #owl-carousel .owl-nav .owl-next:hover span{
    color: black;
   }
   #owl-carousel .owl-nav .owl-next{
       right: 0;
   }
  


   #owl-carousel-2 .owl-nav .owl-prev, #owl-carousel-2 .owl-nav .owl-next{
    position: absolute;
    top: -22%;
    transform: translateY(-50%);
    font-size: 60px;
   width: 50px;
   height: 50px;
   background:black;
   line-height: 20px;
   border: 1px solid #c1b696;
   border-radius: 100%;
   }
   
   #owl-carousel-2 .owl-nav .owl-prev{
    left: 90%;
   }
   #owl-carousel-2 .owl-nav .owl-prev span, #owl-carousel-2 .owl-nav .owl-next span{
       height: 34px;
       min-height: 0;
       display: inline-block;
       color: #c1b696;
    }
   #owl-carousel-2 .owl-nav .owl-prev:hover span, #owl-carousel-2 .owl-nav .owl-next:hover span{
    color:white;
   }
   #owl-carousel-2 .owl-nav .owl-next{
       right: 0;
   }
   #owl-carousel-2 .item {
    padding: 94px 30px;
    background: #1d1f21b8;
}
   
   #owl-carousel-2 .item img{
width:auto;   
margin: 10px auto;
}
.website-logo a{
    text-decoration: none;
}
.website-division{
    background-color:#272A2D;
    padding: 30px 0px;

}
.header{
    background-color: #2C3033;
    padding: 20px 0px;

}
.header .nav-link{
    color: white;
    font-weight: bold;
    padding: 0px 25px;

}
.navbar-light .navbar-toggler {
   background-color: #c1b696;
}

.navbar  li.nav-item{
    padding: 0px 20px;
}
.navbar  li.nav-item a.nav-link{
    color: white;
    font-weight: bold;
    text-align: center!important;
}
.navbar li.nav-item a.nav-link:hover{
    color: #c1b696;
}
.custom-nav li.nav-item a.nav-link.active{
    color: #c1b696;
}
/* contact-us page css */
.get-in-touch{
    background-color:#272A2D;
    padding: 50px 0px;
    /* margin: 50px 0px; */
}
.get-in-touch h2{
    text-align: center;
    font-weight: bold;
    color: #c1b696;
padding-bottom: 20px;
font-size: 45px;
}
.get-in-touch .form-label {
    font-weight: bold;
}
.get-in-touch .form-control {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.form-box{
    background-color: white;
    padding: 40px 40px;
    border-radius: 20px;
}
.signing-button{
    background-color:#c1b696;
    color:black;
    font-weight: bold;
    padding: 10px 40px;
    border-radius: 10px;
    border: none;
}
button.signing-button:hover{
    background-color: black;
    color: white;
}
.maps-section {
    background-color: #272A2D;
    padding: 50px 0px;
}
/* contact-us-page css ends */


.banner-section{
    background-image:url('../images/banner_1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:680px;
    padding:50px 0px;
}
.banner-section h1{
padding: 30px 0px;
}
.banner-section p{
font-size:20px;
}
.banner-responsive-section{
    display: none;
}

.form-banner{
    background-image:url('../images/3-2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:auto;
    padding:50px 0px;
}
.form-banner h2{
    padding-bottom: 50px;
}
.team-members{
    padding: 100px 0px;

}
.team-members h2{
    
    font-weight: bold;
    font-size: 45px;
    padding-bottom: 40px;

}
.team-members h3{
    text-align: center;
    padding-top: 10px;
}
.team-members p{
    text-align: center;
    font-size: 20px;


}

.area-of-practice{
    background-image:url('../images/2--.jpg');
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    height:auto;
    padding: 125px 0px;

}
.area-of-practice h2{
    font-weight: bold;
    font-size: 45px;
    padding-bottom: 40px;
color: white;

}
.area-of-practice p{
    font-weight: 500;
    font-size: 30px;
    /* padding-top: 40px; */
color: white;
text-align: center;

}

.form-banner .span1{
    font-size: 120px;
    color: #c1b696;
}
.form-banner .span2{
    padding-left: 70px;
    margin-top: -100px;
    color: white;
}
.form-banner .form-control{
    border: 2px solid #ced4da;
    background-color:#292D33;
    margin: 10px 0px;
    color: white;
    
}
/* .form-banner input::placeholder {
    color: #c1b696;
    opacity: 1; 
  } */
  
  
.appointment-button{
    background-color:#c1b696;
    color:black;
    font-weight: bold;
    padding: 10px 40px;
    /* border-radius: 10px; */
    border: none;
}
button.appointment-button:hover{
    background-color: white;
    color: black;
}
 /* teams css */
 .nav-pills  button.nav-link.active{
    color: #c1b696;
}
 .tabs-section {
    padding: 100px 0px;
}
.tabs-section .nav-pills .nav-link.active{
    background-color:#F8F8F8;
    color: #c1b696;
}
.tabs-section .nav-link {
   color: black;
   text-align: left;
   font-size: 17px;
   }
   .tabs-section   .nav-link.active:hover,.nav-link:hover {
    color: #c1b696;
}
.anchor-tabs-division {
    background-color: #F8F8F8;
   
    margin: 0px 30px 0px 0px;
}

.anchor-tabs-division .nav-link:last-child{
    padding-bottom: 20px;
}


.anchor-tabs-division h2{

    padding: 10px 15px;
}
#v-pills-tabContent {
    /* margin: 0px 70px; */
    border: 1px solid #dadada;
}
p.image-bottom-text{
text-align: center;
background-color: #C5BA9D;
padding: 18px;
color: white;
font-weight: bold;
font-size: 30px;
margin-bottom: 0px;
}
.image-right-text{
    padding-left: 20px;
}
.image-right-text span{
    color: black;
    font-weight: bold;
    padding-right: 5px;
}
.image-right-text p{
    color: #C5BA9D;
    font-size: 20px;
}
.image-right-text a{
    color: #C5BA9D;
    /* font-size: 20px; */
    text-decoration: none;
}


.align-items-start {
    padding-left: 20px;

}
.tabs-section .nav-link-after.active::after, .nav-link-after::after {
    height: 1px;
    background:#dadada;
    content: "";
    display: block;
    width: 300px;
    margin-top: 10px;
}
.tabs-image-division{
border: 1px solid grey;
}
/* team css ends */
/* practice areas css starts */
.practice-areas-banner{
    background-image:url('../images/banner_2_1920x700.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:560px;
    padding:50px 0px;
}
.practice-areas-banner h1{
color: #C5BA9D;
font-size: 60px;
padding: 183px 0px;
font-weight: bold;
text-align: center;
}

.practice-areas-sections{
    background-color: black;
    padding: 50px 0px;
}
.image-division img{
    width: auto;
    margin: 10px auto;
    display: block;
}
.image-division p{
   text-align: center;
   color: white;
   font-size: 30px;
   font-weight: 500;
}
.image-division{
    padding: 94px 30px;
    background: #1d1f21b8;
}
footer{
    background-color: #2C3033;
       padding: 80px 0px;
}
footer h4{
    color: #c1b696;
    font-weight: bold;
}
footer p{
    color: white;
    font-weight: 500;
    padding: 20px 0px;
}

.quick-links {
    padding-left: 190px;
}
.quick-links li{
list-style: none;
padding-bottom: 10px;

}
.quick-links a{
    color: white;

    font-weight: 500;
    text-decoration: none;
}
.quick-links a:hover{
    color: #c1b696;

}
.contact-info {
    padding-left: 130px;
}
.contact-info li{
    list-style: none;
   padding-bottom: 10px;
    }
.contact-info a{
    color: white;
    font-weight: 500;
    text-decoration: none;
}
.contact-info a:hover{
    color: #c1b696;

}
.articles-section{
    background-color: #272A2D;
    padding-bottom: 30px;
}
.articles-section h1{
    
    color: #C1B696;
    font-weight: bold;
    font-size: 70px;
    padding: 50px 0px;
}
.articles-section h2{
    font-weight: 500;
    color: white;
    font-size: 25px;
}
.articles-section p{
    color: #8a8a91;
    font-size: 20px;
    padding-bottom: 5px;
}
.anchor-align{
    text-align: right;
    font-size: 30px;
}
.anchor-align a {
    color: #C1B696;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width:1400px) {
    #owl-carousel .owl-nav .owl-prev {
        left: 80%;
    }
    #owl-carousel .owl-nav .owl-prev, #owl-carousel .owl-nav .owl-next {
        top: -20%;
        }
        #owl-carousel-2 .owl-nav .owl-prev {
            left: 80%;
        }
        #owl-carousel-2 .owl-nav .owl-prev, #owl-carousel-2 .owl-nav .owl-next {
            top: -20%;
            }
}
@media screen and (max-width:1200px) {
    .image-division {
       
        min-height: 400px;
    }
.image-division p {
  
    font-size: 25px;
}
.tabs-section .nav-link-after.active::after, .nav-link-after::after {
   
    width: 100%;
}
.tabs-section .nav-link {
    text-align: center;
    font-size: 30px;
}
.anchor-tabs-division h2 {
    text-align: center;
    font-size: 45px;
}
.d-flex{
    display: block!important;
}
.anchor-tabs-division {
    margin: 0px 0px 40px 0px;
}
.image-right-text p {
    font-size: 25px;
}
}

@media screen and (max-width:1024px) {
    .nav-items-padding {
        padding-left:90px;
    }
    .banner-section{
        display: none;
    }
    .banner-responsive-section{
        display: block;
        background-color: black;
        padding: 40px 0px;
    }
    
    .banner-responsive-section h1{
        padding: 30px 0px;
        color: white;
        font-weight: bold;
        text-align: center;
        font-size: 25px;
        }
        .banner-responsive-section p{
        font-size:20px;
        
        color: white;
        text-align: center;
    }
    #owl-carousel .owl-nav .owl-prev, #owl-carousel .owl-nav .owl-next{
        top: -19%;
        }
        #owl-carousel-2 .owl-nav .owl-prev{
            left: 80%;
        }
        #owl-carousel-2 .owl-nav .owl-prev, #owl-carousel-2 .owl-nav .owl-next{
            top: -21%;
            }
            #owl-carousel .owl-nav .owl-prev{
                left: 80%;
            }
        .form-banner{
            background-position:0%;
              }
  
    .quick-links {
        text-align: center;
        padding-left: 0px;
    }
    .contact-info {
        text-align: center;
        padding-right: 0px;
        padding-left: 0px;
    }
    .image-division{
       
        min-height: 385px;
    }
    .image-division p {
        font-size: 20px;
    }
    .d-flex{
        display: block!important;
    }
    .tabs-section .nav-link-after.active::after, .nav-link-after::after {
        
        width: 645px;
    }
    .anchor-tabs-division {
        background-color: #F8F8F8;
        margin: 0px 0px 30px 0px;
    }
    .anchor-tabs-division h2 {
        text-align: center;
        font-size: 45px;
    }
    .tabs-section .nav-link {
        text-align: center;
        font-size: 30px;
    }
    .image-right-text {
        padding-left: 0px;
    }
    .image-right-text p {
        font-size: 20px;
    }
    .practice-areas-banner {
      
        background-position:0%;
       
    }
   
    footer h4{
        padding-bottom: 10px;
    }
    footer p {
   
        text-align: center;
    }
}
@media screen and (max-width:990px) {
    .nav-items-padding{
        padding-left:0px;
    }
    .navbar li.nav-item a.nav-link {
        padding-bottom: 15px;
    }
    
    }







    @media screen and (max-width:768px) {
        .nav-items-padding{
            padding-left:0px;
        }
        
        #owl-carousel .owl-nav .owl-prev {
            left: 75%;
        }
#owl-carousel .owl-nav .owl-prev, #owl-carousel .owl-nav .owl-next {
   top: -15%;
   }
   #owl-carousel-2 .owl-nav .owl-prev {
    left: 75%;
}
#owl-carousel-2 .owl-nav .owl-prev, #owl-carousel-2 .owl-nav .owl-next {
top: -21%;
}
.form-banner{
  background-position:0%;
    }
    .tabs-section .nav-link-after.active::after, .nav-link-after::after {
        width: 460px;
    }
    .image-right-text{
        padding: 20px 20px;
        text-align: center;
    }
    .quick-links {
                text-align: center;
                padding-left: 0px;
        

    }
    .contact-info {
        padding-left: 0px;
        text-align: center;
        padding-right: 0px;
    }
}


@media screen and (max-width:480px) {
    .nav-items-padding{
        padding-left:0px;
    }
    .banner-section{
        display: none;
    }
    .banner-responsive-section{
        display: block;
        background-color: black;
        padding: 40px 0px;
    }
    
    .banner-responsive-section h1{
        padding: 30px 0px;
        color: white;
        font-weight: bold;
        text-align: center;
        font-size: 25px;
        }
        .banner-responsive-section p{
        font-size:20px;
        
        color: white;
        text-align: center;
    }
    .team-members h2 {
       text-align: center;
    }
    .area-of-practice h2 {
       text-align: center;
    }
    #owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
#owl-carousel .owl-nav .owl-prev, #owl-carousel .owl-nav .owl-next {
top: 45%;
}
#owl-carousel-2 .owl-nav .owl-prev {
    left: 0;
}
#owl-carousel-2 .owl-nav .owl-prev, #owl-carousel-2 .owl-nav .owl-next {
top: 45%;
}
.form-banner{
  
    background-position:0%;
   
}
/* practice-areas  */
.image-division {
   
    margin-bottom: 30px;
}


.d-flex{
    display: block!important;
}
.anchor-tabs-division {
    margin: 0px 10px 30px 0px;
}
.tabs-section .nav-link-after.active::after, .nav-link-after::after {
   
    width: 270px;
}
#v-pills-tabContent {
    margin-right: 15px;
}
.image-right-text{
    padding: 20px 10px;
    text-align: center;
}
.tabs-section .nav-link {
   font-size: 20px;
}
/* news page queries */
.articles-section h1 {
    text-align: center;
}
.articles-section h2 {
    font-weight: 500;
    text-align: center;
}
.articles-section p {
   text-align: center;
}
.anchor-align {
    text-align: center;
    font-size: 30px;
}


   footer h4{
       padding-bottom: 10px;
   }
   footer p {
   
    text-align: center;
}
    .quick-links {
padding-right: 50px;
        text-align: center;
        padding-left: 0px;

    }
    .contact-info {
        padding-right: 50px;
        text-align: center;
    }
}