/* --------------------------Top Bar---------------------------- */
.site-header {
    position: absolute  ;
    z-index: 99;
    left: 0;
    right: 0;
    top: 10px;
    width: 100%;
}
#header{
  /* padding: 10px 0; */
}
/* .header-inner{
    padding-top: 7px;
} */
 body:not(.home) #site_top p, body:not(.home) #site_top .custom-social-icons i,body:not(.home) #site_top i{
  color:#fff;
} 
.custom-social-icons i{
  color: #000;
  font-size: 18px;
}
.custom-social-icons i:hover{
  color: var(--red);
}

.header-login i{
  color: #fff;
  padding-right: 10px;
}
.vw-logo{
  position: relative;
}
.vw-logo::after{
  content: '';
  position: absolute;
  background: var(--white);
  height: 150px;
  width: 150px;
  z-index: -1;
  border-radius: 50%;
  top: -65px;
  left: -35px;
}
 .vw-logo img{
padding-top: 30px;
 }
/* .custom-logo{
 height: 21px !important;
  width: 69px  !important;
} */
.avatar{
      border-radius: 5px;
}
/* --------------------------Header---------------------------- */
.head-togle{
  text-align: end;
  align-items: center;
  display: flex;
  /* justify-content: end; */
  padding: 0;
}
#sidebar1, .mobile-menu, .sub-menu {
    display: none;
}
#header_widgets .header_title{
  margin: 0;
    padding: 0;
    color: #fff;
    position: relative;
}
.header_title::after
{
  content: "";
  position: absolute;
  border-bottom: 1px solid #fff;
   top: 0;
   /* left: 0; */
   right: 0;
   bottom:0;
   width:83px;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
#header .logo, #footer .logo {
  margin: 0;
  padding: 16px 0;
}

.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
  background-color: #F82938;
  padding: 0px 10px;
  height: 75px;
}
.scrolled .innermenubox
{
  /* float: right !important; */
}

/*----------------Menu bar-----------*/
.logo-img-wrap{
  clip-path: polygon(0% 13.354%, 0% 13.354%, 0.291% 10.535%, 1.117% 7.963%, 2.409% 5.683%, 4.097% 3.739%, 6.113% 2.173%, 8.387% 1.031%, 10.849% 0.354%, 13.43% 0.189%, 16.061% 0.577%, 18.672% 1.564%, 92.497% 38.786%, 92.497% 38.786%, 95.106% 40.507%, 97.128% 42.669%, 98.565% 45.161%, 99.417% 47.87%, 99.686% 50.686%, 99.371% 53.497%, 98.475% 56.191%, 96.997% 58.658%, 94.939% 60.785%, 92.302% 62.462%, 18.478% 98.133%, 18.478% 98.133%, 15.876% 99.069%, 13.261% 99.417%, 10.703% 99.221%, 8.267% 98.524%, 6.021% 97.369%, 4.033% 95.8%, 2.37% 93.86%, 1.098% 91.593%, 0.286% 89.04%, 0% 86.247%, 0% 13.354%);
  background: var(--red);
  width: 95px;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -16px;
  top: -37px;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.main-navigation li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 12px 10px;
}
.primary_nav{
  display: flex ;
  justify-content: end;
  gap: 30px;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  font:500 16px / 17px var(--theme-font);
  letter-spacing: 0px;
  color: var(--black) !important;
  position: relative;
}
.main-navigation a:hover{
  color:var( --darkblue) !important;
}


#sidebar1, .mobile-menu, .sub-menu{
  display: none;
}

.main-navigation ul ul {
  position: absolute;
  left: 0;
  top: 35px;
  background: var(--color-secondary);
  min-width: 220px;
  z-index: 9999;
  transition: all 1s;
  transform: scaleX(0);
  animation: rotateY 0.4s ease-in-out forwards;
   transform-origin: left center;
border-radius: 6px;
}

.main-navigation ul ul ul {
  left: 31% !important;
  top: 100% !important;
}

.main-navigation ul ul li a:hover{
  padding-left: 10px;
  transition: all 0.3s;
}
.main-navigation ul ul li {
  float: none;
  text-align: left;
  padding: 15px 15px;
  margin: 0;
}
.main-navigation ul ul li,.menubar.scrolled .main-navigation ul ul li {
  float: none;
  display: block;
  text-align: left;
}

