/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
/*======= font-family: "Space Grotesk", sans-serif; ==========*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/*========= font-family: "Jost", sans-serif; ===========*/

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

/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: "Jost", sans-serif; font-size: clamp(1rem, 0.947rem + 0.149vw, 1.125rem); font-weight: 400; color:#D9D9D9; overflow-x: hidden; background-color: #2C323F;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #fff;font-family: "Space Grotesk", sans-serif;line-height: 1.4; }
h1{font-size: clamp(1.875rem, 0.112rem + 4.907vw, 6rem); font-weight: 600; line-height: 1.2; text-transform: uppercase;}
/*96-30*/
h2{ font-size: clamp(1.563rem, 0.52rem + 2.9vw, 4rem); font-weight: 600;  line-height: 1.3; text-transform:uppercase; }
/*64-25*/
h3{ font-size: clamp(1.375rem, 0.68rem + 1.933vw, 3rem); font-weight: 500;  line-height: 1.3; }
/*48-22*/
h4{ font-size:clamp(1.25rem, 1.227rem + 0.123vw, 1.375rem);}
/*22-20*/
h5{ font-size: clamp(1.25rem, 1.143rem + 0.297vw, 1.5rem); color: #CDA713; font-weight: 300; text-transform: capitalize;}
/*24-22*/
h6{ font-size: clamp(1rem, 0.947rem + 0.149vw, 1.125rem);}
/*18-16*/
p{ margin:0 0 25px; line-height: 1.6;}
img{ max-width: 100%; height: auto;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: "Jost", sans-serif; font-weight: 300; outline: none;}
input[type="submit"]{font-family: "Jost", sans-serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input.form-control,
textarea.form-control {border: 1px solid #C3CAD4 !important;box-shadow: none !important;}
textarea.form-control{height: 170px !important;}
p:last-child{margin-bottom: 0;}


/* --- common background color --- */


/* Font */

@font-face {
    font-family: 'Space Grotesk Fallback';
    src: local('Arial');
    size-adjust: 104%;
    ascent-override: 94%;
    descent-override: 25%;
    line-gap-override: 0%;
    font-family: 'Space Grotesk', 'Space Grotesk Fallback', sans-serif;
font-family: 'Jost', 'Jost Fallback', sans-serif;
}

@font-face {
    font-family: 'Jost Fallback';
    src: local('Arial');
    size-adjust: 101%;
    ascent-override: 96%;
    descent-override: 23%;
    line-gap-override: 0%;
font-family: 'Space Grotesk', 'Space Grotesk Fallback', sans-serif;
font-family: 'Jost', 'Jost Fallback', sans-serif;
}

    


/* End of Font */

/* --- common background color --- */




/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn{z-index: 1; position: relative; padding: 0; }
.btn .btn-text {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #ffffff; letter-spacing: 1px; font-family: "Jost", sans-serif; display: inline-block; vertical-align: top; color: #fff !important; padding: 3px 30px; font-size: 18px; line-height: 1; text-transform: inherit; border-radius: 50px; font-weight: 500; text-transform: capitalize; height: 48px; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; }
.btn:hover span.btn-img {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transform: rotate(56deg); box-shadow: 6px 2px 13px #ebbb007a; }
.btn span.btn-img {position: absolute; right: -33px; background-color: #E3C655; width: 48px; height: 48px; top: 0; border-radius: 48px; display: flex; justify-content: center; align-items: center; transform: rotate(0deg); box-shadow: 0px 0px 13px #ebbb0000; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.btn .btn-text::before {content: ""; position: absolute; top: 0; left: 0; width: 5%; height: 100%; background-color: #fff; border-radius: 50px; z-index: -1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; opacity: 0; }
.btn:hover .btn-text::before {width: 100%; opacity: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.btn:hover .btn-text{color: #000 !important;transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}

.btn.btn-white .btn-text::before {width: 100%; opacity: 1; }
.btn.btn-white .btn-text {color: #000 !important; }
.btn.btn-white:hover .btn-text::before {width: 5%; opacity: 0; }
.btn.btn-white:hover .btn-text {color: #fff !important; }


.yellow-text{color: #E3C655;}
.ash-text{color: #D9D9D9;}
.dark-blue{background-color: #2C323F;}
.light-blue{background-color: #232935;}
.yellow-text-h5{font-size: clamp(1.25rem, 1.143rem + 0.297vw, 1.5rem); color: #CDA713; font-weight: 300; text-transform: capitalize;margin: 0 0 25px;padding:0;font-family: "Space Grotesk", sans-serif;line-height: 1.4;}

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 100px; padding-bottom: 100px; }
.form-control { height: 50px; padding: 12px 15px; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 700; }

.home-provide-secton-wraper .image-box img{width: 100%;height: 100%;object-fit: contain;}
.home-story-secton .big-img img,
.home-gallery-secton .galary-carasol-box img,
.home-event-secton .single-box .image-box img,
.home-who-we-are-secton .image-box img,
.donate-purpose .image-box img{width: 100%;height: 100%;object-fit: cover;}

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


/*-----scroll-bar-design----------*/

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

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #E3C655; border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.main-header {padding: 20px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgb(0 0 0 / 28%) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.manu-part {display: flex; align-items: center; }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 50px;}
.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;}
.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #fff; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul li ul.sub-menu li a::before,
.main-menu ul li.menu-item-has-children ul.sub-menu li a::before { background-color: #000;}

.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a,
.main-menu ul li {cursor: pointer; display: block; color: #ffffff; padding: 8px 0; position: relative; font-size: 18px; font-weight: 500; text-transform: uppercase;}
.main-menu li:hover ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu {position: absolute; width: 250px; display: block; background-color: #fff; margin-top: 4px; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }
.main-menu ul.sub-menu li a {color: #000; }
header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
.main-header.fixed .logo {max-width: 100px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .logo {max-width: 150px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }


.main-header.fixed {background: #00000042; padding: 10px 0px; left: 0; position: fixed; top: 0; width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(10px);}

/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center; }
.main-header .user-sec {margin-left: 80px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: 575px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #2C323F; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: 0; top: 20px; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #ffffff; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out; left: 170px; margin: 0 auto;}



/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


/*=========mobile menu===========*/




/*for header css*/
.service-sec .image-box img,
.banner-sec .sngl-box img{transform: scale(1.0);transition: all 0.4s ease;}
.service-sec .image-box:hover img,
.banner-sec .sngl-box:hover img{transform: scale(1.1);transition: all 0.4s ease;}



.main-menu ul li a:hover {color: #e3c655; }
.main-menu ul li.menu-item-has-children a::after {content: ""; height: 50px; width: 50px; border-radius: 0; transition: all 0.2s linear; width: 7px !important; height: 7px; border-left: 1px solid #fff; border-bottom: 1px solid #fff !important; position: absolute; transform: rotate(-45deg); top: 15px; right: -18px; }

header .call-area a {position: relative; display: inline-block; }
header .call-area a span {position: absolute; top: 0; left: 0; }
header .call-area ul {margin: 0; }
header .call-area ul li:first-child {color: #D9D9D9; font-size: 18px; }
header .call-area ul li:last-child {font-size: 18px; color: #fff; font-weight: 600; transition: all 0.4s ease;}
header .call-area {margin-right: 15px; }
header .call-area a:hover ul li:last-child {color: #e3c655; transition: all 0.4s ease;}


.banner-sec {position: relative; z-index: 1; }
.banner-sec > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.banner-sec .banner-content-box {position: relative; min-height: 100vh; padding-top: 140px; padding-bottom: 40px; display: flex; align-items: center; background: linear-gradient(90deg, rgba(44, 50, 63, 0.9) 0%, rgba(44, 50, 63, 0.44) 43.27%, rgba(44, 50, 63, 0.2) 100%);}
.banner-slider {position: relative; margin-top: 25%;}
.banner-sec .swiper-container {overflow: hidden; }
.banner-sec .sngl-box {height: 340px; overflow: hidden; border: 2px solid #fff; border-radius: 20px;position: relative;}
.banner-sec .sngl-box .overlay{position: absolute;z-index: 10;bottom: 0%;width: 100%;height: 50%;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);display: flex;align-items: flex-end;padding: 0.85rem 1rem;opacity: 1;transition: opacity 0.3s;}
.banner-sec .sngl-box .overlay span{font-size: clamp(0.75rem, 0.571rem + 0.476vw, 1rem);font-family: "Space Grotesk", sans-serif;color: #fff;font-weight: 600;}
.banner-sec .sngl-box img {width: 100%; height: 100%; object-fit: cover; }
.banner-sec .swiper-button-prev::after,
.banner-sec .swiper-button-next::after{display: none;}
.banner-sec .swiper-button-next {width: 40px; height: 40px; border-radius: 40px !important; background-color: #ffffff33; border: 1px solid #fff; top: unset; bottom: -60px; left: 65px; }
.banner-sec .swiper-button-prev {width: 40px; height: 40px; border-radius: 40px !important; background-color: #ffffff33; border: 1px solid #fff; top: unset; bottom: -60px; left: 0px; }
.banner-sec .swiper-button-prev:hover,
.banner-sec .swiper-button-next:hover{background-color: #ffffff05; }
.banner-sec .swiper-pagination {position: absolute; bottom: -58px; max-width: 84px; left: 0; right: 0; margin: 0 auto; color: #fff; font-size: 20px; }
.banner-sec .swiper-pagination::before {content: ""; position: absolute; left: -55px; width: 60px; height: 1px; background-color: #fff; top: 14px; }



.about-sec{position: relative;overflow-x: hidden; overflow-y: hidden;}
.about-sec h2 {text-transform: capitalize;}
.about-sec .partical {position: absolute; right: 0; top: 100px; height: auto; width: 10%; }
.about-sec .left-box {padding: 0 50px; }
.about-sec .image-box {width: 100%; height: 750px; overflow: hidden; border-radius: 700px 700px 0 0; }
.about-sec .image-box img {width: 100%; height: 100%; object-fit: cover; }
.about-sec .right-box ul {padding: 30px 0; margin: 0; list-style: none; display: flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-bottom: 60px; }
.about-sec .top-box {position: relative; padding-left: 60px; }
.about-sec .right-box ul li {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; }
.about-sec .top-box span {position: absolute; top: 0; left: 0; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; padding: 5px; }
.about-sec .top-box  h6 {margin: 0; font-size: 16px; line-height: 1.4; }
.about-sec .numver {position: absolute; top: 45px; left: 0; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 800; }
.about-sec .number {position: absolute; left: 0; top: 50px; font-size: 20px; font-weight: 700; }
.about-sec svg path{stroke-dasharray: 0; stroke-dashoffset: 0; }
.about-sec .right-box h2 {font-size: clamp(1.375rem, 0.68rem + 1.933vw, 3rem); max-width: 600px; }
.about-sec .left-box-wraper {height: 100%; display: flex; align-items: end; }


.service-sec path{stroke:white; stroke-width:2; fill:transparent !important; transition:fill 1.5s ease; opacity: .4; }
.service-sec {position: relative; background-position: center top 617px; background-repeat: no-repeat; background-size: 100% 16%; overflow-x:hidden; }
.service-sec .partical {position: absolute; top: -14px; right: 0; }
.service-sec .service-heading {max-width: 50%; height: 200px; display: flex; justify-content: end; align-items: end; background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative; margin-bottom: 20px; }
.service-sec .service-heading::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 41, 53, 0.4); }
.service-sec .service-heading h2 {margin: 0; font-size: clamp(1.875rem, 0.112rem + 4.907vw, 6rem); text-transform: unset; position: relative; text-transform: uppercase; line-height: .7; }
.service-sec .service-heading h5 {text-align: center;}
.service-sec .service-header{text-align: center;position: relative;margin-bottom: 50px; }
.service-sec .service-header p {margin-top: 20px; max-width: 800px; margin: 0 auto; margin-top: 20px; }
.service-sec .image-box {width: calc(100vw - 121%); height: 700px; overflow: hidden; }
.service-sec .image-box img {width: 100%; height: 100%; object-fit: cover; }
.service-sec .content-box {padding: 50px; }
.service-sec .content-box ul {padding: 0; margin: 0; list-style: none; margin-bottom: 30px; }
.service-sec .content-box ul li {position: relative; padding: 9px 0; padding-left: 40px; color: #fff; }
.service-sec .content-box ul li::before{content: ""; width: 24px; height: 24px; background-image: url('../images/list-arrow.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px; position: absolute; top: 11px; left: 0; }
.service-sec .service-area-mib .image-box {width: 100%; }
.service-sec .service-area-mib-wraper {margin-bottom: 50px; }
.service-sec .service-area-btm-wraper .flex-row-reverse .image-box {float: right; }
.service-sec{overflow: hidden;}
.service-area-mib{position: relative;}
.service-area-mib .container{position: relative;}
.service-area-mib .partical-one {position: absolute; right: 0; top: 6%; max-width: 20% !important; }
.service-area-mib .partical-two {position: absolute; padding-left: 0; top:33%; max-width: 20% !important; }
.service-area-mib .partical-three {position: absolute; right: 0; bottom: 3%; max-width: 20% !important; }

.service-area-btm{position: relative;}
.service-area-btm .container{position: relative;}
.service-area-btm .partical-five {position: absolute; right: 0; top: -5%; max-width: 3% !important; }
.service-area-btm .partical-four {position: absolute; padding-left: 0; top:5%; max-width: 20% !important; }
.service-area-btm .partical-six {position: absolute; right: 0; bottom: 23%; max-width: 9% !important; }








.video-sec .partical-seven {position: absolute; right: 0; bottom: 65%; max-width: 50%; }
.video-sec::before {content: ""; position: absolute; top: -2px; left: 0; width: 100%; height: 130px; background-color: #2c323f; }
.video-sec {position: relative; }
.video-sec .container{position: relative; }
.video-sec .video-box > img {width: 100%; height: 100%; object-fit: cover; }
.video-sec .video-box {width: 100%; height: 600px; overflow: hidden; position: relative; border: 3px solid #fff; }
.video-btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.video-sec .circle{width: 30px; height: 30px; border-radius: 50%; background: #fff; position: absolute; -webkit-animation-timing-function: linear; -webkit-animation: scaler 4s infinite;  /* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;  /* Chrome, Safari, Opera */ animation: scaler 4s infinite; animation-timing-function: linear; }
.video-sec .animation_main_div {position: absolute; top: 0; left: 1px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.video-sec .circle2{width: 30px; height: 30px; border-radius: 50%; background: #fff; position: absolute; -webkit-animation-timing-function: linear; -webkit-animation: scaler 4s infinite;  /* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;  /* Chrome, Safari, Opera */ animation: scaler 4s infinite; animation-timing-function: linear; -webkit-animation-delay: 1s; }
.video-sec .circle3{width: 30px; height: 30px; border-radius: 50%; background: #fff; position: absolute; -webkit-animation-timing-function: linear; -webkit-animation: scaler 4s infinite;  /* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;  /* Chrome, Safari, Opera */ animation: scaler 4s infinite; animation-timing-function: linear; -webkit-animation-delay: 2s; }
.video-sec .video-btn a img {position: relative; }
.video-sec .circle4{width: 30px; height: 30px; border-radius: 50%; background: #fff; position: absolute; -webkit-animation-timing-function: linear; -webkit-animation: scaler 4s infinite;  /* Chrome, Safari, Opera */ -moz-animation: scaler 4s infinite;  /* Chrome, Safari, Opera */ animation: scaler 4s infinite;  /* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;  /* Chrome, Safari, Opera */ animation: scaler 4s infinite; animation-timing-function: linear; -webkit-animation-delay: 3s; }

@-webkit-keyframes scaler{
    0%{
        -webkit-transform: scale(1);
    }
    33%{
        -webkit-transform: scale(4);
        opacity: 0.20;
    }
    67%{
        -webkit-transform: scale(7);
        opacity: 0.10;
    }
    100%{
        -webkit-transform: scale(10);
        opacity: 0;
    }
}

@-moz-keyframes scaler{
    0%{
        -moz-transform: scale(1);
    }
    33%{
        -moz-transform: scale(4);
        opacity: 0.20;
    }
    67%{
        -moz-transform: scale(7);
        opacity: 0.10;
    }
    100%{
        -moz-transform: scale(10);
        opacity: 0;
    }
}

@keyframes scaler{
    0%{
        transform: scale(1);
    }
    33%{
        transform: scale(4);
        opacity: 0.20;
    }
    67%{
        transform: scale(7);
        opacity: 0.10;
    }
    100%{
        transform: scale(10);
        opacity: 0;
    }
}


.video-moal .modal-header {
    padding-bottom: 0;
    border: none;
}
.video-moal .modal-content {
    background-color: #232935;
}
.video-moal .modal-dialog {
    max-width: 1000px;
}
.video-moal .btn-close {
    opacity: .8;
    background-color: #fff;
}


.section-header {text-align: center; margin-bottom: 50px; }
.section-header h2{margin-bottom: 10px;}


.galary-sec::before {content:'';position:absolute;height:100%;width:100%;background:linear-gradient(180deg,rgba(44, 50, 63, 0.25) 0%, rgba(44, 50, 63, 0.8) 30%, rgba(44, 50, 63, 0.9) 100%);}
.galary-sec .sngl-box {width: 100%; height: 600px; overflow: hidden; margin-bottom:10px; }
.galary-sec .sngl-box img{width: 100%; height: 100%; object-fit: cover; transform: scale(1);transition: all 0.4s ease;}
.galary-sec .content-box h5 {margin-bottom: 5px; font-weight: 500; }
.galary-sec{background-repeat: no-repeat;background-position: center center; background-size: cover; overflow: hidden;}
.galary-sec .swiper-slide:hover .sngl-box img{transform: scale(1.1);transition: all 0.4s ease;}

.testimonial-sec .partical-sec {position: absolute; top: 0; right: 0; max-width: 22% !important; }
.testimonial-sec {position: relative;border-top: 0.5px solid rgba(255, 255, 255, .4) }
.testimonial-sec .swiper-container{overflow: hidden;}
.testimonial-sec span.swiper-pagination-bullet {width: 12px !important; height: 12px !important; border-radius: 9px !important; background-color: #DBB918 !important; border: 2px solid #dbb91800 !important; opacity: 1;}
.testimonial-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff !important; border: 2px solid #DBB918 !important; }
.testimonial-sec .testimonial-wraper {max-width: 950px; margin: 0 auto; padding: 30px 100px; text-align: center; position: relative; }
.testimonial-sec .testimonial-wraper::before{content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-image: url('../images/cote1.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.testimonial-sec .testimonial-wraper::after{content: ""; position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background-image: url('../images/cote2.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.testimonial-sec .author {border-top: 1px solid #939393; padding-top: 30px; margin-top: 50px; }
.testimonial-sec .author ul {padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; list-style: none; }
.testimonial-sec .author ul li h4 span {display: block; font-size: 16px; font-weight: 300; }
.testimonial-sec .author ul li h4 {margin: 0; text-align: left; font-family: "Jost", sans-serif; }
.testimonial-sec .author {border-top: 1px solid #939393; padding-top: 30px; margin-top: 50px; }
.testimonial-sec .image-box {width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }
.testimonial-sec .image-placeholder {display: flex;flex-direction: column; justify-content: center; }
.testimonial-sec .image-box{margin: auto;margin-bottom: 5px; }
.testimonial-sec .image-box img{width: 100%; height: 100%; object-fit: cover; }
.testimonial-sec .swiper-pagination.swiper-pagination-clickable {bottom: -24px; }
.testimonial-sec .partical-sec-two {position: absolute; left: 0; max-width: 15% !important; bottom: 0; }


.unlock-sec{background-repeat: no-repeat; background-position: top center; background-size: cover;padding:30px 0; position:relative; margin-bottom: 60px; }
.unlock-sec .unlock-wraper {display: flex; align-items: center; flex-wrap: wrap; gap: 15px; justify-content: space-between; }
.unlock-sec .unlock-wraper h2{margin-bottom: 0;}
.unlock-sec::before {content: ""; position: absolute; top: 1px; left: 0; background: rgba(35, 41, 53, 0.4); width: 100%; height: 100%; }
.unlock-sec .container{position: relative;}

.clients-sec .swiper-container {overflow: hidden; }
.clients-sec .clients-wraper::before {content: ""; position: absolute; top: 0; left: -99%; width: 100%; height: 100%; background-color: #232935; z-index: -1; }
.clients-sec .clients-wraper::after {content: ""; position: absolute; top: 0; right: -99%; width: 100%; height: 100%; background-color: #232935; z-index: -1; }
.clients-sec .clients-wraper {background-color: #232935; padding: 30px 0; position: relative; z-index: 1; }
.clients-sec .sngl-box{text-align: center;}
.clients-sec{overflow-x: hidden;}

footer{background-repeat: no-repeat;background-position: center center; background-size: cover; padding-top: 50px; border-top: .5px solid rgba(255, 255, 255, 0.4);}
footer .footer-content ul {padding: 0; margin: 0; list-style: none; display: flex; gap: 15px; }
footer .footer-content ul li a {width: 40px; height: 40px; display: flex; background-color: #FFFFFF; justify-content: center; align-items: center; border-radius: 50px;border: 2px solid #fff;  transition: all 0.4s ease;}
footer .footer-content ul {padding: 0; margin: 0; list-style: none; display: flex; gap: 15px; }
footer .footer-content ul li a:hover {background-color: #2c323f; border: 2px solid #fff; transition: all 0.4s ease; }
footer .footer-top {margin-bottom: 50px; }
footer .footer-btm .footer-menu h5 {font-weight: 600; margin-bottom: 15px; }
footer .footer-menu p {max-width: 250px; }
footer .footer-menu ul {padding: 0; margin: 0; list-style: none; }
footer .footer-menu ul li a {color: #fff; transition: 0.3s ease;}
footer .footer-menu ul li {padding: 6px 0; }
footer .footer-menu.footer-contact ul li a {display: block; }
footer .footer-menu.footer-contact ul li a {display: block; }
footer .footer-menu.footer-contact ul li {padding-left: 50px; position: relative; min-height: 55px;}
footer .footer-menu.footer-contact ul li span {top: 0;position: absolute;left: 0;width: 40px; height: 40px; display: flex; background-color: #FFFFFF; justify-content: center; align-items: center; border-radius: 50px; border: 2px solid #fff; transition: all 0.4s ease; }
footer .footer-menu.footer-contact ul li:hover span{background-color: #2c323f; border: 2px solid #fff; transition: all 0.4s ease;}
footer .footer-end {border-top: 1px solid #3F3F3F; padding: 30px 15px; text-align: center; margin-top: 30px; }
footer .footer-menu ul li a:hover{transition: 0.3s ease; color: #e3c655; }
footer .footer-end p a.footer-link{color:white !important;}
footer .footer-end p a.footer-link:hover,
footer .footer-end p a.footer-link:active,
footer .footer-end p a.footer-link:focus{color:#CDA713 !important;}

html, body{overflow-x: hidden;}



#scroll {position:fixed; right:10px; bottom:10px; cursor:pointer; width:50px; height:50px; background-color:#e3c655; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px }
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#000000; }



.banner-sec.inner-banner .banner-content-box {min-height: 550px;text-align: center; background: linear-gradient(90deg, rgba(44, 50, 63, .72) 0%, rgba(44, 50, 63, .72)  43%, rgba(44, 50, 63, .72) 100%); }





/*=====About Us======*/

.breadcrumb { list-style: none; display: flex; padding: 0;margin: 0; justify-content: center;}
.breadcrumb li {color: #fff; font-size: 18px;
}
.breadcrumb li + li::before { content: "/"; margin: 0 8px;color: #fff;}
.breadcrumb a {text-decoration: none;color: #fff;}
.breadcrumb a:hover {text-decoration: underline;}

.about-sec .partical-1{position: absolute; top: 8%; right: 0; max-width: 22%;}
.about-sec .partical-2{position: absolute; top: -3%; left: 0; max-width: 22%;}

.about-us-sec .left-box-wraper {height: 100%; display: flex;  align-items: stretch; }
.about-us-sec .image-box {border-radius: 0px; display: flex; flex-direction: column;position: relative; height: 100% !important;}
.about-us-sec .image-box .about-us-top img{transform: scale(1.0);transition: all 0.4s ease;}
.about-us-sec .image-box .about-us-bottom img{transform: scale(1.0);transition: all 0.4s ease;}
.about-us-sec .image-box .about-us-top img:hover{transform: scale(1.1);}
.about-us-sec .image-box .about-us-bottom img:hover{transform: scale(1.1);}


.about-us-sec .image-box .about-us-top{max-width: 450px; max-height: 700px; }
.about-us-sec .image-box .about-us-bottom{max-width: 420px; max-height: 420px; position: absolute; bottom: 0%; left: 25%; } 

.about-us-sec .image-box > div {border: 3px solid #fff; border-radius: 20px; overflow: hidden;}

.about-us-sec .about-us-card {display: flex; gap: 15px; padding-bottom: 30px;}
.about-us-sec .about-us-card .card-about{ padding: 30px 25px; display: flex; flex-direction: column; border-radius: 12px; flex: 1; }

.about-us-sec .about-us-card .card-about .card-header{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #fff;padding-bottom: 20px;}
.about-us-sec .about-us-card .card-about .card-header h5{margin:0px;font-weight: 500;}
.about-us-sec .about-us-card .card-about .card-content{margin-top:10px;display: flex; justify-content: center; align-items: flex-start; gap: 5px;}

.about-us-sec .about-us-card .card-about .card-content img{
    margin-top: 3px;
}

/*=====Gallery & Service page======*/

.gallery-grid .section-header h5,.service-section .section-header h2{
    margin-bottom: 10px;
}

.gallery-grid .section-header h2,.service-section .section-header h2{
    font-size: clamp(1.375rem, 0.68rem + 1.933vw, 3rem) !important;
    text-transform: capitalize ;
}

.gallery-grid .partical-1,.service-section .partical-1{position: absolute; top: 50px; right: 0; max-width: 22%;}
.gallery-grid .partical-2,.service-section .partical-2{position: absolute; top: -1%; left: 0; max-width: 22%;}

.gallery-grid .filter-bar {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 3rem;
      padding: 0px 100px;
      border: none;
    }

.gallery-grid .filter-btn{
      background: #2F3645;
      border: 1px solid #fff;
      color: #fff;
      font-size: clamp(1.125rem, 0.975rem + 0.7059vw, 1.875rem);;
      font-weight: 600;
      padding: 0.75rem 2.5rem;
      border-radius: 999px;
      cursor: pointer;
      transition: all 0.4s ease;
      font-family: "Space Grotesk", sans-serif;
    
}

.gallery-grid .filter-btn:hover,.gallery-grid .filter-btn:active{
    background-color: #E3C655;
    color:#2C323F;
}

.gallery-grid .gallery #gallery-1{
    display: flex;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.gallery-grid .gallery #gallery-1 .right-gallery{
    display: flex;
    flex-direction: column;
    
}

.gallery-grid .gallery #gallery-1 .right-gallery .right-top{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.gallery-grid .gallery .gallery-item{
    position:relative;
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
}


.gallery-grid .gallery #gallery-2{
    display: flex;
    align-items: stretch;
    gap: 20px;
}
.gallery-grid .gallery .overlay{
    position: absolute;
    z-index: 10;
    bottom: 0%;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
    display: flex;
    align-items: flex-end;
    padding: 0.85rem 1rem;
    opacity: 1;
    transition: opacity 0.3s;
}

.gallery-grid .gallery .overlay span {
    font-size: clamp(1.125rem, 0.975rem + 0.7059vw, 1.875rem);
    font-family: "Space Grotesk", sans-serif;
    color: #fff;
    font-weight: 600;
}

.gallery-grid .gallery .gallery-image-1{
    height: 100%;
    width: 100%;
    max-height: 730px;
    max-width: 820px;
}
.gallery-grid .gallery .gallery-image-2,.gallery-grid .gallery .gallery-image-3{
    height: 100%;
    width: 100%;
    max-height: 400px;
    max-width: 420px;
}
.gallery-grid .gallery .gallery-image-4{
    height: 100%;
    width: 100%;
    max-height: 310px;
    max-width: 820px;
}


.gallery-grid .gallery .gallery-image-5,.gallery-grid .gallery .gallery-image-6,.gallery-grid .gallery .gallery-image-7{
    height: 100%;
    width: 100%;
    max-width: 540px;
    max-height: 534px;
}

.gallery-grid .gallery .gallery-item img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
    transition: all 0.4s ease;

}





.gallery-grid .gallery .gallery-item:hover .overlay{
    background: rgba(255, 255, 255, 0.46);
    height: 100%;
}

.gallery-grid .gallery .gallery-item:hover .overlay span {
   color: #2C323F;
   font-weight: 600;
}

.gallery-grid .gallery .gallery-item:hover::before{
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("/images/gallery/link-icon.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    z-index: 50;
}
.gallery-grid .gallery .gallery-item:hover img{
    transform: scale(1.1);
}


.gallery-grid .gallery .gallery-item:active .overlay{
    background: rgba(255, 255, 255, 0.46);
    height: 100%;
}

.gallery-grid .gallery .gallery-item:active .overlay span {
   color: #2C323F;
   font-weight: 600;
}

.gallery-grid .gallery .gallery-item:active::before{
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("/images/gallery/link-icon.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    z-index: 50;
}

/* Popup style */

/* .fancybox__dialog{
    background: rgba(24, 24, 27, .95);
}

.fancybox__container{
    inset:none;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
} */
@supports not (-moz-appearance: none) {
    .fancybox__carousel.has-toolbar.has-absolute-toolbar.is-ltr.is-horizontal.has-arrows.is-enabled {
        max-width: 54%;
        margin: 0 auto;
        max-height: 1000px;
    }

    .fancybox__container {
        justify-content: center;
    }
}

/* .f-carousel__toolbar.is-absolute {
    padding-right: 30px;
} */

/* Popup end  */

/* Contact us */

.contact-section{min-height: 200px;}
.contact-section .right-box ul{padding:0 !important;}

.contact-section .right-box ul li{
    max-width: none !important;
}


.contact-section .contact-icon-container{margin-left: 12px;}

.contact-section .contact-icon-container ul{
    display: flex;
    flex-direction: column;

    
}
.contact-section .contact-icon-container ul li{
    padding-left: 50px;
    position: relative;
    min-height: 65px;
    color: white;
    display: flex;
    align-items: center;
}

.contact-section .contact-icon-container ul li span{
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    background-color: #CDA713;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #CDA713;
    transition: all 0.4s ease;
}

.contact-section .contact-icon-container ul li a{
    display: block;
    color: white;
}

.contact-section .contact-icon-container .address{max-width: 59%; text-transform: capitalize;}

.contact-section .social-media{padding:30px 0;}
.contact-section .social-media ul{ 
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}

.contact-section .social-media ul li a{
    width: 40px;
    height: 40px;
    display: flex;
    background-color: #FFFFFF;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #fff;
    transition: all 0.4s ease;
}
.contact-section .social-media ul li a:hover,.contact-section .social-media ul li a:active{background-color: #2C323F;}
.contact-section .right-box .social-media ul li{flex: 0; padding-right: 0; padding-left: 0;}

.contact-section .contact-icon-container ul li a:hover,.contact-section .contact-icon-container ul li a:active{color:#CDA713;}
.contact-section .contact-icon-container ul li span:hover,.contact-section .contact-icon-container ul li span:active{background-color: #2C323F}


.contact-section .contact-box{border-radius: 6px; padding: 30px 40px;border: 1px solid rgba(217, 217, 217, .4); background-color: rgba(44, 50, 63, .9); position: relative; z-index: 5;}
.contact-section .contact-box h3{text-align: center;}
.contact-section .contact-box .contact-form-field{background-color: #232935; color: #fff; padding: 10px 20px; border: none !important; border-radius: 6px; margin-bottom: 10px;}
.contact-section .contact-box .contact-form-field::placeholder{color: #fff; font-size: clamp(1rem, 0.947rem + 0.149vw, 1.125rem);}
.contact-section .contact-box .submit-btn{display: flex; justify-content: center; margin-top: 30px;}
.contact-section .map-container{ padding-bottom: 60px ;}
/* End of Contact Us */


/* Privacy Policy */
.privacy-policy .partical-2{top: -5%;}
.privacy-policy .content-box{text-align: left;position: relative; z-index: 5;}
.privacy-policy .content-box .content-container{ padding: 20px 0;}
.privacy-policy a{color: #E3C655;cursor: pointer !important;}

.privacy-policy a:hover{color: #fff !important; text-decoration: underline !important; }
.privacy-policy h4{margin-bottom: 15px; color: #E3C655;}



/* End of Privacy Policy */


































/*Media Query css*/


@media only screen and ( min-width:1700px ) {
    .container { max-width: 1650px !important;}

}
@media only screen and ( max-width:1699px ) {
	.main-header .user-sec {margin-left: 50px;; }
	.banner-sec .sngl-box {height: 300px; }
	.about-sec .image-box {height: 700px;}
	.service-sec .image-box {height: 600px; }
	.service-area-mib .partical-one {max-width: 17% !important; }
	.service-area-mib .partical-two {top: 37%; max-width: 15% !important; }
	.service-area-mib .partical-three {bottom: 7%; max-width: 11% !important; }
	.service-area-btm .partical-four {max-width: 16% !important; }
	.video-sec .video-box {height: 500px; }
    .video-sec .partical-seven{bottom: 57%;}
	.galary-sec .sngl-box {height: 450px; }
	
    
}
@media only screen and ( max-width: 1599px ) {
	.service-sec .image-box {height: 500px; }
	.service-sec {background-position: center top 580px; }
	.galary-sec .sngl-box {height: 350px; }




    

}
@media only screen and ( max-width: 1439px ) {
	.main-menu ul li:not(:last-child) {margin-right: 35px; }
	.main-header .user-sec {margin-left: 35px; }
	.main-menu ul li a, 
	.main-menu ul li,
	header .call-area ul li:last-child,
	header .call-area ul li:first-child {font-size: 16px; }
	.btn .btn-text {font-size: 16px; }
	.banner-sec .sngl-box {height: 235px; }
	.about-sec .right-box ul li {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.service-sec .service-heading {height: 125px;}
	.service-sec .partical {max-width: 56% !important; }
	.service-sec .content-box {padding: 30px 30px; }
	.service-sec {background-position: center top 500px; }
	.video-sec .video-box {height: 450px; }
    .video-sec .partical-seven{bottom: 65%; max-width: 35%;}
	.galary-sec .sngl-box {height: 320px; }

    
}
@media only screen and ( max-width: 1299px ) {
    
    .common-padd {padding-top: 50px; padding-bottom: 50px; }
	.service-sec .service-header svg {max-width: 200px !important; width: 100% !important; height: auto; }
	.service-sec {background-position: center top 350px; }
    .video-sec .partical-seven{bottom: 55%; max-width: 35%;}
	.unlock-sec a.btn {margin-right: 30px; }
	footer .footer-top {margin-bottom: 30px; }
	.service-sec .service-area-mib-wraper {margin-bottom: 15px; }




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

	/*  ===========mobile nav==========  */

    .hamburger-nav{ display: inline-block; margin-left: 20px; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}    
    .hamburger-nav span{background: #fff;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a { font-size: 30px; color: #fff;  text-align: center;  font-weight: 800; text-transform: uppercase;} 
    .mobile-menu ul li a:hover{color: #E3C655;}
    .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .main-menu { display: none; }
    
    /*  ===========mobile nav==========  */
    
    .call-area{display: none;}
    header .hdr-rt .btn.btn-white {margin-right: 30px; }
    .mobile-menu ul li.menu-item-has-children > a {padding-right: 0px;}
    .video-sec .partical-seven{bottom: 70%; max-width: 30%;}
    
    
    
}
@media only screen and ( max-width: 991px ) {
	.banner-sec .banner-content-box {padding-top: 180px; padding-bottom: 90px;}
	.banner-slider {margin-top: 20px; }
	.about-sec .image-box {height: 400px; border-radius: 40px; margin-bottom: 30px;}
	.about-sec .partical {top: 0px; width: 6%; }
	h1, h2, h3, h4, h5, h6, p {margin: 0 0 15px; }
	.about-sec .right-box {padding-bottom: 50px; }
	.service-sec .image-box {width: 100%; height: 400px; }
	.service-sec .content-box {padding: 0; padding-bottom: 30px; }
	.service-area-top,
	.service-sec .service-area-mib-wraper,
	.service-area-btm-wraper {margin-bottom: 40px; }
	.video-sec .video-box {height: 400px; }
    .video-sec .partical-seven{bottom: 75%; max-width: 25%;}
	.section-header {margin-bottom: 40px; }
	.testimonial-sec .testimonial-wraper {padding: 15px 60px; }
	.unlock-sec .unlock-wraper {gap: 15px; flex-direction: column; }
	.footer-logo {text-align: center; margin-bottom: 15px; }
	.footer-content {text-align: center; }
	footer .footer-content ul {justify-content: center; margin-bottom: 30px; }
	.footer-menu {margin-bottom: 15px; }
	footer .footer-end {padding: 15px 15px; margin-top: 15px; }
	.unlock-sec .unlock-wraper h2 {text-align: center; }



}
@media only screen and ( max-width: 767px ) {
	.service-sec {background-image: none !important; }
	.about-sec .right-box ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; }
	.about-sec .number {position: relative; left: 0; top: 0; }
	.about-sec .right-box ul {padding: 20px 0; padding-bottom: 20px; }
    .unlock-sec {margin-bottom: 40px;}
    .video-sec .partical-seven{bottom: 85%; max-width: 25%;}
	#scroll {bottom: 50px; }
    
    

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

	.btn .btn-text {padding: 3px 17px; font-size: 12px; height: 36px; }
	.btn span.btn-img {right: -25px; width: 36px; height: 36px;}
	header .hdr-rt .btn.btn-white {margin-right: 16px; }
	.main-header .logo,
	.main-header.fixed .logo {max-width: 81px; }

	footer .footer-btm .footer-menu h5 {margin-bottom: 5px; }
	.banner-sec .swiper-pagination {bottom: -54px; max-width: 65px; margin: unset; font-size: 16px; margin-left: auto; }
	.about-sec .image-box {height: 350px; border-radius: 20px; }
	.service-sec .service-heading {height: 67px; max-width: 95%; }
	.service-sec .image-box {height: 350px; }
	.video-sec .video-box {height: 350px; }
    .video-sec .partical-seven{bottom: 90%; max-width: 25%;}
    .unlock-sec {margin-bottom: 30px;}

	@-webkit-keyframes scaler{
    0%{
        -webkit-transform: scale(1);
    }
    33%{
        -webkit-transform: scale(2);
        opacity: 0.20;
    }
    67%{
        -webkit-transform: scale(4);
        opacity: 0.10;
    }
    100%{
        -webkit-transform: scale(6);
        opacity: 0;
    }
}

@-moz-keyframes scaler{
    0%{
        -moz-transform: scale(1);
    }
    33%{
        -moz-transform: scale(2);
        opacity: 0.20;
    }
    67%{
        -moz-transform: scale(4);
        opacity: 0.10;
    }
    100%{
        -moz-transform: scale(6);
        opacity: 0;
    }
}

@keyframes scaler{
    0%{
        transform: scale(1);
    }
    33%{
        transform: scale(2);
        opacity: 0.20;
    }
    67%{
        transform: scale(4);
        opacity: 0.10;
    }
    100%{
        transform: scale(6);
        opacity: 0;
    }
}

	.testimonial-sec .testimonial-wraper::before,
	.testimonial-sec .testimonial-wraper::after {width: 25px; height: 25px; }
	.testimonial-sec .testimonial-wraper {padding: 15px 30px; }
	.testimonial-sec .author {padding-top: 15px; margin-top: 15px; }
	.banner-sec .banner-content-box {padding-top: 85px !important; padding-bottom: 65px !important;  }
	#scroll {bottom: 100px; }


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


}

/* About Us */

@media only screen and ( max-width: 1700px ){
    .about-us-sec .image-box{
        height: 800px !important;
    }
} 

@media only screen and ( max-width: 1399px ){
    .about-us-sec .image-box .about-us-top{
        width: 400px;
    }

    .about-us-sec .image-box .about-us-bottom{
        width: 300px;
        bottom: 30%;
    }
} 

@media only screen and ( max-width: 1199px ){
    .about-us-sec .image-box .about-us-top{
        width: 300px;
    }

    .about-us-sec .image-box .about-us-bottom{
        width: 225px;
        bottom: 45%;
    }
} 

@media only screen and ( max-width: 991px ){
    .about-sec .partical-1{
        top: 35%;
    }
    
    .about-us-sec .image-box{
        height: 500px !important;
        align-items: center;
    }
    .about-us-sec .image-box .about-us-bottom{
        bottom: 10%;
        left: 50%;
    }
}

@media only screen and ( max-width: 767px ){
    .about-us-sec .about-us-card{
        flex-direction: column;
    }
}

@media only screen and ( max-width: 450px ){
    .about-us-sec .image-box .about-us-bottom{
        
        left: 30%;
    }
}

/* End of About Us */

/* Gallery Media Query */
@media only screen and ( max-width: 992px ){
    .gallery-grid .partical-2{
        top:-1%;
    }
    .gallery-grid .filter-bar {
        padding: 0px 70px;
    }
    .gallery-grid .gallery #gallery-1{
        flex-direction: column;
        justify-content: center;
    }
    .gallery-grid .gallery #gallery-2{
        flex-direction: column;
    }
    .gallery-grid .gallery #gallery-1 .right-gallery .right-top{
        flex-direction: column;
        width: 100%;
    }
    .gallery-grid .gallery .gallery-image-1,.gallery-grid .gallery .gallery-image-2,.gallery-grid .gallery .gallery-image-3,.gallery-grid .gallery .gallery-image-4,.gallery-grid .gallery .gallery-image-5,.gallery-grid .gallery .gallery-image-6,.gallery-grid .gallery .gallery-image-7{
        width: 100%;
        max-width: none;
        height: 100%;
        max-height: 600px;
    }
    
}   

@media only screen and ( max-width: 767px ){
    .gallery-grid .filter-bar {
        padding: 0px 50px;
    }
  

    .gallery-grid .gallery .gallery-image-1,.gallery-grid .gallery .gallery-image-2,.gallery-grid .gallery .gallery-image-3,.gallery-grid .gallery .gallery-image-4,.gallery-grid .gallery .gallery-image-5,.gallery-grid .gallery .gallery-image-6,.gallery-grid .gallery .gallery-image-7{
        width: 100%;
        max-width: none;
        height: 100%;
        max-height: 450px;
    }
}


@media only screen and ( max-width: 567px ){
    .gallery-grid .filter-bar{
        flex-direction: column;
        padding: 0px 30px;
        align-items: center;
        gap: 15px;
    }
}

/* End of Media Query */

/* Contact Us */

@media only screen and ( max-width: 991px ){
    .contact-section .map-container{
        min-height: 550px !important;
        height: 100% !important;
    }
}

/* End of Contact Us */

/* Privacy Policy */
@media only screen and ( max-width: 991px ){
    .privacy-policy .partical-2{
        top: -3%;
    }
}

/* End of Privacy Policy */


/* Gallery Fancybox */


@supports not (-moz-appearance: none) {

    @media screen and (max-width:1700px){
        .fancybox__carousel.has-toolbar.has-absolute-toolbar.is-ltr.is-horizontal.has-arrows.is-enabled{
            max-width: 49%;
            margin: 0 auto;
            max-height: 830px;
        }
    }

    @media screen and (max-width:1601px){
        .fancybox__carousel.has-toolbar.has-absolute-toolbar.is-ltr.is-horizontal.has-arrows.is-enabled{
            max-width: 48%;
            margin: 0 auto;
            max-height: 756px;
        }
    }

    @media screen and (max-width:1441px){
        .fancybox__carousel.has-toolbar.has-absolute-toolbar.is-ltr.is-horizontal.has-arrows.is-enabled{
            max-width: 46%;
            margin: 0 auto;
            max-height: 715px;
        }
    }

    @media screen and (max-width:1310px){
        .fancybox__carousel.has-toolbar.has-absolute-toolbar.is-ltr.is-horizontal.has-arrows.is-enabled{
            max-width: 54%;
            margin: 0 auto;
            max-height: 800px;
        }
    }

    @media screen and (max-width:567px){
        .fancybox__carousel.has-toolbar.has-absolute-toolbar.is-ltr.is-horizontal.has-arrows.is-enabled{
            max-width: 100%;
            margin: 0 auto;
            max-height: 100%;
        }
    }

}













/* End of Gallery Fancybox */

/*Media Query css*/