/*

TemplateMo 563 SEO Dream

https://templatemo.com/tm-563-seo-dream

/
/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 50%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background-color: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px;
  line-height: 30px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
}

::selection {
  background: #03a4ed;
  color: #fff;
}

::-moz-selection {
  background: #03a4ed;
  color: #fff;
}

@media (max-width: 991px) {

  html,
  body {
    overflow-x: hidden;
  }

  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }

  .mobile-bottom-fix {
    margin-bottom: 30px;
  }

  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.page-section {
  margin-top: 120px;
}

.section-heading {
  margin-bottom: 60px;
}

.section-heading h6 {
  font-size: 15px;
  font-weight: 700;
  color: rgb(153 120 68);
  text-transform: uppercase;
  margin-bottom: 15px;

}

.section-heading h2 {
  font-size: 30px;
  text-transform: capitalize;
  color: #2a2a2a;
  font-weight: 800;
  position: relative;
  z-index: 2;
  line-height: 45px;
}

.section-heading h2 em {
  font-style: normal;
  color: rgb(153 120 68);
}

.section-heading h2 span {
  color: rgb(153 120 68);
}

.main-blue-button a {
  display: inline-block;
  background-color: #4771cb;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
  border-bottom: 2px solid #fff !important;
  transition: all .3s;
}

.main-blue-button a:hover {
  background-color: #fff !important;
  color: #4771cb !important;
  border-bottom: 2px solid #4771cb !important;
}

.main-green-button a {
  display: inline-block;
  background-color: rgb(153 120 68);
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
  border-bottom: 2px solid #4771cb !important;
  transition: all .3s;
}

.main-green-button a:hover {
  background-color: #4771cb !important;
  color: #fff !important;
  border-bottom: 2px solid #33ccc5 !important;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background-color: #33ccc5 !important;
  height: 80px !important;
  position: fixed !important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #fff;
}

.background-header .main-nav .nav li:hover a {
  color: #33ccc5;
}

.background-header .nav li a.active {
  position: relative;
  color: #fff;
}

.background-header .nav li a.active:after {
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #4771cb;
  content: '';
  left: 50%;
  bottom: 0px;
  transform: translateX(-10px);
}

.header-area {
  background-color: #000000;
  /* position: absolute; */
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  /* height: 100px; */
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  padding: 15px 0px
}

.header-area .main-nav {
  /* min-height: 80px; */
  background: transparent;
}

.header-area .main-nav .logo {
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo h4 {
  font-size: 30px;
  font-weight: 800;
  text-transform: capitalize;
  color: #fff;
  line-height: 100px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo h4 img {
  max-width: 30px;
  margin-top: -20px;
  margin-left: 5px;
}

.background-header .main-nav .logo h4 {
  line-height: 80px;
}

.background-header .main-nav .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: right;
  /* margin-top: 30px; */
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
  padding-top: 8px;
}

.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

/* .header-area .main-nav .nav li:last-child {
  padding-right: 0px;
  padding-left: 40px;
} */

/* .header-area .main-nav .nav li:last-child a ,
.background-header .main-nav .nav li:last-child a {
  padding: 0px 20px;
  font-weight: 400;
} */

.header-area .main-nav .nav li:last-child a:hover,
.background-header .main-nav .nav li:last-child a:hover {
  color: #4771cb !important;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* height: 40px; */
  line-height: 26px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #9e7d45 !important;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #fff !important;
  opacity: 1;
}

.header-area .main-nav .nav li.submenu {
  position: relative;
  padding-right: 30px;
}

.header-area .main-nav .nav li.submenu:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #2a2a2a;
  position: absolute;
  right: 18px;
  top: 12px;
}

.background-header .main-nav .nav li.submenu:after {
  color: #2a2a2a;
}

.header-area .main-nav .nav li.submenu ul {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 50px;
  opacity: 0;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a !important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
  background: #fff;
  color: #33ccc5 !important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99999;
  right: 40px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #fff;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #fff;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  /* top: 16px; */
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #fff;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #fff;
}

.header-area.header-sticky {
  /* min-height: 80px; */
}

.header-area .nav {
  /* margin-top: 30px; */
}

.header-area.header-sticky .nav li a.active {
  color: #33ccc5;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 992px) {

  .header-area .main-nav .nav li:last-child,
  .background-header .main-nav .nav li:last-child {
    /* display: none; */
  }

  .header-area .main-nav .nav li:nth-child(6),
  .background-header .main-nav .nav li:nth-child(6) {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .background-header .main-nav .nav {
    margin-top: 80px !important;
  }

  .header-area .main-nav .logo {
    color: #1e1e1e;
            display: flex
;
  }

  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #33ccc5 !important;
    opacity: 1;
  }

  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }

  .header-area {
    background-color: #33ccc5;
    padding: 0px 15px;
    /* height: 100px; */
    box-shadow: none;
    text-align: center;
            padding: 15px;
  }

  .header-area .container {
    padding: 0px;
  }

  .header-area .logo {
    margin-left: 30px;
  }

  .header-area .menu-trigger {
    display: block !important;
  }

  .header-area .main-nav {
    overflow: hidden;
  }

  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }

  .background-header .nav {
    margin-top: 80px;
  }

  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }

  .header-area.header-sticky .nav {
    margin-top:40px;
  }

  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .header-area .main-nav .nav li a {
    /* height: 50px !important; */
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
  }

  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #33ccc5 !important;
  }

  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }

  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }

  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }

  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }

  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }

  .header-area .main-nav .nav li.submenu:hover ul,
  .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}

/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/

.js-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.js-preloader.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@-webkit-keyframes dot {
  50% {
    -webkit-transform: translateX(96px);
    transform: translateX(96px);
  }
}

@keyframes dot {
  50% {
    -webkit-transform: translateX(96px);
    transform: translateX(96px);
  }
}

@-webkit-keyframes dots {
  50% {
    -webkit-transform: translateX(-31px);
    transform: translateX(-31px);
  }
}

@keyframes dots {
  50% {
    -webkit-transform: translateX(-31px);
    transform: translateX(-31px);
  }
}

.preloader-inner {
  position: relative;
  width: 142px;
  height: 40px;
  background: #fff;
}

.preloader-inner .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  background: #33ccc5;
  border-radius: 50%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: dot 2.8s infinite;
  animation: dot 2.8s infinite;
}

.preloader-inner .dots {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  -webkit-animation: dots 2.8s infinite;
  animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  background: #33ccc5;
  border-radius: 50%;
}



/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/

.main-banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 226px 0px 120px 0px;
  position: relative;
  overflow: hidden;
}

