@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: 9;
     margin: 0;
     padding: 0;
 }

 /* Inner Banner */

 /* header */
 .main_header {
     padding: 10px 0;
     /* border-bottom: 1px solid var(--grey-color); */
 }

 header.site-header {
     position: sticky;
     top: 0;
     z-index: 999;
     width: 100%;
     background: var(--black-color);
 }

 header.site-header.sticky-active {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 .main_header .img_w50 {
     width: 500px;
 }

 .main_header .navigation-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .main_header .navsocial-media, .main_header .headerbtnwrap {
     display: flex;
     justify-content: end;
     align-items: center;
     gap: 15px;
 }

 .main_header .navsocial-media, .main_header .headerbtnwrap figure {
     width: 170px;
 }

 .main_header .navsocial-media, .main_header .headerbtnwrap figure img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .main_header .navsocial-media .social-link {
     width: 35px;
     height: 35px;
     background: var(--blue-color);
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     overflow: hidden;
 }

 .main_header .navsocial-media .social-link::before {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, rgba(244, 20, 38, 1) 0%, rgba(13, 2, 2, 1) 100%);
     background: var(--orange-color);
     clip-path: circle(0% at 50% 50%);
     transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.7s;
     z-index: 0;
 }

 .main_header .navsocial-media .social-link:hover::before {
     clip-path: circle(100% at 50% 50%);
     transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 2s;
 }

 .navsocial-media .social-link i, .navsocial-media .social-link em {
     color: var(--white-color);
     font-size: 16px;
     line-height: 0;
     position: relative;
 }

 .site-navbar {
     margin-bottom: 0px;
     top: 2rem;
     width: 100%;
 }

 .site-navbar.transparent {
     background: transparent;
 }

 .site-navbar.absolute {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }

 .site-navbar .site-logo {
     position: relative;
     left: 0;
     font-size: 24px !important;
 }

 .site-navbar .site-navigation .site-menu {
     margin-bottom: 0;
 }

 .site-navbar .site-navigation .site-menu .active>a span {
     background: var(--white-color);
     color: var(--black-color);
     border-radius: 30px;
     display: inline-block;
     padding: 5px 20px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
 }

 .site-navbar .site-navigation .site-menu a {
     text-decoration: none !important;
     display: inline-block;
 }

 .site-navbar .site-navigation .site-menu>li {
     display: inline-block;
 }

 .site-navbar .site-navigation .site-menu>li>a {
     padding: 0 15px 0 0;
     color: var(--white-color);
     font-size: 18px;
     text-decoration: none !important;
     font-family: var(--body-font);
 }

 .site-navbar .site-navigation .site-menu>li>a>span {
     padding: 5px 20px;
     display: inline-block;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     -moz-transition: .3s all ease;
     -ms-transition: .3s all ease;
 }

 /*
.site-navbar .site-navigation .site-menu>li>a:hover>span {
	background: #007bff;
	color: #fff;
	border-radius: 30px;
	display: inline-block;
}
*/
 .site-navbar .site-navigation .site-menu .has-children {
     position: relative;
 }

 .site-navbar .site-navigation .site-menu .has-children>a span {
     position: relative;
     padding-left: 0px;
     padding-right: 25px;
 }

 .site-navbar .site-navigation .site-menu .has-children>a span:before {
     position: absolute;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     content: "\f078";
     font-size: 16px;
     top: 45%;
     right: 0px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown {
     visibility: hidden;
     opacity: 0;
     top: 100%;
     position: absolute;
     text-align: left;
     border-top: 2px solid var(--blue-color);
     -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
     padding: 0px 0;
     margin-top: 20px;
     margin-left: 0px;
     background: var(--white-color);
     -webkit-transition: 0.2s 0s;
     -o-transition: 0.2s 0s;
     transition: 0.2s 0s;
     -moz-transition: 0.2s 0s;
     -ms-transition: 0.2s 0s;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
     position: absolute;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
     bottom: 100%;
     left: 20%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 /* .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
} */

 .site-navbar .site-navigation .site-menu .has-children .dropdown a {
     text-transform: none;
     letter-spacing: normal;
     -webkit-transition: 0s all;
     -o-transition: 0s all;
     transition: 0s all;
     color: #343a40;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
     color: var(--blue-color) !important;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li {
     list-style: none;
     padding: 0;
     margin: 0;
     min-width: 200px;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
     padding: 9px 20px;
     display: block;
     font-family: var(--paragraph-font);
     font-size: 16px;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
     background: #fafafb;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a {
     position: relative;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:after {
     position: absolute;
     right: 0;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     content: "\f078";
     right: 20px;
     top: 45%;
     transform: translateY(-50%);
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
     left: 100%;
     top: 0;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,
 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,
 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
     background: #fafafb;
 }

 .site-navbar .site-navigation .site-menu .has-children:hover>a,
 .site-navbar .site-navigation .site-menu .has-children:focus>a,
 .site-navbar .site-navigation .site-menu .has-children:active>a {
     color: var(--blue-color);
 }

 /*
.site-navbar .site-navigation .site-menu .has-children:hover>a span,
.site-navbar .site-navigation .site-menu .has-children:focus>a span,
.site-navbar .site-navigation .site-menu .has-children:active>a span {
	background: #007bff;
	color: #fff;
}
*/
 .site-navbar .site-navigation .site-menu .has-children:hover,
 .site-navbar .site-navigation .site-menu .has-children:focus,
 .site-navbar .site-navigation .site-menu .has-children:active {
     cursor: pointer;
 }

 .site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
 .site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
 .site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
     margin-top: 0px;
     visibility: visible;
     opacity: 1;
 }

 .site-mobile-menu {
     width: 300px;
     position: fixed;
     right: 0;
     z-index: 2000;
     padding-top: 20px;
     background: var(--white-color);
     height: calc(100vh);
     -webkit-transform: translateX(110%);
     -ms-transform: translateX(110%);
     transform: translateX(110%);
     -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
     box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
     -webkit-transition: .3s all ease-in-out;
     -o-transition: .3s all ease-in-out;
     transition: .3s all ease-in-out;
     -moz-transition: .3s all ease-in-out;
     -ms-transition: .3s all ease-in-out;
     -moz-transform: translateX(110%);
     -o-transform: translateX(110%);
 }

 .offcanvas-menu .site-mobile-menu {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
     -moz-transform: translateX(0%);
     -o-transform: translateX(0%);
 }

 .site-mobile-menu .site-mobile-menu-header {
     width: 100%;
     float: left;
     padding-left: 20px;
     padding-right: 20px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
     float: right;
     margin-top: 8px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
     font-size: 30px;
     display: inline-block;
     padding-left: 10px;
     padding-right: 0px;
     line-height: 1;
     cursor: pointer;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     -moz-transition: .3s all ease;
     -ms-transition: .3s all ease;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
     color: #f8f9fa;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
     float: left;
     margin-top: 10px;
     margin-left: 0px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
     display: inline-block;
     text-transform: uppercase;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
     max-width: 70px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
     text-decoration: none;
 }

 .site-mobile-menu .site-mobile-menu-body {
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     position: relative;
     padding: 0 20px 20px 20px;
     height: calc(100vh - 52px);
     padding-bottom: 150px;
 }

 .site-mobile-menu .site-nav-wrap {
     padding: 0;
     margin: 0;
     list-style: none;
     position: relative;
 }

 .site-mobile-menu .site-nav-wrap a {
     padding: 10px;
     display: block;
     position: relative;
     color: var(--black-color);
 }

 .site-mobile-menu .site-nav-wrap a:hover {
     color: var(--blue-color);
 }

 .site-mobile-menu .site-nav-wrap li {
     position: relative;
     display: block;
 }

 .site-mobile-menu .site-nav-wrap li.active>a {
     color: var(--blue-color);
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse {
     position: absolute;
     right: 0px;
     top: 12px;
     z-index: 20;
     width: 26px;
     height: 26px;
     text-align: center;
     cursor: pointer;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
     background: #f8f9fa;
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
     font-size: 12px;
     z-index: 20;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     content: "\f078";
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%) rotate(-180deg);
     -ms-transform: translate(-50%, -50%) rotate(-180deg);
     transform: translate(-50%, -50%) rotate(-180deg);
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     -moz-transition: .3s all ease;
     -ms-transition: .3s all ease;
     -moz-transform: translate(-50%, -50%) rotate(-180deg);
     -o-transform: translate(-50%, -50%) rotate(-180deg);
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
 }

 .site-mobile-menu .site-nav-wrap>li {
     display: block;
     position: relative;
     float: left;
     width: 100%;
 }

 .site-mobile-menu .site-nav-wrap>li>a {
     padding-left: 10px;
     font-size: 20px;
 }

 .site-mobile-menu .site-nav-wrap>li>ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li {
     display: block;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>a {
     padding-left: 40px;
     font-size: 16px;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>ul {
     padding: 0;
     margin: 0;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
     display: block;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
     font-size: 16px;
     padding-left: 60px;
 }

 .site-mobile-menu .site-nav-wrap[data-class="social"] {
     float: left;
     width: 100%;
     margin-top: 30px;
     padding-bottom: 5em;
 }

 .site-mobile-menu .site-nav-wrap[data-class="social"]>li {
     width: auto;
 }

 .site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a {
     padding-left: 15px !important;
 }

 #header {
     position: relative;
     z-index: 999;
 }

 .social-link.fa-facebook {
     color: #1272ab !important;
 }

 #wrapper #header .header-blueprint .information-container .claim {
     margin-top: 0px;
 }

 #wrapper #header .header-blueprint .information-container .date {
     margin-top: 5px;
 }

 .main_header .navigation-container ul {
     padding: 0;
     margin: 0;
 }

 header.site-header .sticky-logo {
     display: none;
 }

 header.site-header.sticky-active .sticky-logo {
     display: block;
     transition: 0.3s all ease-in-out;
 }

 header.site-header.sticky-active .non-sticky-logo {
     display: none;
     transition: 0.3s all ease-in-out;
 }

 header.site-header.sticky-active {
     box-shadow: none;
     background: rgba(255, 255, 255, 0.25);
     backdrop-filter: blur(5.5px);
     -webkit-backdrop-filter: blur(5.5px);
     transition: 0.4s all ease-in-out;
 }

 header.site-header.sticky-active .site-navbar .site-navigation .site-menu>li>a {
     color: var(--black-color);
 }

 /* 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%;
     transform: translateY(-50%);
     /* From https://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;
 }

 .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: 2.5vw;
     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.25vw;
     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);
}