.main-navigation ul li ul {
  background: linear-gradient(100.4deg, #070395 11.74%, #00D7FE 92.96%);
     animation: slideInLeft .8s ease-in-out;
  list-style: none;
  position: absolute;
  padding: 0px;
  display: none;
  margin: 0px;
  border: 0px;
  box-shadow: 0px 5px 40px rgba(0,0,0,.15);
  display: none;
  overflow: hidden;
  transition: all 1s;
  left: 0;
         transform: scale(1);
}

.main-navigation ul li:hover ul,.main-navigation ul li ul li:hover ul{
 display: block;
}
.sub-menu a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: -1;
  height: 14px;
  width: 2px;
  margin-top: 0;
  -moz-transform: translate3d(-100%,-100%,0) scale(0);
  -ms-transform: translate3d(-100%,-100%,0) scale(0);
  -webkit-transform: translate3d(-100%, -100%, 0) scale(0);
  transform: translate3d(-100%, -100%, 0) scale(0);
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: var(--white);
}
.sub-menu a:hover:before {
  -moz-transform: translate3d(-70%,-50%,0) scale(1);
  -ms-transform: translate3d(-70%,-50%,0) scale(1);
  -webkit-transform: translate3d(-70%, -50%, 0) scale(1);
  transform: translate3d(-70%, -50%, 0) scale(1);
}
.main-navigation ul li:hover>ul {
  display: block;
}
.primary_nav>li>ul>li a {
    font: 500 15px / 20px var(--theme-font);
    letter-spacing: 0px;
    color: var(--white) !important;
}
.side-navigation ul li.current_page_item {
    border: 2px solid #fff;
    border-radius: 50px;
    background: #566e89;
    padding: 4px 26px;
    margin: 20px;
}


.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
  float: none;
  display: block;
  text-align: left
}
.primary_nav>li>ul>li a:hover{
     color: var( --white) !important;
}
.main-navigation ul ul li:last-child {
  border-bottom: 0;
}

#menu-primary-menu>.menu-item-has-children::before {
  content: "\f078";
  font-family: 'font awesome 5 free';
  font-weight: 800;
  position: absolute;
  right: -6px;
  bottom: 0;
  top: 12px;
  font-size: 12px;
  color: #000;
}
.dark #menu-primary-menu>.menu-item-has-children::before{
  color: #fff;
}
.sub-menu li{
  padding: 10px 12px;
}

.main-navigation a {
    position: relative;
    z-index: 1;
    transition: all .5s ease;
}