.main-banner:after {
  content: '';
  background-image: url(../images/banner-dec-left.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 100px;
  width: 212px;
  height: 653px;
  z-index: -1;
}

.main-banner:before {
  content: '';
  background-image: url(../images/banner-dec-right.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 100px;
  width: 1159px;
  height: 797px;
  z-index: -1;
}

.main-banner .left-content {
  margin-right: 45px;
}

.main-banner .left-content h6 {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
  color: #2a2a2a;
  margin-bottom: 8px;
}

.main-banner .left-content h4 {
  z-index: 2;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  color: #2a2a2a;
}

.main-banner .left-content h2 {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 45px;
  font-size: 60px;
  font-weight: 800;
  color: #2a2a2a;
  line-height: 72px;
  background: #FA9D4D;
  background: -webkit-linear-gradient(to right, #FA9D4D 0%, #FF4F6B 100%);
  background: -moz-linear-gradient(to right, #FA9D4D 0%, #FF4F6B 100%);
  background: linear-gradient(to right, #FA9D4D 0%, #FF4F6B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-banner .right-image {
  text-align: right;
  position: relative;
  z-index: 2;
}

.main-banner .right-image img {
  max-width: 593px;
}



/* 
---------------------------------------------
Features Style
--------------------------------------------- 
*/

#features {
  padding-top: 130px;
}

.features .features-content {
  z-index: 2;
  position: relative;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.features-item {
  text-align: center;
  padding: 30px;
  border-radius: 50px;
  background: rgb(255, 255, 255);
  background: linear-gradient(105deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  -moz-transition: background-color .5s;
}

.features-item:hover {
  background: rgb(51, 204, 197);
  /* background: linear-gradient(105deg, rgba(51, 204, 197, 1) 0%, rgba(8, 141, 195, 1) 100%); */
  background: linear-gradient(105deg, rgb(153 120 68) 0%, rgb(0 0 0) 100%);
}

.features-item:hover h4 {
  color: #fff;
}

.features-item:hover p {
  color: #fff;
}

.features-item:hover .line-dec {
  background-color: rgba(255, 255, 255, 0.3);
}

.first-feature:hover .icon {
  background-image: url(../images/features-icon-white-01.png);
}

.second-feature:hover .icon {
  background-image: url(../images/features-icon-white-02.png);
}

.features-item .number h6 {
  background-repeat: no-repeat;
  width: 110px;
  height: 69px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 69px;
  margin-top: -65px;
  margin-bottom: 30px;
}

.features-item .first-number h6 {
  /* background-image: url(../images/features-number-01.png); */
  background: linear-gradient(45deg, #997844, #311e02);
  border-radius: 21% 140% 79% 133%;
}

.features-item .second-number h6 {
  /* background-image: url(../images/features-number-02.png); */
  background: linear-gradient(45deg, #997844, #311e02);
  border-radius: 21% 140% 79% 133%;
}

.features-item .third-number h6 {
  /* background-image: url(../images/features-number-03.png); */
  background: linear-gradient(45deg, #997844, #311e02);
  border-radius: 21% 140% 79% 133%;
}

.features-item .fourth-number h6 {
  /* background-image: url(../images/features-number-04.png); */
  background: linear-gradient(45deg, #997844, #311e02);
  border-radius: 21% 140% 79% 133%;
}

.first-feature .icon {
  background-image: url(../images/features-icon-black-01.png);
}

.second-feature .icon {
  background-image: url(../images/features-icon-black-02.png);
}

.features-item .icon {
  width: 63px;
  height: 63px;
  margin: 0 auto;
  transition: all 0.5s;
}

.features-item h4 {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 30px;
  font-size: 17px;
  line-height: 30px;
  font-weight: 700;
  color: #2a2a2a;
  position: relative;
  transition: all 0.5s;
}

.features-item .line-dec {
  width: 100px;
  height: 2px;
  background-color: rgba(51, 204, 197, 0.3);
  margin: 30px auto;
  transition: all 0.5s;
}

.features-item p {
  position: relative;
  margin-top: 0px;
  transition: all 0.5s;
}

.skills-content {
  position: relative;
  z-index: 1;
  margin-top: -50px;
  background-color: #f5f5f5;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 110px 0px 50px 0px;
}

.skill-item {
  text-align: center;
}

.progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #fd6a54;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  text-align: center;
  color: #2a2a2a;
  display: flex;
  width: 100%;
  border-radius: 50%;
  font-size: 32px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 700;
}

.progress .progress-value div {
  margin-top: 10px;
}

.progress .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the  necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}

.progress {
  margin-bottom: 1em;
}


/* 
---------------------------------------------
About Us Style
--------------------------------------------- 
*/

#about {
  padding-top: 80px;
}

.about-us .section-heading {
  margin-bottom: 20px;
}

.about-us .left-image {
  margin-right: 45px;
}

.about-us .about-item h4 {
  font-size: 38px;
  font-weight: 800;
  color: #088ec3;
}

.about-us .about-item h6 {
  font-size: 16px;
  margin-top: 5px;
  font-weight: 400;
  color: #2a2a2a;
  text-transform: capitalize;
}

.about-us p {
  margin: 20px 0px;
}

/* 
---------------------------------------------
Services Style
--------------------------------------------- 
*/

.our-services {
  padding-top: 120px;
}

.our-services .section-heading {
  text-align: center;
  margin-left: 75px;
  margin-right: 75px;
}

.our-services .container-fluid {
  padding: 0px 80px;
}

.service-item {
  padding: 60px 30px;
  border: 2px solid #f7f7f7;
  border-radius: 5px;
  transition: all .3s;
  margin-bottom: 30px;
}

.service-item:hover {
  background-color: #fff;
  border: 2px solid transparent;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.service-item .icon {
  margin-top: 10px;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  background-color: #f7f7f7;
  border-radius: 50%;
}

.service-item .icon img {
  width: 38px;
  height: 38px;
}

.service-item h4 {
  font-size: 22px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 15px;
}


/* 
---------------------------------------------
Portfolio
--------------------------------------------- 
*/

.our-portfolio {
  padding-top: 50px;
  overflow: hidden;
}

.our-portfolio .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.portfolio-item {
  margin-bottom: 30px;
  border-radius: 50px;
}

.portfolio-item:hover .thumb .hover-content {
  opacity: 1;
  visibility: visible;
}

.portfolio-item .thumb {
  position: relative;
  border-radius: 50px;
}

.portfolio-item .thumb img {
  border-radius: 50px;
  overflow: hidden;
}

.portfolio-item .thumb .hover-content {
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(51, 204, 197);
  background: linear-gradient(105deg, rgba(51, 204, 197, 1) 0%, rgba(8, 141, 195, 1) 100%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}

.portfolio-item .thumb .hover-content .inner-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.portfolio-item .thumb .hover-content .inner-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.portfolio-item .thumb .hover-content .inner-content span {
  font-size: 15px;
  color: #fff;
}

.our-portfolio .owl-nav {
  display: inline-block !important;
  position: absolute;
  top: -117px;
  right: 15%;
  max-width: 1320px;
}

.our-portfolio .owl-nav .owl-next {
  margin-left: 10px;
}

.our-portfolio .owl-nav span {
  width: 46px;
  height: 46px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  font-size: 30px;
  border: 2px solid #eee;
  border-radius: 50%;
  color: #ddd;
  transition: all 0.5s;
}

.our-portfolio .owl-nav span:hover {
  color: #33ccc5;
  border-color: #33ccc5;
}



/* 
---------------------------------------------
contact
--------------------------------------------- 
*/

.contact-us {
  margin-top: 90px;
  padding: 120px 0px;
  background-image: url(../NEWIMAGES/bg2.jpeg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.contact-us .section-heading {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
}

.contact-us .contact-info {
  padding: 40px 30px;
  border: 2px solid #eee;
}

.contact-us .contact-info ul li {
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

.contact-us .contact-info ul li a {
  font-size: 15px;
  color: #afafaf;
  transition: all .5s;
}

.contact-us .contact-info ul li:hover a {
  color: #2a2a2a;
}

.contact-us .contact-info ul li:last-child {
  margin-bottom: 0px;
}

.contact-us .contact-info ul li .icon {
  margin-bottom: 10px;
}

.contact-us .contact-info ul li .icon img {
  max-width: 32px;
}

form#contact {
  position: relative;
  background-color: #fff;
  padding: 60px 80px;
  border-radius: 50px;
  text-align: center;
}

form#contact input {
  width: 100%;
  height: 46px;
  border-radius: 5px;
  background-color: transparent;
  border: 2px solid #efefef;
  outline: none;
  font-size: 15px;
  font-weight: 300;
  color: #2a2a2a;
  padding: 0px 20px;
  margin-bottom: 20px;
}

form#contact input::placeholder {
  color: #aaa;
}

form#contact textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 180px;
  min-height: 140px;
  height: 140px;
  border-radius: 5px;
  background-color: transparent;
  border: 2px solid #efefef;
  outline: none;
  font-size: 15px;
  font-weight: 300;
  color: #2a2a2a;
  padding: 15px 20px;
  margin-bottom: 20px;
}

form#contact textarea::placeholder {
  color: #aaa;
}

form#contact button {
  display: inline-block;
  background-color: #543c25;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin-top: 20px;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
  border-bottom: 2px solid #543c25 !important;
  transition: all .3s;
  outline: none;
  border: none;
}

form#contact button:hover {
  background-color: #000000 !important;
  color: #fff !important;
  border-bottom: 2px solid #000000 !important;
}

/* 
---------------------------------------------
Footer Style
--------------------------------------------- 
*/

footer p {
  /* text-align: center; */
  margin: 30px 0px;
  color: white;
}

footer p a {
  color: #ffffff;
  transition: all .5s;
}

footer h4 {
  color: #ffffff;
}

footer p a:hover {
  color: rgb(153 120 68);
}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1200px) {
  .header-area .main-nav .logo h4 {
    font-size: 24px;
  }

  .header-area .main-nav .logo h4 img {
    max-width: 25px;
    margin-left: 0px;
  }

  .header-area .main-nav .nav li:last-child {
    padding-left: 20px;
  }
}

@media (max-width: 992px) {
  .header-area .main-nav .logo h4 {
    font-size: 20px;
  }

  .main-banner .left-content {
    margin-right: 0px;
  }

  .main-banner {
    text-align: center;
  }

  .main-banner:before {
    display: none;
  }

  .main-banner .right-image {
    margin: 30px auto 0px auto;
    text-align: center;
  }

  .features-item {
    margin-bottom: 45px;
  }

  .last-features-item,
  .last-skill-item {
    margin-bottom: 0px !important;
  }

  .skill-item {
    margin-bottom: 30px;
  }

  .service-item {
    text-align: center;
  }

  .service-item .icon {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .about-us .left-image {
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 45px;
  }

  .our-portfolio .owl-nav {
    display: none !important;
  }

  .contact-info {
    margin-top: 60px;
  }

  form#contact {
    padding: 45px;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo h4 {
    font-size: 30px;
  }

  .header-area .main-nav .logo h4 img {
    max-width: 30px;
    margin-left: 5px;
  }

  .main-banner .info-stat {
    margin-bottom: 15px;
  }

  .service-item {
    text-align: center;
    padding: 30px;
  }

  .service-item .icon {
    float: none;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .service-item .right-content {
    display: inline-block;
  }

  .our-portfolio .section-heading,
  .about-us .section-heading,
  .about-us .about-item,
  .about-us p,
  .about-us .main-green-button {
    /* text-align: center; */
  }

  .our-services .section-heading {
    margin-left: 15px;
    margin-right: 15px;
  }

  .about-us .about-item {
    margin-top: 15px;
  }

  form#contact {
    padding: 30px;
  }
}


/* NEW ADD BY BS */

/* Navbar STart */
/* Make Services dropdown full width */
.mega-menu {
  width: 99vw;
  /* Full width of viewport */
  left: 0 !important;
  right: 0 !important;
  top: 100%;
  /* Below the navbar */
  border-radius: 0;
  border: none;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  top: 22px !important;
}

.mega-menu .dropdown-item {
  padding: 20px 0;
  color: #333;

}

.mega-menu .dropdown-item i {
  font-size: 35px !important;
  font-weight: 800 !important;
  color: #927142;
}

.mega-menu .dropdown-item:hover {
  background: transparent;
  color: #33ccc5;
}

/* Optional: style for normal dropdown */
.dropdown-menu {
  border-radius: 4px;
  border: 1px solid #ddd;
  text-align: center;
}

@media (min-width: 1400px) {
  .containernew1 {
    max-width: 1520px;
  }
}

.textleft .dropdown-item {
  text-align: left;
}

/* Navbar ENd */

/* Carousel Start */
/* Carousel container */
.carousel-item {
  height: 100vh;
  min-height: 400px;
  background-position: center;
  background-size: cover;
  position: relative;
}

/* Overlay */
.carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

/* Caption styling */
.carousel-caption {
  bottom: 25%;
  z-index: 2;
}

.carousel-caption h1 {
  font-size: 3.5rem;
  font-weight: 700;
  animation: fadeInDown 1s ease;
}

.carousel-caption p {
  font-size: 1.25rem;
  animation: fadeInUp 1.2s ease;
  padding: 15px 0px;
  color: white;
}

.carousel-caption .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  border-radius: 50px;
  animation: fadeInUp 1.4s ease;
}

/* Animations */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 100% 100%;
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

/* Carousel End */


/* Services Start */
.np {
  padding: 0px;
}

.featuredPropBox {}

.featuredPropBox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: outside none none;
  padding: 0;
}

.featuredPropBox ul li {
  background-color: #eeeeee;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  height: 250px;
  margin: 5px;
  width: 32%;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}

.featuredPropBox ul li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgb(0 0 0 / 55%);
  transition: all 0.3s;
}

.featuredPropBox ul li:nth-child(1) {
  background-image: url('../NEWIMAGES/ser1.jpeg');
}

.featuredPropBox ul li:nth-child(2) {
  background-image: url('../NEWIMAGES/ser2.jpeg');
}

.featuredPropBox ul li:nth-child(3) {
  background-image: url('../NEWIMAGES/ser3.jpeg');
}

.featuredPropBox ul li:nth-child(4) {
  background-image: url('../NEWIMAGES/ser4.jpeg');
}

.featuredPropBox ul li:nth-child(5) {
  background-image: url('../NEWIMAGES/ser5.jpeg');
}

.featuredPropBox ul li:nth-child(6) {
  background-image: url('../NEWIMAGES/ser6.jpeg');
}

.featuredPropBox ul li:nth-child(7) {
  background-image: url('../NEWIMAGES/ser7.jpeg');
}

.featuredPropBox ul li:nth-child(8) {
  background-image: url('../NEWIMAGES/ser8.jpeg');
}

.featuredPropBox ul li:nth-child(9) {
  background-image: url('../NEWIMAGES/ser9.jpeg');
}

.featuredPropBox ul li:nth-child(10) {
  background-image: url('../NEWIMAGES/ser10.jpeg');
}


.featuredPropBox ul li:nth-child(11) {
  background-image: url('../NEWIMAGES/ser11.jpeg');
}


.featuredPropBox ul li:nth-child(12) {
  background-image: url('../NEWIMAGES/ser12.jpeg');
}


.featuredPropBox ul li:nth-child(13) {
  background-image: url('../NEWIMAGES/ser13.jpeg');
}

.featuredPropBox ul li:nth-child(14) {
  background-image: url('../NEWIMAGES/ser14.jpeg');
}


.featuredPropBox ul li:nth-child(15) {
  background-image: url('../NEWIMAGES/ser15.jpeg');
}

.featuredPropBox ul li:nth-child(16) {
  background-image: url('../NEWIMAGES/ser16.jpg');
}

.featuredPropBox ul li .fplogo {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  z-index: 1;
  transition: all 0.3s;
}

.featuredPropBox ul li .fplogo img {
  width: 100%;
}

.featuredPropBox ul li .fptext {
  display: none;
  font-size: 16px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease 0s;
  width: 65%;
  z-index: 1;
}

.featuredPropBox ul li .fptext p {
  color: #fff;
  margin: 0px;
}

.featuredPropBox ul li:hover {
  box-shadow: 0 0 0 25px rgba(0, 0, 0, 0.2) inset;
}

.featuredPropBox ul li:hover:after {
  background-color: rgb(0 0 0 / 66%);
}

.featuredPropBox ul li:hover .fplogo {
  display: none;
}

.featuredPropBox ul li:hover .fptext {
  display: block;
}

.fplogo {
  text-align: center;
  font-weight: 900;
  font-size: 23px;
  color: white;
}

/* Services End */

/*  */
.bg1 {
  background: linear-gradient(350deg, black, #ffffff9e);
  position: relative;
  /* background: #000000; */
  padding: 100px 20px;
  color: white;
  z-index: 1;
  overflow: hidden;
  clip-path: ellipse(115% 100% at 50% 0%);
}

.bodysec1 {
  /* min-height: 100vh; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background: #0f172a; */
  overflow-x: hidden;
  padding: 0px 20px 30px 0px;
}

.about-title {
  font-size: 5rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  white-space: nowrap;
  background: linear-gradient(to right, #60a5fa 0%, #e879f9 50%, #f472b6 100%);
  animation: shimmer 8s infinite linear;
  text-shadow: 0 0 30px rgba(96, 165, 250, 0.3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  z-index: 1;
  text-shadow: 0 0 20px rgba(125, 211, 252, 0.2);
}

@keyframes shimmer {
  0% {
    background-position: -200% center;
  }

  100% {
    background-position: 200% center;
  }
}

.carousel-container {
  width: 100%;
  max-width: 1200px;
  height: 500px;
  position: relative;
  perspective: 2000px;
  margin-top: 20px;
  z-index: 999999;
}

.carousel-track {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.card {
  position: absolute;
  width: 300px;
  height: 384px;
  background: #1e293b;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transition: all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  cursor: pointer;
  will-change: transform, opacity;
  transform-origin: center;
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.9) 0%,
      rgba(15, 23, 42, 0.9) 100%);
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg,
      rgba(96, 165, 250, 0.2) 0%,
      rgba(232, 121, 249, 0.2) 50%,
      rgba(244, 114, 182, 0.2) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}

.card:hover::before {
  opacity: 1;
}

.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  filter: brightness(0.8);
}

.card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  z-index: 3;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  color: white;
  background: linear-gradient(to top,
      rgba(15, 23, 42, 0.95) 0%,
      rgba(15, 23, 42, 0.8) 50%,
      transparent 100%);
  backdrop-filter: blur(5px);
}

.card:hover .card-content {
  transform: translateY(0);
}

.card-name {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 5px;
  color: white;
}

.card-role {
  font-size: 0.9rem;
  opacity: 0.8;
  letter-spacing: 1px;
  color: #94a3b8;
}

.card-social {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.card-social a {
  color: #e2e8f0;
  font-size: 1.1rem;
  transition: all 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg,
      rgba(96, 165, 250, 0.2) 0%,
      rgba(232, 121, 249, 0.2) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.card-social a:hover {
  transform: translateY(-5px) rotate(8deg);
  background: linear-gradient(135deg,
      rgba(96, 165, 250, 0.4) 0%,
      rgba(232, 121, 249, 0.4) 100%);
  color: white;
}

/* Card positions */
.card.center {
  z-index: 10;
  transform: scale(1.15) translateZ(0);
  box-shadow: 0 30px 60px -10px rgba(251, 113, 133, 0.4);
}

.card.center .card-img {
  filter: brightness(1);
}

.card.left-2 {
  z-index: 1;
  transform: translateX(-400px) scale(0.8) translateZ(-200px) rotateY(15deg);
  opacity: 0.6;
}

.card.left-1 {
  z-index: 5;
  transform: translateX(-200px) scale(0.95) translateZ(-50px) rotateY(8deg);
  opacity: 0.8;
}

.card.right-1 {
  z-index: 5;
  transform: translateX(200px) scale(0.95) translateZ(-50px) rotateY(-8deg);
  opacity: 0.8;
}

.card.right-2 {
  z-index: 1;
  transform: translateX(400px) scale(0.8) translateZ(-200px) rotateY(-15deg);
  opacity: 0.6;
}

.card.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Member info section */
.member-info {
  text-align: center;
  /* margin-top: 2rem; */
  padding: 0.5rem;
  /* min-height: 150px; */
  width: 100%;
  max-width: 600px;
}

.member-info-content {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease,
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.member-name {
  color: #f8fafc;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease,
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: linear-gradient(to right, #997844, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.member-role {
  color: #94a3b8;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease,
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-transform: uppercase;
  letter-spacing: 2px;
  background: linear-gradient(to right, #94a3b8, #64748b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.member-description {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 80%;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease 0.1s,
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s;
  display: none;
}

/* Animation classes */
.member-info.animate-out .member-info-content>* {
  opacity: 0;
  transform: translateY(20px);
}

.member-info.animate-in .member-info-content>* {
  opacity: 1;
  transform: translateY(0);
}

/* Dots navigation */
.dots {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 15px;
  z-index: 2;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(203, 213, 225, 0.2);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.dot::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid rgba(251, 113, 133, 0.3);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dot:hover::after {
  opacity: 1;
}

.dot.active {
  background: linear-gradient(135deg, #60a5fa 0%, #e879f9 100%);
  transform: scale(1.3);
  box-shadow: 0 0 15px rgba(96, 165, 250, 0.4),
    0 0 0 4px rgba(96, 165, 250, 0.2);
}

/* Navigation arrows */
.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* background: linear-gradient(135deg, #60a5fa 0%, #e879f9 100%); */
  background: linear-gradient(135deg, #997844 0%, #000000 100%);
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  font-size: 1.5rem;
  border: 2px solid rgba(255, 255, 255, 0.1);
  outline: none;
  backdrop-filter: blur(5px);
  box-shadow: 0 5px 15px rgba(125, 211, 252, 0.3);
}

.nav-arrow:hover {
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 8px 25px rgba(96, 165, 250, 0.4),
    0 0 0 4px rgba(96, 165, 250, 0.2);
}

.nav-arrow.left {
  left: 20px;
}

.nav-arrow.right {
  right: 20px;
}

/* Background elements */
.bg-blur {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.15;
  z-index: 0;
  mix-blend-mode: soft-light;
}

.bg-blur-1 {
  background: radial-gradient(circle, #60a5fa 0%, transparent 70%);
  animation: float1 20s ease-in-out infinite;
}

.bg-blur-2 {
  background: radial-gradient(circle, #e879f9 0%, transparent 70%);
  animation: float2 25s ease-in-out infinite;
}

@keyframes float1 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  50% {
    transform: translate(-30px, -30px) rotate(180deg);
  }

  100% {
    transform: translate(0, 0) rotate(360deg);
  }
}

@keyframes float2 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  50% {
    transform: translate(30px, -20px) rotate(-180deg);
  }

  100% {
    transform: translate(0, 0) rotate(-360deg);
  }
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .about-title {
    font-size: 4rem;
  }

  .card {
    width: 240px;
    height: 360px;
  }

  .card.left-2 {
    transform: translateX(-300px) scale(0.8) translateZ(-200px) rotateY(15deg);
  }

  .card.left-1 {
    transform: translateX(-150px) scale(0.95) translateZ(-50px) rotateY(8deg);
  }

  .card.right-1 {
    transform: translateX(150px) scale(0.95) translateZ(-50px) rotateY(-8deg);
  }

  .card.right-2 {
    transform: translateX(300px) scale(0.8) translateZ(-200px) rotateY(-15deg);
  }

  .member-name {
    font-size: 2.2rem;
  }

  .member-role {
    font-size: 1rem;
  }
}

@media (max-width: 768px) {

  .about-title {
    font-size: 3rem;
    top: 30px;
  }

  .carousel-container {
    height: 400px;
  }

  .card {
    width: 200px;
    height: 300px;
  }

  .card.left-2 {
    transform: translateX(-220px) scale(0.8) translateZ(-200px) rotateY(15deg);
  }

  .card.left-1 {
    transform: translateX(-110px) scale(0.95) translateZ(-50px) rotateY(8deg);
  }

  .card.right-1 {
    transform: translateX(110px) scale(0.95) translateZ(-50px) rotateY(-8deg);
  }

  .card.right-2 {
    transform: translateX(220px) scale(0.8) translateZ(-200px) rotateY(-15deg);
  }

  .member-name {
    font-size: 1.8rem;
  }

  .member-name::before,
  .member-name::after {
    width: 40px;
  }

  .member-name::before {
    left: -50px;
  }

  .member-name::after {
    right: -50px;
  }

  .nav-arrow {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .about-title {
    font-size: 2.2rem;
  }

  .carousel-container {
    height: 350px;
  }

  .card {
    width: 160px;
    height: 240px;
  }

  .card.left-2,
  .card.right-2 {
    display: none;
  }

  .card.left-1 {
    transform: translateX(-90px) scale(0.9) translateZ(-50px) rotateY(8deg);
  }

  .card.right-1 {
    transform: translateX(90px) scale(0.9) translateZ(-50px) rotateY(-8deg);
  }

  .member-name {
    font-size: 1.5rem;
  }

  .member-name::before,
  .member-name::after {
    display: none;
  }

  .member-role {
    font-size: 0.9rem;
  }

  .dots {
    margin-top: 40px;
  }
}

/*  */

/* Counter Section STart */
/* Wave background container */
.stats-wrapper {
  position: relative;
  background-color: #000000;
  clip-path: ellipse(62% 100% at 50% 0%);
  padding-top: 68px;
  padding-bottom: 95px;
}

.stats-section {
  border-radius: 25px;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 40px 20px;
  flex-wrap: wrap;
  background-color: azure;
}

.stat-item {
  text-align: center;
  flex: 1;
  min-width: 200px;
  padding: 10px;
  position: relative;
}

.stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: #000;
}

.stat-icon {
  font-size: 40px;
  color: rgb(153 120 68);
  margin-bottom: 10px;
}

.stat-number {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
}

.stat-label {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 5px;
}

/* Counter Section ENd */

.our-services {
  position: relative;
  background: #000000;
  /* Your section background color */
  padding: 100px 20px;
  color: white;
  z-index: 1;
  overflow: hidden;
  clip-path: ellipse(115% 100% at 50% 0%);
  margin-top: 14px;
}


/* Testimonial Start */
.testibody {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #efefef; */
  overflow: hidden;
  padding: 40px 0px 0px 0px;
  /* height: 100vh;
  width: 100vw; */
}

.testimonials {
  background-color: #ffffff;
  width: 100%;
  max-width: 740px;
  margin: 20px;
  box-shadow: 4px 0px 9px 1px #cbcbcb;
  border-radius: 3px;
  position: relative;
  opacity: 0;
  animation: showTestimonials 0.32s 0.78s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}

.testimonials input {
  display: none;
  visibility: hidden;
  height: 0;
  width: 0;
  pointer-events: none;
  opacity: 0;
}

@keyframes showTestimonials {
  to {
    opacity: 1;
  }
}

.testimonials-inner {
  position: relative;
  min-height: 100px;
}

.testimonial {
  padding: 40px 34px 20px 34px;
  margin: 0 30px;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

input[name=testimonial]:nth-child(1):checked~.testimonials-inner .testimonial:nth-child(1),
input[name=testimonial]:nth-child(2):checked~.testimonials-inner .testimonial:nth-child(2),
input[name=testimonial]:nth-child(3):checked~.testimonials-inner .testimonial:nth-child(3),
input[name=testimonial]:nth-child(4):checked~.testimonials-inner .testimonial:nth-child(4) {
  pointer-events: initial;
}

.testimonial {
  transition: 0.72s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.32s 0.12s;
  opacity: 0;
  transform: translate(0, 38px);
  max-height: 80px;
  animation: hideTestimonial 0s 0.52s forwards;
  position: relative;
}

input[name=testimonial]:nth-child(1):checked~.testimonials-inner .testimonial:nth-child(1),
input[name=testimonial]:nth-child(2):checked~.testimonials-inner .testimonial:nth-child(2),
input[name=testimonial]:nth-child(3):checked~.testimonials-inner .testimonial:nth-child(3),
input[name=testimonial]:nth-child(4):checked~.testimonials-inner .testimonial:nth-child(4) {
  animation: showTestimonial 0s 0.72s forwards;
  position: absolute;
  opacity: 1;
  transform: none;
  max-height: 500px;
  transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
}

@keyframes hideTestimonial {
  to {
    position: absolute;
  }
}

@keyframes showTestimonial {
  to {
    position: relative;
  }
}

input[name=testimonial]:nth-child(1):checked~.testimonials-bullets label:nth-child(1) span,
input[name=testimonial]:nth-child(2):checked~.testimonials-bullets label:nth-child(2) span,
input[name=testimonial]:nth-child(3):checked~.testimonials-bullets label:nth-child(3) span,
input[name=testimonial]:nth-child(4):checked~.testimonials-bullets label:nth-child(4) span {
  background-color: #997844;
  transform: scale(1);
  transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48), background-color 0.41s ease-in;
}

.testimonial-photo {
  height: 84px;
  width: 84px;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.photo-background {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  box-shadow: 0 -4px 3px -2px #c3c2c2;
  width: 100%;
  transform: scale(0.87);
  transition: 0.32s;
}

input[name=testimonial]:nth-child(1):checked~.testimonials-inner .testimonial:nth-child(1) .photo-background,
input[name=testimonial]:nth-child(2):checked~.testimonials-inner .testimonial:nth-child(2) .photo-background,
input[name=testimonial]:nth-child(3):checked~.testimonials-inner .testimonial:nth-child(3) .photo-background,
input[name=testimonial]:nth-child(4):checked~.testimonials-inner .testimonial:nth-child(4) .photo-background {
  transform: scale(1);
  transition: 0s;
}

.photo-author {
  background-size: 68px;
  background-position: center;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #dbdbdb;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  transform: scale(1.18) translate(0, -6px);
  transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s, height 0s 0.6s;
}

input[name=testimonial]:nth-child(1):checked~.testimonials-inner .testimonial:nth-child(1) .photo-author,
input[name=testimonial]:nth-child(2):checked~.testimonials-inner .testimonial:nth-child(2) .photo-author,
input[name=testimonial]:nth-child(3):checked~.testimonials-inner .testimonial:nth-child(3) .photo-author,
input[name=testimonial]:nth-child(4):checked~.testimonials-inner .testimonial:nth-child(4) .photo-author {
  transform: scale(1);
  opacity: 1;
  height: 68px;
  width: 68px;
  transition: width 0.26s 1.01s, height 0.26s 1.01s;
}

.testimonial-text {
  color: #606060;
  font-size: 20px;
  text-align: center;
  text-shadow: 0 0 1px #939393;
  letter-spacing: 0.12px;
  font-style: italic;
  line-height: 26px;
}

.testimonial-text p {
  margin-bottom: 10px;
}

.testimonial-author {
  font-size: 15px;
  text-align: right;
  color: #bdbdbd;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-shadow: 0 0 1px #e3e3e3;
}

.testimonial-author:before {
  content: "– ";
}

.testimonials-bullets {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 30px;
  transform: translate(0, 8px);
}

.testimonials-bullets .bullet {
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin: 0 1px;
}

.testimonials-bullets .bullet div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 4px 6px -7px #000000;
}

.testimonials-bullets .bullet div span {
  background-color: #c3c3c3;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  transform: scale(0.82);
  transition: 0.72s;
}

.testimonials-bullets .bullet:hover span {
  background-color: rgba(216, 118, 118, 0.836);
}

.testimonials-arrows {
  height: 100%;
}

.testimonials-arrows .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  position: absolute;
  top: calc(50% - 25px);
}

.testimonials-arrows .arrow span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.testimonials-arrows .arrow span:before {
  font-size: 32px;
  font-family: monospace, sans-serif;
  font-weight: 600;
  color: #c3c3c3;
  transition: color 0.21s ease-in;
}

.testimonials-arrows .arrow:hover span:before {
  color: #444444;
  transition: color 0.17s ease-out;
}

.testimonials-arrows .arrow label {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.testimonials-arrows .arrow-left {
  left: -20px;
}

.testimonials-arrows .arrow-left span {
  box-shadow: 40px 0 20px 20px #ffffff, -5px 0 30px 0px #e1e1e1;
}

.testimonials-arrows .arrow-left span:before {
  content: "<";
}

.testimonials-arrows .arrow-right {
  right: -20px;
}

.testimonials-arrows .arrow-right span {
  box-shadow: -40px 0 20px 20px #ffffff, 5px 0 30px 0px #e1e1e1;
}

.testimonials-arrows .arrow-right span:before {
  content: ">";
}

input[name=testimonial]:nth-child(1):checked~.testimonials-arrows .arrow-left label[for=input-testimonial4],
input[name=testimonial]:nth-child(1):checked~.testimonials-arrows .arrow-right label[for=input-testimonial2],
input[name=testimonial]:nth-child(2):checked~.testimonials-arrows .arrow-left label[for=input-testimonial1],
input[name=testimonial]:nth-child(2):checked~.testimonials-arrows .arrow-right label[for=input-testimonial3],
input[name=testimonial]:nth-child(3):checked~.testimonials-arrows .arrow-left label[for=input-testimonial2],
input[name=testimonial]:nth-child(3):checked~.testimonials-arrows .arrow-right label[for=input-testimonial4],
input[name=testimonial]:nth-child(4):checked~.testimonials-arrows .arrow-left label[for=input-testimonial3],
input[name=testimonial]:nth-child(4):checked~.testimonials-arrows .arrow-right label[for=input-testimonial1] {
  z-index: 1;
}

.testimonial:nth-child(1) .photo-author {
  background-image: url(data:image/png;base64,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);
}

.testimonial:nth-child(2) .photo-author {
  background-image: url(data:image/png;base64,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);
}

.testimonial:nth-child(3) .photo-author {
  background-image: url(data:image/png;base64,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);
}

.testimonial:nth-child(4) .photo-author {
  background-image: url(data:image/png;base64,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);
}

/* Testimonial ENd */

/* Blog Start */
.wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 10px;
  padding: 0.5em;
  perspective: 500px;
}

.article {
  display: flex;
  flex-direction: column;
  height: 300px;
  position: relative;
  background-size: cover;
  border-radius: 7px;
  overflow: hidden;
  padding: 1em;
  cursor: pointer;
  transform: rotateX(0deg) rotateY(0deg);
  transition: all 0.2s linear;
  will-change: transform;
  border: 6px solid white
}

.article:nth-child(5n+1) {
  background-image: url("../NEWIMAGES/blog1.jpg");
}

.article:nth-child(5n+2) {
  background-image: url("../NEWIMAGES/blog2.jpg");
}

.article:nth-child(5n+3) {
  background-image: url("../NEWIMAGES/blog3.jpg");
}

.article:nth-child(5n+4) {
  background-image: url("../NEWIMAGES/blog4.jpg");
}

.article:nth-child(5n+5) {
  background-image: url("../NEWIMAGES/blog5.jpg");
}

.article:nth-child(5n+6) {
  background-image: url("../NEWIMAGES/blog6.jpg");
}


.overlay {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.4) 50%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.article h1 {
  font-size: 1.5em;
  font-family: 'Oswald';
  margin-top: auto;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.article h1 {
  transform: translateY(-20px)
}

.article h1 span {
  color: #fff;
}

.article span.cat {
  letter-spacing: 2px;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  position: relative;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  color: #fff;
}

@media screen and (min-width:1000px) {
  .wrap {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 20px;
    padding: 1em;
  }

  .article h1 {
    transform: translateY(0px);
  }

  .article:hover h1 {
    transform: translateY(-20px)
  }

  .article span.cat {
    color: transparent;
  }

  .article span.cat::before,
  .article span.cat::after {
    content: attr(data-hover);
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0%;
    transition: max-width 300ms ease-out;
  }

  .article span.cat::before {
    color: #997845;
    transition-delay: 100ms;
  }

  .article span.cat::after {
    color: white;
  }

  .article:hover span.cat:after,
  .article:hover span.cat:before {
    max-width: 100%;
  }

  .article:hover span.cat:after {
    transition-delay: 300ms;
  }
}


/* Blog ENd */

/* Footer Start */
.footer {
  padding: 60px 0px 0px 0px;
  /* background-color: rgb(156, 231, 231); */
  background-color: rgb(0, 0, 0);

}

.fplogo h4 {
  color: white;
  font-size: 23px;
  font-weight: 900;
}


/* Sticky Social Icon Start */
.sticky-icon {
  z-index: 1;
  position: fixed;
  top: 15%;
  right: 0%;
  width: 220px;
  display: flex;
  flex-direction: column;
  z-index: 999;
}

.sticky-icon a {
  transform: translate(160px, 0px);
  border-radius: 50px 0px 0px 50px;
  text-align: left;
  margin: 2px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
  font-size: 22px;
  font-family: 'Oswald', sans-serif;
  transition: all 0.8s;
}

.sticky-icon a:hover {
  color: #FFF;
  /* transform: translate(0px, 0px); */
}

.sticky-icon a:hover i {
  transform: rotate(360deg);
}

/*.search_icon a:hover i  {
	transform:rotate(360deg);}*/
.Facebook {
  background-color: #b75e64;
  color: #FFF;
}

.Youtube {
  background-color: #b75e64;
  color: #FFF;
}

.Twitter {
  background-color: #b75e64;
  color: #FFF;
}

.Instagram {
  background-color: #b75e64;
  color: #FFF;
}

.Google {
  background-color: #b75e64;
  color: #FFF;
}

.sticky-icon a i {
  background-color: #FFF;
  height: 40px;
  width: 40px;
  color: #000;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  margin-right: 20px;
  transition: all 0.5s;
}

.sticky-icon a i.fa-facebook-f {
  background-color: #FFF;
  color: #2C80D3;
}

.sticky-icon a i.fa-google-plus-g {
  background-color: #FFF;
  color: #d34836;
}

.sticky-icon a i.fa-instagram {
  background-color: #FFF;
  color: #FD1D1D;
}

.sticky-icon a i.fa-youtube {
  background-color: #FFF;
  color: #fa0910;
}

.sticky-icon a i.fa-twitter {
  background-color: #FFF;
  color: #53c5ff;
}

.fas fa-shopping-cart {
  background-color: #FFF;
}

#myBtn {
  height: 50px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  text-align: center;
  padding: 10px;
  text-align: center;
  line-height: 40px;
  border: none;
  outline: none;
  background-color: #1e88e5;
  color: white;
  cursor: pointer;
  border-radius: 50%;
}

.fa-arrow-circle-up {
  font-size: 30px;
}

#myBtn:hover {
  background-color: #555;
}

.whatsapp-float img {
  width: 50px;
  position: fixed;
  bottom: 40px;
  left: 30px;
  border-radius: 50px;
  z-index: 1000;
}

hr {
  margin: 0rem 0;
}

.bgblog {
  position: relative;
  background: #000000;
  padding: 100px 20px;
  color: white;
  z-index: 1;
  overflow: hidden;
  clip-path: ellipse(137% 100% at 50% 0%);
}

/* Btn Start */
.btnnew {
  display: block;
  margin: 20px auto;
  overflow: hidden;
  position: relative;
  width: 180px;
  padding: 20px 0;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  border: none;
  transition: all 0.5s ease-in-out;
  z-index: 1;
  color: rgb(255 255 255);
  box-shadow: inset 0px 0px 3px rgb(255, 255, 255);
  background-color: rgb(153 120 68);
}

.btnnew:before {
  content: "";
  display: inline-block;
  transform: translateY(50%);
  left: 0;
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  z-index: -1;
  transition: transform ease 1s;
}

.btnnew:hover {
  color: rgb(255, 255, 255);
  transition: color 0.1s ease;
  transition-delay: 0.2s;
}

.btnnew:hover:before {
  transform: translateY(-45%);
}

/* Btn End */


/* Why Choose Us Start */
.head {
  max-width: 1400px;
  margin: auto;
  padding: 10px 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
}

.head h2 {
  font: 400 1.5rem/1.2 Inter, sans-serif;
  color: #fff;
}

@media (min-width: 1024px) {
  .head h2 {
    font-size: 2.25rem;
  }
}

.nav-btn {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  display: none;
}

.nav-btn:hover {
  background: #997844;
}

.nav-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

.slider {
  max-width: 1400px;
  margin: auto;
  overflow: visible;
}

.controls {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.track {
  display: flex;
  gap: var(--gap);
  align-items: flex-start;
  justify-content: center;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding-bottom: 40px;
}

.track::-webkit-scrollbar {
  display: none;
}

.project-card {
  position: relative;
  flex: 0 0 var(--closed);
  height: 26rem;
  border-radius: 1rem;
  overflow: Visible;
  cursor: pointer;
  transition: flex-basis var(--speed), transform var(--speed);
}

.project-card[active] {
  flex-basis: var(--open);
  transform: translateY(-4px);
  box-shadow: 5px 18px 55px rgb(153 120 68);
}

.project-card__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.75) saturate(75%);
  transition: filter 0.3s, transform var(--speed);
}

.project-card:hover .project-card__bg {
  filter: brightness(0.9) saturate(100%);
  transform: scale(1.06);
}

.project-card__content {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  padding: 0;
}

/* This div is only as big as the content, and holds the frosted glass */
.frosted-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  padding: 2rem 2.5rem;

  background: rgba(255, 255, 255, 0.05);
  /* brighter glass */
  border-radius: 1.25rem;

  /* stronger blur for glow */
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);

  /* radiant edges */
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2),
    inset 0 0 8px rgba(255, 255, 255, 0.15);

  /* subtle light reflection */
  position: relative;
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.frosted-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at top left,
      rgba(255, 255, 255, 0.25),
      transparent 60%);
  pointer-events: none;
  z-index: 1;
}

.project-card__title {
  color: #fff;
  font-weight: 700;
  font-size: 1.35rem;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.project-card__thumb,
.project-card__desc,
.project-card__btn {
  display: none;
}

.project-card[active] .project-card__content {
  flex-direction: row;
  align-items: center;
  padding: 1.2rem 2rem;
  gap: 1.1rem;
}

.project-card[active] .project-card__title {
  writing-mode: horizontal-tb;
  transform: none;
  font-size: 2.4rem;
      margin-bottom: 15px;
}

.project-card[active] .project-card__thumb,
.project-card[active] .project-card__desc,
.project-card[active] .project-card__btn {
  display: block;
}

.project-card__thumb {
  width: 133px;
  height: 269px;
  border-radius: 0.45rem;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

.project-card__desc {
  color: #ddd;
  font-size: 1rem;
  line-height: 1.4;
  max-width: 16rem;
}

.project-card__btn {
  padding: 0.55rem 1.3rem;
  border: none;
  border-radius: 9999px;
  background: var(--accent);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

.project-card__btn:hover {
  background: #ff824f;
}

.dots {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  padding: 20px 0;
}

.dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  transition: 0.3s;
}

.dot.active {
  background: #997844;
  transform: scale(1.2);
}

@media (max-width: 767px) {
  :root {
    --closed: 4rem;
    --open: 22rem;
  }

  .head {
    padding: 50px 20px 30px;
  }

  .track {
    flex-direction: column;
    scroll-snap-type: y mandatory;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .project-card {
    height: 20rem;
  }

  .project-card__title {
    font-size: 1.1rem;
    writing-mode: horizontal-tb;
    transform: none;
    text-align: center;
    padding-inline: 0.3rem;
  }

  .nav-btn {
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  :root {
    --closed: 100%;
    --open: 100%;
    --gap: 0.8rem;
  }

  .head {
    padding: 30px 15px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .slider {
    padding-top: 6px;
    /* give the active card room to rise */
    overflow: hidden;
    /* leave everything else as is */
  }

  .track {
    flex-direction: column;
    scroll-snap-type: y mandatory;
    gap: 0.8rem;
    padding-bottom: 20px;
  }

  .project-card {
    height: auto;
    min-height: 80px;
    flex: 0 0 auto;
    width: 100%;
    scroll-snap-align: start;
  }

  .project-card[active] {
    min-height: 300px;
    transform: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  }

  .project-card__content {
    flex-direction: row;
    justify-content: flex-start;
    padding: 1rem;
    align-items: center;
    gap: 1rem;
  }

  .project-card__title {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 1.2rem;
    margin-right: auto;
  }

  .project-card__thumb,
  .project-card__desc,
  .project-card__btn {
    display: none;
  }

  .project-card[active] .project-card__content {
    align-items: flex-start;
    padding: 1.5rem;
  }

  .project-card[active] .project-card__title {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }

  .project-card[active] .project-card__thumb {
    width: 200px;
    height: 267px;
    border-radius: 0.35rem;
    margin-bottom: 1rem;
  }

  .project-card[active] .project-card__desc {
    font-size: 0.95rem;
    max-width: 100%;
    margin-top: 5rem;
    margin-bottom: 1rem;
  }

  .project-card[active] .project-card__btn {
    align-self: center;
    width: 100%;
    text-align: center;
    padding: 0.7rem;
  }

  .dots {
    display: none;
  }

  .controls {
    width: 100%;
    justify-content: space-between;
    padding: 0 15px 20px;
  }

  .nav-btn {
    position: static;
    transform: none;
  }
}

.project-card {
  /* 2px Dodger‑Blue border that follows the existing 1rem radius */
  border: 2px solid #997844;
  /* no need to re‑declare radius if it’s already 1rem, 
     but you can reaffirm it here if you like: */
  border-radius: 1rem;
  /* clip any child overflow to keep the shape clean */
  overflow: hidden;
}

.project-card[active] {
  /* ensure the active card keeps the same border style */
  border: 2px solid #997844;
}

/* centre the wrapper that holds your <h3> + <p> */
.frosted-box>div {
  display: inline-flex;
  /* shrink‑to‑fit its contents */
  flex-direction: column;
  /* stack <h3> over <p> */
  align-items: center;
  /* horizontally centre both */
  text-align: center;
  /* ensure any text inside is centred */
}

/* make absolutely sure your subtext is centred and not left‑aligned */
.project-card__desc {
  margin: 0 auto;
  /* centre the block if it ever gets a width */
  text-align: center;
  /* centre its own text */
}

:root {
  --gap: 1.25rem;
  --speed: 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --closed: 10rem;
  --open: 40rem;
  --accent: #ff6b35;
}

.wcu {
  position: relative;
  background: #000000;
  padding: 100px 20px;
  color: white;
  z-index: 1;
  overflow: hidden;
  clip-path: ellipse(137% 100% at 50% 0%);
}

/* Why Choose Us End */

.logo img {
  width: 30%;
}

.logofooter {
  width: 60%;
}

.sticky-top {
  background-color: #0c0000 !important;
  /* top: -100px; */
  transition: .5s;
}

/* Header Start */

.bg-header {
  background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/aboutushero.jpeg) center center no-repeat;
  background-size: cover;
}

/* Header ENd */

/*** Team ***/
.team-item {
  transition: .5s;
}

.team-social {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s;
}

.team-social a.btn {
  position: relative;
  margin: 0 3px;
  margin-top: 100px;
  opacity: 0;
}

.team-item:hover {
  box-shadow: 0 0 30px #DDDDDD;
}

.team-item:hover .team-social {
  background: rgb(0 0 0 / 70%);
}

.team-item:hover .team-social a.btn:first-child {
  opacity: 1;
  margin-top: 0;
  transition: .3s 0s;
}

.team-item:hover .team-social a.btn:nth-child(2) {
  opacity: 1;
  margin-top: 0;
  transition: .3s .05s;
}

.team-item:hover .team-social a.btn:nth-child(3) {
  opacity: 1;
  margin-top: 0;
  transition: .3s .1s;
}

.team-item:hover .team-social a.btn:nth-child(4) {
  opacity: 1;
  margin-top: 0;
  transition: .3s .15s;
}

.team-item .team-img img,
.blog-item .blog-img img {
  transition: .5s;
}

.team-item:hover .team-img img,
.blog-item:hover .blog-img img {
  transform: scale(1.15);
}

.header-area .main-nav .nav li a.dropdown-item {
  color: black;
}

/* Make checkbox smaller */
.small-checkbox {
  width: 16px !important;
  height: 16px !important;
  margin-bottom: 0 !important;
  padding: 10px !important;
}

.contactpage form#contact input {
  /* margin-bottom: 20px; */
  margin-bottom: 4px;
}


form#contact input.form-check-input {
  width: 100%;
  height: 46px;
  border-radius: 5px;
  background-color: #000000;
}

/* As a brand Start */
   .hero-section {
       background: linear-gradient(45deg, #98754461, #00000040);
    }
    .hero-text h1 {
        font-weight: 800;
        font-size: 2.5rem;
    }
    .form-card {
        background: white;
        border-radius: 12px;
        box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
        color: black;
        padding: 25px;
    }
    .form-check-label {
        text-transform: capitalize;
    }
    .submit-btn {
        background-color: #987544;
        color: white;
        border: none;
        padding: 10px;
        border-radius: 8px;
        transition: all 0.3s ease;
    }
    .submit-btn:hover {
        background-color: #000000;
    }
/* As a brand End */


/* As a creator Start */
/* .asacreator .form-container {
        max-width: 900px;
        background: #fff;
        margin: 40px auto;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
    }
    .asacreator .form-heading {
        font-weight: bold;
        font-size: 28px;
        color: #2c3e50;
    }
    .asacreator .form-subheading {
        color: #16a085;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .asacreator .form-control, .form-select {
        border-radius: 10px;
        padding: 10px 15px;
        border: 1px solid #dcdcdc;
    }
    .asacreator .form-control:focus, .form-select:focus {
        border-color: #16a085;
        box-shadow: 0 0 8px rgba(22, 160, 133, 0.3);
    }
    .asacreator button {
        background-color: #16a085;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 8px;
        color: white;
        transition: 0.3s;
    }
    .asacreator button:hover {
        background-color: #138d75;
        transform: scale(1.05);
    } */


    :root {
            /* --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
            --primary-gradient: linear-gradient(135deg, #e0b167 0%, #89693b 100%)
            --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            --success-color: #10b981;
            --warning-color: #f59e0b;
            --error-color: #ef4444;
            --text-dark: #1f2937;
            --text-light: #6b7280;
            --bg-light: #f8fafc;
            --border-color: #e5e7eb;
        }

        /* body {
            background: var(--bg-light);
            min-height: 100vh;
            position: relative;
            overflow-x: hidden;
        } */

        /* .bg-animated {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: linear-gradient(-45deg, #667eea, #764ba2, #f093fb, #f5576c);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
        } */

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

       .asacreator .main-container {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem 1rem;
        }

        .asacreator .form-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(20px);
            border-radius: 24px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            max-width: 800px;
            width: 100%;
            overflow: hidden;
            transform: translateY(20px);
            opacity: 0;
            animation: slideUp 0.8s ease forwards;
        }

        @keyframes slideUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .asacreator .form-header {
            text-align: center;
            padding: 3rem 2rem 2rem;
           background: linear-gradient(135deg, #e0b167 0%, #89693b 100%);
            color: white;
            position: relative;
        }

        .asacreator .form-header::before {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #0c0000;
        }

        .asacreator .form-header h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .asacreator .form-header p {
            font-size: 1.1rem;
            opacity: 0.9;
            margin-bottom: 0;
        }

        .asacreator .creator-badge {
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
            padding: 0.25rem 1rem;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 500;
            margin-top: 0.5rem;
        }

        .asacreator .form-body {
            padding: 3rem 2rem;
        }

        .asacreator .floating-label {
            position: relative;
            margin-bottom: 1.5rem;
        }

        .asacreator .floating-input {
            width: 100%;
            padding: 1rem 1rem 1rem 3rem;
            border: 2px solid var(--border-color);
            border-radius: 12px;
            font-size: 1rem;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.8);
        }

        .asacreator .floating-input:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
            background: white;
        }

        .asacreator .floating-label label {
            position: absolute;
            left: 3rem;
            top: 1rem;
            color: var(--text-light);
            pointer-events: none;
            transition: all 0.3s ease;
            font-weight: 500;
        }

        .asacreator .floating-input:focus + label,
        .asacreator .floating-input:not(:placeholder-shown) + label {
            top: -0.5rem;
            left: 1rem;
            font-size: 0.8rem;
            color: #667eea;
            background: white;
            padding: 0 0.5rem;
            font-weight: 600;
        }

        .asacreator .input-icon {
            position: absolute;
            left: 1rem;
            top: 1rem;
            color: var(--text-light);
            transition: color 0.3s ease;
        }

        .asacreator .floating-input:focus ~ .input-icon {
            color: #667eea;
        }

        /* .asacreator .form-select {
            padding: 1rem 1rem 1rem 3rem;
            border: 2px solid var(--border-color);
            border-radius: 12px;
            font-size: 1rem;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.8);
        }

        .asacreator .form-select:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
            background: white;
        } */

        .asacreator .btn-gradient {
            /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
             background: linear-gradient(135deg, #e0b167 0%, #89693b 100%);
            border: none;
            color: white;
            padding: 1rem 3rem;
            border-radius: 12px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .asacreator .btn-gradient::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .asacreator .btn-gradient:hover::before {
            left: 100%;
        }

        .asacreator .btn-gradient:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
        }

        .asacreator .social-icons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            margin-bottom: 2rem;
        }

        .asacreator .social-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.2rem;
            transition: all 0.3s ease;
        }

        .asacreator .social-icon.instagram {
            background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
        }

        .asacreator .social-icon.facebook {
            background: #1877f2;
        }

        .asacreator .social-icon.telegram {
            background: #0088cc;
        }

        .asacreator .social-icon:hover {
            transform: scale(1.1) rotate(5deg);
        }

        .asacreator .recaptcha-wrapper {
            display: flex;
            justify-content: center;
            margin: 2rem 0;
        }

        .asacreator .form-divider {
            text-align: center;
            position: relative;
            margin: 2rem 0;
        }

        .asacreator .form-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background: var(--border-color);
        }

        .asacreator .form-divider span {
            background: white;
            padding: 0 1rem;
            color: var(--text-light);
            font-weight: 500;
        }

        .asacreator .success-message {
            display: none;
            background: var(--success-color);
            color: white;
            padding: 1rem;
            border-radius: 12px;
            text-align: center;
            margin-top: 1rem;
            animation: slideDown 0.5s ease;
        }

        @keyframes slideDown {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @media (max-width: 768px) {
            .asacreator .form-header h1 {
                font-size: 2rem;
            }
            
            .asacreator .form-body {
                padding: 2rem 1.5rem;
            }
            
            .asacreator .floating-input,
            .asacreator .form-select {
                padding: 0.875rem 0.875rem 0.875rem 2.5rem;
            }
            
            .asacreator .floating-label label {
                left: 2.5rem;
                top: 0.875rem;
            }
            
            .asacreator .input-icon {
                left: 0.75rem;
                top: 0.875rem;
            }
        }

        .asacreator .validation-feedback {
            display: none;
            margin-top: 0.5rem;
            font-size: 0.875rem;
            color: var(--error-color);
        }

        .asacreator .floating-input.is-invalid {
            border-color: var(--error-color);
        }

        .asacreator .floating-input.is-valid {
            border-color: var(--success-color);
        }
/* As a creator End */


.servicepg{
  background: linear-gradient(79deg, #9f7d4a69, transparent);
}


/* Career Start */
.careerpg .job-card {
      border-radius: 12px;
         box-shadow: 0px 4px 15px rgb(0 0 0 / 11%);
      padding: 20px;
      transition: transform 0.3s ease;
      background: white;
    }
    .careerpg .job-card:hover {
      transform: translateY(-5px);
    }
    .careerpg .tag {
      border: 1px solid #222;
      border-radius: 25px;
      padding: 4px 14px;
      font-size: 14px;
      margin: 3px;
      display: inline-block;
    }
    .careerpg .apply-btn {
      background-color: #8c683d;
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 8px;
      transition: background-color 0.3s ease;
    }
    .careerpg .apply-btn:hover {
      background-color: #000000;
    }
    /* Modal Customization */
    .careerpg .modal-content {
      border-radius: 15px;
      border: none;
      box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
    }
    .careerpg .modal-header {
      background-color: #8c683d;
      color: white;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
    }
    .careerpg .form-control, .careerpg .form-control:focus {
      border-radius: 8px;
      box-shadow: none;
      border-color: #ddd;
    }
    .careerpg .send-btn {
      background-color: #8c683d;
      border: none;
      color: white;
      border-radius: 8px;
      padding: 10px;
    }
    .careerpg .send-btn:hover {
      background-color: #8c683d;
    }
/* Career End */


.sticky-icon {
    z-index: 1;
    position: fixed;
    top: 25%;
    right: 0%;
    width: auto;
    display: flex
;
    flex-direction: column;
    /* z-index: 99; */
}

.section-heading {
    margin-bottom: 15px;
}

.bg-header1 {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/abouthero.jpeg) center center no-repeat;
    background-size: cover;
}
.bg-header2 {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/servicehero.jpeg) center center no-repeat;
    background-size: cover;
}
.bg-header3 {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/contacthero.jpeg) center center no-repeat;
    background-size: cover;
}
.bg-header4 {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/careerhero.jpeg) center center no-repeat;
    background-size: cover;
}
.bg-header5 {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/asabrandhero.jpeg) center center no-repeat;
    background-size: cover;
}
.bg-header6 {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../NEWIMAGES/asacreatorhero.jpeg) center center no-repeat;
    background-size: cover;
}

