/*@charset "utf-8";
/*..............embedded fonts..............*/
/*  font-family: "Marcellus", serif; / font-family: "Montserrat", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*..............embedded fonts..............*/

/*..............custom fonts..............*/
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('../fonts/AvenirNextLTPro-Demi.eot');
    src: url('../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*..............custom fonts..............*/

:root {
  --primary-font: 'Avenir Next LT Pro';
  --secondary-font: "Montserrat", sans-serif;
  --primary-color: #A2D45E;
  --secondary-color: #2C2C2C;
  --dark-green: #70B80E;
  --light-bg: #F9FFF0;
  --dark-bg: #E4EFD6;
  --gray: #9A9A9A;
  --black: #000000;
  --white: #FFFFFF;
}

 
/*..............common styles..............*/
html { overflow-x: hidden;  }
body { margin: 0; padding: 0; font-family: var(--secondary-font); font-size: clamp(1rem, 0.827rem + 0.462vw, 1.375rem); font-weight: 400; color:var(--secondary-color);overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin:0 0 30px; padding:0; color: var(--secondary-color); font-family: var(--primary-font); line-height: 1.2; }
h1{ font-size: clamp(2rem, 0.962rem + 2.769vw, 4.25rem); /* 68px */ } 
h2{ font-size: clamp(1.625rem, 0.76rem + 2.308vw, 3.5rem); /* 56px */ } 
h3{ font-size: clamp(1.375rem, 1.087rem + 0.769vw, 2rem); /* 32px */ }
h4{ font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); /* 20px */ }
h5{ font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); /* 18px */ }
/* h6{ font-size: clamp(1rem, 1rem + 0vw, 1rem); } */
p{ margin:0 0 30px; line-height: 1.46; }
p:last-child { margin-bottom: 0; }
p strong { font-weight: 600; }
strong { font-weight: normal; font-family: 'AvenirNextLTPro-Demi'; }

h1 span , h2 span{color: var(--primary-color);}

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var( --primary-color); outline: none; text-decoration: none; transition:all 0.6s ease;}
a:hover{ text-decoration:none;}


input, textarea, select, .form-control { font-family: var(--secondary-font); font-weight: 300; outline: none; background-color: transparent; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem) !important; color: #202656 !important; }
input[type="submit"]{font-family: var(--secondary-font); font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
input:not([type="submit"]) { height: 56px !important;}
input.form-control, textarea.form-control, select.form-control { box-shadow: none !important; resize: none; background: #ffffff33 !important; border: 1px solid #FFFFFF; padding: 24px 24px 6px ; border: 1px solid #EEEDEA !important; outline: none; box-shadow: none; }
.form-floating  select.form-control { appearance: none; -webkit-appearance: none; height: 56px !important; padding: 15px 40px 15px 24px !important; background: #ffffff33 url(../images/btm-arrow.svg) !important; background-repeat: no-repeat !important; background-position: 96% center !important; background-size: 12px !important;  }
.form-floating  select.form-control option { color: var(--secondary-color); }
textarea.form-control{ height: 100px !important; }
/* input.form-control, select.form-control  { border-radius: 5px; }  */
textarea.form-control { border-radius: 5px; } 
form label { transition: all 0.4s; }
.form-floating>label { background-color: var(--white)af1; padding: 0 10px; font-family: var(--secondary-font); font-weight: 300; color: #716B60; line-height: 1; height: auto; transform: scale(1) translateY(18px) translateX(14px); transition: all 0.4s; background: transparent; overflow: initial; }

input[type="checkbox"] { width: 18px; height: 18px !important; border: 1px solid #4D141F !important; border-radius: 3px !important; }
label.form-check-label { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); margin-bottom: 0 !important; }
.form-check-input:checked[type=checkbox] { background-color: #4D141F !important; }

::placeholder { color: #FFFFFF !important; opacity: 1; display: none; }
::-ms-input-placeholder { color: #FFFFFF !important; display: none; }
textarea.form-control::placeholder { color: #FFFFFF !important; display: none; }

.form-floating>.form-control{padding: 24px 24px 6px !important;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {  transform: translateY(11px) translateX(14px); height: auto; line-height: 1; font-size: 16px; color: var(--white); }
.contact-page-section .form-floating>.form-control-plaintext~label, .contact-page-section .form-floating>.form-control:focus~label, .contact-page-section .form-floating>.form-control:not(:placeholder-shown)~label, .contact-page-section .form-floating>.form-select~label { background-color: var(--white); }

.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after {  padding: 0 !important; display: none; } 


/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */


/* --- Button Styles --- */
.btn { justify-content: space-between; font-family: var(--secondary-font); overflow: hidden; position: relative; z-index: 1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; display: inline-flex; align-items: center; vertical-align: top; color: var(--white) !important; padding: 14px 39px 14px 39px; height: 56px; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); line-height: 1.5; border-radius: 0; font-weight: 500; border: none !important; background-size: 300%; background-image: linear-gradient(60deg, var(--primary-color) 50%, var(--dark-green) 50%); justify-content: center; }
/* .btn::before { height: 100%; width: 0%; content: ""; position: absolute; left: 0; top: 0;  background-color: var(--dark-green); z-index: -1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transform: scale(1); } */

  
/* .btn:hover { transform: translate(0px, 0px); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; color: var(--white) !important; background-color: var(--primary-color); } */
.btn:hover {
    background-position: 100%;
    /* transform: translateX(0.5rem); */
}
/* .btn:hover::before {  width: 100%; } */

.btn-white{    background-size: 300%; background-image: linear-gradient(60deg, var(--white) 50%, var(--dark-green) 50%); color: var(--dark-green) !important; font-family: 'AvenirNextLTPro-Demi';}
.btn-white:hover{color: var(--white) !important;}
/* --- Button Styles --- */
  

/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */


/*..............common styles..............*/
.common-padd { padding-top: 100px; padding-bottom: 100px; } 
.common-padd-bottom {  padding-bottom: 100px; } 
.common-padd-top {  padding-top: 100px; } 

.common-listing ul{list-style: none; margin: 0; padding: 0;}
.common-listing ul li{position: relative;     padding-left: 38px; margin-bottom: 16px;}
.common-listing ul li:before{content: '';position: absolute;left: 0;top: 5px;width: 22px;height: 22px; background: url(../images/right-arrow.svg);}


.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; } 

.p-relative { position: relative; }
.p-absolute { position: absolute; }
.grecaptcha-badge { visibility: hidden; }
/*..............common styles..............*/


/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar {width: 8px; height: 4px; }

/* Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 2px var(--primary-color); }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--primary-color); border-radius: 10px; }
/*-----scroll-bar-design----------*/
 
/*-----Header design----------*/
.main-header { padding: 20px 0; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); position: fixed; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 0;  }

.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
  
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;} 
.main-menu ul li:not(:last-child) { margin-right: 50px; }
.main-menu ul li a { display: block; color: var(--secondary-color); position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-family: var(--secondary-font); font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); }   

.main-menu ul li.menu-item.current-menu-item > a { color: var(--dark-green); -webkit-text-stroke: 0.4px var(--dark-green); }
.main-menu ul li ul.sub-menu li a::before{ opacity: 0; content: ""; width: 0%; height: 1px; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}  
.main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/ } 

/* .main-menu ul li a::before { content: ''; position: absolute; width: 0%; height: 2px; background-color: #7679EE; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; bottom: 0; }
.main-menu ul li a:hover::before { content: ''; position: absolute; width: 100%; height: 2px; background-color: #7679EE;}
.main-menu ul li.menu-item.current-menu-item a::before { width: 100% } */

.main-menu ul li ul.sub-menu li a::before { background-color: var(--white) !important; top: 50%; width: 0 !important; left: 0; border: 1px solid var(--primary-color); }
.main-menu ul li ul.sub-menu li a:hover::before { width: 20px !important; opacity: 1; }
.main-menu ul li ul.sub-menu li a:hover{ padding-left: 30px; color: var(--dark-green) !important; }
.main-menu > ul > li > a:hover { color: var(--dark-green); -webkit-text-stroke: 0.4px var(--dark-green); }
.main-menu > ul > li > a:hover::before, .main-menu ul li.menu-item.current-menu-item > a::before { transform: scale(1); opacity: 0; }

.main-menu ul li span {margin-left: 10px; }
  
/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; position: absolute; top: 40%; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: var(--secondary-color); border-width: 0px 1px 1px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 5px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children:hover a:after {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; border-color: var(--primary-color); }
.main-menu ul li.menu-item-has-children a {padding-right: 18px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li { display: flex; justify-content: center; align-items: center; position: relative; perspective: 1000px; z-index: 100; color: var(--white); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 0; }
.main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: var(--secondary-color); padding: 8px 0; } 
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
.main-menu ul li.menu-item-has-children { z-index: 1; }

header .main-menu ul>li { position: relative; cursor: pointer }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 395px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset }
header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: var(--primary-color); }
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: var(--white); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}