.main-navigation  ul li.current-menu-item {
  background: linear-gradient(100.4deg, #070395 11.74%, #00D7FE 92.96%);
  padding: 8px 25px;
  border-radius: 30px;
  display: flex;
  align-items: center;
}
.main-navigation ul li.current-menu-item a{
  color: var(--white) !important;
}
#header .theme-btn-wrap{
  margin: unset;
}
/*---------------- Custom Footer ----------------------*/
#custom_footer {
  padding: 0;
}
.footer-contact i {
  font-size: 35px;
  color: var(--lightgrey11);
}
.footer-contact p {
  font-size: 14px;
  color: var(--lightgrey11);
  margin: 0;
}
.footer-contact {
  background-size: 100% 50% !important;
  position: relative;
  top: -34px;
}
.footer-contact h2{
  color: #fff;
  font: normal normal normal 36px/35px DM Serif Display;
}
.footer-contact-detail{
  /* transform: translate(10px, 80%); */
  color: #fff;
  margin-top: 30%;
}
.footer-menu-wrap {
  padding: 40px 15px;
  border-bottom: solid 1px var(--grey2);
}
.footer-menu ul {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.footer-menu ul li {
  list-style: none;
  display: inline-block;
  padding: 0 20px;
}
.footer-menu ul li a {
  color: var(--lightgrey11);
  font-size: 14px;
  text-transform: uppercase;
}
.footer-menu ul li a:hover {
  color: var(--orange);
}
/*---------------- Footer Section ----------------------*/
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
.top-social-icon .topbar-number-text, .top-social-icon .topbar-email-text {
      z-index: 1;
}

.copyright-outer .term-info{
    font-family: Inter;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.our-newsletter-box{
  clip-path: polygon(0% 6.518%, 0% 6.518%, 0.02% 5.471%, 0.078% 4.48%, 0.17% 3.558%, 0.294% 2.719%, 0.446% 1.977%, 0.623% 1.345%, 0.821% 0.837%, 1.038% 0.467%, 1.27% 0.247%, 1.514% 0.192%, 98.573% 12.478%, 98.573% 12.478%, 98.806% 12.587%, 99.026% 12.846%, 99.232% 13.241%, 99.419% 13.762%, 99.584% 14.395%, 99.727% 15.127%, 99.842% 15.947%, 99.928% 16.841%, 99.981% 17.798%, 100% 18.804%, 100% 81.196%, 100% 81.196%, 99.981% 82.202%, 99.928% 83.159%, 99.842% 84.053%, 99.727% 84.873%, 99.584% 85.605%, 99.419% 86.238%, 99.232% 86.759%, 99.026% 87.154%, 98.806% 87.413%, 98.573% 87.522%, 1.514% 99.808%, 1.514% 99.808%, 1.27% 99.753%, 1.038% 99.533%, 0.821% 99.163%, 0.623% 98.654%, 0.446% 98.023%, 0.294% 97.281%, 0.17% 96.442%, 0.078% 95.52%, 0.02% 94.529%, 0% 93.482%, 0% 6.518%);
  background: #000;
  padding: 8% 50px;
  align-items: center;
  margin-top: -31%;
  justify-content: center;
}
.news-svg-left{
      clip-path: polygon(100% 0.935%, 0.743% 0.935%, 0.743% 0.935%, 1.176% 1.546%, 2.396% 3.237%, 4.288% 5.793%, 6.737% 8.999%, 9.625% 12.64%, 12.838% 16.501%, 16.26% 20.367%, 19.775% 24.023%, 23.267% 27.255%, 26.62% 29.847%, 26.62% 29.847%, 30.739% 31.978%, 34.636% 32.833%, 38.364% 32.743%, 41.977% 32.042%, 45.53% 31.061%, 49.076% 30.134%, 52.669% 29.592%, 56.362% 29.769%, 60.211% 30.996%, 64.268% 33.607%, 64.268% 33.607%, 67.13% 36.075%, 69.75% 38.611%, 72.174% 41.258%, 74.448% 44.059%, 76.62% 47.058%, 78.736% 50.297%, 80.842% 53.821%, 82.985% 57.672%, 85.211% 61.894%, 87.567% 66.53%, 87.567% 66.53%, 89.216% 69.983%, 90.917% 73.819%, 92.614% 77.862%, 94.257% 81.937%, 95.792% 85.867%, 97.166% 89.477%, 98.327% 92.59%, 99.221% 95.032%, 99.796% 96.626%, 100% 97.196%, 100% 0.935%);
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(99.42deg,var(--lightblue) -0.2%, var(--pink)  100%);
    right: 0;
    width: 35%;
    top: -2px;
    opacity: 30%;
        z-index: -1;

}
#footer {
  text-align: center;
  color: #fff;
  text-align: left;
  background-size: cover;
  background-repeat: no-repeat;
  /* background: #000; */
  overflow: unset;
      margin-top: 20px;
}
.footer_hide {
  display: none;
}
.footer-top-col {
  border-left: solid 5px var(--orange);
  padding-left: 15px;
}

#footer ul {
  margin: 0;
}
#footer ul li {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 5px;
}
#footer ul li a {
  color: #000;
  font:400 16px / 25px var(--theme-font);
}
.col-row{
  padding-top: 5%;
}
#footer ul li a:hover{
  color:var( --darkblue);
}
#footer .footer-col-one p {
  margin: 20px 0;
  font: 400 14px / 30px var(--theme-font);
}
.copyright p{
  color: #fff;
  font: normal normal normal 16px / 26px var(--theme-font);
}
.copyright a{
  font: normal normal normal 16px / 23px var(--theme-font);
  letter-spacing: 0px;
  color: #FFFFFF;
}
.copyright a:hover{
  color: var( --black);
}
.widget_recent_entries img {
  width: 100px;
}
#footer .footer-col-one{
    padding-right: 5%;
}
#footer .col-row h3{
   font: 700 18px / 21px var(--theme-font);
  letter-spacing: 0px;
  color: #000;
  margin-bottom: 20px;
}
.footet-col-1{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about_me .widget_wpb_widget a{
  font: 500 16px / 22px var(--theme-font);
  letter-spacing: 0px;
  color: var(--black);
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 20px;
}
.about_me .widget_wpb_widget a:hover{
  color: var( --darkblue);
}
.widget_nav_menu{
  text-align: left;
}
 #footer  .about_me i{
  background: linear-gradient(180deg, var( --darkblue) 0%, var( --lightblue) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 18px;
}
.copyright-outer{
    background: linear-gradient(90deg, var( --darkblue) 0%, var( --lightblue) 100%);
    padding: 10px;
}
.footer-mid{
  padding-left: 15%;
}
.dark .about_me .widget_wpb_widget a,.dark #footer ul li a,.dark .textwidget p,.dark #footer .col-row h3{
  color: var(--white);
}
.dark .main-navigation a{
  color: var(--white) !important;
}
.dark .vw-logo::after{
      background: var(--black);
}
.logo-dark,.dark .logo-light{
  display: none;
}
.dark .logo-dark,.logo-light{
  display: block;
}
.dark .logo-dark img{
    width: 70px;
    height: 50px;
    object-fit: contain;
}
#site_top .custom-social-icons{
  display: flex;
  gap: 25px;
}
#footer .social_widget i{
  background: #000;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: tada 8s linear infinite;
}
#footer .social_widget i:hover{
  background: var( --red);;
  color: #fff;
}
#footer  .custom-social-icons{
  display: flex;
  gap: 10px;
}
.custom-social-icons a span{
  display: none;
}
.textwidget p{
  color: #000;
  margin-bottom: 0;
  font-size: 15px;
}
.our-newsletter-iner svg{
  position: absolute;
  top: -90px;
  left: 0;
  width: 230px;
}
/* newsletter */
.our-newsletter-box  h3{
  font: 600 32px / 30px var(--theme-font);
  color: #fff;
}
.our-newsletter-iner .news-iner-heading{
  font: 600 20px / 21px var(--theme-font);
  margin-bottom: 5px
}
.news-form-main{
  display: flex;
    gap: 12px;
    justify-content: end;
    position: relative;
}
.news-form-main>p{
  margin-bottom: 0;
  width: 100%;
}
.news-form-main input[type="email"]{
  font-size: 14px;
  padding: 15px 20px;
  border: none;
  margin-bottom: 0;
  border-radius: 30px;
}
.news-form-main .theme-btn {
    height: max-content;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
    overflow: visible;
}

