/*@charset "utf-8";
/*..............embedded fonts..............*/


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Syne:wght@400..800&display=swap');

/*..............embedded fonts..............*/

/* font-family: "Syne", sans-serif;
font-family: "Manrope", sans-serif; */



:root {
  --primary-font: "Manrope", sans-serif;
  --heading-font: "Syne", sans-serif;
  --primary-color: #284761;
  --secondary-color: #87CBB9;
  --light-bg-color: #F5FAF6;
  --light-bg-color2: #E5F0ED;
  --title-color: #272128;
  --text-color: #353434;
  --black: #000000;
  --white: #ffffff;
  --common-transition:  all 0.4s ease;
}


 
/*..............common styles..............*/
html, body { max-width: 100vw; overflow-x: clip; /* modern safe alternative to overflow-x: hidden */ }
html{ -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 0; font-family: var(--primary-font); font-size: 16px; font-weight: 400; color:var(--text-color); overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; color: var(--title-color);    font-family: var(--heading-font); line-height: 1.2; }
h1{ font-size: clamp(2.25rem, 1.5rem + 2.5vw, 4.5rem);/* 70px */  margin:0 0 30px; line-height: 1.1;} 
h2{ font-size: clamp(1.875rem, 1.375rem + 1.6667vw, 3.375rem); /* 54px */  margin:0 0 30px; line-height: 1.1; text-transform: capitalize;} 
h3{ font-size: clamp(1.375rem, 1.1667rem + 0.6944vw, 2rem);  /* 32px */ }
h4{ font-size: clamp(1.25rem, 1.1667rem + 0.2778vw, 1.5rem); /* 24px */ }
h5{ font-size: clamp(1.125rem, 1.0833rem + 0.1389vw, 1.25rem); /* 20px */ }
h6{ font-size: clamp(1rem, 0.9583rem + 0.1389vw, 1.125rem); font-family: var(--primary-font); font-weight: 400;} 
p{ margin:0 0 24px; line-height: 1.5; font-family: var(--primary-font); font-size: 18px; font-weight: 400; color: var(--text-color);}
p:last-child { margin-bottom: 0; }
img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--secondary-color); outline: none; text-decoration: none; transition: var(--common-transition);}
a:hover{ text-decoration: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 { min-width: 165px; justify-content: space-between; font-family: var(--primary-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; */ transition: var(--common-transition); display: inline-flex; align-items: center; vertical-align: top; color: #fff !important; padding: 17px 15px 17px 15px; font-size: clamp(1rem, 0.9583rem + 0.1389vw, 1.125rem)!important; line-height: 1; text-transform: capitalize; border-radius: 10px; font-weight: 700; justify-content: center;  background-color: var(--secondary-color); }
.btn:hover { transform: translate(0px, 0px); transition: var(--common-transition); box-shadow: 0 12px 10px #0000; color: var(--white) !important; border: 1px solid var(--primary-color) !important; background-color: var(--primary-color); }

.btn.btn-white {color: var(--primary-color) !important;transition: var(--common-transition); background-color: var(--white);}
.btn.btn-white:hover { color: var(--white) !important; background-color: var(--primary-color); } 

.btn.border {color: var(--primary-color) !important;transition: var(--common-transition); border: 1px solid var(--primary-color)!important; background-color: transparent;}
.btn.border:hover{ color: var(--white) !important; background-color: var(--primary-color);  }

.btn.btn-white.border {color: var(--white) !important; transition: var(--common-transition); border: 1px solid var(--white)!important; background-color: transparent;}
.btn.btn-white.border:hover{border: 1px solid #fff !important;  color: var(--secondary-color) !important; background-color: var(--white);  }


textarea, select, .form-control {  font-family: var(--primary-font); font-weight: 300; outline: none;  font-size: clamp(1rem, 0.943rem + 0.152vw, 1.125rem) !important; color: var(--text-color); box-shadow: none !important;  background-color: var(--white) !important; padding: 14px 15px !important; }
input:not([type="submit"]) { height: 48px !important;  font-family: var(--primary-font); font-weight: 300; outline: none; background-color: transparent !important; font-size: clamp(1rem, 0.943rem + 0.152vw, 1.125rem) !important;  color: var(--text-color); box-shadow: none !important;  background-color: var(--white) !important; padding: 14px 15px !important;  }
select { appearance: none; -webkit-appearance: none; height: 48px !important; padding-right: 40px !important; background-image: url(../images/btm-arrow.svg); background-repeat: no-repeat; background-position: 96% center; background-size: 12px;  }
textarea.form-control{ height: 100px !important;  resize: none; }
input.form-control, select.form-control, textarea.form-control  { border-radius: 6px; } 
input[type="submit"]:hover {background-color: var(--light-bg-color); color: var(--primary-color)!important; border: 1px solid var(--light-bg-color) !important;  }


/* form label {  transition: all 0.4s; }
.form-floating>label { padding: 0 2px;  font-family: var(--primary-font); font-weight: 300; color: #6A6565; line-height: 1; height: auto; transform: scale(1) translateY(18px) translateX(24px); 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: var(--text-color); font-family: var(--primary-font); font-weight: 400; outline: none; background-color: transparent !important; font-size: 18px !important;}
::-ms-input-placeholder { color: var(--text-color); font-family: var(--primary-font); font-weight: 400; outline: none; background-color: transparent !important;  font-size: 18px !important;  }
textarea::placeholder { color: var(--text-color); font-family: var(--primary-font); font-weight: 400; outline: none; background-color: transparent !important;  font-size: 18px !important; }
textarea::-ms-input-placeholder { color: var(--text-color); font-family: var(--primary-font); font-weight: 400; outline: none; background-color: transparent !important;  font-size: 18px !important;  }


/* --- 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: 50px; padding-bottom: 50px; } 
.common-padd-md { padding-top: 70px; padding-bottom: 70px; } 
.common-padd-lg { padding-top: 90px; padding-bottom: 90px; } 
.common-padd-bottom {  padding-bottom: 50px; } 
.common-padd-top {  padding-top: 50px; } 
.common-padd-bottom-lg {  padding-bottom: 90px; } 
.common-padd-top-lg {  padding-top: 90px; } 
.p-relative { position: relative; }
/*..............common styles..............*/


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

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px var(--secondary-color); }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--secondary-color); border-radius: 10px; }
/*-----scroll-bar-design----------*/
 
/*-----Header design----------*/
.main-header { padding: 0; z-index: 999; left: 0; right: 0; top: 0; width: 100%;   position: relative; background: var(--light-bg-color); -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;  }
.home .main-header {position: fixed;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;transition: var(--common-transition); }
  
.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: 30px;}
.main-menu ul li a { display: block; color: #4E4E4E; 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(--primary-font); } 
.main-menu ul > li > a { padding: 30px 0; text-decoration: none; }
.main-menu ul > li > a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
.main-menu ul li.menu-item.current-menu-item a{color: var(--primary-color); background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.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%; } 

/*.main-menu ul li a::before { content: ''; position: absolute; width: 0%; height: 2px; background-color: #A3233B; -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: #A3233B;}
.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: #FFFFFF !important; top: 55%; 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(--primary-color) !important;}
.main-menu ul li a:hover{ color: var(--primary-color);}
.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: 48%; box-sizing: border-box; height: 7px; width: 7px; border-style: solid; border-color: #353132; border-width: 0px 2px 2px 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: 8px; 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: 24px; }
.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: #FFFFFF; -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: #0F0E0F; 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: calc(100% - 25px); transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 300px; 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: #FFFFFF; -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;}


.fp-viewing-secondSection .main-header, .fp-viewing-3rdSection .main-header, .fp-viewing-4thSection .main-header, .fp-viewing-5thSection .main-header, .fp-viewing-6thSection .main-header, .fp-viewing-footerSection .main-header { transform: translateY(-100%); opacity: 0; }


/*------css for new dropdown sub-menu end--------*/ 
.main-header.fixed .logo {transform: scale(1); -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: 90px; }
.main-header .logo {transform: scale(1.0); max-width: 190px; -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;}
.nav_btn { color: #FFFFFF; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #FFFFFF; }
.main-header.fixed { background: #fff;left: 0; right: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;}
.main-header.fixed .header-row .main-menu ul > li > a { padding: 30px 0; }
.main-header.fixed .main-menu ul > li.menu-item-has-children > a { padding-right: 24px; } 
.main-header.fixed .header-row .main-menu ul .sub-menu { top: calc(100% - 26px); }
        

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}


/*==========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: 50px;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: #ffffff; 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(--primary-color); padding: 4px 0; }
.mobile-menu > ul > li > a { border-bottom: 1px solid var(--primary-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: #FFFFFF;}
/*=========mobile menu===========*/

/*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(--secondary-color); 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 ~~~~~~~~~~ */
 
.fp-watermark { display: none; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 24px; height: 24px; margin: 10px; position: relative; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { height: 12px; width: 12px; margin: -6px 0 0 -6px; background: rgba(255, 255, 255, 0.15); border: 2px solid #ccd6d8; }
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border: 2px solid rgba(0, 0, 0, 1); }
.t-white, .t-white h1, .t-white h2, .t-white h3, .t-white h4, .t-white h5, .t-white h6, .t-white p, .t-white a{color: var(--white);}
.light-bg-primary{background-color: var(--light-bg-color);}
.bottom-border:after{    content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; border: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(12, 54, 85, 0.6) 0%, rgba(102, 102, 102, 0) 100%); opacity: 0.5;}
.bottom-border h2{padding-bottom: 25px;}

/*===== Home page start ====*/

/* Home Sec */ 

.banner {   position: relative; background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; display: flex; align-items: center; } 
.banner::before { content: ''; position: absolute;background: linear-gradient(359.66deg, rgba(0, 0, 0, 0.60) 0.27%, rgba(0, 0, 0, 0.65) 65.14%, rgba(0, 0, 0, 0.08) 99.68%, rgba(0, 0, 0, 0.5) 99.68%); top: 0; right: 0; bottom: 0; left: 0;  display: block; z-index: 1; width: 100%; height: 100%;}
.banner .text-box { position: relative; z-index: 2; text-align: center;} 
.banner .text-box h1 {  font-weight: 400;  } 
.banner .text-box p { font-weight: 500; } 
.video-wraper video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner .text-box h6 { text-transform: uppercase; }
.banner .text-box h6 span.subbrk{display: block;}

/* Home Sec */ 

/* About Gallery Sec */ 

.about-gallery {  margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; padding-left: 30px;  padding-right: 30px;}
.about-gallery-cnt { max-width: 700px; margin: 0 auto; padding-left: 40px; }
.swiper-container { width: 100%; height: 100%;  }
.swiper-button-prev { background-image: url(../images/arrow-right.svg); left: 10px; right: auto; background-repeat: no-repeat; width: 50px; height: 50px;   -webkit-border-radius: 50%; -moz-border-radius: 50%;
 -ms-border-radius: 50%; border-radius: 50%; background-color: var(--primary-color); background-position: center; z-index: 999999!important; }
.swiper-button-next {background-image: url(../images/arrow-left.svg); right: 10px; left: auto; background-repeat: no-repeat;  width: 50px; height: 50px;  -webkit-border-radius: 50%; -moz-border-radius: 50%;
 -ms-border-radius: 50%; border-radius: 50%; background-color: var(--primary-color);  background-position: center; z-index: 999999!important; }
.swiper-button-prev:after, .swiper-button-next:after{display: none; }
.gallery-slides-wrap { position: relative; overflow: hidden; margin: 0; padding: 0 0 105%; border-radius: 15px;  }
.gallery-slides-wrap img{position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.small-slide-notes{position: absolute; bottom: 20px; left: 20px; z-index: 2; color: var(--light-bg-color);}
.small-slide-notes.right{left: auto; right: 20px;}
.swiper-wrapper{z-index: -1;}


/* About Gallery Sec */ 

/* Our Solution Sec */ 

.service-card{overflow: hidden; border-radius: 15px; position: relative;}
.service-img{  position: relative; overflow: hidden; margin: 0; padding: 0 0 120%;}
.service-img img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; opacity: 0.85; transition: var(--common-transition); }
.service-card:hover .service-img img { opacity: 1; transform: scale(1.1);transition: var(--common-transition); }
.service-content { position: absolute; bottom: 0; color: white; padding: 1.5rem; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
 width: 100%; }
.service-content p{ display: -webkit-box; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Our Solution Sec */ 

/* Who we serve Sec */ 

.serve-left-col{max-width: 600px;}
.serve-list { margin-bottom: 50px; }
.serve-list ul{margin: 0; padding: 0;}
.serve-list ul li{margin: 0; padding: 20px 0; list-style: none; position: relative;}
.serve-list ul li:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block;  border: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(12, 54, 85, 0.6) 0%, rgba(102, 102, 102, 0) 100%); opacity: 0.5; }

/* Who we serve Sec */ 

/* Why Forthill Logix Sec */ 


.why-forthill-video{margin: 0 auto;  width: 100%; /* padding-bottom: 36.25%; */ position: relative;    overflow: hidden;  padding-top: calc(100% * 3.1 / 5); /* height/width ratio */}
.why-forthill-video video{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.forthill-list{max-width: 600px;}
.forthhill-list-row{position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.forthhill-list-row:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block;   border: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.55) 0%, rgba(102, 102, 102, 0) 100%); opacity: 0.5;}
.forthhill-list-row h4{margin-bottom: 15px;}
.forthill-list{margin-top: 3rem;}
.forthhill-list-row h4 img{margin-right: 18px;}
.forthhill-list-row:last-child{margin-bottom: 0;}
.serve-forthill-col { max-width: 650px; padding-right: 30px; }
.forthill-list{ max-width: 650px; padding-right: 30px; }


/* Why Forthill Logix Sec */ 

/* Lets Talk Sec */ 

.lets-talk-sec{background-color: var(--light-bg-color);}
.lets-talk-top{border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;  margin: 0; padding: 0 0 35%; }
.lets-talk-top h2{position: absolute; bottom: 20px; left: 30px; z-index: 2; color: var(--white); margin-bottom: 0;}
.lets-talk-top img{position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.lets-talk-contentsec{background-color: var(--light-bg-color2); padding: 30px 20px; text-align: center; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.lets-talk-contentsec p{max-width: 65%; margin: 0 auto 20px auto;}
.lets-talk-contentsec h4{font-weight: 700; font-family: var(--primary-font);}

/* Lets Talk Sec */ 

/* Footer */ 

.footer{background-position: 50% 35%; background-color: #284761; background-repeat: no-repeat; background-size: cover; }
.footer-information { display: flex ; justify-content: flex-end; }
.footer-information ul{margin: 0; padding: 0; list-style: none;}
.footer-information ul li { margin: 0 0 20px 0; padding: 0; }
.footer-information ul li:last-child{margin-bottom: 0;}
.footer-information ul li a{position: relative; color: var(--white);  display: flex; align-items: center; gap: 15px; }
.footer-information ul li a img{ object-fit: contain; flex-shrink: 0; margin-top: 4px;}
.footer-information ul li a h4{margin-bottom: 0;  font-family: var(--primary-font);}
.footer-flex ul{margin: 0; padding: 0; list-style: none;}
.footer-flex ul li{margin: 0 5px; padding: 5px 0;}
.footer-flex ul li a{display: block; padding: 3px 0;  position: relative; color: var(--white); font-size: 18px;}
.footer-flex ul li a:hover{color: var(--secondary-color);}
.footer-flex h4{font-family: var(--primary-font);}
.footer-menu { justify-content: space-between; padding-left: 80px; }
.footer-flex ul.footer-social{ display: flex;}
.footer-flex ul.footer-social li a{border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; text-align: center; background-color: transparent;}
.footer-flex ul.footer-social li a:hover{background-color: #fff;}
 .address { display: flex; align-items: flex-start; gap: 15px; max-width: 450px;  } 
 .address img { width: 24px; height: 24px; margin-top: 6px;  object-fit: contain; flex-shrink: 0; } 
 .address h4 { margin: 0; font-family: var(--primary-font);     line-height: 1.5; }
 .footer-note{position: absolute; right: 0; bottom: 10px; font-size: 24px; color: rgba(245, 250, 246, 0.6);;}
 .footer-logo-wraper { margin-bottom: 40px; }
 .top-footer{padding-top: 100px;}
 .home .top-footer{padding-top: 50px;}
 .top-footer .container-lg{border-bottom: 1px solid rgba(255, 255, 255, 0.29) ; padding-bottom: 100px;}
 .middle-footer .container-lg {padding-top: 100px; padding-bottom: 100px;}
 .end-footer .container-lg{border-top: 1px solid rgba(255, 255, 255, 0.29) ; }
 .copyright{padding-top: 30px; padding-bottom: 30px;}

 /* Footer */ 



/*===== Inner page css start ====*/

.banner.innerpage{background-position: 50% 50%; min-height: 450px; overflow: hidden; position: relative; padding-top: 80px; padding-bottom: 80px; background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; display: flex; align-items: center;}
.banner.innerpage:before{content: ''; position: absolute;background: linear-gradient(180deg, rgba(40, 72, 99, 0.7) 0%, rgba(0, 0, 0, 0.7) 51.84%); top: 0; right: 0; bottom: 0; left: 0;  display: block;}

.ai-power-cont{padding-right: 15%;}
.ai-power-img{ position: relative; overflow: hidden; margin: 0; padding: 0 0 70%; border-radius: 15px;}
.ai-power-img img{position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

.service-innerloop{}
.service-row:nth-child(odd){background-color: var(--light-bg-color2);}
.service-row:nth-child(even){background-color: var(--light-bg-color);}
.service-row:nth-child(even) .row{flex-direction: row-reverse;}
.solution-power-img{position: relative; overflow: hidden; margin: 0; padding: 0 0 70%; border-radius: 15px;}
.solution-power-img img{position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.pre-power-cont{max-width: 640px;}
.pre-power-cont ul{padding-left: 20px; margin-bottom: 25px;}
.pre-power-cont ul li{margin-bottom: 10px;}
.service-row .cnt{display: flex; justify-content: flex-end;}
.service-row:nth-child(even) .cnt{display: flex; justify-content: flex-start;}

.forthill-logix-inner{background-color: var(--primary-color);}
.forthill-logix-inner .cnt{display: flex; justify-content: flex-end;}

.features-section { padding: 80px 40px; background: #fff; border-radius: 12px; max-width: 1470px; margin: 40px auto 0; }
.features-section-inner{display: flex; flex-wrap: wrap; gap: 25px; align-items: flex-start;}
.features-container-wrap{  flex: 1 1 65%; display: flex ; flex-direction: column; gap: 25px;}
.features-container { display: flex; flex-wrap: wrap; gap: 25px; align-items: flex-start;  }
.features-left { flex: 1 1 25%; display: flex; flex-direction: column; gap: 40px; }
.feature-item { display: flex; align-items: center; gap: 40px; }
.feature-item img { width: 36px; height: 36px; flex-shrink: 0; }
.feature-item h4 {font-weight: 600; margin: 0;  }
.features-right { flex: 2 1 35%;}
.features-gif { flex: 3 1 20%; max-height: 520px; overflow: hidden; position: relative;}
.features-gif img { object-fit: cover; object-position: 0 -25px; }
.features-right ul { padding-left: 20px; margin-top: 12px; }
.features-right ul li { margin-bottom: 12px; } 

.team-card{overflow: hidden; border-radius: 15px; position: relative;}
.team-img{  position: relative; overflow: hidden; margin: 0; padding: 0 0 120%;}
.team-img img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; opacity: 0.85; transition: var(--common-transition); transform: scale(1); }
.team-card:hover .team-img img { opacity: 1; transform: scale(1.1); }
.team-content { position: absolute; bottom: 0; color: white; padding: 1.5rem;background: linear-gradient(180deg, rgba(40, 72, 99, 0) 0%, rgba(17, 35, 51, 0.5) 55.21%, #0d273b 100%); width: 100%; padding-bottom: 48px; }
.team-content p{ display: -webkit-box; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
a.seemore{display: inline-block; color: var(--secondary-color); text-decoration: underline;}
.team-content h4{margin-bottom: 10px;}
.team-position{margin-bottom: 20px;}
.team-position h6{margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.team-degree{margin-bottom: 5px;}
.team-mail{position: absolute; right: 20px; bottom: 15px;     font-size: 18px;}
.team-mail img{margin-right: 10px;}
.t-flex { height: 75px; }


/* modal css */ 
.modal-dialog .modal-content { background: rgba(40, 72, 99, 1); /* max-height: 80vh; */}
.team-modal-content { padding: 80px 80px; }
.information-modal button.btn-close {    width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; background: var(--light-bg-color); opacity: 1; border-radius: 50%; z-index: 1; }
.team-modal-content .d-flex h6{margin-left: 25px;}
.team-modal-content .d-flex:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; border: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.55) 0%, rgba(102, 102, 102, 0) 100%); opacity: 0.5; }
/* .scroll-wrap { overflow-y: auto; } */
/* modal css */ 


 .c-address { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px;  } 
 .c-address img { width: 24px; height: 24px; margin-top: 0;  object-fit: contain; flex-shrink: 0; filter: brightness(0); } 
 .c-address p { margin: 0; font-family: var(--primary-font);     line-height: 1.5; }

 .c-phone a { display: flex; align-items: center; gap: 15px; margin-bottom: 20px;  } 
 .c-phone a img { width: 20px; height: 20px; margin-top: 0;  object-fit: contain; flex-shrink: 0; filter: brightness(0); } 
 .c-phone a p { margin: 0; font-family: var(--primary-font);     line-height: 1.5; }

 .c-mail a { display: flex; align-items: flex-start; gap: 15px;  margin-bottom: 20px; } 
 .c-mail a img { width: 24px; height: 24px; margin-top: 0;  object-fit: contain; flex-shrink: 0; filter: brightness(0); } 
 .c-mail a p { margin: 0; font-family: var(--primary-font); line-height: 1.5; }
 .contact-left-information { max-width: 600px; }
 .contact-form-wrapper{ background-color: var(--primary-color); border-radius: 20px; padding: 100px 40px;}

.spcl-cntact-notes{background-color: var(--primary-color); padding: 90px 50px; margin-top: 100px; border-radius: 15px;}
.spcl-cntact-notes h3{max-width: 1090px; margin: 0 auto; position: relative; display: inline; padding-left: 40px; padding-right: 50px; font-family: var(--primary-font);}
.spcl-cntact-notes h3:before{content: ""; width: 40px; height: 30px; left: 0; top: -10px; position: absolute; display: block; background-image: url(../images/comma-top.svg); background-repeat: no-repeat;}
.spcl-cntact-notes h3:after{content: ""; width: 40px; height: 30px; right:0; bottom: -10px; position: absolute; display: block; background-image: url(../images/comma-bottom.svg); background-repeat: no-repeat;}
.wpcf7 form .wpcf7-response-output { text-align: center; font-size: 14px; color: #fff;}
.contact-us .wpcf7-not-valid-tip { font-size: 16px; display: none;}
.privacy-policy h2.wp-block-heading { font-size: 36px; }
.error404 .container.text-center.mt-5, .error404 .container.text-center { height: 40vh; display: flex ; flex-flow: column; justify-content: center; margin-top: 0 !important; }
input:not([type="submit"]).wpcf7-not-valid { border-color: red; }



/*===== Inner page css end ====*/


/*Media Query css*/

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

  .g-lg-10, .gx-lg-10 { --bs-gutter-x: 6rem }
  .g-lg-9, .gx-lg-9 { --bs-gutter-x: 5rem }

  }

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

  .container { max-width: 1340px !important;}
  .container-lg { max-width:1340px !important;}

}

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

  .container { max-width: 1440px !important;}
  .container-lg{ max-width:1640px !important;}
  
}
  
@media only screen and ( max-width:1699px ) { 

  /*..............common styles..............*/ 
  /*..............common styles..............*/
p { font-size: 16px;}
  .common-padd { padding-top: 30px; padding-bottom: 30px; }
  .service-img { padding: 0 0 106%; }
  .serve-list { margin-bottom: 30px; }
  .serve-list ul li { padding: 15px 0;}
  .forthill-list{margin-top: 2rem;}
  .forthhill-list-row { padding-bottom: 20px; margin-bottom: 20px; }
  .forthhill-list-row h4 { margin-bottom: 10px; }
  .forthhill-list-row h4 img { width: 40px; }
  
} 

@media only screen and ( max-width:1599px ) {  
 
  /*..............common styles..............*/ 
  /*..............common styles..............*/


  /* Footer Section */
  /* Footer Section */

}
 
@media only screen and ( max-width:1440px ) { 
  
  /*..............common styles..............*/ 
  h2 { margin: 0 0 20px; }
  body , p { font-size: 15px;}
  /*..............common styles..............*/

  .main-header .user-sec { margin-left: 50px; }
  .banner.innerpage { min-height: 300px; padding-top: 50px; padding-bottom: 50px;}

  .forthhill-list-row h4 img { width: 32px; }
  .service-img { padding: 0 0 100% ;}
  .lets-talk-top { padding: 0 0 22%; }
  .top-footer .container-lg { padding-bottom: 70px; }
  .middle-footer .container-lg { padding-top: 70px; padding-bottom: 70px; }
  .footer-flex ul li a { font-size: 16px; }
  .footer-note { font-size: 18px;}
  .gallery-slides-wrap { padding: 0 0 100%;}
  .service-row:nth-child(odd) .cnt .pre-power-cont{padding-left: 5%;}
  .forthill-logix-inner .pre-power-cont { padding-left: 5%; }
  
}

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


  .main-header .logo { max-width: 140px; }

  /*..............common styles..............*/   

  /*..............common styles..............*/
 
  .banner { min-height: 50vh; }
  .team-mail { font-size: 16px; }
  .top-footer .container-lg { padding-bottom: 50px; }
  .ai-power-cont { padding-right: 6%; }
  .forthill-logix-inner .pre-power-cont { padding-left: 6%; }
  .contact-form-wrapper { padding: 30px 25px; }

}

@media only screen and ( max-width: 991px ) {  
  
  /*..............common styles..............*/  
  .common-padd { padding-top: 60px; padding-bottom: 60px; }
  .common-padd-bottom { padding-bottom: 60px; }
  .common-padd-top { padding-top: 60px; } 

  .common-padd-lg { padding-top: 70px; padding-bottom: 70px; }
  .common-padd-top-lg { padding-top: 70px; }
  .common-padd-bottom-lg { padding-bottom: 70px; }
  .container {max-width: 100%;}
  /*..............common styles..............*/

  .information-modal button.btn-close { width: 30px; height: 30px; z-index: 1; top: -15px; right: -8px; }
  .team-modal-content { padding: 30px 30px; }
  .team-content { padding-bottom: 40px; }
  .lets-talk-top { padding: 0 0 40%; }
  .forthill-list {  margin-bottom: 30px; }
  .features-section { padding: 30px 20px; margin: 30px auto 0; }
  .feature-item { gap: 18px; }
  .feature-item img { width: 30px; height: 30px;}
  .spcl-cntact-notes { padding: 50px 30px; margin-top: 60px;}
  .serve-forthill-col { max-width: 100%; padding-right: 0; }
  .forthill-list{ max-width: 100%; padding-right: 0; }
  .about-gallery-cnt { max-width: 100%; padding-left: 40px; padding-right: 40px; margin-top: 20px; }

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

  /*..............common styles..............*/ 
  h1, h2, h3, h4, h5, h6 { line-height: 1.1; }
  p { margin: 0 0 24px; line-height: 1.3; }
  .common-padd { padding-top: 50px; padding-bottom: 50px; }
  .common-padd-bottom { padding-bottom: 50px; }
  .common-padd-top { padding-top: 50px; } 
  
  .common-padd-lg { padding-top: 60px; padding-bottom: 60px; }
  .common-padd-top-lg { padding-top: 60px; }
  .common-padd-bottom-lg { padding-bottom: 60px; }

  .container { max-width: 650px; }
  .container-lg { max-width: 650px; }
  textarea.form-control { border-radius: 10px; }
  /*..............common styles..............*/

  /*  ===========mobile nav==========  */  
    
    .hamburger-nav { display: inline-block; margin-left: 0px; transform: scale(1) translate(0px, 0px); }
    /*   .hamburger-nav { transform: scale(.8) translate(20px, 0px); margin: -10px -10px -10px -25px; }*/
    .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: 18px; color: var(--primary-color); text-align: left; text-transform: uppercase; }
    .mobile-menu ul li a:hover{color: #410C18;}

    .mobile-menu ul li ul.sub-menu li {margin: 11px 0;padding: 0 20px;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .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: "Urbanist", sans-serif; }
     
    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(--primary-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 #A3233B4f; border-radius: 10px; margin-top: 20px; /* padding-bottom: 20px; */ }
    .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px;}
    .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 
  
    /*  ===========mobile nav==========  */

    .service-card{margin-bottom: 20px;}
    .forthill-list { max-width: 100%;  }
    .service-row .cnt .pre-power-cont {  margin-top: 20px; max-width: 100%;}
    .service-row:nth-child(odd) .cnt .pre-power-cont { padding-left: 0; }
    .ai-power-cont { padding-right: 0; margin-bottom: 30px; }
    .features-container { gap: 20px;}
    .forthill-logix-inner .pre-power-cont { padding-left: 0; padding-top: 20px; }
    .features-gif { flex: 3 1 100%;     max-height: 100%;}
    .feature-item h4 { font-size: 18px; }
    .features-section-inner { gap: 0;}
    .spcl-cntact-notes h3 { font-size: 18px; }
    .t-flex { height: auto; }

    /* Footer Section */
     .footer h4{font-size: 18px;}
     .feature-item { gap: 15px; }
     .footer-information { margin-top: 20px; }
     .top-footer { padding-top: 50px; }
     .middle-footer .container-lg { padding-top: 30px; padding-bottom: 30px; }
     .footer-information { justify-content: flex-start; }
      .top-footer .container-lg { padding-bottom: 30px; }
      .footer-menu { justify-content: space-between; padding-left: 0; margin-top: 30px; }
      .footer-flex ul li{margin: 0; padding: 0;}
      .footer-logo-wraper { margin-bottom: 10px; }
      .copyright { padding-top: 18px; padding-bottom: 18px; }
      .copyright p{font-size: 14px;}
    /* Footer Section */

}

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

  /*..............common styles..............*/ 
  .container { max-width: 96%; }
  .container-lg { max-width: 96%; }
  h2 { margin: 0 0 15px; } 
  /*..............common styles..............*/

  .main-header .logo { max-width: 140px; }
  .btn { min-width: 135px; padding: 14px 15px 14px 15px;}
  .feature-item h4 { font-size: 16px; }
  .feature-item img { width: 24px; height: 24px; }
  .feature-item { gap: 10px; }
  .lets-talk-contentsec p { max-width: 95%; }
  .lets-talk-top h2 { bottom: 15px; left: 20px;}
  .features-right { flex: 2 1 100%; }
  .features-left { gap: 20px; }
  .features-container { gap: 10px; }
  .team-modal-content .d-flex { display: block !important; }
  .team-modal-content .d-flex h6 { margin-left: 0; padding-bottom: 15px; }
  .team-modal-content .d-flex h4 { margin-bottom: 12px; }
  .spcl-cntact-notes h3:after { width: 25px; height: 20px; background-size: 100%; }
  .spcl-cntact-notes h3:before{ width: 25px; height: 20px; background-size: 100%;}
  .spcl-cntact-notes h3 { padding-left: 40px; padding-right: 40px;}
  .swiper-button-prev,  .swiper-button-next { width: 30px; height: 30px; background-size: 60%;}
  .about-gallery {  padding-left: 0;  padding-right: 0;}
   .about-gallery-cnt { max-width: 100%; padding-left: 0; padding-right: 0; margin-top: 20px; }
   .small-slide-notes.right { left: auto; right: 15px; bottom: 10px; }
  /* Footer Section */
  /* Footer Section */

}

@media only screen and ( max-width: 480px ) { 
 
  /*..............common styles..............*/ 
  /*..............common styles..............*/ 

  .main-header .logo { max-width: 110px; }
  .ham { width: 60px; }
  .main-header .user-sec { margin-left: 15px; }
  .hamburger-nav { transform: scale(.8) translate(28px, 0px); margin-left: -25px; } 
  .user-sec a.btn { min-width: 110px; padding: 12px 12px 12px 12px; font-size: 14px !important; }
  .service-content h4{margin-bottom: 15px;}
  .service-content p { -webkit-line-clamp: 1; margin-bottom: 15px; }
  .service-content { padding: 1rem;}
  .footer p{font-size: 14px;}
  .footer h4 { font-size: 16px; }
  .footer-flex ul li a { font-size: 14px; }
  .footer-information ul li { margin: 0 0 15px 0; }
  .footer-information { margin-top: 15px; }
  .lets-talk-top { padding: 0 0 60%; }
  .lets-talk-contentsec { padding: 20px 15px;}
  /* Footer Section */
  /* Footer Section */

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

  /*..............common styles..............*/ 


  /*..............common styles..............*/


     
  /* Footer Section */
  /* Footer Section */

}


/*Media Query css*/