@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

html {

  scroll-behavior: smooth;

}



:root {

  --primary-color: #1070A8;

  --secondary-color:#56B7E1;

  --light-black:#FFFFFF4D;

  --body-font:"Archivo", sans-serif;

  --body-font-size: 18px;

}

body {font-family: var(--body-font);color: rgb(0, 0, 0);background-color: #ffffff;}

p{font-size: 18px;font-weight: 400;line-height: 28px;color: #555555;}

.text-grey{color: #555555 !important;}

.font-500{font-weight: 500;}

.font-400{font-weight: 400;}

.mb-30{margin-bottom: 30px;}

.mt-30{margin-top: 30px;}

.text-primary{color: var(--primary-color) !important;}

.container { max-width: 1300px;}

section {padding-top: 50px;padding-bottom: 50px;}

.text-16{font-size: 16px;line-height: 26px;}

.text-18{font-size: 18px;}

.text-20{font-size: 20px;line-height: 30px;}

.mt-20{margin-top: 20px;}

.mb-20{margin-bottom: 20px}

.mt-30{margin-top: 30px;}

.mb-30{margin-bottom: 30px}

.section-heading h3{font-weight: 500;font-size: 32px;color: #212121;line-height: 46px;}

.section-heading span{color: var(--primary-color);text-transform: uppercase;font-size: 18px;font-weight: 500;}



.section-heading.light span{color: #B9EAFF;}

.heading-topic{color: var(--primary-color);border-left: 3px solid var(--primary-color);padding-left: 10px;font-size: 28px; font-weight: 500;}

.font-semibold{font-weight: 600 !important;}

ul li{list-style: none;}

.theme-btn {font-size: 17px;font-weight: 500;padding: 12px 55px 12px 23px;border-radius: 8px;cursor: pointer;background-image: url(../images/btn-arrow.svg);background-repeat: no-repeat;background-position: center right 20px;background-size: auto;text-decoration: none;border: 1px solid;

   transition: all 0.4s ease;;

}

.theme-btn.dark{background-color:var(--primary-color);color: white;border-color: #FA70701A;}

.theme-btn.light{background-color: var(--secondary-color);color: white;border-color: #5F89AB1A;}

.theme-btn.grey{background-color: #FFFFFF4D;color: #ffffff;border-color: #FA70701A;}

.theme-btn.light-white{background-color: #FFFFFF4D;color: #000000;border-color: #FA70701A;background-image: url(../images/btn-arrow.svg);}

/* ------------------------------------------------------------- */

/* header css start */

.header-top-inner{padding: 7px 0;}

.header-top-left{gap: 40px;}

.header-top-para{font-size: 15px;font-weight: 400;color: #FFFFFF;}

.header-item a{font-size: 16px;font-weight: 500;color: #FFFFFF;    padding: 30px 21px !important;border-bottom: 3px solid transparent;}

.header-item a:hover,.header-item a.active{border-bottom: 3px solid var(--secondary-color);color: var(--secondary-color) !important;}

.header-mid-container{    background-color: #FFFFFF33;border-radius: 0;}

.header{position: absolute;top: 0;width: 100%;z-index: 99;}

.sticky-nav {position: fixed;top: 0;left: 0;width: 100%;background-color: #00000059 !important;z-index: 999;transition: all 0.3s ease;border-radius: 0;backdrop-filter: blur(27px);    margin-top: 0 !important;}

.contactbtn a{padding: 12px 55px 12px 23px !important;}

.contactbtn a:hover{border-bottom: none;color: #fff !important;}

/* header css end */

/* banner section start */

.banner-slider-item{background-repeat: no-repeat;background-position: center;background-size: cover;

  /* padding-top: 295px;padding-bottom: 250px; */

   height: 100vh;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding: 0;

}

.banner-heading{font-size: 60px;font-weight: 700;color: #FFFFFF;}



.banner-content {max-width: 750px;margin-top: 76px;}

.banner-content span{font-size: 17px;font-weight: 500; text-transform: uppercase;color: #fff;}

.banner-para{font-size: var(--body-font-size);font-weight: 500;line-height: 28px;color: #FFFFFF;}

.banner-btns{gap: 14px;margin-top: 50px;}



.main-banner-sec .banner-slider .slick-dots { bottom: 35px;}

.main-banner-sec .banner-slider .slick-dots li {margin: 0;}

.main-banner-sec .banner-slider .slick-dots li button {background: #949494;width: 12px; height: 12px;}

.main-banner-sec .banner-slider .slick-dots li.slick-active button {background:var(--primary-color);width: 12px; height: 12px;}

.main-banner-sec .banner-slider .slick-dots li button:before {color: #949494;opacity: 1;border-radius: 0;   content: none;  }

.main-banner-sec .banner-slider .slick-dotted.slick-slider {margin-bottom: 0;}

.main-banner-sec .banner-slider .slick-dots {left: 100px;display: flex;flex-direction: column;top: 50%;width: fit-content;}

.slick-dotted.slick-slider {margin-bottom: 0;}

.scroll-down{position: absolute;bottom: 10px;transform: translateX(50%);right: 50%;}

/* banner section end */

/* about start */

.about-us-sec{background-image: url("../images/about-bg.png"); background-position: bottom left;background-repeat: no-repeat;}

.about-left{border-right: 2px solid #D9D9D9;padding-right: 30px;    padding: 20px 0;}

.about-right{padding-left: 30px;}

p .dark{color: black;font-weight: 500;}

.page-link{color: #1070A8;text-decoration: underline;}

.about-left {padding-right: 30px;}

/* about end */

/* practice start */

.practice-area-section{background-image: url("../images/practice-bg.webp");background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}

.practice-area-section::before { content: ""; position: absolute; inset: 0;  background-color: #000000D9;  z-index: 0;}

.practice-card{background-color: #262B2F;border-radius: 10px;padding: 30px 20px; height: 100%;    transition: all 0.4s ease;

    transform: translateY(0);}

.p-icon{background-color: #56B7E11A;width: 80px;height: 80px;border-radius: 10px;display: flex;align-items: center;justify-content: center;}

.p-card-content h3{color: #fff;font-size: 18px;font-weight: 500;line-height: 26px;}

.p-card-content p{color: #A3A3A3;font-size: 16px;font-weight: 500;line-height: 24px;}

.readmore-btn{color: #56B7E1;text-decoration: none;font-size: 16px;font-weight: 500;}

/* practice end */

/* happy client sec start */

.client-card{border-right: 1px solid #D9D9D933;padding-right: 10px;}

.happy-section .col-lg-3:last-child .client-card {border-right: none;}

.happy-section{background-color: var(--primary-color);padding: 30px 0;}

.client-right h3{font-size: 36px;font-weight: 500;color: #fff;}

/* happy client sec end */



/* news section start */

.news-section{background-color: #003555;}

.news-right{ height: 100%;padding: 70px 0;padding-left: 50px;display: flex;flex-direction: column;justify-content: center;}

.new-left{height: 100%;}

.new-left .leftbg{height: 100%;    object-fit: cover;}

/* news section end */

.news-timeline {position: relative;padding-left: 27px;margin-top: 30px;max-width: 548px;

}

.news-timeline::before{content: "";position: absolute;border-left: 1px dashed #B2B2B2;height: 86%;

    left: 24px;

    top: 9px;}



.news-list li {position: relative;padding-left: 25px;margin-bottom: 20px;font-size: 18px;font-weight: 400;color: #E2E2E2;}



.news-list li::before {content: "";position: absolute;left: -13px;top: 5px;width: 22px;height: 22px;background-color:transparent;border: 1px solid #B2B2B2;border-radius: 50%;

}

.news-list li::after {content: "";position: absolute;left: -10px;top: 8px;width: 16px;height: 16px;background-color: #b2b2b2;border: 1px solid #B2B2B2;

border-radius: 50%;

}

.news-list li:hover {color: #99DAFF;}

.news-list li:hover::before{ 

  border: 1px solid #99DAFF;}

  .news-list li:hover::after{ 

  background-color: #99DAFF;}

  .news-section .banner-btn {padding-left: 25px;}

  .playbtn{width: 100px;height: 100px;background-color: #003555;border-radius: 20px 0px 0px 20px;display: flex;align-items: center;justify-content: center;    position: absolute;top: 45%;right: 0;border: none;}

  

  /* testimonial section */

  .testimonial-icon{flex: 0 0 80px;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;background-color: var(--primary-color);border-radius: 10px;}

  .testimonial-left{padding-right: 30px;}

  .ppimage img{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;}

  .testimonial-slider-item{background-color: #F5F5F5;border-radius: 20px;padding: 26px;margin-right: 20px;}

  .testimonial-profile{border-bottom: 2px solid #D9D9D9;padding-bottom: 30px;}

  .custom-arrow{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #323232;border-radius: 50%;}

    .custom-arrow:hover{background-color: #323232;}

    .testimonial-sec .slick-next:before {

    content: '→';

    display: none;

}

.custom-arrow:focus{background-color: #323232;}

.testimonial-sec .slick-next {right: 0;}

/* 

footer style here */

footer{padding-top: 60px;background-color: #0F212C;color: #ffffff;}

.footer-item h5{font-size: 18px;font-weight: 600;}

.footer-content h5{font-size: 21px;font-weight: 700;color: #ffffff;}

.footer-links{list-style: none;padding-left: 0;}

.footer-links li a{font-size: 15px;font-weight: 400;line-height: 40px;color: #DCDCDC;text-decoration: none;}

.footer-links span{ margin-right: 7px;}

.footer-content p{font-size: 15px;font-weight: 400;line-height: 24px;color: #ffffff;max-width: 339px;}

.footer-address h5{text-transform: uppercase;font-size: 16px;font-weight: 400;color: #fff;}

.footer-address p{font-size: 17px;font-weight: 400;color: #fff;}

.footer-item-divider{gap:30px  ;}

.footer-contact-content{padding: 3px 0;border-top: 2px solid #FFFFFF1A;border-bottom: 2px solid #FFFFFF1A;}

.footer-contact-content p{font-size: 17px;font-weight: 400;line-height: 26px;color: #fff;}

.footer-contact-content p span a{color:#56B7E1;text-decoration: underline;}

.footer-bottom {padding: 20px 0;}

.footer-bottom p{font-size: 15px;font-weight: 400;color: #fff;}

.footer-bottom p a{color: #fff;text-decoration: none;}

.contact-card{background-color: var(--primary-color);    margin-top: -144px;}

.contact-top-content{    padding: 60px 35px;}

.contact-top-content h3{font-size: 26px;font-weight: 700;color: #fff;line-height: 40px;margin: 10px 0;}

.contact-top-content p{line-height: 26px;margin: 10px 0;}

.user-contact{    position: absolute;top: 24px;right: 20px;}

.user-contact img{    width: 124px;height: 125px;}

.join-form .form-control{background-color: #FFFFFF26;border-radius: 10px;color: #fff;border: none;padding: 14px 20px;font-size: 16px;font-weight: 500;}

.join-form .form-control::placeholder{color: #fff;}

.join-form .form-control:focus{border: 1px solid #fff;}

.join-btn{font-size: 17px; font-weight: 500;   color: var(--primary-color);     padding: 12px 23px 12px 23px;

border-radius: 8px;cursor: pointer;background-color: #fff;border: none;width: 100%;}

.contact-card-bottom {background-color: #084B72;display: flex; align-items: center;justify-content: center;padding: 20px;}

.footer-text h3{font-size: 26px;font-weight: 500;color: #000000;line-height: 22px;}

.contact-us-sec{padding-top: 32px;}

/* breadcrumb section */

.breadcrumb-sec{background-image: url('../images/breadcrumb.png');background-repeat: no-repeat;background-size: cover;background-position: center;

position: relative;padding: 60px 0;}

/* .breadcrumb-sec::before{content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: #0000005f;z-index: 0;} */

.breadcrumb-content{    padding-top: 140px;    max-width: 750px;}

.breadcrumb-content h3{font-size: 38px;font-weight: 500;color: #fff;}

.breadcrumb-content p{font-size: 18px;font-weight: 400;color: #fff;}

/* breadcrumb end */

/* about section css */

.about-sec-left{height: 540px; padding-right: 35px;}

.about-sec-left img{height: 100%;object-fit: cover;border-radius: 30px;width: 100%;}

/* contact-page start */

 .contact-detail-sec img{width: 45px;}

  .contact-form .form-control {color: #555555;font-size: 16px;font-weight: 400;margin-bottom: 15px;border-radius: 10px;border: none;padding: 12px 16px;}

  .form-control:focus { box-shadow: none; border: 1px solid #000000; }

  .contact-right {padding: 40px;background-color: #F5F5F5;}

.contact-detail-sec img{width: 45px;}

  .contact-detail h6{margin-bottom: 7px;text-transform: uppercase;color: var(--primary-color);font-size: 14px;font-weight: 600;}

.contact-detail p{color: #000000;}

.contact-content{padding-right: 50px;}

.contact-right-heading h5{font-size: 24px;font-weight: 600;color: #000229;}

.contac-right-outer{padding-left: 30px;}

.map-container iframe{width: 100%;height: 371px;}

.section-heading-small h3{    font-size: 28px;line-height: 40px;font-weight: 500;}

.section-heading-small span{color: var(--primary-color);}

/* contact end */

/* practice area page */

.practice-area-section-page .practice-card{background-color: #f5f5f5;       border-bottom: 2px solid var(--primary-color);}

.practice-area-section-page .p-icon {background-color: var(--primary-color);}

.practice-area-section-page .p-card-content h3{color: black;}

.practice-area-section-page .p-card-content p{color: #555555;}

.practice-area-section-page .practice-card:hover{border-bottom: #003555;}

.practice-area-section-page .practice-card:hover .p-card-content h3{color: rgb(255, 255, 255);}

.practice-area-section-page .practice-card:hover .p-card-content p{color: #A3A3A3;}

/* practice area detail page */

.practice-area-list-card{    background-color: #f5f5f5;border-radius: 0;padding: 40px;}

.practice-area-list-card h5{font-size: 22px;font-weight: 600;margin-bottom: 30px;}

.practice-area-list {padding-left: 0;}

.practice-area-list li{    list-style: none;margin-bottom: 15px;}

.practice-area-list li .plist{    font-size: 16px;font-weight: 500; padding: 12px 45px 12px 25px; border-radius: 0px; cursor: pointer; display: block; width: 100%; background-image: url("../images/arrow-up-blue.png");background-repeat: no-repeat;background-position: center right 20px;background-size: auto; text-decoration: none; border:none;text-decoration: none; transition: all 0.4s ease;

background-color: #fff;color: black; transition: all 0.3s ease-in-out;}

.practice-area-list li:hover .plist{background-color: var(--primary-color);color: #fff;background-image: url("../images/btn-arrow.svg");}

.practice-area-list .plist.active{background-color: var(--primary-color);color: #fff;background-image: url("../images/btn-arrow.svg");}

.contact-icon {flex: 0 0 45px;height: 45px;width: 45px;display: flex;align-items: center;justify-content: center;background-color: var(--primary-color);border-radius: 10px;}

.contact-icon img{width: 24px;height: 24px;}

.property-detail-image img{height: 490px;object-fit:cover;}

.pd-heading{font-size: 30px;font-weight: 500;}



.search-container {display: flex;align-items: center;background: #f5f5f5;border-radius: 8px;overflow: hidden;padding: 5px;}

.search-input {border: none;outline: none;padding: 12px 12px 12px 45px; font-size: 16px;flex: 1; border-radius: 8px 0 0 8px;

  background: url("../images/search.png") no-repeat 12px center;background-size: 20px 20px; 

}

.search-input::placeholder {color: #aaa;}



.news-page-timeline{max-width: 100%;}

.news-page-timeline .news-list li a{color: black; text-decoration: none;}

.news-page-timeline .news-list li a:hover{color: var(--primary-color);}

.news-list li:hover::before{ 

  border: 1px solid var(--primary-color);}

  .news-list li:hover::after{ 

  background-color: var(--primary-color);}

  .news-card{background-color: #f5f5f5;padding: 40px;}

/* Attorney Card Styling */

.attorney-card {

  background: #f1faff;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  transition: all 0.3s ease-in-out;

    box-shadow: 0 5px 41px 0 rgba(0, 0, 0, 0.1);

  border-top: 5px solid var(--primary-color);

  height: 100%;

}

.attorny-card-top{padding: 25px;padding-bottom: 10px;    background-color: #ffffff;}

.attorney-bio{padding: 25px;

}

.attorney-card:hover {

  transform: translateY(-10px);

}



/* Header Section */

.attorney-header {

  margin-bottom: 15px;

}

/* Contact Info */

.attorney-contact {

  margin: 15px 0;

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.attorney-contact a {

    text-decoration: none;

    color: #555555;

    font-size: 16px;

    display: flex;

    align-items: center;

    gap: 14px;

    transition: color 0.2s ease;

}



.bio-head{padding-bottom: 15px;border-bottom: 2px solid #D9D9D9;margin-bottom: 15px;}

/* Bio Section */



 .news-accordians .accordion-item:first-of-type .accordion-button {

 background: #f5f5f5;

 border-radius: 0px;

 border: none;color: black;padding: 30px;justify-content: space-between;cursor: pointer;}

  .news-accordians .accordion-button.collapsed{

 background: #f5f5f5;

 border-radius: 0px;

 border: none;color: black;padding: 30px;justify-content: space-between;    cursor: pointer;}

   .news-accordians .accordion-button:not(.collapsed){

 background: #f5f5f5;

 border-radius: 0px;

 border: none;color: black;padding: 30px;justify-content: space-between;cursor: pointer;}

 .news-accordians .accordion-item{border: none;}

 .news-accordians .accordion-button:focus {border: none;box-shadow: none;}

 .news-accordians .accordion-body{background-color: #f5f5f5;padding: 30px;}

 .news-accordians .accordion-button .section-heading h3{    font-size: 28px;margin-bottom: 0;}

/*.news-accordians .news-timeline::before{height: 95%;}*/

.assiciates-section{background-color: #f5f5f5;}

.associates-card{background-color: #fff;padding: 20px;    border: 1px solid #dcdcdc;  border-radius: 8px;}

.associates-card h3{font-size: 20px;font-weight: 500;margin-bottom: 3px;}

.associates-card a{text-decoration: none;color: #737373;font-size: 16px;}

.associates-card {

  background-color: #fff;

  padding: 20px;

  border: 1px solid #dcdcdc;

  border-radius: 8px;

  border-left: 2px solid var(--primary-color);



  /* For background hover effect */

  background-image: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color) 100%);

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 0% 100%;

  transition: background-size 0.5s ease, color 0.5s ease;

}

.associates-card:hover {background-size: 100% 100%;color: #fff;}

.social-icons a{ transition: all 0.3s ease-in-out;}

.associates-card:hover a{color: #fff;}

.social-icons a:hover{opacity: 0.8;  transform: translateY(-5px);}

.footer-links li a{transition: all 0.3s ease-in-out;}

.footer-links li a:hover{color:#56B7E1;}

.fixed-btn{color: #fff;font-size: 17px;border-radius: 0;font-weight: 500;padding: 22px 10px;  writing-mode: vertical-rl;  text-orientation: mixed;  transform: rotate(180deg);  }

.fixed-btn.yellow{background-color: #ca9418;}

.fixed-btn.blue{background-color: #09abdb;}

.fixed-btn:hover{color: #fff;}

.side-buttons {position: fixed;top:30%;right: 0;display: flex;flex-direction: column;gap: 10px;z-index: 1000;}

.case-card{background-color: #f5f5f5;cursor: pointer;color: black;min-height: 100px;display: flex;align-items: center;justify-content: center;text-align: center;}

.pdf-img { border: 1px solid #e1e1e1;padding: 10px;}

.pdf-img img{width: 100px;height: 100px;}

.page-id-7 .news-list a:hover {color: #99DAFF;}

.page-id-7 .news-list a {color: #E2E2E2;text-decoration: none;}

#navbarSupportedContent li:nth-last-child(2) {display: none;}



.contact-btn-new input{background-color: transparent;padding: 0;border: none;color:white;font-size: 17px;font-weight: 500;    padding: 12px 55px 12px 23px;}

.contact-btn-new .wpcf7-spinner{position: absolute;    right: 20px;

}

.contact-btn-new p{margin-bottom: 0 !important;}

.contact-btn-new{padding: 0 !important;}

.page-id-25 .contact-us-sec {padding-top: 50px;}

body .uwy.userway_p1 .userway_buttons_wrapper{
      top: 140px !important;
}