/*** 

====================================================================
CSS FILE IMPORT
====================================================================

 ***/
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
 @import url('../css/owl.carousel.min.css');
 @import url('../css/owl.theme.default.min.css');
 @import url('../css/bootstrap.css');
 @import url('../css/bootstrap.min.css');
 @import url('../css/glightbox.min.css');
 
 
 
 /*** 
  
  ====================================================================
  font-family
  ====================================================================
  
   ***/
 
 @font-face {
     font-family: "RomanAntique-Regular";
     src: url('../fonts/RomanAntique.ttf') format('ttf'),
         url('../fonts/RomanAntique.ttf') format('otf'),
         url('../fonts/RomanAntique.eot') format('eot'),
         url('../fonts/RomanAntique.svg') format('svg'),
         url('../fonts/RomanAntique.woff') format('woff'),
         url('../fonts/RomanAntique.woff2') format('woff2'),
 }
 
 @font-face {
     font-family: "MYRIADPRO-REGULAR";
     src: url('../fonts/MYRIADPRO-REGULAR.woff'),
 }
 
 @font-face {
     font-family: "AGaramondPro-Regular";
     src: url('../fonts/AGaramondPro-Regular.otf'),
 }
 
 
 
 /*** 
  
  ====================================================================
  Reset
  ====================================================================
  
   ***/
 
 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
     font-size: 100%;
     line-height: inherit;
 }
 
 
 /*** 
  
 ====================================================================
 Global Settings
 ====================================================================
  
 ***/
 
 body {
     font-family: "RomanAntique-Regular", sans-serif;
     font-size: 14px;
     font-weight: 300;
     line-height: 22px;
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     background: #000000;
 }
 
 
 html {
     scroll-behavior: smooth;
 }
 
 :root {
     --color-primary: #000000;
     --color-secondary: #BCBDC0;
     --color-white: #ffffff;
     --color-black: #000000;
     --color-text: #000000;
     --color-green: #A1CA62;
     --color-red: #BE1E2D;
     --color-blue: #27AAE1;
     --color-ancher: #000000;
 }
 
 a {
     font-family: "RomanAntique-Regular", sans-serif;
     color: var(--color-ancher);
     text-decoration: none;
     cursor: pointer;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     display: inline-block;
     text-transform: uppercase;
 }
 
 a:hover {
     color: var(--color-white);
 }
 
 a:hover,
 a:focus,
 a:visited,
 a:active,
 button:active,
 button:focus {
     text-decoration: none;
     outline: none;
 }
 
 input,
 select,
 button {
     font-family: "RomanAntique-Regular", sans-serif;
 }
 
 textarea {
     overflow: hidden;
     resize: none;
 }
 
 button {
     outline: none !important;
     cursor: pointer;
 }
 
 ::-webkit-input-placeholder {
     color: inherit;
 }
 
 ::-moz-input-placeholder {
     color: inherit;
 }
 
 ::-ms-input-placeholder {
     color: inherit;
 }
 
 
 
 p {
     position: relative;
     margin: 0px;
     color: var(--color-text);
     font-family: "RomanAntique-Regular", sans-serif;
     font-size: 30px;
     font-weight: 400;
     line-height: 38px;
 
 }
 
 .auto-container {
     position: static;
    max-width: 2480px;
     padding: 0px 20px;
     margin: 0 auto;
 }
 
 .page-wrapper {
     position: relative;
     margin: 0 auto;
     width: 100%;
     min-width: 320px;
     overflow: hidden;
 }
 
 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }
 
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "RomanAntique-Regular", sans-serif;
     position: relative;
     background: none;
     font-weight: 400;
     line-height: 36px;
     margin: 0 0 15px;
    /* text-transform: uppercase; */
 }
 
 .content-center-banner h1 {
     margin-top: -30px;
     font-family: "AGaramondPro-Regular";
     font-weight: 400;
 }
 
 h1 {
     font-size: 70px;
     line-height: 53px;
     color: #eaeaea;
 }
 
 h2 {
     font-size: 30px;
 }
 
 h3 {
     font-size: 26px;
     line-height: 34px;
 }
 
 h4 {
     font-size: 20px;
     line-height: 26px;
 }
 
 h5 {
     font-size: 18px;
 }
 
 h6 {
     font-size: 16px;
     line-height: 20px;
 }
 
 
 ::selection {
     background-color: var(--color-primary);
     color: var(--color-white);
 }
 
 .pull-right {
     float: right;
 }
 
 .pull-left {
     float: left;
 }
 
 .clear-fix {
     clear: both;
 }
 
 img {
     display: inline-block;
     max-width: 100%;
     height: auto;
 }
 
 
 /*** 
  
 ====================================================================
 flex-css
 ====================================================================
  
 ***/
 .dy-flex {
     display: flex;
     flex-wrap: wrap;
 }
 
 /****** 
 ====================================================================
 Wordpress Core 
 ====================================================================
 ******/
 
 .alignnone {
     margin: 15px 20px 15px 0;
 }
 
 .aligncenter,
 div.aligncenter {
     display: block;
     margin: 15px auto 15px auto;
 }
 
 .alignright {
     float: right;
     margin: 5px 0 10px 20px;
 }
 
 .alignleft {
     float: left;
     margin: 5px 20px 10px 0;
 }
 
 .aligncenter {
     display: block;
     margin: 15px auto 15px auto;
 }
 
 a img.alignright {
     float: right;
     margin: 5px 0 10px 20px;
 }
 
 a img.alignnone {
     margin: 15px 20px 15px 0;
 }
 
 a img.alignleft {
     float: left;
     margin: 5px 20px 10px 0;
 }
 
 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto
 }
 
 .wp-caption {
     background-color: var(--color-white);
     border: 1px solid var(--color-border);
     max-width: 100%;
     /* Image does not overflow the content area */
     padding: 7px 7px 3px 7px;
     text-align: center;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     /* Opera/IE 8+ */
     -webkit-border-radius: 3px;
     border-radius: 3px;
 }
 
 .wp-caption.alignnone {
     margin: 15px 20px 15px 0;
 }
 
 .wp-caption.alignleft {
     margin: 5px 20px 10px 0;
 }
 
 .wp-caption.alignright {
     margin: 5px 0 10px 20px;
 }
 
 .wp-caption img {
     border: 0 none;
     height: auto;
     margin: 0;
     max-width: 100%;
     padding: 0;
     width: auto;
 }
 
 .wp-caption p.wp-caption-text {
     font-size: 14px;
     line-height: 1.65;
     margin: 0;
     padding: 6px 4px 4px 4px;
     text-align: center;
     color: var(--color-text);
 }
 
 /* .sticky {
     position: relative;
 } */
 
 /* .sticky:before {
     content: "\f08d";
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     color: var(--color-secondary);
     font-size: 24px;
     top: 10px;
     font-weight: 900;
 } */
 
 .sticky .post-title {
     padding-left: 30px;
 }
 
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
 }
 
 .screen-reader-text:hover,
 .screen-reader-text:active,
 .screen-reader-text:focus {
     background-color: var(--color-lightgray);
     clip: auto !important;
     color: var(--color-secondary);
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
     /* Above WP toolbar. */
     -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
 }
 
 .size-auto,
 .size-full,
 .size-large,
 .size-medium,
 .size-thumbnail {
     max-width: 100%;
     height: auto;
 }
 
 /****** Comments ******/
 
 #respond ul {
     list-style-type: none;
 }
 
 #respond .logged-in {
     margin: 0 0 12px 0
 }
 
 #commentform input[type="text"],
 #commentform .input-comments {
     width: 198px;
     float: left;
     margin-right: 13px;
 }
 
 #commentform label {
     display: block;
 }
 
 #commentform .url-comments {
     margin-right: 0px !important;
 }
 
 #commentform li.middle {
     margin-right: 0px !important;
 }
 
 .comments-closed {
     margin: 40px 0 40px 0;
 }
 
 ol.commentlist {
     list-style: none;
 }
 
 ol.commentlist li div.vcard cite.fn {
     font-style: normal;
 }
 
 ol.commentlist li div.vcard img.avatar {
     float: left;
     margin: 0 10px 0px 0px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
 }
 
 ol.commentlist li div.commentmetadata {
     padding: 8px 0 14px 0;
 }
 
 ol.commentlist li div.comment-meta {
     font-size: 14px;
     color: var(--color-text);
 }
 
 ol.commentlist li div.comment-meta a,
 ol.commentlist li div.comment-meta a:visited {
     color: var(--color-text);
 }
 
 ol.commentlist li div.comment-meta a:hover {
     color: var(--color-secondary);
 }
 
 ol.commentlist li div.reply {
     font-size: 14px;
     padding: 0px 0 40px 0;
     font-weight: 700;
 }
 
 ol.commentlist li ul.children {
     list-style: none;
     margin: 10px 0 0;
 }
 
 ol.commentlist li ul.children li.depth-2 {
     margin: 0 0 0 35px;
 }
 
 ol.commentlist li ul.children li.depth-3 {
     margin: 0 0 0 35px;
 }
 
 ol.commentlist li ul.children li.depth-4 {
     margin: 0 0 0 35px;
 }
 
 ol.commentlist li ul.children li.depth-5 {
     margin: 0 0 0 35px;
 }
 
 ol.commentlist li.pingback {
     margin: 0 0 40px 0;
 }
 
 /*** 
 
 ====================================================================
                 Default Styling
 ====================================================================
 
 ***/
 
 table {
     position: relative;
     border-collapse: collapse;
     width: 100%;
     margin-bottom: 20px;
 }
 
 table td,
 table th {
     border: 1px solid var(--color-primary);
     padding: 12px 20px;
 }
 
 
 table tr:hover {
     background-color: var(--color-secondary);
 }
 
 table tr:hover td {
     color: var(--color-white);
 }
 
 table th {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
     background-color: var(--color-secondary);
     color: var(--color-white);
 }
 
 ul {
     margin: 0px 0px 20px 30px;
 }
 
 ul li {
     list-style-type: disc;
 }
 
 ol {
     margin: 0px 0px 20px 30px;
 }
 
 ol li {
     list-style-type: decimal;
 }
 
 /*** 
 
 ====================================================================
     Default Form Style
 ====================================================================
 
 ***/
 
 form {
     position: relative;
 }
 
 form .form-group {
     position: relative;
     margin-bottom: 30px;
 }
 
 form .form-group .field-label {
     position: relative;
     display: block;
     line-height: 24px;
     font-size: 14px;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 10px;
 }
 
 ::placeholder {
     color: var(--color-text);
 }
 
 form input[type="text"],
 form input[type="password"],
 form input[type="tel"],
 form input[type="email"],
 form input[type="url"],
 form input[type="search"],
 form textarea,
 form select {
     font-family: 'Catamaran', sans-serif;
     position: relative;
     display: block;
     width: 100%;
     color: var(--color-text);
     line-height: 22px;
     /* padding: 19px 14px; */
     font-size: 14px;
     font-weight: 300;
     /* margin: 15px 0px 0px; */
     border-radius: 0px;
     border-bottom: 1px solid var(--color-secondary);
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 form input[type="text"]:focus,
 form input[type="password"]:focus,
 form input[type="tel"]:focus,
 form input[type="email"]:focus,
 form input[type="search"]:focus,
 form select:focus,
 form textarea:focus {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border-color: none;
 }
 
 form select {
     -webkit-appearance: none;
     -ms-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     appearance: none;
     background: #ffffff url('../images/icon-select.png') right center no-repeat;
     cursor: pointer;
 }
 
 form select option {
     padding-left: 10px;
     cursor: pointer;
 }
 
 form textarea {
     height: 108px;
     resize: none;
 }
 
 form button,
 form input[type="submit"],
 form .theme-btn {
     position: relative;
     display: inline-block;
     margin: 0;
 }
 
 form .radio-block {
     position: relative;
     display: inline-block;
     margin-right: 50px;
 }
 
 form .radio-block input {
     position: absolute;
     left: 0;
     top: 0;
     padding: 0;
     opacity: 0;
     visibility: hidden;
     cursor: pointer;
 }
 
 form .radio-block label {
     position: relative;
     display: block;
     padding-left: 40px;
     line-height: 30px;
     font-size: 18px;
     font-family: 'HelveticaBold', sans-serif;
     text-transform: capitalize;
     cursor: pointer;
 }
 
 form .radio-block label:before {
     content: '';
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     left: 0;
     top: 3px;
     width: 24px;
     height: 24px;
     line-height: 22px;
     font-size: 14px;
     text-align: center;
     border: 1px solid var(--color-border);
 }
 
 form .radio-block input:checked+label:before {
     content: '\f00c';
 }
 
 
 
 
 
 
 /* .swiper-slide.tranding-slide.swiper-slide-visible.swiper-slide-active {
     width: 51rem;
 } */
 
 
 
 
 .bg-img {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 
 
 
 
 
 
 .language-btn a {
     font-family: "RomanAntique-Regular";
     background-color: #000000;
     font-size: 20px;
     line-height: 67px;
     color: #fcd99d;
     border: 2px solid #816241;
     display: inline-block;
     padding: 12px 80px 12px 24px;
     border-top: 0px;
 }
 
 .language-btn a:hover {
     color: #ffffff;
     background-color: #816241;
 }
 
 .content-center-banner {
     text-align: center;
     padding: 372px 0px 1112px;
 }
 
 section.hurm-sec.bg-img {
     text-align: center;
     padding: 350px 0px;
 }
 
 .container-content p {
     color: #706258;
 }
 
 section.logo-girl-text-sec {
     padding: 410px 0px 460px;
 }
 
 section.logo-girl-text-sec.bg-img {
     background-position: top;
     margin-top: -62px;
 }
 
 .logo-girl-text-sec .auto-container {
     max-width: 2100px;
 }
 
 .container-content {
     max-width: 900px;
     margin-left: auto;
 }
 
 
 
 
 #big .item {
     margin: 2px;
 }
 
 .main-img-slide {
     margin-top: -83px;
     position: relative;
     z-index: 2;
 }
 
 .manin-slide-popup {
     max-width: 480px;
     position: relative;
     margin-top: 40px;
     height: 215px;
	 	 display: none;

 }
 
 .content-main-slide h3 {
     color: #000;
     font-size: 40px;
 }
 
 .content-main-slide {
     padding: 60px 0px 120px;
 }
 
 .popup-icon-slide {
     position: absolute;
     top: 0px;
     left: 0px;
     display: flex;
     align-items: center;
     width: 100%;
     height: 100%;
     justify-content: center;
 }
 
 div#big .owl-stage-outer {
     overflow: visible;
 }
 
 .content-main-slide p {
     font-size: 30px;
     color: #000000;
     line-height: 34px;
 }
 
 .content-main-slide .inner {
     padding-left: 20px;
 }
 
 .col-main-slide {
     width: 50%;
 }
 
 .content-main-slide {
     max-width: 883px;
     margin-left: auto;
     height: 100%;
     display: flex;
     align-items: center;
 }
 
 .row-main-slide {
     display: flex;
     flex-wrap: wrap;
 }
 
 .opoup-slide {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
 }
 
 #thumbs .item {
     padding: 0px;
     margin: 30px;
     text-align: center;
     cursor: pointer;
 }
 
 #thumbs .item h1 {
     font-size: 18px;
 }
 
 #thumbs .current .item {
     background: #000;
     border: 1px solid #ffff;
 }
 
 #thumbs .current .item .content p {
     color: #fff;
     border-top: 1px solid #fff;
 }
 
 #thumbs .item {
     background: #000;
     border: 1px solid #7c5e3f;
 }
 
 #thumbs .item .content p {
     color: #bea377;
     border-top: 1px solid #7c5e3f;
     text-transform: uppercase;
     padding: 15px 0px;
     font-size: 18px;
     line-height: 20px;
 }
 
 .inner-aran-baba img {
     height: 170px;
     object-fit: cover;
     width: 100%;
 }
 
 .outer .owl-theme .owl-nav [class*='owl-'] {
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
 
 .outer .owl-theme .owl-nav [class*='owl-'].disabled:hover {
     background-color: #D6D6D6;
 }
 
 #big.owl-theme {
     position: relative;
 }
 
 #big.owl-theme .owl-next,
 #big.owl-theme .owl-prev {
     background: #333;
     width: 22px;
     line-height: 40px;
     height: 40px;
     margin-top: -20px;
     position: absolute;
     text-align: center;
     top: auto !important;
	 bottom: -74% !important;
 }
 
 #big.owl-theme .owl-prev {
    
 }
 
 #big.owl-theme .owl-next {

 }
 
 #thumbs.owl-theme .owl-next,
 #thumbs.owl-theme .owl-prev {
     background: #333;
 }
 
 div#thumbs {
     max-width: 1740px;
     margin: auto;
     padding: 0px 120px;
 }
 
 div#thumbs button.owl-next i {
     /* display: none; */
     opacity: 0;
 }
 
 div#thumbs button.owl-prev,
 div#thumbs button.owl-next {
     background-color: transparent !important;
     width: 48px;
     height: 48px;
 }
 
 div#thumbs button.owl-next::after,
 div#thumbs button.owl-prev::after {
     content: '';
     width: 48px;
     height: 48px;
     background-image: url('https://lightseagreen-jackal-846592.hostingersite.com/wp-content/uploads/2024/10/arrow-left.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     top: 0px;
     left: 0px;
 }
 