/*------css for new dropdown sub-menu end--------*/ 
.main-header .logo {transform: scale(1); transform-origin: left center; max-width: 175px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-header.fixed .logo { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; max-width: 100px; }

.nav_btn { color: var(--white); font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: var(--white); }
 
.main-header.fixed { background: var(--white) !important; padding: 10px 0; position: fixed; width: 100%; box-shadow: 0 0 12px rgb(0 0 0 / 12%); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(10px); }
                                                                                                                                                      

/*==========mobile menu=========*/        
.main-header .hdr-rt { display: flex; align-items: center; }
.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.main-header .user-sec {margin-left: 100px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}
 
/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: -6%; right: -6%; background: var(--white); height: calc(100vh + 40px); opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-open .mobile-menu-container { top: -40px; transform: translateY(0); opacity: 1;  }
.mobile-menu-container .inner-container{ padding-top: 160px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 80px; padding-bottom: 50px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a { display: block; font-size: 30px; color: var(--secondary-color); padding: 4px 0; }
.mobile-menu > ul > li > a { border-bottom: 1px solid var(--secondary-color); }
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}

/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */

.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: var(--white);}
/*=========mobile menu===========*/

.social-icon { z-index: 1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #A2D45E4D; background: #fff; border-radius: 50%; margin-right: 24px; position: relative; overflow: hidden; }
 .social-icon:after { position: absolute; content: ''; width: 100%; height: 100%; background: var( --dark-green); top: 0; bottom: 0; left: 0; right: 0; transform: scale(0); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; border-radius: 50%; z-index: -1;} 
 .social-icon:hover:after { transform: scale(1); }
 .social-icon:hover img{filter: brightness(0) invert(1);}
/*for header css*/
 
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; }

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:var(--dark-green); stroke-width:3.5; stroke-linecap:round; } 
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px);}
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/*when turns close icon*/

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
  

@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(-360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(-360deg); }
}
@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(-360deg);
  }
}