.news-form-main .theme-btn:hover{
  background: linear-gradient(90deg, #070395 0%, #00D7FE 100%);
  
}
.news-form-main .theme-btn:hover p{
  color: #fff !important;
}
.news-form-main .theme-btn p{
  margin-bottom: 0;
}
.news-form-main .theme-btn p input {
    background: transparent;
    border: none;
    font: 500 14px / 19px var(--theme-font);
    color: #fff;
}
.news-form-main .wpcf7-spinner{
  position: absolute;
  right: -37px;
  top: 10px;
  margin: 0 2px;
  z-index: 2;
}
.news-form-main .wpcf7 form .wpcf7-response-output{
  border:#000
}

.news-form-main .theme-btn{
    background: var(--black);
}
.news-form-main .theme-btn:hover p input{
  color: #fff ;
}
.our-newsletter-iner .news-iner-para{
  font: 300 14px / 20px var(--theme-font);
  letter-spacing: 0px;
  color: #FFFFFF;
}
.our-newsletter-iner {
  color: var(--white);
      z-index: 1;
}

.phone-wrap p{
  margin-bottom: 3px;
  color: #000;
}
.about_me .phone-wrap a{
  font: 600 20px / 22px var(--theme-font);
}


#gallery-1 .gallery-item{
  margin-top: unset!important;
}
#gallery-1 img{
  border: none !important;
  border-radius: 3px;
  width: 83px;
  height: 68px;
  object-fit: cover;
}
.gallery-item{
  position: relative;
}
.gallery-item::after{
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  font-weight: 800;
  position: absolute;
  display: flex;
  align-items: center;
  top: 6px;
  font-size: 22px;
  color:var(--yellow);
  inset: 0;
  justify-content: center;
  opacity: 0;
}
.gallery-item:hover::after{
  opacity: 1;
}
.gallery-item:hover img{
      filter: brightness(0.5);
}

.dark  .footet-col-1 .light-logo, .footet-col-1 .dark-logo{
  display: none;
} 


.dark .footet-col-1 .dark-logo,.footet-col-1 .light-logo{
  display: block;
}