/*  div#thumbs button.owl-next,
 div#thumbs button.owl-prev {
     position: absolute !important;
     right: 0px;
     top: 107px;
 } */
 
 div#thumbs button.owl-prev {
     right: auto;
     left: 0px;
 }
 
 div#thumbs button.owl-prev::after {
     rotate: 180deg;
 }
 
 
 .slider-three-inner h3 {
     color: #827965;
     font-size: 20px;
     line-height: 33px;
     margin: 15px 0px;
 }
 
 .slider-three-inner p {
     color: #fff;
     font-size: 25px;
     line-height: 33px;
 }
 
 .slider-three {
     padding: 400px 0px 330px;
 }
 
 .slider-three-inner {
     background-color: #000;
     padding: 18px;
     box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
 }
 
 .slider-three .item {
     padding-bottom: 30px;
 }
 
 .containera {
     margin-bottom: -240px;
 }
 
 .sran-slider {
     max-width: 2140px;
     margin: auto;
     padding: 0px 140px;
 }
 
 .sran-slider button.owl-prev span {
     opacity: 0;
 }
 

 .sran-slider .owl-nav {
    display: flex;
    justify-content: center;
    gap: 460px;
}
 
 .sran-slider button.owl-prev::after,
 .sran-slider button.owl-next::after {
     content: '';
     width: 48px;
     height: 48px;
     background-image: url('https://lightseagreen-jackal-846592.hostingersite.com/wp-content/uploads/2024/10/arrow-left.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     top: 0px;
     left: 0px;
 }
  .sran-slider button.owl-prev span,
.sran-slider button.owl-next span{
	opacity:0;
}
 .sran-slider button.owl-prev::after {
     rotate: 180deg;
 }
 
 .row-rani,
 .bottom-rani {
     display: flex;
     flex-wrap: wrap;
 }
 
 .col-rani,
 .left-rani,
 .right-rani {
     width: 50%;
 }
 
 .col-rani img {
     width: 100%;
 }
 
 .left-rani {
     position: relative;
 }
 
 .popup-rani {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
 }
 
 .popup-rani img {
     width: 132px;
 }
 
 
 
 
 
 
 
 
 .accordion {
     cursor: pointer;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     transition: 0.4s;
 
 
     font-family: 'Catamaran', sans-serif;
     color: var(--color-primary);
 }
 
 
 .panel {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease-out;
 }
 
 .panel p {
     padding: 0px 15px 15px;
     color: #fff;
     font-family: "RomanAntique-Regular";
     font-weight: 400;
     font-size: 18px;
     line-height: 21px;
 }
 
 p.accordion {
     margin-top: 0px !important;
     padding: 14px;
     color: #fff;
     font-family: "RomanAntique-Regular";
     font-weight: 400;
     position: relative;
     padding-right: 55px;
 }
 
 p.accordion::after {
     content: '+';
     position: absolute;
     right: 23px;
     top: 13px;
     font-size: 23px;
     font-family: sans-serif !important;
 }
 
 p.accordion.active::after {
     content: '-';
 }
 .accordion-col{
	 width: 48%;
 }
 .accordion-a {
     margin-top: 15px;
     position: relative;
     border: 1px solid #bea377;
     overflow: hidden;
 }
 
 img.corner-right-t {
     position: absolute;
     right: -1px;
     top: -1px;
     width: 65px;
 }
 
 img.corner--right-b {
     position: absolute;
     bottom: -1px;
     right: -1px;
     width: 65px;
 }
 
 img.corner-left-b {
     position: absolute;
     bottom: -1px;
     left: -1px;
     width: 65px;
 }
 
 img.corner-left-t {
     position: absolute;
     left: -1px;
     top: -1px;
     width: 65px;
 }
 
 
 
 .inner-faqs.bg-img {
     padding: 30px;
 }
 
 .row-faq {
     padding: 30px;
     display: flex;
     gap: 4%;
     flex-wrap: wrap;
     row-gap: 10px;
 }
 
 p.accordion {
     margin-top: 10px;
     color: #fff;
     font-size: 20px;
     position: relative;
 }
 
 .inner-faqs.bg-img h3 {
     text-align: center;
     font-size: 62px;
     color: #fff;
 }
 
 .oper-contnt-p {
     text-align: center;
 }
 
 .oper-contnt-p p {
     display: inline-block;
     position: relative;
     color: #706258;
     margin-bottom: 29px;
 }
 
 .oper-contnt-p p::after {
     content: "";
     background-color: #706258;
     height: 2px;
     width: 100px;
     top: 16px;
     left: -108px;
     position: absolute;
 }
 
 .oper-contnt-p p::before {
     content: "";
     background-color: #706258;
     height: 2px;
     width: 100px;
     top: 16px;
     right: -108px;
     position: absolute;
 }
 
 section.faqs-sec {
     padding-top: 300px;
 }
 
 .banner-section  {
     position: relative;
     height: 100vh;
     overflow: hidden;
 }
 
 .social-icons {
     position: absolute;
     right: 20px;
     top: 613px;
 }
 
 .social-icons ul,
 .menu-links ul,
 .menu-links li,
 .social-icons li {
     list-style: none;
     margin: 0;
 }
 
 .social-icons li a:hover {
     filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(544%) hue-rotate(80deg) brightness(116%) contrast(100%);
 }
 
 .menu-links li a {
     font-size: 22px;
     line-height: 40px;
     color: #fff;
 }
 
 .menu-links li a:hover,
 .menu-links li a.active {
     color: #ddbd89;
     position: relative;
 }
 
 
 
 .popup-span {
     cursor: pointer;
 }
 
 .modal-dialog {
     max-width: 1000px;
     padding: 0px 40px;
     width: 100%;
     ;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
 
 }
 
 .modal-dialog iframe {
     width: 100%;
     height: 100%;
 }
 
 .modal-content {
     height: 500px;
 }
 .tranding-slider-control .slider-arrow {
     z-index: 4;
     position: relative;
 }
 .opoup-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .header.sticky {
     position: fixed;
     top: 0px;
     left: 0;
     width: 100%;
     margin-top: 0;
     animation: slideDown 0.5s forwards;
     z-index: 999;
     background-color: #000000;
     box-shadow: -4px 1px 4px -3px #000;
     padding: 20px;
 }
 @keyframes slideDown {
     0% {
         top: -100px;
     }
 
     100% {
         top: 0;
     }
 }
 
 .header.sticky ul {
     display: flex;
     gap: 20px;
 }
 
 .header.sticky ul a {
     font-size: 20px;
 }
 
 
 
 
 
 
 .site-footer {
     background-color: black;
     color: white;
     padding-top: 370px;
     padding-bottom: 50px;
 }
 
 .inner-sword-contnt,
 .ftr-swor-logo {
     display: flex;
     justify-content: center;
     align-items: normal;
     flex-wrap: wrap;
 }
 
 .ftr-swor-logo {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 30px;
 }
 
 .sword-left-foter-col {
     width: 20%;
     display: flex;
     justify-content: left;
     align-items: end;
 }
 
 .sword-cntr-foter-col {
     width: 60%;
     text-align: center;
 }
 
 .sword-right-foter-col {
     width: 20%;
 }
 
 .ftr-swor-icon ul {
     list-style: none;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 12px;
 }
 
 .ftr-swor-icon ul li {
     margin: 0;
     padding: 0;
     display: inline-block;
 }
 
 .ftr-swor-icon ul li a {
     display: inline-block;
     width: 100%;
 }
 
 .ftr-swor-icon ul li a img {
     width: 100%;
 }
 
 img {
     height: auto;
     max-width: 100%;
     display: inline-block;
 }
 
 .sword-ftr-rp-logo {
     width: 256px;
 }
 
 .sword-copryright-text {
     max-width: 720px;
     margin: 0 auto;
 }
 
 .sword-copryright-text p {
     font-size: 9px;
     line-height: 5px;
     font-weight: 400;
     color: #fff;
     font-family: "AGaramondPro-Regular";
 }
 
 .sword-cntr-foter-col .upper-para {
     margin-bottom: 50px;
     margin-top: 25px;
     color: #fff;
     font-family: "AGaramondPro-Regular";
 }
 
 .sword-cntr-foter-col .btm-para {
     margin-bottom: 30px;
     margin-top: 20px;
     color: #fff;
     font-family: "AGaramondPro-Regular";
 }
 
 .sword-cntr-foter-col h3 {
     margin-bottom: 20px;
     color: #bea377;
     font-size: 20px;
     font-weight: 400;
     line-height: 33px;
     text-transform: uppercase;
     font-family: "AGaramondPro-Regular";
 }
 
 .sword-cntr-foter-col form input {
     width: 100%;
     padding: 28px 20px;
     background: transparent;
     border: 1px solid #bea377;
     color: #bea377;
     font-size: 14px;
     font-weight: 300;
     line-height: 33px;
     text-transform: capitalize;
 }
 
 .sword-cntr-foter-col input::placeholder {
     color: #bea377;
     font-size: 16px;
     font-weight: 400;
     line-height: 33px;
 }
 
 .ftr-swor-logo .ps-logo {
     width: 161px;
 }
 
 .ftr-swor-logo .xbox-logo {
     width: 235px;
 }
 
 .ftr-swor-logo .epic-logo {
     width: 35px;
 }
 
 .email-chk-box {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 12px;
 }
 
 .ftr-swor-logo {
     margin: 42px 50px;
 }
 
 .footer-social-icons {
     margin-top: 129px;
 }
 
 .sword-right-foter-col {
     display: flex;
     justify-content: right;
     align-items: end;
 }
 
 .email-chk-box input#sword-input-chk {
     width: 20px;
     height: 20px;
 }
 /* Header Style */
 /*** 
 
 ====================================================================
     Single Page style
 ====================================================================
 
 ***/