.bg-header h1{
  margin-bottom: 15px;
}

/* Mission and Vision Start */
.grid-container {
  /* display: grid;
  grid-template-columns: repeat(1, 1fr); /* Default to a single column */
  /* gap: 30px; */ 
  margin: 70px auto;
  /* max-width: 1000px; */
}



.grid-item {
  text-align: center;
  border-radius: 10px;
  border: 2px solid #896436;
  padding: 20px;
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
  width: 100%;
      height: 100%;
}

.circle-icon {
  display: flex;
  background-color: white;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin: -40px auto 0 auto;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  border: 2px solid #896436;
}

.circle-icon img {
  width: 80%;
  height: auto;
}


/* cool hover effect */
.grid-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* lift up effect */
.grid-item:hover {
  transform: translateY(-5px);
}

.grid-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.grid-item:hover::before {
  opacity: 1;
}

.grid-item h3{
  margin-bottom: 10px;
}

.circle-icon i{
font-size: 35px;
    color: #9e804e;
}
/* Mission and Vision End */

.featurepg {
    position: relative;
    background-color: #000000;
    clip-path: ellipse(86% 100% at 50% 0%);
    padding-top: 68px;
    padding-bottom: 136px;
}
.borfooter{
  border-top: 2px dotted #a68651;
}

