@font-face {
     font-family: 'GillSans';
     src: url('../fonts/GillSansMTStd-Medium.woff2') format('woff2'),
         url('../fonts/GillSansMTStd-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Fortescue';
     src: url('../fonts/FortescueText-Regular.woff2') format('woff2'),
         url('../fonts/FortescueText-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 :root {
     /* Fonts */
     --heading-font: "Fortescue";
     --paragraph-font: "GillSans";
     /* colors */
     --orange-color: #ff6700;
     --blue-color: #0026c0;
     --black-color: #2a2a2a;
     --white-color: #ffffff;
     --grey-color: #f5f5f5;
     /* New Colors */
     --creame-color: #e5b567;
     --blue-color2: #369eff;
     --blue-color3: #395556;
     --orange-color2: #cc8b00;
     --light-brown-color: #bf6740;
     --dark-brown-color: #a35330;
     --light-creame-color: #f4ebdc;
 }

 html {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 body {
     overflow-x: hidden;
     color: var(--black-color);
     font-family: var(--paragraph-font);
 }

 body::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: var(--black-color);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
 }

 body::-webkit-scrollbar {
     width: 10px;
     background-color: var(--black-color);
 }

 body::-webkit-scrollbar-thumb {
     background-color: var(--creame-color);
     border-radius: 10px;
     background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
 }

 a,
 a:active,
 a:focus,
 a:hover {
     outline: none;
     -webkit-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     text-decoration: none;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: var(--heading-font);
     letter-spacing: normal;
 }

 p {
     color: var(--black-color);
     font-size: 1.2vw;
     line-height: 1.4;
     font-family: var(--paragraph-font);
     margin-bottom: 10px;
     letter-spacing: normal;
 }

 ul, li {
     font-family: var(--paragraph-font);
 }

 .auto-container {
     width: 88%;
     margin: 0 auto
 }

 a {
     color: var(--black-color);
     outline: 0;
     outline: none;
     -webkit-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     text-decoration: none
 }

 a:focus,
 a:hover {
     text-decoration: none;
     outline: 0
 }

 a:active,
 a:hover {
     color: var(--black-color)
 }

 p a {
     color: var(--black-color)
 }

 figure {
     margin: 0
 }

 [data-bs-toggle=modal] {
     cursor: pointer
 }

 .bg-grey {
     background: var(--grey-color);
 }

 .bg-blue {
     background: var(--blue-color);
 }

 .bg-red {
     background: var(--orange-color);
 }

 .btn-default {
     position: relative;
     display: inline-block;
     font-size: 13px;
     line-height: 1em;
     text-transform: uppercase;
     color: var(--white-color);
     background: var(--light-brown-color);
     border-radius: 0;
     padding: 15px 46px 15px 8.5px;
     border: none;
     overflow: hidden;
     transition: all 0.4s ease-in-out;
     z-index: 1;
     font-family: var(--heading-font);
 }

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

 .btn-default::before {
     content: '';
     position: absolute;
     top: 50%;
     right: 5px;
     width: 30px;
     height: 30px;
     background-color: var(--white-color);
     background-image: url('../images/arrow-primary.svg');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 20px auto;
     border-radius: 0;
     transform: translateY(-50%);
     transition: all 0.4s ease-in-out;
 }

 .btn-default:hover::before {
     background-color: var(--orange-color2);
     background-image: url('../images/arrow-white.svg');
 }

 .btn-default::after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 0;
     height: 100%;
     background: var(--black-color);
     transition: all 0.4s ease-in-out;
     z-index: -1;
 }

 .btn-default:hover::after {
     right: auto;
     left: 0;
     width: 100%;
 }

 .btn-default.btn-highlighted {
     background: var(--orange-color2);
 }

 .btn-default.btn-highlighted:hover {
     color: var(--white-color);
 }

 .btn-default.btn-highlighted:hover:before {
     background-color: var(--light-brown-color);
     background-image: url('../images/arrow-white.svg');
 }

 .btn-default.btn-highlighted::after {
     background-color: var(--black-color);
 }

 .text-right {
     text-align: right !important;
 }

 .text-left {
     text-align: left !important;
 }

 .sectionheading01 {
     position: relative;
     text-align: center;
     margin-bottom: 30px
 }

 .sectionheading01 h2 {
     color: var(--blue-color3);
     font-size: 36px;
     line-height: 44px;
     margin: 0 0 15px;
     font-family: var(--heading-font);
     text-transform: uppercase;
     letter-spacing: normal;
 }

 .sectionheading01 p {
     line-height: 1.5;
 }

 .sectionheading01 h3 {
     color: var(--blue-color3);
     font-size: 2.3vw;
     line-height: 2.3vw;
     letter-spacing: normal;
     font-weight: 600;
     font-family: var(--heading-font);
     margin: 0 0 15px;
     text-transform: uppercase;
 }

 .sectionheading01 h5 {
     color: var(--blue-color);
     font-size: 28px;
     line-height: 38px;
     margin: 0 0 15px;
     text-transform: uppercase;
     letter-spacing: normal;
 }

 .sectionheading01 .fontstyle0 {
     font-family: var(--heading-font);
 }

 #scrollTopBtn {
     position: fixed;
     bottom: 30px;
     right: 30px;
     z-index: 999;
     width: 45px;
     height: 45px;
     border: none;
     outline: none;
     background-color: var(--orange-color2);
     color: #fff;
     font-size: 20px;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
 }

 #scrollTopBtn.show {
     opacity: 1;
     visibility: visible;
 }

 #scrollTopBtn:hover {
     background-color: var(--black-color);
     transform: translateY(-3px);
 }

 /* Popup Code */
 .bwapopup .modal-content {
     border-radius: 50%;
 }

 .bwapopup .modal-body {
     padding: 0px !important;
 }

 .bwapopup .modal-content {
     border: none !important;
     background-color: transparent !important;
 }

 @media (min-width: 992px) {

     .bwapopup .modal-content,
     .bwapopup .modal-body img {
         width: 500px !important;
         height: 500px !important;
     }
 }

 button.btn-close.close {
     position: absolute;
     right: 8px;
     top: 6px;
     z-index: 9999;
     opacity: 1;
     color: #fff !important;
     border: 1px solid #000
 }

 .cyjwhscr {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .cyjwhscr .modal-content {
     width: 70%
 }

 @media (max-width:767.98px) {
     .cyjwhscr .modal-content {
         width: 100%
     }
 }

 /* Popup Code */

 /* Inner Banner */
 .innerBanner {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 120px 0;
     position: relative;
     overflow: hidden;
 }

 .innerBanner::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.35;
     top: 0;
     left: 0;
 }

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

     70% {
         -webkit-transform: scale(1.2) rotate(-180deg);
         transform: scale(1.2) rotate(-180deg);
     }

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

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

     70% {
         -webkit-transform: scale(1.2) rotate(0deg);
         transform: scale(1.2) rotate(0deg);
     }

     100% {
         -webkit-transform: scale(1) rotate(0deg);
         transform: scale(1) rotate(0deg);
     }
 }

 .innerBanner .content h1 {
     font-size: 4vw;
     font-weight: bold;
     text-align: center;
     color: var(--white-color);
     text-shadow: 2px 2px #000;
     text-transform: uppercase;
     position: relative;
     z-index: 0;
     margin: 0;
     padding: 0;
 }

 /* Inner Banner */

 /* Header New */
 .header {
     position: relative;
     background: var(--black-color);
     width: 100%;
     padding: 5px 0;
 }

 .header .fixed-top.navbar {
     z-index: 99;
 }

 .header .fixed-logo {
     display: none;
 }

 .header-top {
     position: relative;
     padding: 14px 0 14px 0;
     z-index: 5
 }

 .header-top-contact ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 15px
 }

 .header-top-contact a {
     color: var(--white-color);
     font-weight: 500
 }

 .header-top-contact a i,
 .header-top-contact a em {
     color: var(--white-color);
     margin-right: 2px;
 }

 .header-top-middle {
     text-align: center
 }

 .header-top-right {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: wrap;
     gap: 15px
 }

 .header-top-link a {
     color: var(--white-color);
     margin-right: 12px
 }

 .header-top-link a:hover {
     color: var(--theme-color)
 }

 .header-top-social span {
     color: var(--white-color)
 }

 .header-top-social a {
     color: var(--white-color);
     font-size: 16px;
     text-align: center;
     margin-left: 14px;
     transition: var(--transition);
     -webkit-transition: var(--transition);
     -moz-transition: var(--transition);
     -ms-transition: var(--transition);
     -o-transition: var(--transition);
 }

 .header-top-social a:hover {
     color: var(--white-color);
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
 }

 .header-top-lang .top-lang {
     color: var(--white-color)
 }

 .header-top-lang .dropdown-menu {
     min-width: 60px;
     border-radius: 15px;
     padding: 10px;
     border: none;
     box-shadow: var(--box-shadow);
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
 }

 .header-top-lang .dropdown-item {
     color: var(--color-dark);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
 }

 .header-top-lang .dropdown-item:hover {
     background: var(--theme-color);
     color: var(--white-color)
 }

 @media all and (max-width:1199px) {
     .header-top-contact li:first-child {
         display: none
     }
 }

 @media all and (max-width:991px) {
     .header-top {
         padding-top: 12px
     }

     .header-top-contact ul,
     .header-top-right {
         justify-content: center
     }
 }

 .navbar {
     background: 0 0;
     padding-top: 0;
     padding-bottom: 0;
     z-index: 4;
     position: relative
 }

 .navbar::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: calc(100% - 200px);
     height: 100%;
     /* background: var(--white-color) */
     background-color: transparent;
 }

 .navbar.fixed-top {
     position: fixed;
     background: var(--blue1-color);
     box-shadow: var(--box-shadow2);
     animation: slide-down .7s;
     -webkit-animation: slide-down .7s;
 }

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

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

 .navbar .navbar-brand .logo-display {
     display: block
 }

 .navbar .navbar-brand .logo-scrolled {
     display: none
 }

 .navbar.fixed-top .navbar-brand .logo-display {
     display: none
 }

 .navbar.fixed-top .navbar-brand .logo-scrolled {
     display: block
 }

 .navbar .navbar-toggler:focus {
     outline: 0;
     box-shadow: none
 }

 .navbar-toggler-mobile-icon {
     display: inline-block;
     width: inherit;
     height: inherit
 }

 .navbar-brand {
     margin-right: 0
 }

 .navbar-brand img {
     width: 400px
 }

 .navbar .dropdown-toggle::after {
     display: inline-block;
     margin-left: 5px;
     /* vertical-align: baseline; */
     /* font-family: 'Font Awesome 6 Pro';
    content: "\f107"; */
     font-family: 'Font Awesome 6 Pro';
     content: "|";
     font-weight: 600;
     border: none;
     font-size: 14px;
     top: 50%;
     position: absolute;
     transform: translateY(-50%);
 }

 @media all and (max-width:1199px) {
     .navbar::before {
         width: 93%
     }

     .nav-right {
         margin-left: 25px !important
     }

     .navbar .nav-item .nav-link {
         margin-right: 15px
     }

     .navbar .nav-right-btn {
         display: none
     }
 }

 @media all and (min-width:992px) {
     .navbar .nav-item .nav-link {
         margin-right: 30px;
         padding: 25px 0 25px 0;
         font-size: 18px;
         font-weight: 500;
         color: var(--white-color);
         text-transform: capitalize
     }

     .navbar .nav-item:last-child .nav-link {
         margin-right: 0
     }

     .navbar .nav-item .dropdown-menu {
         display: block;
         padding: 10px;
         margin-top: 0;
         left: -15px;
         border-radius: 15px;
         border: none;
         background: var(--white-color);
         width: 290px;
         box-shadow: var(--box-shadow);
         opacity: 0;
         visibility: hidden;
         transition: var(--smooth);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -ms-border-radius: 15px;
         -o-border-radius: 15px;
         -webkit-transition: var(--smooth);
         -moz-transition: var(--smooth);
         -ms-transition: var(--smooth);
         -o-transition: var(--smooth);
     }

     .navbar .nav-item .dropdown-menu .dropdown-item {
         font-size: 16px;
         padding: 5px 10px;
         font-weight: 500;
         color: var(--color-dark);
         position: relative;
         overflow: hidden;
         border-radius: 10px;
         text-transform: capitalize;
         transition: var(--smooth);
         z-index: 1;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
         -webkit-transition: var(--smooth);
         -moz-transition: var(--smooth);
         -ms-transition: var(--smooth);
         -o-transition: var(--smooth);
     }

     .navbar .nav-item .dropdown-menu .dropdown-item:hover {
         background: var(--orange-color);
         color: var(--white-color);
         padding-left: 32px
     }

     /*.navbar .nav-item .dropdown-menu .dropdown-item::before {
    content: "//";
    position: absolute;
    left: 15px;
    top: 6px;
    color: var(--white-color);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: -1;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
  }*/

     .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
         opacity: 1;
         visibility: visible
     }

     .navbar .nav-item .nav-link {
         position: relative
     }

     /* .navbar .nav-item .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 0;
    height: 2px;
    border-radius: 50px;
    transition: var(--smooth);
    -webkit-transition: var(--smooth);
    -moz-transition: var(--smooth);
    -ms-transition: var(--smooth);
    -o-transition: var(--smooth);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
  } */

     .navbar .nav-item .nav-link.active::before,
     .navbar .nav-item:hover .nav-link::before {
         background: var(--theme-gradient);
         width: 40%
     }

     .navbar.fixed-top .nav-item .nav-link.active::before,
     .navbar.fixed-top .nav-item:hover .nav-link::before {
         background: var(--white-color)
     }

     .navbar .nav-item .nav-link.active,
     .navbar .nav-item:hover .nav-link {
         color: var(--white-color)
     }

     .fixed-top .navbar .nav-item .nav-link.active,
     .fixed-top .nav-item:hover .nav-link, .fixed-top .navbar .nav-item .nav-link {
         color: var(--black-color);
     }

     .navbar .nav-item:hover .dropdown-menu {
         transition: .3s;
         opacity: 1;
         visibility: visible;
         top: 85%;
         transform: rotateX(0);
         -webkit-transform: rotateX(0);
         -moz-transform: rotateX(0);
         -ms-transform: rotateX(0);
         -o-transform: rotateX(0);
         -webkit-transition: .3s;
         -moz-transition: .3s;
         -ms-transition: .3s;
         -o-transition: .3s;
     }

     .navbar .dropdown-menu-end {
         right: 0;
         left: auto
     }

     .navbar .dropdown-menu.fade-down {
         top: 80%;
         transform: rotateX(-75deg);
         transform-origin: 0 0;
         -webkit-transform: rotateX(-75deg);
         -moz-transform: rotateX(-75deg);
         -ms-transform: rotateX(-75deg);
         -o-transform: rotateX(-75deg);
     }

     .navbar .dropdown-menu.fade-up {
         top: 140%
     }

     .navbar #main_nav {
         justify-content: end
     }

     .nav-right {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 28px;
         margin-left: 25px
     }

     .nav-right-link {
         position: relative;
         font-size: 20px;
         color: var(--color-dark);
         transition: var(--transition);
         -webkit-transition: var(--transition);
         -moz-transition: var(--transition);
         -ms-transition: var(--transition);
         -o-transition: var(--transition);
     }

     .nav-right-link:hover {
         color: var(--theme-color) !important
     }

     .nav-right .search-btn .nav-right-link {
         border: none;
         background: 0 0;
         color: var(--color-dark);
         font-size: 28px;
         padding-right: 0
     }

     .nav-right .sidebar-btn .nav-right-link {
         background: var(--theme-color);
         width: 65px;
         height: 61px;
         color: var(--white-color) !important;
         font-size: 25px;
         border: none
     }

     .nav-right .sidebar-btn .nav-right-link:hover {
         background: var(--theme-color2)
     }

     .nav-right .search-btn .nav-right-link {
         font-size: 20px;
         padding: 0
     }
 }

 .mobile-menu-right {
     display: none
 }

 @media all and (max-width:991px) {
     .navbar {
         position: relative;
         width: 100%;
         height: auto;
     }

     .navbar::before {
         display: none
     }

     .navbar-brand img {
         width: 220px
     }

     .navbar-collapse {
         max-height: 220px;
         overflow: hidden;
         overflow-y: auto;
         padding: 0 20px;
         margin-bottom: 10px;
         background-color: var(--white-color);
         border-radius: 15px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -ms-border-radius: 15px;
         -o-border-radius: 15px;
     }

     .navbar-toggler {
         padding: 0;
         border: none
     }

     .navbar .dropdown-toggle::after {
         float: right;
         margin-top: 2.5px
     }

     .navbar .nav-item .nav-link {
         color: var(--color-dark);
         font-weight: 700;
         margin-right: 0;
         transition: var(--transition)
     }

     .navbar .nav-item .nav-link:hover {
         color: var(--theme-color) !important
     }

     .mobile-menu-right {
         margin: 0 12px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 20px
     }

     .mobile-menu-right .nav-right-link {
         background: 0 0;
         border: none;
         font-size: 20px;
         color: var(--color-dark)
     }

     .mobile-menu-right .nav-right-link:hover {
         color: var(--theme-color)
     }

     .navbar-toggler-mobile-icon {
         font-size: 25px;
         color: var(--white-color);
         font-weight: 500
     }

     .fixed-top .navbar-toggler-mobile-icon {
         color: var(--black-color);
     }

     .navbar .dropdown-menu {
         border-radius: 15px;
         border: none;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -ms-border-radius: 15px;
         -o-border-radius: 15px;
     }

     .nav-right {
         display: none
     }
 }

 .navbar .nav-item .dropdown-submenu {
     position: relative
 }

 .navbar .nav-item .dropdown-submenu .dropdown-menu::before {
     display: none
 }

 .navbar .nav-item .dropdown-submenu a::after {
     transform: rotate(-90deg);
     position: absolute;
     right: 15px;
     top: 8px;
     font-weight: 600;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
 }

 .navbar .nav-item .dropdown-submenu a:hover {
     background: 0 0;
     color: var(--white-color)
 }

 .navbar .nav-item .dropdown-submenu .dropdown-menu {
     top: 120%;
     left: 100%;
     opacity: 0;
     visibility: hidden
 }

 .navbar .nav-item .dropdown-submenu:hover .dropdown-menu {
     top: 0;
     opacity: 1;
     visibility: visible
 }

 @media all and (max-width:991px) {
     .navbar .nav-item .dropdown-menu .dropdown-item {
         color: var(--color-dark)
     }

     .navbar .nav-item .dropdown-submenu .dropdown-menu {
         margin: 0 17px
     }

     .navbar .nav-item .dropdown-submenu .dropdown-menu {
         opacity: unset;
         visibility: unset
     }

     .navbar .nav-item .dropdown-submenu a::after {
         top: 3px
     }

     .navbar .nav-item .dropdown-submenu a:hover {
         color: var(--theme-color)
     }
 }

 /* Ensure fixed header spans full width and stays on top */
 .fixed-top {
     position: fixed !important;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
     /* Ensures header floats above content */
     width: 100%;
     animation: slidedown .6s ease 0s 1 normal forwards;
     -webkit-animation: slidedown .6s ease 0s 1 normal forwards;
     box-shadow: none;
     background: rgba(255, 255, 255, 0.25);
     backdrop-filter: blur(5.5px);
     -webkit-backdrop-filter: blur(5.5px);
 }

 @-webkit-keyframes slidedown {
     0% {
         opacity: 0;
         transform: translateY(-250px);
         -webkit-transform: translateY(-250px);
         -moz-transform: translateY(-250px);
         -ms-transform: translateY(-250px);
         -o-transform: translateY(-250px)
     }

     100% {
         opacity: 1;
         transform: translateY(0);
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0)
     }
 }

 @keyframes slidedown {
     0% {
         opacity: 0;
         transform: translateY(-250px);
         -webkit-transform: translateY(-250px);
         -moz-transform: translateY(-250px);
         -ms-transform: translateY(-250px);
         -o-transform: translateY(-250px)
     }

     100% {
         opacity: 1;
         transform: translateY(0);
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0)
     }
 }

 /* Prevent layout jump when header switches to fixed position */
 body.has-fixed-header {
     padding-top: 80px;
     /* Adjust this to match your header's actual height */
 }

 .fixed-top .non-fixed-logo {
     display: none;
 }

 .fixed-top .fixed-logo {
     display: block;
 }

 .fixed-top
 /* Header New */

 /* Main Sec */
 .main_sec {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
 }

 .main_sec .bg_wrap {
     position: relative;
     overflow: hidden;
 }

 .main_sec .bg_wrap figure {
     margin: 0;
     width: 100%;
     height: 90vh;
     position: relative;
     overflow: hidden;
 }

 /* .main_sec .bg_wrap figure::before {
     position: absolute;
     content: "";
     bottom: 0;
     left: 0;
     width: 100%;
     height: 50%;
     opacity: 1;
     z-index: 9;
     background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 50%, rgba(1, 1, 1, 0) 100%);
 } */

 .main_sec figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-fit: 50% 50%;
 }

 .overlay-obj {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 700px;
     height: 500px;
     /* transform: rotate(180deg); */
     animation: pulse 1s ease-in-out infinite;
     -webkit-animation: pulse 6s ease-in-out infinite;
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
     transform-box: fill-box;
 }

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

     70% {
         -webkit-transform: scale(1.2) rotate(180deg);
         transform: scale(1.2) rotate(180deg);
     }

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

 /* @media (min-width: 1200px) {
     .main_sec .col-xl-5 {
         flex: 0 0 auto;
         width: 38.666667%;
     }
 }*/

 .main_content {
     position: absolute;
     top: 50%;
     /*Fromhttps:;
     //css.glass*/
     background: rgba(255, 255, 255, 0.35);
     border-radius: 10px;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     padding: 30px 20px;
     z-index: 1;
     transform: translateY(-45%);
     -webkit-transform: translateY(-45%);
     -moz-transform: translateY(-45%);
     -ms-transform: translateY(-45%);
     -o-transform: translateY(-45%);
 }

 .main_content figure {
     width: 400px;
     height: unset;
     margin: 0;
 }

 .main_content figure img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 /* .main_content .tagline-content {
     margin: 20px 0 0;
 } */

 .main_content .tagline-content h4 {
     font-size: 3.075vw;
     margin: 0;
     padding: 0;
     color: var(--blue-color3);
     font-weight: 700;
     text-transform: uppercase;
 }

 .main_content .tagline-content h4 span {
     display: block;
     font-weight: 700;
     color: var(--light-brown-color);
     font-size: 3.2vw;
     filter: drop-shadow(1.75px 1.75px 0 #000);
 }

 .main_content .tagline-content p {
     font-size: 20px;
     text-transform: capitalize;
     margin: 7px 0 0;
     padding: 0;
     color: var(--black-color);
 }

 .main_content .tagline-content figure {
     position: relative;
     overflow: hidden;
     border-radius: 12.5px;
     width: fit-content;
     height: 200px;
     margin: 12.5px 0 0;
 }

 .main_content .tagline-content figure .max-icon_wrap {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.06);
     border-radius: 16px;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(9.3px);
     -webkit-backdrop-filter: blur(9.3px);
     display: flex;
     justify-content: center;
     align-items: center;
     visibility: hidden;
     opacity: 0;
     transition: 0.3s all ease-in-out;
 }

 .main_content .tagline-content figure .max-icon_wrap a svg {
     width: 30px;
     height: 30px;
     stroke: var(--black-color);
     animation: pulse 2s ease-in-out infinite;
 }

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.1);
     }

     100% {
         transform: scale(1);
     }
 }

 .main_content .tagline-content figure img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .main_content .tagline-content figure:hover .max-icon_wrap {
     opacity: 1;
     visibility: visible;
 }

 .main_content h2 {
     font-size: 30px;
     color: var(--blue-color);
     margin: 30px 0 0;
     padding: 0;
     text-transform: capitalize;
     letter-spacing: normal;
     filter: drop-shadow(1.5px 1.5px 0 var(--white-color));
 }

 .main_content p {
     font-size: 20px;
     text-transform: capitalize;
     margin: 5px 0 0;
     padding: 0;
 }

 .main_content .divider {
     height: 1.5px;
     width: 100%;
     background: linear-gradient(-90deg, rgba(196, 24, 47, 0) 0%, rgba(196, 24, 47, 1) 25%, rgba(196, 24, 47, 1) 50%, rgba(196, 24, 47, 1) 75%, rgba(196, 24, 47, 0) 100%);
     background: linear-gradient(-90deg, rgba(196, 24, 47, 0) 0%, rgba(196, 24, 47, 1) 25%, rgba(196, 24, 47, 1) 50%, rgba(196, 24, 47, 1) 75%, rgba(196, 24, 47, 1) 100%);
     background: linear-gradient(-90deg, rgba(51, 61, 153, 0) 0%, rgba(51, 61, 153, 1) 25%, rgba(51, 61, 153, 1) 50%, rgba(196, 24, 47, 1) 75%, rgba(196, 24, 47, 1) 100%);
     margin: 20px 0;
 }

 .logo_wrapper {
     display: flex;
     flex-direction: row;
     justify-content: start;
     align-items: center;
     gap: 30px;
 }

 .logo_wrapper>div figure {
     width: 360px;
     height: 120px;
     margin: 0;
     padding: 8px;
     /* border: 1px solid var(--black-color); */
     border-radius: 10px;
     background: var(--white-color);
     background: rgba(255, 255, 255, 0.1);
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(6px);
 }

 .logo_wrapper>div figure img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .logo_wrapper>div p {
     font-size: 16px;
     margin: 0 0 10px;
     text-transform: capitalize;
     text-align: left;
     font-family: var(--heading-font);

 }

 @media (min-width: 1200px) {
     .main_sec .col-xl-6 {
         flex: 0 0 auto;
         width: 45%;
     }
 }

 /* @media (min-width: 992px) {
     .main_sec .col-lg-6 {
         flex: 0 0 auto;
         width: 57%;
     }
 } */

 /* Main Sec */

 /* intro sec */
 .intro_sec {
     position: relative;
     overflow: hidden;
 }

 .intro_sec::before {
     position: absolute;
     content: "";
     bottom: 0;
     left: -25%;
     width: 100%;
     height: 100%;
     background: url(../images/Logo-Pakistan-Yatra2.webp) no-repeat center/contain;
     opacity: 0.06;
     background-attachment: fixed;
 }

 /* .intro_sec .content_sec {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     padding: 20px;
 } */

 .intro_sec .content_sec h4 {
     font-size: 2.25vw;
     margin: 0 0 10px;
     padding: 0;
     color: var(--blue-color3);
     text-transform: uppercase;
 }

 .intro_sec .content_sec p {
     color: var(--black-color);
     font-size: 1.26vw;
     line-height: 1.4;
 }

 .intro_sec .content_sec ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .intro_sec .content_sec ul li {
     font-family: var(--paragraph-font);
     font-size: 1.26vw;
     padding: 0 0 6px 22px;
     margin: 0;
     position: relative;
     overflow: hidden;
 }

 .intro_sec .content_sec ul li::before {
     position: absolute;
     content: "◉";
     left: 0;
     top: 0;
     color: var(--dark-brown-color);
     font-size: 18px;
 }

 .intro_sec .aboutbox01 figure {
     width: 100%;
     height: 450px;
     margin: 0;
     border-radius: 20px;
     overflow: hidden;
 }

 .intro_sec .aboutbox01 figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .timeline-dots, .timeline-dots2 {
     display: flex;
     justify-content: center;
     gap: 30px;
     margin-top: 25px;
     position: relative;
     z-index: 9;
 }

 .timeline-dots button, .timeline-dots2 button {
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background: var(--light-creame-color);
     border: none;
     transition: 0.3s;
     color: var(--blue-color3);
 }

 .timeline-dots button.active, .timeline-dots2 button.active {
     background: var(--creame-color);
     transform: scale(1.6);
 }

 /* intro sec */

 /* Pakyatra Card Sec */
 .pakyatracard_secwrap {
     background: var(--light-creame-color);
     position: relative;
     overflow: hidden;
 }

 .pakyatracard_secwrap::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     bottom: 0;
     right: 0;
     background: url(../images/card_sec-obj.svg) no-repeat center/contain;
     background-attachment: fixed;
     opacity: 0.08;
 }

 @property --gradient-angle {
     syntax: "<angle>";
     initial-value: 0deg;
     inherits: false;
 }

 .whole_card_wrap {
     position: relative;
     border-radius: 12.5px;
     width: 100%;
     height: 100%;
 }

 .whole_card_wrap::before, .whole_card_wrap::after {
     position: absolute;
     z-index: 0;
     top: -4px;
     right: -4px;
     bottom: -4px;
     left: -4px;
     content: "";
     animation: rotation2 4s linear infinite;
     border-radius: inherit;
     background: conic-gradient(from var(--gradient-angle), transparent, var(--blue-color3), var(--light-brown-color), transparent);
     /* background: conic-gradient(from var(--gradient-angle), var(--blue-color), transparent); */
 }

 @keyframes rotation2 {
     0% {
         --gradient-angle: 0deg;
     }

     100% {
         --gradient-angle: 360deg;
     }
 }

 .pakyatra_card_sec {
     padding: 12.5px;
     border-radius: 12.5px;
     background: var(--white-color);
     display: flex;
     flex-direction: column;
     justify-content: start;
     align-items: start;
     gap: 15px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     width: 100%;
     height: 100%;
 }

 .pakyatra_card_sec::before {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     width: 0;
     height: 100%;
     background: var(--blue-color3);
     transition: all 0.6s ease-in-out;
     z-index: -1;
 }

 .pakyatra_card_sec figure {
     border: 5px solid var(--light-creame-color);
     margin: 0;
     overflow: hidden;
     border-radius: 15px;
     height: 250px;
     width: 100%;
 }

 .pakyatra_card_sec figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .pakyatra_card_sec .owl-stage-outer, .pakyatra_card_sec .owl-stage, .pakyatra_card_sec .owl-stage .owl-item, .pakyatra_card_sec .owl-stage .owl-item .item {
     width: 100%;
     height: 100%;
 }

 .pakyatra_card_sec .content h4 {
     color: var(--blue-color3);
     text-transform: uppercase;
     font-size: 1.45vw;
 }

 .whole_card_wrap:hover .pakyatra_card_sec::before {
     right: auto;
     left: 0;
     width: 100%;
 }

 .whole_card_wrap:hover .pakyatra_card_sec .content h4, .whole_card_wrap:hover .pakyatra_card_sec .content p {
     color: var(--light-creame-color);
 }

 /* Pakyatra Card Sec */

 /* Footer */
 .footernewmain0 {
     position: relative;
     padding: 4rem 0 2rem;
     margin-top: 1rem;
     z-index: 1;
     color: var(--white-color);
 }

 .footernewmain0::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     /* background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 500"><defs><filter id="a" filterUnits="userSpaceOnUse" x="0" y="0" width="1000" height="500"><feGaussianBlur stdDeviation="100"/></filter><filter id="b" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="1" result="turbulence" stitchTiles="stitch"/><feBlend in="SourceGraphic" in2="turbulence" mode="overlay"/></filter></defs><rect width="100%" height="100%" fill="%23395556"/><g filter="url(%23a)"/><path style="mix-blend-mode:luminosity" filter="url(%23b)" opacity="20%" d="M0 0h1000v500H0z"/></svg>'); */
     background: var(--blue-color3);
 }

 .footernewmain0 .footerlockup0 .blackborderbtn {
     width: 100%;
     font-size: 15px;
     line-height: 25px;
     padding: 6px 1rem 6px
 }

 .footerlockup0 p {
     color: var(--white-color);
 }

 .footerquickright0 .socialfooter {
     margin: 0;
     padding: 0;
     padding-top: 0.625rem;
     list-style: none;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: left;
     -ms-flex-pack: left;
     justify-content: left;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .footerquickright0 .socialfooter li {
     list-style: none;
     margin-left: 0.625rem;
     margin-bottom: 10px;
 }

 .footerquickright0 .socialfooter li a {
     color: var(--white-color);
     font-size: 22px;
     line-height: 30px;
     width: 35px;
     height: 35px;
     border-radius: 50px;
     border: transparent solid 1px;
     background: transparent;
     transition: 0.3s;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
 }

 .footerquickright0 .socialfooter li a:hover {
     background: var(--white-color);
     border-color: var(--black-color);
     border-radius: 50px;
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     color: var(--black-color);
 }

 .footerquickright0 .socialfooter li:first-child {
     margin-left: 0;
 }

 /* New */
 .footerquickbox0 {
     position: relative;
     margin-bottom: 0rem;
 }

 .footerquickbox0 h2 {
     position: relative;
     font-size: 1.225rem;
     padding-bottom: 1rem;
     margin-bottom: 20px;
     color: var(--creame-color);
     font-family: var(--heading-font);
     text-transform: uppercase;
 }

 .footerquickbox0 h2::before {
     position: absolute;
     content: '';
     z-index: -1;
     width: 90px;
     height: 2px;
     background: rgba(0, 0, 0, 0.2);
     bottom: 0;
     left: 0;
 }

 .footerquickbox0 h2::after {
     position: absolute;
     content: '';
     z-index: -1;
     width: 30px;
     height: 2px;
     background-color: var(--creame-color);
     bottom: 0;
     left: 18px;
 }

 .footerquickbox0 .footerlist1 {
     margin: 0;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 0.425rem;
 }

 .footerquickbox0 .footerlist1 li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .footerquickbox0 .footerlist1 li a {
     color: var(--white-color);
     font-size: 18px;
     line-height: 26px;
     font-family: var(--paragraph-font);
 }

 .footerquickbox0 .footerlist1 li a i,
 .footerquickbox0 .footerlist1 li a em {
     color: var(--creame-color);
     margin-right: 5px;
 }

 .footerquickbox0 .footerlist1 li a:hover {
     color: var(--light-brown-color);
     padding-left: 10px;
 }

 .footerquickbox0 .showtimesbox0 {
     position: relative;
     margin: 0;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
     gap: 0.7rem;
 }

 .footerquickbox0 .showtimesbox0 h5 {
     color: var(--black-color);
     font-size: 18px;
     line-height: 12px;
 }

 .footerquickbox0 .showtimesbox0 p {
     color: var(--black-color);
     font-family: var(--paragraph-font);
     font-size: 18px;
     line-height: 24px;
     margin-bottom: 5px;
 }

 .footerquickbox0 .showtimesbox0 span.showicon0 {
     color: var(--white-color);
     line-height: 32px;
     font-size: 14px;
     width: 28px;
     height: 28px;
     margin-right: 10px;
     border-radius: 50px;
     background: var(--orange-color);
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
 }

 .footerquickbox0 .showtimesbox0 .c_info {
     font-family: var(--paragraph-font);
     font-weight: 400;
 }

 .footernewmain0 .footerbottom0 {
     position: relative;
     width: 100%;
     margin-top: 1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     color: var(--white-color);
     padding: 8px 15px 8px 15px;
     background: rgba(255, 255, 255, 0.15);
     border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
 }

 .footernewmain0 .footerbottom0 .row {
     width: 100%;
     margin: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .footernewmain0 .footerbottom0 p {
     color: var(--light-creame-color);
     font-size: 15px;
     line-height: 1.5;
     margin: 0;
     font-weight: unset;
 }

 .footernewmain0 .footerbottom0 p a {
     color: var(--light-creame-color);
     transition: 0.3s;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
 }

 .footernewmain0 .footerbottom0 p a:hover {
     color: var(--creame-color);
 }

 .footernewmain0 .footerbottom0 p a img {
     width: 5%;
     max-width: 100%;
     filter: brightness(1) invert(0);
     -webkit-filter: brightness(1) invert(0);
 }

 /* Footer */

 /* Gurudwaras Page */
 .innerpage_card_sec .innerpage_cardwrap {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .innerpage_card_sec .img_wrap {
     width: 100%;
     height: 340px;
     padding: 0 1.2vw;
 }

 .innerpage_card_sec .img_wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     object-position: 50% 50%;
 }

 .innerpage_card_sec .content_img_wrap {
     margin-top: -12%;
 }

 .innerpage_card_sec .content_img_wrap figure {
     width: 100%;
     height: fit-content;
     margin: 0;
 }

 .innerpage_card_sec .content_img_wrap figure svg {
     width: 100%;
     height: 100%;
     object-fit: cover;
     fill: var(--creame-color);
     filter: drop-shadow(2px 2px 0 #000);
     -webkit-filter: drop-shadow(2px 2px 0 #000);
 }

 .innerpage_card_sec .content_img_wrap .info {
     position: absolute;
     top: 55%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     width: 100%;
     padding: 0 12.5px;
 }

 .innerpage_card_sec .content_img_wrap .info h4 {
     font-size: 1.75vw;
     margin: 0;
     padding: 0;
     color: var(--black-color);
 }

 .innerpage_card_sec .content_img_wrap .info p {
     line-height: 1.36;
     font-size: 1.2vw;
 }

 .innerpage_card_sec .btn_wrap {
     position: absolute;
     bottom: 10px;
     right: 15px;
     transform: scale(0);
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transition: 0.4s all ease-in-out;
     -webkit-transition: 0.4s all ease-in-out;
     -moz-transition: 0.4s all ease-in-out;
     -ms-transition: 0.4s all ease-in-out;
     -o-transition: 0.4s all ease-in-out;
 }

 .innerpage_card_sec .btn_wrap a {
     width: 40px;
     height: 40px;
     background: var(--blue-color3);
     border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .innerpage_card_sec .btn_wrap a svg {
     width: 20px;
     height: 20px;
     fill: #fff;
 }

 .innerpage_card_sec .innerpage_cardwrap:hover .btn_wrap {
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
 }