.single-posts img {
    width: 100%;
}
.single-posts h1 {
    padding-top: 40px;
    text-align: center;
}
 
 /*** 
 
 ====================================================================
     Main Header style
 ====================================================================
 
 ***/
 .row {
     display: flex;
     flex-wrap: wrap;
 }
 
 .v-center {
     align-items: center;
 }
 
 ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
 a {
     text-decoration: none;
 }
 
 /* header */
 
 .header .item-left {
     flex: 0 0 17%;
 }
 
 .header .logo a {
     font-size: 30px;
     color: #000000;
     font-weight: 700;
     text-decoration: none;
 }
 
 .header .item-center {
     flex: 0 0 66%;
 }
 
 .header .item-right {
     flex: 0 0 17%;
     display: flex;
     justify-content: flex-end;
 }
 
 .header .item-right a {
     text-decoration: none;
     font-size: 16px;
     color: #555555;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
 }
 
 .header .menu>ul>li {
     margin-left: 25px;
     text-align: left;
 }
 
 .header .menu>ul>li .sub-menu {
     position: absolute;
     z-index: 500;
     background-color: #ffffff;
     box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
     padding: 20px 30px;
     transition: all 0.5s ease;
     margin-top: 25px;
     opacity: 0;
     visibility: hidden;
 }
 
 @media(min-width: 992px) {
     .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
         margin-top: 0;
         visibility: visible;
         opacity: 1;
     }
 
     .s-links {
         display: none;
     }
     ul.menu-main.menu-links {
         position: relative;
         border-left: 3px solid #8080808c;
     }
     .menu-links li a.active::after {
         position: absolute;
         content: '';
         width: 2px;
         height: 51px;
         top: 0px;
         left: -27px;
         background-color: #bea377;
         z-index: 2;
     }
 }
 
 .header .menu>ul>li .sub-menu>ul>li {
     line-height: 1;
 }
 
 .header .menu>ul>li .sub-menu>ul>li>a {
     display: inline-block;
     padding: 10px 0;
     font-size: 15px;
     color: #555555;
     transition: color 0.3s ease;
     text-decoration: none;
     text-transform: capitalize;
 }
 
 .header .menu>ul>li .single-column-menu {
     min-width: 280px;
     max-width: 350px;
 }
 
 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
     line-height: 1;
     display: block;
 }
 
 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
     padding: 10px 0;
     display: inline-block;
     font-size: 15px;
     color: #555555;
     transition: color 0.3s ease;
 }
 
 .header .menu>ul>li .sub-menu.mega-menu {
     left: 50%;
     transform: translateX(-50%);
 }
 
 
 .mobile-menu-head,
 .mobile-menu-trigger {
     display: none;
 }
 
 /*responsive*/
 @media(max-width: 991px) {
 
     .header .item-center {
         order: 3;
         flex: 0 0 100%;
     }
 
     /* .header .item-left,
     .header .item-right{
         flex:0 0 auto;
     } */
     .v-center {
         justify-content: space-between;
     }
 
     .header .mobile-menu-trigger {
         display: flex;
         height: 30px;
         width: 30px;
         margin-left: 15px;
         cursor: pointer;
         align-items: center;
         justify-content: center;

     }
 
     .header .mobile-menu-trigger span {
         display: block;
         height: 2px;
         background-color: #bea377;
         width: 24px;
         position: relative;

     }
 
     .header .mobile-menu-trigger span:before,
     .header .mobile-menu-trigger span:after {
         content: '';
         position: absolute;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #bea377;
     }
 
     .header .mobile-menu-trigger span:before {
         top: -6px;
     }
 
     .header .mobile-menu-trigger span:after {
         top: 6px;
     }
 
     .header .item-right {
         align-items: center;
     }
 
     .header .menu {
         position: fixed;
         width: 320px;
         background-color: rgb(0, 0, 0);
         left: 0;
         top: 0;
         height: 100%;
         overflow: hidden;
         transform: translate(-100%);
         transition: all 0.5s ease;
         z-index: 1099;
     }
 
     .header .menu.active {
         transform: translate(0%);
     }
 
     .header .menu>ul>li {
         line-height: 1;
         margin: 0;
         display: block;
     }
 
     header.header {
         height: auto !important;
         top: 54px !important;
         left: -15px !important;
     }
 
     .header .menu>ul>li>a {
         line-height: 50px;
         height: 50px;
         padding: 0 50px 0 15px;
         display: block;
         color: gray;
     }
 
     .header .menu>ul>li>a:hover {
         color: #ddbd89;
     }
 
     .header .menu>ul>li>a i {
         position: absolute;
         height: 50px;
         width: 50px;
         top: 0;
         right: 0;
         text-align: center;
         line-height: 50px;
         transform: rotate(-90deg);
     }
 
     .header .menu .mobile-menu-head {
         display: flex;
         height: 50px;
         justify-content: space-between;
         align-items: center;
         position: relative;
         z-index: 501;
         position: sticky;
         background-color: rgb(0, 0, 0);
         top: 0;
     }
 
     .header .menu .mobile-menu-head .go-back {
         height: 50px;
         width: 50px;
         cursor: pointer;
         line-height: 50px;
         text-align: center;
         color: #000000;
         font-size: 16px;
         display: none;
     }
 
     .header .menu .mobile-menu-head.active .go-back {
         display: block;
     }
 
     .header .menu .mobile-menu-head .current-menu-title {
         font-size: 15px;
         font-weight: 500;
         color: #000000;
     }
 
     .header .menu .mobile-menu-head .mobile-menu-close {
         height: 78px;
         width: 59px;
         cursor: pointer;
         line-height: 106px;
         text-align: center;
         color: #aba6a6;
         font-size: 55px;
         font-family: sans-serif !important;
     }
 
     ul.menu-main.menu-links {
         padding-top: 107px;
     }
 
     .menu-main {
         overflow-x: hidden;
         overflow-y: auto;
 
     }
 
     .header .menu>ul>li .sub-menu.mega-menu,
     .header .menu>ul>li .sub-menu {
         visibility: visible;
         opacity: 1;
         position: absolute;
         box-shadow: none;
         margin: 0;
         padding: 15px;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         padding-top: 65px;
         max-width: none;
         min-width: auto;
         display: none;
         transform: translateX(0%);
         overflow-y: auto;
     }
 
     .header .menu>ul>li .sub-menu.active {
         display: block;
     }
 
     @keyframes slideLeft {
         0% {
             opacity: 0;
             transform: translateX(100%);
         }
 
         100% {
             opacity: 1;
             transform: translateX(0%);
         }
     }
 
     @keyframes slideRight {
         0% {
             opacity: 1;
             transform: translateX(0%);
         }
 
         100% {
             opacity: 0;
             transform: translateX(100%);
         }
     }
 
     .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
         margin-top: 0;
     }
 
     .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
         margin-bottom: 20px;
     }
 
     .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
         margin-bottom: 0px;
     }
 
     .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
         flex: 0 0 100%;
         padding: 0px;
     }
 
     .header .menu>ul>li .sub-menu>ul>li>a,
     .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
         display: block;
     }
 
     .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
         margin-bottom: 15px;
     }
 
     .menu-overlay {
         position: fixed;
         background-color: rgba(0, 0, 0, 0.5);
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 1098;
         visibility: hidden;
         opacity: 0;
         transition: all 0.5s ease;
		 z-index: 999;
     }
 
     .menu-overlay.active {
         visibility: visible;
         opacity: 1;
     }
 
     .social-icons {
         display: none;
     }
 }
 
 
 header.header {
     position: fixed;
     top: 0px;
     height: 100vh;
     display: flex;
     align-items: center;
     left: 0px;
     z-index: 10;
 }
 
 .s-links ul,
 .s-links li {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     list-style: none;
     margin: 0;
     margin-top: 8px;
 }
 
 .s-links ul {
     padding-left: 15px;
 }
 
 .s-links img {
     filter: brightness(0) saturate(100%) invert(45%) sepia(3%) saturate(69%) hue-rotate(314deg) brightness(87%) contrast(87%);
 }
 
 .s-links img:hover {
     filter: brightness(0) saturate(100%) invert(100%) sepia(34%) saturate(4166%) hue-rotate(302deg) brightness(95%) contrast(83%);
 }
 
 .row-rani a {
     width: 100%;
 }
 
 .containerq {
     max-width: 2880px;
     padding: 0 1rem;
     margin: 0 auto;
   }
 
 
   @media (max-width:500px) {
     .tranding-slide-content {
       padding: 25px 12px !important;
     }
   }
 
   .tranding-slide {
     width: 64rem;
     position: relative;
     border: 1px solid #816241;
     background-color: #222224;
   }
 
   @media (max-width:500px) {
     .tranding-slide {
       width: 31rem !important;
     }
   }
   .swiper-slide-shadow-left,
   .swiper-slide-shadow-right {
     display: none;
   }
 
   .tranding-slider-control {
     position: relative;
     bottom: 2rem;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .swiper-button-prev.slider-arrow {
     rotate: 180deg;
   }
 
   .tranding-slider-control .slider-arrow img {
     width: 41px;
   }
 
   @media (max-width:990px) {
     .tranding-slider-control .swiper-button-next {
       left: 70% !important;
       transform: translateX(-70%) !important;
     }
   }
 
   @media (max-width:450px) {
     .tranding-slider-control .swiper-button-next {
       left: 80% !important;
       transform: translateX(-80%) !important;
     }
   }
 
   @media (max-width:990px) {
     .tranding-slider-control .swiper-button-prev {
       left: 30% !important;
       transform: translateX(-30%) !important;
     }
   }
 
   @media (max-width:450px) {
     .tranding-slider-control .swiper-button-prev {
       left: 20% !important;
       transform: translateX(-20%) !important;
     }
   }
 
   .tranding-slider-control .slider-arrow::after {
     content: '';
     display: none;
   }
   .video-container {
     position: relative;
     width: 100%;
   }
 
   .banner-bg-video video {
     width: 100%;
     height: auto;
   }
 
   .video-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url('https://lightseagreen-jackal-846592.hostingersite.com/wp-content/uploads/2024/10/slider-image.jpg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 2;
   }
 
   .play-button {
 
     background-color: transparent;
     border: none;
     cursor: pointer;
     z-index: 3;
   }
   .play-button img {
     width: 50px !important;
     height: auto !important;
 }
 
   .tranding-slide-content h3,
   .tranding-slide-content p {
     color: #fff;
     text-align: center;
   }
 
   .tranding-slide-content {
     padding: 30px 82px;
     background-color: #222224;
   }
 .sword-right-ps-logo img {
    	width: 48%;
	}
	.sword-right-ps-logo {
		display: flex;
		gap: 4%;
	}
   .swiper-slide {
     height: fit-content;
 }
 .swiper-wrapper {
     height: auto;
 }
 @media (max-width:500px) {
     .tranding-slide-content {
       padding: 25px 12px !important;
     }
   }
   @media (max-width:500px) {
     .tranding-slide {
       width: 20rem !important;
     }
   }
   @media (max-width:990px) {
     .tranding-slider-control .swiper-button-next {
       left: 70% !important;
       transform: translateX(-70%) !important;
     }
   }
 
   @media (max-width:450px) {
     .tranding-slider-control .swiper-button-next {
       left: 80% !important;
       transform: translateX(-80%) !important;
     }
   }
 
   @media (max-width:990px) {
     .tranding-slider-control .swiper-button-prev {
       left: 30% !important;
       transform: translateX(-30%) !important;
     }
   }
 
   @media (max-width:450px) {
     .tranding-slider-control .swiper-button-prev {
       left: 20% !important;
       transform: translateX(-20%) !important;
     }
   }
  .language-dropdown a{
    color: #bea377;
  }

  li.dropdown>a {
    font-family: "RomanAntique-Regular";
    background-color: #000000;
    font-size: 20px;
    line-height: 67px;
    color: #fcd99d;
    /* border: 2px solid #816241; */
    display: inline-block;
    padding: 12px 80px 12px 24px;
    border-top: 0px;
}

li.dropdown ul {
    display: block;
    display: block !important;
    position: absolute;
    left: 0;
    top: 100%;
    width:100%;
    padding: 0px 0px;
    z-index: 100;
    opacity: 0;
    text-align: left;
    background: #000000;
    border-radius: 0px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: hidden;
}
li.dropdown ul li{
    list-style: none;
}
li.dropdown ul li a{
border-bottom: 1px solid #00000067;
    padding: 12px 20px;
    display: block;
}
li.dropdown ul li a:hover{
    background-color: #333;
}
li.dropdown ul li:last-child a{
    border-bottom: 0px;
}
li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px);
}
.language-dropdown .dropdown {
    position: relative;
    width: 312px;
}