.minhei{
  min-height: 500px ;
}

.nav-arrow.left ,.nav-arrow.right{
  z-index: 99999  !important;
}

@media(max-width:768px){
  .carousel-caption h1 {
    font-size: 1.8rem;
  }
  .carousel-item {
    height: 40vh;
    min-height: 400px;
  }
  .carousel-caption {
    bottom: 8%;
    z-index: 2;
}
.carousel-caption p {
    font-size: 1rem;}
    .carousel-caption .btn {
    padding: 0.50rem 0.4rem;
    font-size: .8rem;
    }
    .stats-wrapper {
    clip-path: ellipse(175% 100% at 50% 0%);

    }
    .stats-section{
      margin: 15px;
    }
    .featuredPropBox ul {
    display: block;
    }
    .featuredPropBox ul li{
      width: 100%;
    }
    .our-services .container-fluid {
    padding: 0px 0px;
}
.bg1 {
    padding: 26px 20px;
    clip-path: ellipse(148% 100% at 50% 0%);
}
.our-services {
    clip-path: ellipse(319% 100% at 50% 0%);
}
.bgblog {
    clip-path: ellipse(276% 100% at 50% 0%);
}
footer p {
    /* text-align: center; */
    margin: 15px 0px;
    color: white;
}
#features {
    padding-top: 55px;
}
.featurepg {
    clip-path: ellipse(240% 100% at 50% 0%);
    padding-top: 68px;
    padding-bottom: 70px;
}
.wcu {
    clip-path: ellipse(198% 100% at 50% 0%);
        padding: 53px 20px;
}
.minhei{
  min-height: 250px ;
}
.contact-us {
    margin-top: 20px;
    padding: 27px 0px;
}
.section-heading h2 {
    font-size: 22px;
}
.form-card {
    margin-top: 20px;}
}


/*  */

/*  */
@media (max-width: 767px) {

  .dropdown-menu {
    position: absolute;
    /* top: 100% !important; */
    left: 30% !important;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
  /* Make mega menu behave like normal list */
  .mega-menu {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-shadow: none !important;
    padding: 20px !important;
    background: transparent !important;
  }

  .mega-menu .containernew1 {
    display: block !important;
  }

  .mega-menu .row > div {
    width: 100% !important;
    /* padding: 0 !important; */
    text-align: left !important;
  }

  .mega-menu .dropdown-item {
    padding: 10px 15px !important;
    display: block;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
  }
  .header-area .main-nav .nav li a {
        padding: 10px 10px !important;

    }

}