@-ms-keyframes spin2 {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin2 {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin2 {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}

/* GSAP */
/* .all-heading-animation {visibility: hidden; opacity: 0; will-change: transform;  font-kerning: none;  -webkit-text-rendering: optimizeSpeed;  text-rendering: optimizeSpeed;} */


/* Swiper */
.swiper-button-prev,
.swiper-button-next {
  user-select: none;
}


/*CF7*/
.btn.disabled, .btn:disabled, fieldset:disabled .btn{  background-color: #0054a6;}

form .labelanime label{  transform: translateY(11px) translateX(14px); height: auto; line-height: 1; font-size: 14px !important; color: var(--white); margin-bottom: 10px;}
.contact-page-section form .labelanime label{ background-color: var(--white); }
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader {position: absolute; top: 46px;     right: 0px; left: unset; bottom: 37%; width: 15px; min-width: 15px; height: 15px; z-index: 2; max-height: 20px; max-width: 20px; border: 1px solid #cf3030; opacity: 1 !important; background-color: transparent !important;border-right-color: #00000000 !important;display: unset; transform: unset;}
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader::before{display: none;}



/*===== Home page start ====*/
/* Home Banner */ 
.banner { min-height: 100vh; min-height: 100svh; overflow: hidden; position: relative; padding-top: 100px;  display: flex; align-items: flex-end; background-repeat: no-repeat; background-position: bottom center; background-size: cover;} 

.banner .text-box { max-width: 855px; margin: 30px 0 0; }

.banner .img-box2 {padding-left: 14px; text-align: center;}
.banner .img-box2 h3 {text-align: left; margin: -60px 0 0;}
.banner .img-box2 figure { position: relative; padding: 0 0 70%; overflow: hidden; }
.banner .img-box2 figure img { position: absolute; width: 100%; height: 100%; object-fit: contain; left: 0; top: 0; }

.carved-text { width: fit-content; margin-bottom: 60px;  }
.carved-text h2{font-size: clamp(1.625rem, 0.933rem + 1.846vw, 3.125rem); margin-bottom: 0;}
.banner .img-box2 .carved-arrow {width: 100%; max-width: max-content; }


.banner .ban-hand-img { position: absolute; width: 58.66%; bottom: 8%; z-index: 1; }
.white-bottle{display: none;}
/* Home Banner */ 

/* video section */ 
.video-section { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 100%);
}
.video-section::before { content: ''; position: absolute; width: 1720px; height: 100%; top: 0; left: 50%; transform: translate(-50%, 0px); max-width: 90%; border-radius: 30px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 100%); }


.video-container { position: relative; overflow: hidden; padding: 0 0 75%; border-radius: 30px; }
.video-container::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #0000004D; z-index: 1; }
.video-container img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; } 
.video-container .play-button { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; border: 1px solid #FFFFFF; background: #FFFFFF33; backdrop-filter: blur(6px); padding: 34px; border-radius: 60px; }
.video-container .play-button img { position: relative; }

.video-container.video-container-full { padding: 0 0 56.3%; }


.event-modal .modal-dialog { max-width: 1304px; width: 95%; }
.event-modal .modal-content { border-radius: 30px; }

.event-modal .modal-body { padding: 0; border-radius: 30px; overflow: hidden; }
.event-modal .modal-content { border-radius: 30px; } 
.event-modal .event-modal-row { display: flex; align-items: center; padding: 20px; }

.event-modal .event-modal-image { width: 47%; } 
.event-modal .event-modal-image figure { padding: 0 0 129%; overflow: hidden; position: relative; margin: 0; border-radius: 10px; }
.event-modal .event-modal-image figure img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
 
.event-modal .event-modal-form { width: 53%; padding: 0 40px 0 60px; }
.btn-close { border: 1px solid var(--primary-color); position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; border-radius: 50px; color: var(--primary-color); background: #fff; padding: 0; display: flex; align-items: center; justify-content: center; opacity: 1 !important; outline: none !important; box-shadow: 0 0 4px #ccc; z-index: 1; }
.btn-close::before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--primary-color); border-radius: 50px; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.btn-close img{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.btn-close:hover img { filter: brightness(0) invert(1); opacity: .6; }
.btn-close:hover::before { transform: scale(1); }

.video-modal video { border-radius: 15px; }
/* video section */ 


/* law section */ 

.gray-bg{ background-color: #4C4C4C; }
.law-heading h2{color: var(--white);}
.law-img{position: relative; padding-bottom: 86.3%; overflow: hidden; border-radius: 10px; }
.law-img img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; }

.law-content {margin-top: 90px;}
.law-content * { color: var(--white); }
.law-content p {max-width: 584px; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem);}
.law-content .btn{margin-bottom: 90px;}
.law-content figure{position: relative; padding-bottom: 50.3%; overflow: hidden; border-radius: 10px; margin-bottom: 0;}
.law-content figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; }

/* law section */ 

/* area section */
.area-slider-wrap .area-slider {    width: 113vw;}
.area-slider-wrap .area-slider .swiper-slide { height: auto; }
.area-slider-wrap .area-card { display: flex; border: 1px solid var( --dark-bg); background: var(--white); border-radius: 10px; overflow: hidden; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.area-slider-wrap .area-card:hover{background: #F9FFF0;}  
.area-slider-wrap .area-img{position: relative; padding-bottom: 54.8%; width: 310px; flex: 0 0 auto;}
.area-slider-wrap .area-img img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; }
.area-slider-wrap .area-info{padding: 78px 50px; flex: 1;}
/* .area-slider-wrap .area-info h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 76px; } */
.area-slider-wrap .area-info .btn{padding: 14px 20.5px 14px 20.5px;}

.area-slider .swiper-pagination{display: none;}
.area-slider-wrap  .swiper-button-disabled { border: 1px solid transparent !important; opacity: 1 !important; }
.area-slider-wrap .swiper-button-next:after, .area-slider-wrap .swiper-button-prev:after{ display: none; }
.area-slider-wrap .swiper-button-prev, .area-slider-wrap .swiper-button-next { width: 89px; height: 89px; border-radius: 60px; padding: 0; outline: none !important; margin: 0; border: 1px solid #D9D9D9; top: calc(50% - 28px); z-index: 2; background: #fff;}
.area-slider-wrap .swiper-button-prev:before, .area-slider-wrap .swiper-button-next:before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #EFFAE1; border-radius: 50px; z-index: -1; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.area-slider-wrap .swiper-button-prev:before  , .area-slider-wrap .swiper-button-next:before {    content: ""; width: 100%; height: 100%; position: absolute; background-color: #EFFAE1; border-radius: 50px; z-index: -1; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.area-slider-wrap .swiper-button-prev:hover:before  , .area-slider-wrap .swiper-button-next:hover:before {transform: scale(1)}
.area-slider-wrap .swiper-button-prev { left: -118px; transform: rotate(180deg); }
.area-slider-wrap .swiper-button-next { right: -118px; } 
/* area section */

/* client section */
.light-bg{background: var(--light-bg);}
.client-grid {display: flex ; flex-wrap: wrap; justify-content: center; margin: 0 -12px;}
.client-card { border-radius: 10px; overflow: hidden; background: var(--white); border: 1px solid #E4EFD6; width: calc(20% - 24px); margin: 0 12px 20px; }
/*.client-card:hover{border: 1px solid var(--primary-color);}*/
.client-card .client-image-wrapper{position: relative; padding-bottom: 93.3%; overflow: hidden; }
.client-card .client-image-wrapper img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; }
.client-card .client-info { padding: 28px 32px; text-align: center; } 
.client-card .client-info h4 { font-weight: 600; margin-bottom: 0; font-family: 'Montserrat';}
/* client section */

/* sign up section */
.sign-newsletter { background: linear-gradient(148.89deg, #A2D45E 2.04%, #85AD50 98.77%); border-radius: 20px; padding: 45px 32px; }
.sign-newsletter * { color: #fff; }
.sign-newsletter p { max-width: 260px; margin: 0 auto 24px; font-family: "Montserrat", sans-serif; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem);}
.sign-newsletter form input { width: 100%; border: 1px solid var(--white); padding: 15px 16px;   background: #FFFFFF33 !important; } 
.sign-newsletter form button {height: 56px; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); background-size: 300%; background-image: linear-gradient(60deg, var(--white) 50%, var(--dark-green) 50%); width: 100%; border: 1px solid var(--white); color: var(--dark-green); font-weight: 400; padding: 10.5px 15px; font-family: 'AvenirNextLTPro-Demi'; position: relative; overflow: hidden; z-index: 1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;}
.sign-newsletter form button:hover{border: 1px solid var(--dark-green); background-position: 100%;}
/* .sign-newsletter form button:before{height: 100%; width: 0; content: ""; position: absolute; left: 0; top: 0;  background-color: var(--dark-green); z-index: -1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transform: scale(1);} */
.sign-newsletter form button:hover{color: var(--white);}
.sign-newsletter form button:hover:before{ width:100%;}
.home .sign-newsletter form button{margin-top: 24px;}
/* sign up section */

.book-card { position: relative;  overflow: hidden; border-radius: 20px; } 
.book-card figure { position: relative; padding-bottom: 350px; margin-bottom: 0 ; border-radius: 20px; overflow: hidden; z-index: 1;} 
.book-card figure:before { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 59.42%, rgba(0, 0, 0, 0.9) 100%); z-index: 1; pointer-events: none;}
.book-card:hover figure:before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);}
.book-card figure img { position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; transition: transform .4s ease-in-out;}
.book-card:hover figure img{transform: scale(1.1) rotate(-3deg);}
.book-info { position: absolute; transform: translateY(114px); bottom: 0; overflow: hidden; padding: 0 30px; color: #fff; /* background-color: rgba(27, 27, 27, .5); */ transition: .4s ease-in-out; z-index: 2;} 
.book-info h6 { color: var(--primary-color); margin-bottom: 14px; opacity: 0;} 
.book-card:hover .book-info h6 { opacity: 1; }
.book-info h3 { color: var(--white); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: .4s ease-in-out; min-height: 76px;} 
.book-info p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px; } 
.book-card:hover .book-info { transform: translateY(0); bottom: 30px; } 
.book-info a { color: var(--white); font-weight: 600; font-family: "Montserrat", sans-serif; background-image: linear-gradient(#cf303000 97%, var(--primary-color) 0, var(--primary-color)); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s;}
.book-info a:hover  {color: var(--primary-color); background-position-x: right; background-position-y: bottom; background-size: 100% 100%;} 

.book-slider-wrapper{padding-left: 120px;}
.book-slider-wrapper .swiper-button-next:after, .book-slider-wrapper .swiper-button-prev:after{ display: none; }
.book-slider-wrapper .swiper-button-prev, .book-slider-wrapper .swiper-button-next { width: 89px; height: 89px; border-radius: 60px; padding: 0; outline: none !important; margin: 0; border: 1px solid #D9D9D9; top: calc(50% - 28px); z-index: 2; background: #fff;}
.book-slider-wrapper .swiper-button-prev:before, .book-slider-wrapper .swiper-button-next:before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #EFFAE1; border-radius: 50px; z-index: -1; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.book-slider-wrapper .swiper-button-prev:before  , .book-slider-wrapper .swiper-button-next:before {    content: ""; width: 100%; height: 100%; position: absolute; background-color: #EFFAE1; border-radius: 50px; z-index: -1; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.book-slider-wrapper .swiper-button-prev:hover:before  , .book-slider-wrapper .swiper-button-next:hover:before {transform: scale(1)}
.book-slider-wrapper .swiper-button-prev { left: 1%; transform: rotate(180deg); }
.book-slider-wrapper .swiper-button-next { right: -10%; } 
/* sign up section */


/* Footer Section */   
footer  {background-color: var( --secondary-color);padding-top: 100px;padding-bottom: 0;position: relative;margin-left: 100px;margin-right: 100px;border-top-left-radius: 30px;border-top-right-radius: 30px;} 
.footer-col-wrap { display: flex; }

.footer-contact h2 { color: var(--white); max-width: 480px; margin: 0; }
.footer-contact ul { padding: 0; list-style: none; margin: 0 0 0 auto; }
.footer-contact ul li:not(:last-child) { margin-bottom: 14px; }
.footer-contact ul li img { width: 24px; height: 24px; object-fit: contain; margin-right: 15px; }
.footer-contact ul li a { color: var(--white); background-image: linear-gradient(#cf303000 97%, var(--white) 0, var(--white)); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; line-height: 1;}
.footer-contact ul li a:hover { color: var(--white); background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

footer .footer-menu-wrap { justify-content: space-between; align-items: center; padding: 24px 30px; background: var(--white)1A; border: 1px solid var(--white)33; border-radius: 10px; }
footer .footer-logo { position: relative; max-width: 127px; }
footer .footer-logo-wraper #f-logo-img { max-width: 127px; margin: 0 auto; }  

footer .footer-menu { padding: 0; border-radius: 0;}
footer .footer-menu h3{color: var(--white);}
footer .footer-menu ul {display: flex; flex-wrap: wrap; list-style: none;  padding: 0; margin: 0; align-items: flex-start;}
footer .footer-menu ul li {width: 50%;}
footer .footer-menu ul li:last-child{ border: none; padding-right: 0;}
footer .footer-menu ul li:first-child{ padding-left: 0;}
footer .footer-menu ul li a { position: relative; color: var(--gray); text-transform: capitalize; font-family: var(--accent-font); font-weight: 400; background-image: linear-gradient(#cf303000 95%, var(--white) 0, var(--white)); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem) } 
footer .footer-menu ul li a:hover { color: var(--white); background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
.top-footer .row .col-lg-5 .footer-menu { margin-left: 50px; }

.end-footer-bdr { border-top: 1px solid #4A4F54; padding: 20px 0;}
.end-footer {  margin-top: -2px; position: relative; } 
.end-footer .lft-box h6 { margin: 0;color: #9A9A9A;font-weight: 300;margin-bottom: 5px; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); font-family: var(--accent-font)}
.end-footer .lft-box p { margin: 0;font-size: 12px;color: #9A9A9A; font-family: var(--accent-font)}
.end-footer .lft-box p a{ color: #9A9A9A; position: relative; background-image: linear-gradient(#cf303000 95%, #9A9A9A 0, #9A9A9A); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; font-family: var(--accent-font) }
.end-footer .lft-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
 
.end-footer .right-box p { margin: 0; text-align: right; color: #9A9A9A; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); font-family: var(--accent-font)}
.end-footer .right-box p a {color: #9A9A9A; position: relative; background-image: linear-gradient(#cf303000 95%, #9A9A9A 0, #9A9A9A); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; } 
.end-footer .right-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

.contact-footer .footer-col-logo { width: 100%; padding: 0 0 50px; max-width: 1176px; margin: 0 auto; }
footer.contact-footer .footer-menu ul { justify-content: space-between; max-width: 854px;  margin: 0 auto; }
footer.contact-footer .footer-col-logo::after { display: none; }

.footer-social { margin-top: 50px; }
.footer-social .social-icon { width: 40px; height: 40px; border: 1px solid #A2D45E; background: transparent; border-radius: 0; }
.footer-social .social-icon:hover:after{border-radius: 0;} 
/* Footer Section */ 


/* inner banner start */ 
.inner-banner { background-size: cover; background-position: bottom center; min-height: 442px; display: flex; align-items: center; padding: 100px 0;}
.inner-banner .text-box h1{margin-bottom: 0;}
/* inner banner end */ 



/* About us start */
.vision-content a{font-family: "Montserrat", sans-serif; background-image: linear-gradient(#cf303000 97%, var(--dark-green) 0, var(--dark-green)); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; line-height: 1; color: var(--dark-green); font-weight: 600;}
.vision-content a:hover{background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.vision-content p{font-family: "Montserrat", sans-serif; line-height: 1.73; margin-bottom: 16px;}
.vision-img { margin-right: 42px; }
.vision-img img { width: 100%; } 
/* About us end */

/* Practice area start */
.litigation-img { position: relative; padding-bottom: 71.5%; overflow: hidden; border-radius: 10px; margin-right: 60px;} 
.litigation-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.litigation-content { margin-left: 36px; } 
.litigation-content p { line-height: 1.73; }

.litigation-areas-content { background: #F8F8F8; border: 1px solid #4C4C4C4D; border-radius: 30px; padding: 50px; }
.litigation-areas-content:not(:last-child) { margin-bottom: 50px; }
/* .litigation-areas-content  h3{font-weight: 600; text-transform: uppercase;} */
.litigation-areas-content ul { padding: 0; list-style: none; margin-bottom: 30px;}
.litigation-areas-content ul li ul { margin-top: 14px; }
.litigation-areas-content ul li{position: relative;     padding-left: 38px; margin-bottom: 16px;}
.litigation-areas-content ul li:before{content: '';position: absolute;left: 0;top: 5px;width: 22px;height: 22px; background: url(../images/right-arrow.svg);}
.litigation-section .row { border-top: 1px solid #0000001A; padding-top: 60px; height: 100%; position: relative; } 
.litigation-section .row:before { position: absolute; content: ''; width: 1px; height: 100%; background: #0000001A; top: 0; left: calc(50% - 20px); }
.litigation-areas-content h4{font-size: clamp(1rem, 0.654rem + 0.923vw, 1.75rem);}
/* Practice area end */

/* career start */
.career-team-img{ position: relative; padding-bottom: 51.2%; overflow: hidden; border-radius: 10px;  }
.career-team-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.line-heading { text-align: center; margin: 0 auto 50px; width: fit-content;} 
.line-heading h2 { margin-bottom: 11px; }
/* career end */

/* team start */
.team-member { text-align: center; position: relative; margin-bottom: 24px; height: calc(100% - 24px); padding: 0 30px 30px;}
.team-member:after { position: absolute; content: ''; width: 100%;  background: linear-gradient(180deg, #E4EFD6 0%, rgba(228, 239, 214, 0) 100%); border-radius: 30px; top: 125px; bottom: 0; z-index: -1; left: 0; right: 0;     transition: all .6s ease;} 
.team-member-img { position: relative; padding: 10px; width: 256px; margin: 0 auto 30px;} 
 .team-member-img figure{ position: relative; padding-bottom: 97.5%;  border-radius: 20px;} 
 .team-member-img figure img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; border-radius: 20px; object-fit: cover;}
 .team-member-img figure:before{position: absolute; content: ''; width: 100%; height: 100%; top: 0px; bottom: 0; left: 0px; right: 0; background: rgba(0, 0, 0, 0.20); z-index: 1; border-radius: 20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
 .team-member:hover .team-member-img figure:before { opacity: 1; visibility: visible; }
 .team-member-img:before { position: absolute; content: ''; width:100%; height: 100%; top: 0px; bottom: 0; left: 0px; right: 2px; border: 1px solid #9A9A9A; z-index: 1; border-radius: 20px; }
 .team-member-name p { color: var(--dark-green); font-weight: 600; font-family: "Montserrat", sans-serif;     font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem);}
 

.team-member-img .up-arrow { position: absolute; top: 100%; left: calc(50% - 20px); z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 
.team-member:hover .up-arrow { top: calc(50% - 20px); opacity: 1; visibility: visible; }
.team-member-img .up-arrow span a{position: relative; z-index: 1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--white); border-radius: 50%; }
.team-member-img .up-arrow span a::after{position: absolute; content: ''; width: 100%; height: 100%; background: var( --primary-color); top: 0; bottom: 0; left: 0; right: 0; transform: scale(0); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; border-radius: 50%; z-index: -1;}
.team-member-img .up-arrow span a:hover::after{transform: scale(1); }
.team-member-img .up-arrow span a:hover img{ filter: brightness(0) invert(1); }

.team-member-name h3 { min-height: 67px; font-size: clamp(1rem, 0.654rem + 0.923vw, 1.75rem); margin-bottom: 12px;}
/* team end */

/* team details start */
.details-box { background: linear-gradient(94.45deg, #F0FEDC 1.19%, #DCF8D4 89.28%); border-radius: 20px; overflow: hidden; margin-top: -312px;} 
.details-top-header { background: var(--primary-color); padding: 30px 50px; display: flex; align-items: center; justify-content: space-between;}
.details-heading h1{color: var(--white);     line-height: 1;}
.details-heading h4 { font-family: "Montserrat", sans-serif; font-weight: 600; margin-bottom: 0; line-height: 1; }

.member-social-icon a { width: 80px; height: 80px; border: 1px solid var(--white); display: flex; align-items: center; justify-content: center; border-radius: 5px; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;} 
.member-social-icon a::after{position: absolute; content: ''; width: 100%; height: 100%; background: var( --white); top: 0; bottom: 0; left: 0; right: 0; transform: scale(0); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index: -1;}
.member-social-icon a:hover::after{transform: scale(1); }
.member-social-icon a img { filter: brightness(0) invert(1); width: 40px; }
.member-social-icon a:hover img { filter: brightness(1); }

.details-content { padding: 50px; }
.details-img { height: 764px;}
.details-img img{border-radius: 30px; ;width: 100%;height: 100%; object-fit: cover;}
.details-content-tab { background: var(--white); border-radius: 20px; box-shadow: 0px 4px 30px 0px #0000001A; padding: 54px 30px 30px; margin-top: 24px; height: calc(100% - 24px);}



.details-content-tab-header .nav-tabs { justify-content: center; border: 0; overflow: visible; } 
.details-content-tab-header .nav-tabs li {margin: 0 8px;}
.details-content-tab-header .nav-tabs li button { background: #E9E9E9; border: 1px solid #4C4C4C66 !important; padding: 12px 16px; font-weight: 600; color: #4C4C4C; font-family: 'Montserrat'; border-radius: 10px;  font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); position: relative; z-index: 1; } 


.details-content-tab-header .nav-tabs li button.active { color: var(--white);   border: 1px solid var(--primary-color) !important;  background-color: var(--primary-color);}
.details-content-tab-header .nav-tabs li button:after{position: absolute; content: ''; width: 100%; height: 100%; background: var( --primary-color); top: 0; bottom: 0; left: 0; right: 0; transform: scale(0); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index: -1; border-radius: 10px;}
.details-content-tab-header .nav-tabs li button:hover::after , .details-content-tab-header .nav-tabs li button.active::after{transform: scale(1); }

.details-content-tab-header { margin-top: -78px; } 
.details-content-tab-body { margin-top: 30px;  } 
.details-content-tab-body p { font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); }
.details-content-tab-body p:not(:last-child) { margin-bottom: 16px; }
.details-content-tab-body.common-listing ul li{ font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); }
.details-content-tab-header .nav-tabs li button:hover { color: var(--white); border: 1px solid var(--primary-color) !important; background: var(--primary-color);  transition: background 0.5s ease 0.5s, color 0.5s ease 0s, border 0.5s ease 0.5s;}

.details-content-tab-body ul{padding: 0 0 0 25px;}
.details-content-tab-body>ul{margin: 0; padding: 0;}



/* team details end */

/* contact page start*/
.contact-form {background: linear-gradient(148.89deg, #A2D45E 2.04%, #85AD50 98.77%); border-radius: 20px; padding: 50px;}
.mb-24 { margin-bottom: 24px; }
.contact-form .form-floating>label{color: var(--white); font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); font-family: "Montserrat", sans-serif;}
.contact-form select{color: var(--white) !important;}
.contact-form input , .contact-form textarea{color: var(--white) !important;}
.contact-section .common-heading *{color: var(--white); }
.contact-form .common-heading p { font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); }
.contact-section .common-heading{margin-bottom: 30px;}

.wpcf7-not-valid-tip, .checkout-inline-error-message { font-size: 14px; color: #dc3232; }
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: #ff2c00!important; }
/* contact page end*/


/* blog page start*/
.newsletter-section .sign-newsletter {padding: 63px;}
.newsletter-section .sign-newsletter h3{margin-bottom: 16px;}
.newsletter-section .sign-newsletter p{max-width: 100%; margin-bottom: 0; }
.newsletter-form form{display: flex; justify-content: center; position: relative;}
.newsletter-form form input{margin-bottom: 0; border-right: 0;}
.newsletter-form form button { max-width: 205px; }
.newsletter-section .newsletter-form { margin-right: 17px; }
.newsletter-form form  .wpcf7-not-valid-tip { position: absolute; }
.sign-newsletter form{position: relative;}
.sign-newsletter .newsletter-form .spinner-border{top: 21px !important; right: -20px !important;}


.blog-search-form { max-width: 936px; margin: 0 auto; }
.blog-search-form form { display: flex; margin-bottom: 50px;}
.blog-search-form form input { background: #F2F2F2 !important; border: 1px solid #2C2C2C1A !important; padding: 15px; color: #8C8C8C !important;     border-radius: 0;}
.blog-search-form form input::placeholder { color: #8C8C8C !important; opacity: 1; display: none; }
.blog-search-form form input::-ms-input-placeholder { color: #8C8C8C !important; display: none; }
.blog-search-form button span { flex: 0 0 20px; margin-right: 10px; }
.blog-search-form form button { flex: 0 0 250px; }

.blog-image { position: relative; padding-bottom: 104.3%; border-radius: 20px; overflow: hidden; margin-bottom: 23px; } 
.blog-image img { position: absolute;  width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; transition: all 0.6s ease;} 
.blog-content h5 { color: #A0A39C; margin-bottom: 14px; font-family: var(--secondary-font); } 
.blog-content h3 { margin-bottom: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blog-content h3 a{color: var(--secondary-color);}
.blog-content h3 a:hover{color: var(--primary-color);}
.blog-content p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px;     font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem);} 
.blog-wrapper { margin-bottom: 24px; }
.blog-wrapper:hover .blog-image img { transform: scale(1.1); }
.blog-content .line-btn{background-image: linear-gradient(#cf303000 97%, var(--primary-color) 0, var(--primary-color)); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; line-height: 1; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem)}
.blog-content .line-btn:hover{background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}

.pagination { justify-content: center; align-items: center; margin-top: 24px; }
.pagination .page-numbers { color: var(--secondary-color); font-weight: 400; display: inline-block; padding: 5px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; margin: 0 5px; border-radius: 0px; }
.pagination .page-numbers.current { color: var(--white); font-family: 'AvenirNextLTPro-Demi'; background: var(--primary-color); font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem);}
.pagination .page-numbers:hover { background: var(--primary-color); color: var(--white); }

a.next.page-numbers, a.prev.page-numbers { border: 2px solid var(--primary-color); width: 46px; height: 46px; border-radius: 0px; padding: 0px; } 
a.next.page-numbers img, a.prev.page-numbers img { opacity: 0.5; width: 8px; transition: all 0.3s ease 0s; } 
a.prev.page-numbers { margin-left: 0; margin-right: 20px; }
a.next.page-numbers { margin-left: 20px; margin-right: 0; }
a.prev.page-numbers img { transform: rotate(180deg); }

a.next.page-numbers:hover, a.prev.page-numbers:hover { background: var(--primary-color); border: 2px solid var(--primary-color); }
a.next.page-numbers:hover img, a.prev.page-numbers:hover img { opacity:1; filter: brightness(0) invert(1);}
/* blog page end*/


/* blog details page start*/
.no-banner .main-header, .no-banner .main-header.fixed {  background: #A2D45E4D; }
.blog-post-section{margin-top: 100px; padding-top: 50px;}

.blog-thumbnail > h4{ font-family: 'AvenirNextLTPro-Demi'; font-size: clamp(1rem, 0.769rem + 0.615vw, 1.5rem);} 
.blog-thumbnail ul { padding: 30px 24px; border: 1px solid #DEDCDC; border-radius: 20px;  margin: 0; list-style: none; } 
.blog-thumbnail ul li:not(:last-child) { border-bottom: 1px solid #0000001A; padding-bottom: 24px; margin-bottom: 24px; }
.blog-thumbnail ul li .blog-thumbnail-box a{ display: flex; align-items: center; } 
.blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-img { position: relative; padding-bottom: 38.5%; flex: 0  0 200px; border-radius: 10px; overflow: hidden; margin-right: 24px; } 
.blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; transition: transform .4s ease-in-out;} 
.blog-thumbnail ul li .blog-thumbnail-box:hover .blog-thumbnail-img img  { transform: scale(1.1) rotate(-3deg); }
.blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-content h5 { color: var(--primary-color); margin-bottom: 14px; } 
.blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-content h4 { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.blog-big-img { position: relative; padding-bottom: 64.2%; border-radius: 20px; overflow: hidden; margin-bottom: 50px;}
.blog-big-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;} 

.blog-details-content h5 { color: var(--primary-color); margin-bottom: 16px; }
.blog-details-content p { font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); }


/* blog details page end*/




/*Media Query css*/
@media only screen and ( min-width:1599px ) {
 

}

@media only screen and ( min-width:1700px ) {

  .container { max-width: 1440px !important;} 
  .container.header-row { max-width: 1744px !important; }

}

@media only screen and ( max-width:1799px ) {
  .main-header .logo{max-width: 150px;}
  .main-menu ul li:not(:last-child) { margin-right: 32px; }
  
  /* ================Home page responsive======================= */

  .client-card .client-info { padding: 22px 20px;}

  .area-slider-wrap .area-info { padding: 78px 20px;}

  .book-info{padding: 0 15px; transform: translateY(101px) ;}
  .book-info h6{margin-bottom: 7px;}
  .book-info h3{min-height: 74px; margin-bottom: 15px;}
  .book-info p{margin-bottom: 9px;}
  .book-slider-wrapper .swiper-button-prev, .book-slider-wrapper .swiper-button-next{width: 75px; height: 75px; top: 28%; }

  .law-content { margin-top: 60px; }

  .area-slider-wrap .swiper-button-prev, .area-slider-wrap .swiper-button-next { width: 75px; height: 75px;}

  footer{margin-left: 70px; margin-right: 70px;}
    .sign-newsletter form .p-relative { flex: 0 0 174px; }
  /* ================Home page responsive======================= */
  /* ================teams======================= */
    .team-member-name h3 { min-height: 61px; }
  /* ================teams======================= */
  /* ================Teams Details responsive======================= */
  .details-img { height: 700px;}
  .details-content-tab-header .nav-tabs li button{padding: 12px 14px; font-size: 17px;}
  /* ================Teams Details responsive======================= */
}

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

  /* ================Home page responsive======================= */
  .video-container.video-container-full { padding: 0 0 45%; }
  .video-container .play-button{width: 100px; height: 100px; padding: 24px;}

  .area-slider-wrap .area-info { padding: 50px 20px;}
  .area-slider-wrap .swiper-button-prev, .area-slider-wrap .swiper-button-next { width: 65px; height: 65px; }
  .area-slider-wrap .swiper-button-prev img, .area-slider-wrap .swiper-button-next img{max-width: 15px;}
  .area-slider-wrap .swiper-button-prev { left: -30px;}
  .area-slider-wrap .swiper-button-next { right: -30px; }

  .book-slider-wrapper .swiper-button-prev, .book-slider-wrapper .swiper-button-next { width: 65px; height: 65px;}
  .book-slider-wrapper .swiper-button-prev { left: 80px;}
  .book-slider-wrapper .swiper-button-next { right: -30px; }
  .book-slider-wrapper .swiper-button-prev img, .book-slider-wrapper .swiper-button-next img{max-width: 15px;}
  /* .area-slider-wrap .area-info h3{min-height: 69px;} */
  /* ================Home page responsive======================= */
  /* ================About us responsive======================= */
  .vision-content p{line-height: 1.5;}
  /* ================About us responsive======================= */
  /* ================Blog responsive======================= */
  .newsletter-form form button { max-width: 172px; }
  .blog-search-form form button { flex: 0 0 190px; }
  /* ================Blog responsive======================= */
  .contact-form{padding: 50px 30px;}
  footer{margin-left: 30px; margin-right: 30px;}

}
 
@media only screen and ( max-width:1399px ) { 
  .main-header .logo { max-width: 120px; }
  .main-header.fixed .logo{max-width: 90px;}
  .main-menu ul li:not(:last-child) { margin-right: 24px; }
  .btn{padding: 14px 25px 14px 25px; height: 46px;}
  /* ================Home page responsive======================= */
  .area-slider-wrap .area-img{width: 250px;}
  .area-slider-wrap .area-info { padding: 40px 20px; }
  /* .area-slider-wrap .area-info h3 { min-height: 68px; } */

  .book-slider-wrapper { padding-left: 60px; }
  .book-slider-wrapper .swiper-button-prev { left: 20px; }

  .sign-newsletter{padding: 30px 20px; border-radius: 12px;}
  .home .sign-newsletter form button{margin-top: 14px;}
  .book-info{ transform: translateY(90px);}
  .book-info h3 { min-height: 65px;}
  .top-footer .row .col-lg-5 .footer-menu { margin-left: 0; }
  span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader { top: 32px; }
  /* ================Home page responsive======================= */
  /* ================About us responsive======================= */
  .litigation-content { margin-left: 0px; }
  .litigation-areas-content { padding: 36px; }
  /* ================About us responsive======================= */
  /* ================Teams responsive======================= */
  .team-member-img { width: 200px; }
  .team-member-name h3 { min-height: 56px; }
  /* ================Teams responsive======================= */
  /* ================Teams Details responsive=============== */
   .details-content-tab{padding: 43px 22px 30px;}
   .details-content-tab-header .nav-tabs li button { padding: 9px 14px; font-size: 15px; }
   .details-content-tab-header { margin-top: -62px; }
    .details-img{height:546px;}
   /* ================Teams Details responsive============== */
   /* ================Blog responsive============== */
   .newsletter-section .sign-newsletter { padding: 63px 30px; }
   .newsletter-section .sign-newsletter form input { margin-bottom: 0px; }
   .blog-search-form form input{height: 46px !important;}
   /* ================Blog responsive============== */

   /* ================Blog details responsive============== */
   .blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-img{ margin-right: 16px; flex: 0 0 150px; }

   /* ================Blog details responsive============== */


  .common-padd { padding-top: 80px; padding-bottom: 80px; }
}
@media only screen and ( max-width: 1299px ) {
  .sign-newsletter form .p-relative { flex: 0 0 174px; }
}
@media only screen and ( max-width: 1199px ) {

  /*  ===========mobile nav==========  */     
    .hamburger-nav { display: inline-block; transform: scale(.7); margin: -17px; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}     
    .header-section .right-panel{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a,
    .mobile-menu ul li a, .mobile-menu ul li { font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); color: var(--secondary-color); text-align: left; text-transform: uppercase; }
    .mobile-menu ul li a:hover{color: var(--primary-color);}

    .mobile-menu ul li ul.sub-menu li {margin: 5px 0; padding: 0 12px;}  
        .mobile-menu ul li ul.sub-menu li a{font-size: 14px;}
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .mobile-menu ul li span {margin-left: 10px; }
    .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
    .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
    .mobile-menu ul li a { padding: 5px 0; font-family: var(--secondary-font); }
     
    header .mobile-menu ul {max-width: 300px;margin: 0 auto;}
    header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px } 
    header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: var(--secondary-color); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
    header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }

    .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #e7e7e7; border-radius: 10px; margin-top: 20px; /* padding-bottom: 20px; */ overflow-y: auto;}
    .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 490px;}
      
    .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 
    .social-icon{margin-right: 11px;}
    /*  ===========mobile nav==========  */
    /* ================Home page responsive======================= */
    .banner { min-height: 750px; }
    .banner .img-box2 .carved-arrow { max-width: 330px; }
    .client-card{width: calc(25% - 24px);}
    .book-slider-wrapper { padding-left: 0; }
    .book-slider-wrapper .swiper-button-prev, .book-slider-wrapper .swiper-button-next { width: 55px; height: 55px; }
    .book-slider-wrapper .swiper-button-prev { left: -30px; }
    /* .area-slider-wrap .area-info h3{min-height: 63px;} */
    .book-slider-wrapper .swiper-button-prev, .book-slider-wrapper .swiper-button-next { width: 50px; height: 50px; }
    .book-slider-wrapper .swiper-button-next { right: -22px; }
    .book-slider-wrapper .swiper-button-prev { left: -22px; }
    .book-info h3 { min-height: 62px; }
    .sign-newsletter form .p-relative { flex: 0 0 150px; }
    .newsletter-section .newsletter-form { margin-right: 0; }
    /* ================Home page responsive======================= */
    /* ================About us responsive======================= */
    .inner-banner{min-height: 350px;}
    /* ================About us responsive======================= */

    /* ================Teams responsive======================= */
    .team-member{padding: 0 20px 30px;}
    .team-member:after{top: 78px;}
    .team-member-img { width: 160px; }
    .team-member-name h3 { min-height: 48px; }
    /* ================Teams responsive======================= */
    /* ================Teams Details responsive================= */
    .details-box{margin-top: -230px;}
    .details-content-tab-header .nav-tabs{justify-content: flex-start;  flex-wrap: nowrap; padding-bottom: 10px;}
    .details-content-tab-header .nav-tabs li{margin: 0 5px;}
    .details-content-tab-header .nav-tabs li button{white-space: nowrap; padding: 9px 12px; font-size: 14px; }
    /* ================Teams Details responsive============== */
    /* ================BLog Details responsive============== */
    .blog-thumbnail ul { padding: 30px 13px;}
    .blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-img{flex: 0 0 130px;}
    /* ================BLog Details responsive============== */

    .top-footer .row .col-lg-5 .footer-menu { margin-left: 0px; }
    footer { margin-left: 10px; margin-right: 10px; padding-top: 80px;}
    
    
}

@media only screen and ( max-width: 991px ) {  
  /* ================Home page responsive======================= */
  .banner{min-height: 100svh; align-items: center;}
  .banner .img-box2 figure{padding: 0 0 32%; margin-left: auto; width: 35%; margin-right: -33px; display: none;}
  .banner .ban-hand-img{width: 67.66%; bottom: 6%;}
  .carved-text{ margin: 0 auto 40px;}
  .text-box{text-align: center;}
  .banner .text-box{margin-bottom: 30px;}
.white-bottle{display: block; position: absolute; right: 0; bottom: 0; max-width: 35%;}
  .video-container{border-radius: 10px;}
  .video-container .play-button { width: 80px; height: 80px; padding: 24px; }
  
  .law-content { margin-top: 30px; }
  .law-content p { max-width: 100%;}
  .law-content .btn { margin-bottom: 40px; }

  .book-slider-wrapper{margin-top: 40px;}
  .book-info{transform: translateY(84px);}
  .book-info h3 { min-height: auto;}
  .client-card {width: calc(33.3% - 24px); }

  .sign-newsletter h3 { margin-bottom: 16px; }

  

  /* .area-slider-wrap .area-info h3 { min-height: 55px; } */
  .sign-newsletter p { max-width: 100%;}

  .book-info { transform: translateY(0); padding: 0 15px 15px; }
  .book-card:hover .book-info{bottom: 0;}
  .book-card .book-info h6 { opacity: 1; }

  /* ================Home page responsive======================= */
  /* ================About us responsive======================= */
  .vision-content { margin-top: 30px; }
  .vision-img { margin-right: 0; }
  /* ================About us responsive======================= */
  /* ================Practice Area responsive================== */
  .litigation-section .row { border-top: none; padding-top: 0;}
  .litigation-section .row:before{display: none;}
  .litigation-img{margin-right: 0;}
  .litigation-content{margin-top: 30px;}
  /* ================Practice Area responsive================= */
  /* ================Teams responsive======================= */
  .team-member-name h3 { min-height: auto; }
  /* ================Teams responsive======================= */
  /* ================Teams Details responsive================= */
  .details-content { padding: 50px  20px; }
  .details-content-tab{    margin-top: 54px; height: auto;}
  .member-social-icon a { width: 60px; height: 60px;}
  .details-top-header{padding: 30px 20px;}
  .member-social-icon a img{width: 20px;}
  .details-img { height: 610px; }
  .details-heading h1{margin: 0 0 15px;}
  /* ================Teams Details responsive============= */
  /* ================BLog Details responsive============== */
    .newsletter-section .common-heading{text-align: center; margin-bottom: 15px;} 
  .blog-thumbnail { margin-top: 30px;}
  .blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-img { flex: 0 0 180px;  padding-bottom: 22.5%;}
 
  /* ================BLog Details responsive============== */

  footer .footer-logo{margin: 0 auto;}
  .footer-social { margin-top: 30px; margin-bottom: 30px;}
  .footer-social .social-icon{margin: 0 auto;}
  footer .footer-menu{margin-bottom: 30px;}
  footer .footer-menu h3{text-align: center;}
  footer .footer-menu ul{justify-content: center;}
  footer .footer-menu ul li { width: 100%; text-align: center;}
  .top-footer .row .col-lg-5 .footer-menu{margin-bottom: 0;}
  .right-box{margin-top: 30px;}
  .end-footer .right-box p , .lft-box{text-align: center;}
  .newsletter-section .newsletter-form { margin-right: 0; }
}



@media only screen and ( max-width: 767px ) {   
  .main-header .logo { max-width: 96px; }
  .main-header.fixed .logo { max-width: 86px; }
  .btn { padding: 10px ; height: 38px; font-size: 15px;}
  /* ================Home page responsive======================= */
  .video-container .play-button { width: 60px; height: 60px; padding: 18px; }
  .video-container.video-container-full { padding: 0 0 58%; }
  .common-padd { padding-top: 60px; padding-bottom: 60px; }
  /* .area-slider-wrap .area-info h3 { min-height: 52px; } */
  .area-slider-wrap .area-slider { width: 100%; }
  .area-slider-wrap .area-img { width: 173px; }
  .area-slider-wrap .swiper-button-prev, .area-slider-wrap .swiper-button-next { display: none; }
  .area-slider { padding-bottom: 30px; }
  .area-slider .swiper-pagination{display: block; bottom: 0;}
  .area-slider span.swiper-pagination-bullet { width: 8px; height: 8px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} 
  .area-slider .swiper-pagination-bullet-active {height: 8px !important; width: 20px !important; background: var(--dark-green); border-radius: 4px;}
  .mb-40 { margin-bottom: 25px; }
  .client-card {width: calc(50% - 24px);margin: 0 12px 20px; }
  
.sign-newsletter form .p-relative { flex: unset; }
  .book-slider-wrapper .swiper-button-prev { left: -6px; }
  .book-slider-wrapper .swiper-button-next { right: -6px; }
  .book-slider-wrapper .swiper-button-prev, .book-slider-wrapper .swiper-button-next { width: 45px; height: 45px; }
  .book-slider-wrapper .swiper-button-prev img, .book-slider-wrapper .swiper-button-next img { max-width: 9px; }

  footer{padding-top: 60px;}
  .banner .img-box2{position: relative;}
  .banner .text-box{margin-top: -220px;}
  .banner .ban-hand-img { width: 68.66%; }
  .banner .img-box2 figure { padding: 0px 0 44%; margin-left: auto; width: 47%; margin-right: -33px;}
  .white-bottle{bottom: 28px; max-width: 37%;}
  .client-grid{margin: 0;}
  /* .client-card{margin: 0 0px 20px;} */
  /* ================Home page responsive======================= */
  /* ================About us responsive======================= */
  .inner-banner { min-height: 300px; padding: 160px 0 100px 0;}
  
  /* ================About us responsive======================= */
  /* ================Practice Area responsive================== */
  .litigation-areas-content { padding: 36px 20px; border-radius: 15px;}
  .litigation-areas-content ul li{padding-left: 30px;}
  .litigation-areas-content ul li:before , .common-listing ul li:before{width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat;}
  /* ================Practice Area responsive================= */
  /* ================Careers======================= */
  .career-team-img{padding-bottom: 60.2%;}
.line-heading img { max-width: 200px; }
  /* ================Careers======================= */
  /* ================Teams responsive======================= */
 .team-member:after { border-radius: 18px; background: linear-gradient(180deg, #E4EFD6 0%, rgb(228 239 214 / 29%) 100%); }
  /* ================Teams responsive======================= */
  /* ================Teams Details responsive======================= */
  .details-box { margin-top: -150px; }
  .details-img { height: 450px; }
  .details-content-tab-header .nav-tabs{flex-wrap: wrap;}
  .details-content-tab-header .nav-tabs li{width: calc(50% - 10px); margin: 5px;}
    .details-content-tab-header .nav-tabs li button{width: 100%;}
  /* ================Teams Details responsive======================= */
  /* ================BLog Details responsive============== */
    .blog-thumbnail ul li .blog-thumbnail-box .blog-thumbnail-img {flex: 0 0 130px; padding-bottom: 40.3%; }
  /* ================BLog Details responsive============== */
  .newsletter-form form{flex-wrap: wrap; flex-direction: column;}
  .newsletter-form form  .wpcf7-not-valid-tip { position: relative; }
  .newsletter-form form button { max-width: 100%; margin-top: 20px; }
  .newsletter-form form input{border-right: 1px solid var(--white);}
  .newsletter-section .newsletter-form { margin-right: 0px; }
  .blog-search-form form{flex-wrap: wrap;}
  .blog-search-form form button { flex: 0 0 100%; margin-top: 20px;}
  .sign-newsletter .newsletter-form .spinner-border { top: 40px !important; right: -10px !important; }
}

@media only screen and ( max-width: 358px ) { 
  .main-header .logo { max-width: 80px; }
  .main-header.fixed .logo { max-width: 70px; }
  .btn {padding: 7px 10px; height: 37px; }
  
 
} 
/*Media Query css*/