@media screen and (max-width: 1500px) {
    li.dropdown>a {
        font-size: 16px;
        line-height: 30px;
        padding: 12px 43px 12px 24px;
    }
    .language-dropdown .dropdown {
        position: relative;
        width: 234px;
    }
}


section#story {
    padding-bottom: 140px;
}



      .video-container {
                height: 515px;
                border-bottom: 1px solid #816241;
            }


            .b-video-container iframe,
            .video-wrapper {
                width: 100%;
                height: 100%;
                position: relative;
            }


            .video-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url('assets/images/slider-image.jpg');
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                z-index: 2;
            }

            .play-icon {
                width: 60px;
                height: 60px;
            }

            .video-iframe.hidden {
                display: none;
            }







.banner-section {
    position: relative;
    width: 100%;
    height: 150vh; /* Full-screen height or adjust as needed */
    overflow: hidden; /* Ensures content stays within bounds */
}


@media screen and (max-width: 768px) {

.banner-section {
    position: relative;
    width: 100%;
    height: 90vh; /* Full-screen height or adjust as needed */
    overflow: hidden; /* Ensures content stays within bounds */
	
}
}



.banner-section .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video fills the section without distortion */
    z-index: -1; /* Places the video in the background */
}











/* Ensure the section is positioned relative so the video can be placed inside */
/* Reset margin and padding for the section */
/* Ensure the section with the video is positioned correctly */
#3 {
    margin: 0;
    padding: 0;
    position: relative; /* Needed for absolute positioning of overlay */
    z-index: 1;
}

/* Video with gradient fade at bottom */
.video-border {
    width: 100%;
    height: 520px; /* Keeps the height */
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 150px;
    
    /* Apply gradient opacity mask at bottom */
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
    z-index: 2;
}

/* Gradient overlay at the top of Section 4 */
#4::before {
    content: "";
    position: absolute;
    top: -150px; /* Adjust to overlap video */
    left: 0;
    width: 100%;
    height: 150px; /* Gradient height */
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
    z-index: 3;
}

/* Ensure Section 4 is positioned correctly */
#4 {
    margin-top: -150px; /* Pull up to touch video */
    padding-top: 150px;
    position: relative;
    z-index: -999;
    background-color: #000; /* Ensure contrast to see the effect */
}

/* Reset margins and paddings */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}