/* .container {
    padding: 0 !important;
} */

.dialog-off-canvas-main-canvas{
    overflow: hidden;
}

/* Top Section */
.top-section.d-flex.align-items-center {
    background-color: #00000;
}

/* Header */
@media (max-width: 767.9px) {
.navbar {
  margin-left: -50px !important;
}
}

@media (max-width: 580px) {
.navbar {
  margin-left: -70px !important;
}
}

.header ul {
    list-style: none;
    text-align: start;
    padding: 10px;
    margin: 10px;
    display: flex;
    float: left;
    margin-left: 0px;
    background-color: white;
}
.header li {
    flex:auto;
    margin-right: 5px;
    margin-left: 5px;
}

}

a.navbar-brand img {
    height: auto;
}

.site-name{
    display: inline-block;
    margin-left: 0px;
     /* white-space: wrap !important; */
}

.site-name a:hover{
    color: #9c9b95;
}

.site-name a{
    font-size: 24px;
    color: black;
     /* #d5ac63 */
    /*     font-family: "Lucida Console", "Courier New", monospace; */
    font-weight: bold;
    font-style: normal;
}

/* telephone */
.telephone a{
    color: white;
    font-size: 20px;
    margin-left: -20px;
    background-color: #090F3A;
}
.telephone a:hover{
    color: #d5ac63;
}

.dropdown-menu a.nav-link:hover{
    color: white !important;
}
.dropdown-menu {
    background: #9c9b95 !important;
    opacity: 0.9;
}


/* Initially hide the dropdown menu */
ul.navbar-nav .dropdown-menu {
  display: none; !important;
  margin-top: -3px;
}

/* Show the dropdown menu on hover over the parent item */
ul.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block; !important;
  margin-left: 0px;
}

.nav-item.dropdown{
text-align: center;
}

ul.navbar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    background-color: white !important;
}

.social-links{
z-index:2
}

@media (max-width: 767.9px){
ul.navbar-nav {
    margin: 0;
    margin-top:-80px;
    padding: 0;
    margin-left: -50px;
}

.social-links a{
    margin-left: 10px;
    margin-right: -5px;
}
}


@media (max-width: 767.9px) and (min-width: 415px){
:lang(en) .social-links{
    margin-top:-120px;
    margin-left: 2%;
    background-color: transparent !important;
}

:lang(en) #navbarNavDropdown ul
{
    margin-top:-80px;
    margin-left: 1%;
}
:lang(hy) .social-links{
    margin-top:-120px;
    margin-left: 20%;
    background-color: transparent !important;
}

:lang(hy) #navbarNavDropdown ul
{
    margin-top:-80px;
    margin-left: 2%;
}
}
@media (max-width: 414.9px) and (min-width: 370px){
.social-links a {
    margin-left: -10px;
    margin-right: 5px;
}
}

@media (max-width: 369.9px){
.social-links a {
    margin-left: -1px;
    margin-right: 0px;
}
.navbar-toggler {
    margin-right: -15px;
}
}

@media (max-width: 414.9px) and (min-width: 360px){

:lang(en) .social-links{
    margin-top:-120px;
    margin-left: 14%;
    background-color: transparent !important;
}

:lang(en) #navbarNavDropdown ul
{
    margin-top:-80px;
    margin-left: -2%;
}
:lang(hy) .social-links{
    margin-top:-120px;
    margin-left: 32%;
    background-color: transparent !important;
}

:lang(hy) #navbarNavDropdown ul
{
    margin-top:-80px;
    margin-left: -2%;
}
}

@media (max-width: 991.9px) and (min-width: 768px){
:lang(en) .social-links{
    margin-top:-120px;
    margin-left: 1%;
    background-color: transparent !important;
}

:lang(en) #navbarNavDropdown ul
{
    margin-top:-80px;
    margin-left: -1%;
}

:lang(hy) .social-links{
    margin-top:-120px;
    margin-left: 5%;
    background-color: transparent !important;
}

:lang(hy) #navbarNavDropdown ul
{
    margin-top:-80px;
    margin-left: -1%;
}
}

@media (max-width: 1199.9px) and (min-width: 992px){
.social-links{
    margin-top:-230px;
    margin-left: -20%;
    background-color: transparent !important;
}

#navbarNavDropdown ul
{
    margin-top:-90px;
    margin-left: 5%;
}

#navbarNavDropdown > ul{
margin-top:-40px;
}
}

@media (max-width: 1449.9px) and (min-width: 1200px){
:lang(hy)  .social-links{
    margin-top:-230px;
    margin-left: 0%;
    background-color: transparent !important;
}

:lang(hy)  #navbarNavDropdown ul
{
    margin-top:-90px;
    margin-left: 16%;
}

:lang(hy)  #navbarNavDropdown > ul{
margin-top:-40px;
    margin-left: -37px;
}
}



ul.navbar-nav > li {
    display: inline-block;
    padding: 0 6px;
}

ul.navbar-nav li {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
}

ul.navbar-nav > li > a {
    position: relative;
    display: block;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;  /* uppercase; */
    color: #222;
    text-decoration: none;
    font-size: 16px;
    margin: 0 15px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.navbar-nav .dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: auto;
    text-align: left;
    background-color: #222222;
    z-index: 9999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
}

ul.navbar-nav .dropdown-menu li:first-child {
    border-top: none;
}

ul.navbar-nav .dropdown-menu > li {
    border-top: 1px solid #333333;
}

ul.navbar-nav li ul li {
    margin-left: 0;
}

.collapse.navbar-collapse.justify-content-end.m-auto ul>li>a:hover {
    color: #9c9b95 !important;
}

ul.navbar-nav .dropdown-menu > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 20px;
    line-height: 20px;
    font-size: 20px;
    -webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out;
}

ul.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    top: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

@media (max-width: 991.9px) {
.dropdown-menu .nav-item a{
    margin-left: -15px;
}
}


/*video */
.video_control_with_text {
    display: flex;
}

@media (min-width: 768px){
.video_control_with_text .video_control_container .video_control{
height: auto;
}
}

.video_control_container {
    flex-grow: 2; /* Allocate more space for the video container */
    margin-right: 20px; /* Add margin to separate the video from the text */
}

.video_control_container1 {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line if necessary */
    justify-content: center; /* Centers the content horizontally */
    gap: 10px; /* Add gap between videos */
}

.video_control_container2>video {
height: auto;
    margin-top: 10px; /* Add margin to separate the video from the text */
}

.video_control {
    width: 100%;
    height: 700px;
}

.video_control_1 {
    width: calc(50% - 10px); /* Ensure videos are 50% wide minus the gap */
    height: 350px;
    margin: 0; /* Remove margin since gap will handle spacing */
}

@media (max-width: 767.9px) {
.video_control {
    height: auto;
}
}

@media (max-width: 1199.9px) {
     .video_control_1 {
         width: 100%; /* Make videos full width on smaller screens */
         margin-bottom: 10px; /* Add margin to separate vertically stacked videos */
         height: auto;
     }
 }

.video_control_with_text  {
    align-items: end;
    margin-bottom:10px;
}

.video_control_with_text .text_container {
    flex-grow: 1; /* Allow the text container to take up less space */
}

/* Optional: Add margin to push the text further to the right */
.video_control_with_text .text_container {
    margin-right: -10px;
}

/* Optional: Style the text */
.video_control_with_text .text_container h3,
.video_control_with_text .text_container p {
    margin: 0;
}

@media (max-width: 991.9px) {
    .video_control_with_text {
        flex-direction: column; /* Stack items vertically */
        align-items: flex-start; /* Align items to the start of the column */
    }

    .video_control_with_text .text_container {
        margin-right: 0; /* Reset the right margin */
    }

    .video_control_with_text .video_control_container {
        width: 100% !important;
        margin-bottom:10px;
    }
}

/*gallery slideshow images */
.gallery-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom:20px;
}

.main-image {
    margin-bottom: 20px;
}

.main-image img {
    width: 100%;
    max-width: 750px;
    height: auto;
    border: 2px solid #ccc;
}

.thumbnail-container {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent line breaks */
    width: 100%;
    padding: 10px 0; /* Optional: add padding for better visibility */
}

.thumbnail-container img {
    width: auto;
    height: 100px;
    cursor: pointer;
    border: 2px solid transparent;
    display: inline-block; /* Ensure thumbnails are displayed inline */
}

.thumbnail-container img:hover {
    border-color: #000;
}

@media (max-width: 767.9px) {
.thumbnail-container img {
    height: 50px;
}
}

/* Hide scrollbar for Webkit browsers
.thumbnail-container::-webkit-scrollbar {
    display: none;
}
*/

/* Optional: for non-Webkit browsers, customize scrollbar appearance
 .thumbnail-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
*/

/*column images */
.column-container {
    display: flex; /* Use flexbox for layout */
    flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
}

.column {
    width: 50%; /* Each column takes up half of the container's width */
    box-sizing: border-box; /* Include padding and border in the column's total width */
    padding: 10px; /* Add padding to create space between columns */
}

@media (max-width: 991.9px) {
    .column {
        width: 100%; /* Each column takes up the full width of the container */
    }
}

/*scrollbar images */
.scrollbar-container {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent line breaks */
    width: 96%;
    padding: 10px 0; /* Optional: add padding for better visibility */
    margin-left: 30px;
}

.scrollbar-container a>img {
    width: auto;
    height: 400px;
    cursor: pointer;
    border: 2px solid transparent;
    display: inline-block; /* Ensure thumbnails are displayed inline */
}

.scrollbar-container a>img:hover {
    opacity:0.7;
}

@media (max-width: 1199.9px) {

.scrollbar-container {
        width: 95%;
}

.scrollbar-container a>img  {
    height: 300px;
}
}

@media (max-width: 991.9px) {

.scrollbar-container {
        width: 93%;
}
}

@media (max-width: 767.9px) {
.scrollbar-container {
        width: 91%;
}

.scrollbar-container a>img  {
    height: 200px;
}
}

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

.scrollbar-container {
        width: 85%;
        margin-left: 8%;
}

}

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

.scrollbar-container {
        width: 80%;
        margin-left: 11%;
}

.scrollbar-container a>img  {
    height: 150px;
}

}

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

.scrollbar-container a>img  {
    height: 120px;
}

}

/*graphics images */
.graphics_image {
    display: flex; /* Use flexbox to align items horizontally */
     margin-left: 30px;
     margin-bottom: 10px;
}

.graphics_image .image_container {
    margin-right: 20px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each container */
}

.graphics_image .image_container img {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    display: block; /* Set images to block to occupy full width of their container */
}
.graphics_image .image_container img:hover {
    opacity:0.7;
}

.graphics_image .image_container span {
    display: block; /* Ensure the text spans across the full width */
    font-size: 18px;
    color: #333; /* Adjust the text styling as needed */
}

.aliq {
    /* Center the container if needed */
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}

.aliq img {
    max-width: 100%;
    height: auto;
    display: block; /* Ensure block-level element to avoid extra space */
}

/*digital_art images */
.digital_art_image {
    display: flex; /* Use flexbox to align items horizontally */
     margin-left: 10px;
}

.digital_art_image a {
    margin-right: 10px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each link */
}

.digital_art_image a > img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    display: block; /* Set images to block to occupy full width of their container */
}

.digital_art_image a:nth-child(1) > img  {
   height: 648px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 648px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}

@media (max-width: 1399.9px) {
.digital_art_image a:nth-child(1) > img  {
   height: 555px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 555px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}
}

@media (max-width: 1199.9px) {
.digital_art_image a:nth-child(1) > img  {
   height: 500px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 500px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}
}

@media (max-width: 991.9px) {
.digital_art_image a:nth-child(1) > img  {
   height: 345px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 345px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}
}

@media (max-width: 767.9px) {
.digital_art_image a:nth-child(1) > img  {
   height: 253px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 253px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}
}

@media (max-width: 499.9px) {
.digital_art_image a:nth-child(1) > img  {
   height: 230px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 230px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}
}

@media (max-width: 419.9px) {
.digital_art_image a:nth-child(1) > img  {
   height: 180px;
}

.digital_art_image a:nth-child(3)  > img {
   height: 180px;
}

.digital_art_image a:nth-child(2)  {
   width: 33%;
}
}

.digital_art_image a > img:hover {
   opacity:0.7;
}


.digital_art_image2 {
    display: flex; /* Use flexbox to align items horizontally */
     margin-left: 10px;
}

.digital_art_image2 a {
    margin-right: 10px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each link */
}

.digital_art_image2 a > img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    display: block; /* Set images to block to occupy full width of their container */
}

.digital_art_image2 a > img:hover {
   opacity:0.7;
}

@media (max-width: 967.9px) {
.digital_art_image2 a:nth-child(2)  {
   width: 350%;
}
}

@media (max-width: 449.9px) {
.digital_art_image2 a:nth-child(2)  {
   width: 650%;
}
}

/*exhibitions images */
.exhibitions_image {
    display: flex; /* Use flexbox to align items horizontally */
     margin-left: 30px;
}

.exhibitions_image a {
    margin-right: 20px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each link */
}

.exhibitions_image a > img {
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
    display: block; /* Set images to block to occupy full width of their container */
}

.exhibitions_image a > img:hover {
   opacity:0.7;
}

@media (max-width: 767.9px) {
    .exhibitions_image {
        flex-direction: column; /* Stack items vertically */
        margin-left: 10px; /* Reset margin for mobile view */
    }

    .exhibitions_image a {
        margin-right: 0; /* Reset margin for mobile view */
        margin-bottom: 20px; /* Add bottom margin to create space between items */
    }
}

/*display_image */
.about_image a:first-child {
    display: flex;
    margin-top: -5%;
}

.about_image a:nth-child(2) {
    display: none;
}

@media (max-width: 767.9px) {

.about_image a:first-child {
    display: none;
}

.about_image a:nth-child(2) {
    display: flex;
}

}

.about_image {
    display: flex; /* Use flexbox to align items horizontally */
    margin-left: 30px;
}

@media (max-width: 767.9px) {

.about_image {
    margin-top:-100px !important;
}

}

@media (max-width: 499.9px) {

.about_image {
    margin-top:-60px !important;
}

}

.about_image a {
    margin-right: 20px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each link */
}

.about_image a > img {
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
    display: block; /* Set images to block to occupy full width of their container */
}

.about_image a > img:hover {
   opacity:0.7;
}

/*performance images */
.performance_image {
    display: flex; /* Use flexbox to align items horizontally */
     margin-left: 30px;
}

.performance_image a {
    margin-right: 20px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each link */
}

.performance_image a > img {
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
    display: block; /* Set images to block to occupy full width of their container */
}

.performance_image a > img:hover {
   opacity:0.7;
}

@media (max-width: 767.9px) {
.performance_image a > img {
    height: auto;
}
}

.performance_with_text_3image {
    display: flex; /* Use flexbox to create a flexible layout */
    /* flex-wrap: wrap;  Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
     align-items: end;
}

.performance_with_text_3image div {
    margin: 40px; /* Add margin around each image */
}


.performance_with_text_3image div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: auto;
    display: inline-block; /* Display images as inline-block */
}

.performance_with_text_3image div>a>img:hover {
    opacity:0.7;
}

.performance_with_text_3image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
    width: 30%;
}

.performance_with_text_3image > div:nth-child(2)  {
    width: 45%;
}

.performance_with_text_3image > div:nth-child(3)>div  {
    display: none;
}

.performance_with_text_3image > div:nth-child(3)  {
    width: 25%;
}

.performance_with_text_3image .text-container > h3 {
    margin-top: 150px;
}

@media (max-width: 1399.9px) {

.performance_with_text_3image .text-container > h3 {
    margin-top: 20px;
}

}

@media (max-width: 1199.9px) {

.performance_with_text_3image > div:first-child {
    width: 30%;
    margin-left: -5%;
}

.performance_with_text_3image > div:nth-child(2)  {
    width: 45%;
}

.performance_with_text_3image > div:nth-child(3)  {
    width: 25%;
    margin-right: -5%;
}

}

@media (max-width: 1094.9px) {

.performance_with_text_3image > div:first-child {
    width: 30%;
    margin-left: 0;
}

.performance_with_text_3image > div:nth-child(2)  {
    width: 45%;
}

.performance_with_text_3image > div:nth-child(3)  {
    width: 25%;
    margin-right: 0;
}

}

@media (max-width: 991.9px) {

.performance_with_text_3image > div:nth-child(2)>div  {
    display: none;
}

.performance_with_text_3image > div:nth-child(3)>div  {
   display: inline-block;
}

.performance_with_text_3image {
   flex-wrap: wrap;
}

.performance_with_text_3image > div:first-child {
    margin-left:5px;
    width: 40%;
}

.performance_with_text_3image > div:nth-child(2)  {
    width: 30%;
}

.performance_with_text_3image > div:nth-child(3)  {
    width: 100%;
    display: flex;
    margin-top: -20px;
    margin-left:14%;
}
:lang(hy) .performance_with_text_3image > div:nth-child(3)  {
              margin-left:7%;
          }

.performance_with_text_3image > div:nth-child(3)>a>img  {
    height:300px;
    margin-top: 20px;
}

}
@media (max-width: 767.9px) {
.performance_with_text_3image > div:nth-child(3)  {
    margin-left:-5%;
}

:lang(hy) .performance_with_text_3image > div:nth-child(2)  {
              width: 40%;
          }
:lang(hy) .performance_with_text_3image > div:nth-child(3)  {
              margin-left:-10%;
          }
}

@media (max-width: 575.9px) {

.performance_with_text_3image > div:first-child {
    margin-left:25px;
    width: 100%;
}

.performance_with_text_3image > div:nth-child(2)  {
    margin-top: -30px;
    width: 100%;
}
:lang(hy) .performance_with_text_3image > div:nth-child(2)  {
              width: 100%;
          }
:lang(hy) .performance_with_text_3image > div:nth-child(3)>a>img  {
    margin-top: 50px;
}

.performance_with_text_3image > div:nth-child(3) {
    width: 80%;
    margin-left: -50px;
}
}

@media (max-width: 449.9px) {
.performance_with_text_3image > div:nth-child(3)>a>img  {
    height:200px;
    margin-top: 80px;
}

:lang(hy) .performance_with_text_3image > div:nth-child(3)>a>img  {
    margin-top: 100px;
}

}

@media (max-width: 404.9px) {
.performance_with_text_3image > div:nth-child(3) {
    width: 100%;
    margin-left: -40px;
}
}

.performance_with_text_image {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
     align-items: end;
     text-align:start;
}

.performance_with_text_image div {
    margin: 40px; /* Add margin around each image */
}


:lang(en) .performance_with_text_image div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
}

:lang(hy) .performance_with_text_image div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: 1000px;
    display: inline-block; /* Display images as inline-block */
}

@media (max-width: 1399.9px) {
:lang(hy) .performance_with_text_image div>a>img{
    height: 650px;
}
}

.performance_with_text_image div>a>img:hover {
    opacity:0.7;
}

.performance_with_text_image div>p>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 450px;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
    float: right;
    margin-right: -100px;
    /* margin-top:-50px; */
}

.performance_with_text_image div>p>a>img:hover {
    opacity:0.7;
}

.performance_with_text_image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
}

.performance_with_text_image > div:nth-child(2)  {
    width: calc(50%); /* Calculate the width of the text container calc(100% - 700px);*/
}

@media (min-width: 1400px) {
.performance_with_text_image {
     text-align:start;
}

.performance_with_text_image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
}

.performance_with_text_image > div:nth-child(2)  {
    width: calc(35%); /* Calculate the width of the text container calc(100% - 700px);*/
}

    .performance_with_text_image .text-container > p:first-child {
        margin-bottom: 220px;
    }
}

@media (max-width: 1399.99px) {
.performance_with_text_image {
     text-align:center;
}

.performance_with_text_image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
}
    .performance_with_text_image div>a>img {
        height: auto;
    }

        .performance_with_text_image .text-container > p:first-child {
            margin-top: -100px;
        }
        .performance_with_text_image .text-container{
            width:calc(100%) !important;
        }
}

@media (max-width: 767.9px) {
.performance_with_text_image div>a>img{
    height: auto !important;
    margin-left: -10px !important;
}
}

/*cube with_text_image */
.cube_with_text_image {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
    margin-right: -20%;
    align-items: end;
}

@media (max-width: 767.9px) {
.cube_with_text_image {
     margin-right: -5%;
}
}

.cube_with_text_image div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
}
.cube_with_text_image div>a>img:hover {
    opacity:0.7;
}
.cube_with_text_image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
}

.cube_with_text_image > div:nth-child(2)  {
    width: calc(30%); /* Calculate the width of the text container calc(100% - 700px);*/
    margin-bottom: 20px;
    text-align: center:
}

@media (max-width: 767.9px) {
.cube_with_text_image > div:nth-child(2)  {
     width: calc(40%);
 }
}

@media (max-width: 467.9px) {
.cube_with_text_image div>a>img {
     height: auto;
 }

.cube_with_text_image > div:nth-child(2)  {
     width: calc(50%);
 }
}

@media (max-width: 378.9px) {
.cube_with_text_image > div:nth-child(2)  {
     width: calc(60%);
 }
}

/*graphic musium images */
.graphic_musium_text_image {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: flex-start; /* Center-align items horizontally */
}

.graphic_musium_text_image div {
    margin: 41px; /* Add margin around each image */
}

.graphic_musium_text_image div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: auto;
    display: inline-block; /* Display images as inline-block */
    margin-right: -30px;
    /* margin-right: -50px; */
}

.graphic_musium_text_image > div:first-child {
     /* margin-left: 20px; Add margin between image and text */
}

@media (min-width: 1400px) {
.graphic_musium_text_image > div:nth-child(2)  {
    margin-left: -40px;
    width: calc(20%); /* Calculate the width of the text container calc(100% - 700px);*/
}
}

@media (max-width: 1399.9px) {
.graphic_musium_text_image > div:nth-child(2)  {
    width: calc(100%); /* Calculate the width of the text container calc(100% - 700px);*/
}
}

.exhibition_text{
    text-align: right;
}

@media (max-width: 767.9px) {
.exhibition_text{
    text-align: center;
}
}

/*city images */
.city_with_text_image {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
     align-items: end;
     text-align:start;
}

.city_with_text_image div {
    margin: 40px; /* Add margin around each image */
}

.city_with_text_image div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    margin-left: -10px;
    width: 100%;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
}

.city_with_text_image div>a>img:hover {
  opacity:0.7;
}

@media (min-width: 1400.1px) {
.city_with_text_image {
     text-align:start;
}

.city_with_text_image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
}

.city_with_text_image > div:nth-child(2)  {
    width: calc(35%); /* Calculate the width of the text container calc(100% - 700px);*/
}

    .city_with_text_image .text-container > p:first-child {
        margin-bottom: 180px;
    }
}

@media (max-width: 1399.99px) {
.city_with_text_image {
     text-align:center;
}

.city_with_text_image > div:first-child {
    margin-right: 20px; /* Add margin between image and text */
}
    .city_with_text_image div>a>img {
        height: auto;
    }

        .city_with_text_image .text-container > p:first-child {
            margin-top: -100px;
        }
        .city_with_text_image .text-container{
            width:calc(100%) !important;
        }
}

.city_with_text_image1 {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
     align-items: end;
     text-align:start;
}

.city_with_text_image1 div {
    margin: 20px; /* Add margin around each image */
}

.city_with_text_image1 div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
}

.city_with_text_image1 div>a>img:hover {
  opacity:0.7;
}

@media (max-width: 1399.9px) {
.city_with_text_image1 div>a>img{
            height: auto;
        }

        .city_with_text_image1 {
             text-align:center;
        }
}

@media (max-width: 1399.9px) {
.city_with_text_image1 .text-container{
            margin-top: -50px;
            margin-bottom: 30px;
        }
}

.city_with_text_image2 {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
     align-items: end;
     text-align:start;
}

.city_with_text_image2 div {
    margin: 20px; /* Add margin around each image */
}

.city_with_text_image2 div>a>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 100%;
    height: 600px;
    display: inline-block; /* Display images as inline-block */
}

.city_with_text_image2 div>a>img:hover {
  opacity:0.7;
}

@media (max-width: 1399.9px) {
.city_with_text_image2 div>a>img{
            height: auto;
        }
                .city_with_text_image2 {
                     text-align:center;
                }
}

@media (max-width: 1399.9px) {
.city_with_text_image2 .text-container{
            margin-top: -30px;
            margin-bottom: 30px;
        }
}

/*paintings images */
.paintings_image {
    display: flex; /* Use flexbox to align items horizontally */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
}

.paintings_image a {
    width: 50%; /* Set each link to take up half of the container's width */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    padding-right: 20px; /* Add margin to create space between images */
    text-align: center; /* Center-align content within each link */
    margin-bottom: 20px;
}

.paintings_image a > img:hover{
    opacity: 0.7;
}

.paintings_image a > img {
    margin-bottom: 20px;
    width: 100%;
    height: 500px;
    display: block; /* Set images to block to occupy full width of their container */
}

@media (max-width: 991.9px) {
    .paintings_image a > img{
            height: auto;
    }
}

.paintings_image a > span {
    display: block; /* Display spans as block to show them below the images */
    color: black;
    font-size: 30px;
    margin-top: 10px; /* Add margin to create space between image and span */
}

@media (max-width: 991.9px) {
    .paintings_image a {
        width: 100%; /* Set each link to take up full width of the container when screen is small */
        padding-right: 0; /* Remove right padding to stack images vertically */
    }
}

.paintings_cube_image {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
    margin-left: -10%;
}

@media (max-width: 991.9px) {
    .paintings_cube_image {
      margin-left: -17%;
    }
}

.paintings_cube_image div {
    margin: -40px 40px; /* Add margin around each image */
}

.paintings_cube_image div>a>img {
    margin-bottom: -20px; /* Add space below each image */
    width: 120%;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
}
.paintings_cube_image div>a>img:hover {
    opacity:0.7;
}

@media (max-width: 1399.9px) {
    .paintings_cube_image div>a>img{
       margin-bottom: 10px; /* Add space below each image */
    }
}

@media (max-width: 575.9px) {
    .paintings_cube_image {
      margin-left: 0%;
    }

    .paintings_cube_image div>a>img {
        width: 100%;
        height: auto;
    }
}

.cube_image {
    display: flex; /* Use flexbox to create a flexible layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center-align items horizontally */
}

.cube_image div {
    margin: 40px; /* Add margin around each image */
}

.cube_image div>img {
    margin-bottom: 20px; /* Add space below each image */
    width: 450px;
    height: 650px;
    display: inline-block; /* Display images as inline-block */
}

/* images */
.image-container {
  text-align: center;
}

.image-container a>img {
    display: inline-block;
}

.images_style_config {
    margin-bottom:20px;
    margin-right:20px;
    max-width:100%;
    display: inline-block;
}

.logged-in header#header.active {
    position: fixed;
    top: 38px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.nofront-header .header {
    position: fixed;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    top: 0;
}
.logged-in .nofront-header .header {
    position: fixed;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    top: 38px;
}
.nofront-header .header .navbar-nav a {
    color: black !important;
}

.nofront-header .header .navbar-nav a:hover {
    color: #9c9b95 !important;
}

.nofront-header .header .navbar-nav ul>li>a:hover  {
    color: white !important;
}

header#header.active {
    position: fixed;
    top: 0;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
header#header.active .navbar-nav a {
    color: black !important;
}

/* Non-front header with transparent background */
.front-header {
  background-color: white;
}

/* Non-front header with white background */
.nofront-header {
  background-color: white;
}

.header{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9 !important;
}
header#header.active .search-icon i{
    color: #000 !important;
}

.header .navbar-nav a{
    color: black;
}
.decorx-breadcrumb ol{
    list-style: none;
    margin: 0;
    padding-left: 3px;
    display: flex;
    flex-wrap: wrap;
}
.decorx-breadcrumb a{
    color: #d5ac63 !important;
    font-size: 12px;
    text-decoration: underline !important;
}
.decorx-breadcrumb a:hover{
    color: rgb(36, 36, 36) !important;
}
/* .decorx-breadcrumb li::after {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
} */
/* .header {
    position: sticky;
    top: 5px;
    z-index: 99999999;
    background-color: #fff;
} */

/* main {
    z-index: -1;
    position: relative;
} */

@media screen and (max-width: 768px) {
    .decorx-breadcrumb {
      display: none;
    }
    #block-tabs{
        display: none;
    }
    .nofront-header .layout-content{
        margin-top: 18%;
        margin-bottom: 5%;
    }
}
/* User Navigation Menu */
nav#block-decorx-account-menu ul li a {
    float: right;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: 500;
}

.header.active {
    background-color: #f2f2f2
}

.inner-content{
    margin-top: 11%;
    margin-left: -2%;
}

@media (max-width: 1450px) {
.inner-content{
    margin-top: 12%;
    margin-left: -2%;
}
}

@media (max-width: 1199.9px) {
.inner-content{
    margin-top: 15%;
    margin-left: -2%;
}
}

@media (max-width: 991.9px) {
.inner-content{
    margin-top: 19%;
    margin-left: -2%;
}
}

@media (max-width: 767.9px) {
.inner-content{
    margin-top: 30%;
    margin-left: -2%;
}
}

@media (max-width: 500px) {
.inner-content{
    margin-top: 37%;
    margin-left: -2%;
}
}

nav#block-decorx-account-menu ul {
    list-style: none;
}
#block-tabs ul{
    justify-content: space-between;
    list-style: none !important;
    display: flex;
    padding: 0;
    width: 30%;
    margin-top: 15px;
}
.nav-item {
  display: inline; /* Display items horizontally */
  margin-right: 10px; /* Add some right margin for spacing */
}

#block-tabs li{
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    padding: 8px;
}
#block-tabs li:hover {
    background: #9c9b95;
}
#block-tabs a{
    color: black;
}
/* Navigation */
.navbar-light .navbar-nav .nav-link:hover {
    color: #9c9b95;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 500;
}

.navbar-toggler{
    background-color: white !important;
    padding: 6px !important;
    opacity: 0.9;
    z-index: 1050; /* Ensure the toggler is above other elements */
    position: relative; /* Ensure it's properly positioned */
    border: none !important;
}

@media (max-width: 499.9px) {
.navbar-toggler{
    margin-left: 30px;
}
  }

.navbar-toggler:focus {
    box-shadow: none !important;
}

/* menu navbar collapse toggler settings */
@media (max-width: 1450px) {
:lang(hy) .navbar-toggler {
    display: block !important; /* Ensure the toggler is visible */
    order: -1; /* Move the toggler before the menu items */
 z-index: 1040; /* Ensure it's below the toggler */
  }

 :lang(hy)  .navbar-collapse {
    display: none; /* Hide the menu by default */
    position: absolute;
    top: 130px; /* Adjust this based on your header height */
    right: -200%; /* Initially move the menu off-screen */
    width: 100%;
    /*      transform: translateX(10%); */
    background-color: transparent; /* Set your background color */
    transition: right -2.3s ease; /* Add transition for smooth movement */
    text-align: center;
    margin-left: -50px;
  }

 :lang(hy)  .navbar-collapse.show {
    display: block; /* Show the menu when 'show' class is added */
    right: 0; /* Move the menu onto the screen */
  }

 :lang(hy)  .navbar-toggler:focus {
    outline: none;
  }

}

@media (max-width: 1199.9px) {
:lang(hy) .navbar-collapse {
transform: translateX(-2%);
}

:lang(hy) ul.navbar-nav li {
    position: relative;
    margin-left: -15px;
    margin-right:-15px;
}

}

@media (max-width: 991.9px) {
:lang(hy) .navbar-collapse {
transform: translateX(65%);
}

:lang(hy) .dropdown-menu{
    transform: translateX(0%);
}
}

@media (max-width: 767.9px) {
:lang(hy) .navbar-collapse {
transform: translateX(45%);
}
}

@media (max-width: 499.9px) {
:lang(hy) .navbar-collapse {
transform: translateX(37%);
}
}

@media (max-width: 1199.9px) and (min-width: 992px){
:lang(hy) .dropdown-menu{
    transform: translateX(10%);
}
}

@media (max-width: 991.9px) and (max-height: 650px) and (min-width: 600px){
:lang(hy) .dropdown-menu{
    transform: translate(-100%, -290px);
}
:lang(en) .dropdown-menu{
    transform: translate(-100%, -270px);
}
}

@media (max-width: 600px) and (max-height: 650px){
:lang(hy) .dropdown-menu{
    transform: translate(-30%, -290px);
}
:lang(en) .dropdown-menu{
    transform: translate(-50%, -270px);
}
}

@media (max-width: 1199.9px) {
:lang(en) .navbar-toggler {
    display: block !important; /* Ensure the toggler is visible */
    order: -1; /* Move the toggler before the menu items */
    z-index: 1040; /* Ensure it's below the toggler */
  }

 :lang(en)  .navbar-collapse {
    display: none; /* Hide the menu by default */
    position: absolute;
    top: 130px; /* Adjust this based on your header height */
    right: -200%; /* Initially move the menu off-screen */
    width: 100%;
    /*      transform: translateX(10%); */
    background-color: transparent; /* Set your background color */
    transition: right -2.3s ease; /* Add transition for smooth movement */
    text-align: center;
    transform: translateX(-6%)

  }

 :lang(en)  .navbar-collapse.show {
    display: block; /* Show the menu when 'show' class is added */
    right: 0; /* Move the menu onto the screen */
  }

 :lang(en)  .navbar-toggler:focus {
    outline: none;
  }

}

@media (max-width: 991.9px) {
:lang(en) .navbar-collapse {
transform: translateX(77%);
}

}

@media (max-width: 767.9px) {
:lang(en) .navbar-collapse {
transform: translateX(60%);
}
}

@media (max-width: 499.9px) {
:lang(en) .navbar-collapse {
transform: translateX(55%);
}
}

@media(max-width: 480px) {

    .logged-in header#header.active{
        top: 0;
    }
}
/* Slider */

.multilingual-text{
    font-size:50px;
}
@media screen and (max-width: 768px)  {
  .multilingual-text{
      font-size:30px;
  }
}
/**
.multilingual-text .text-pair {
  display: none;
}
.show {
  display: block;
}
*/

a.more-link {
    color: black !important;
}

.mySlides {
    display: none;
}

.mySlides video {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.mySlides {
    position: relative;
    height: 140vh;
}

.mySlides:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgba(0, 0, 0, 0.45); */
}

@media (max-width: 767.9px){

.mySlides {
    height: 85vh;
}
}

.slider-caption {
    position: absolute;
    top: 37%;
    left: 25%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
    width: 50%;
    text-align: center;
}

.slider-caption h2 {
    font-size: 50px;
    font-weight: bold;
}

.slider-caption p {
    font-size: 20px;
}

.slider-caption a {
    border: 1px solid;
    color: #fff;
    padding: 10px 20px;
    display: table;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    font-weight: 700;
}

.slider-caption a:hover {
    background-color: #d5ac63;
    border-color: #a3a3a3;
    color: #fff;
    text-decoration: none;
}

.caption-container p {
    margin: 0;
    padding: 8px;
}

.slider-section .column video {
    height: 80px;
    object-fit: cover;
}

.thumbnail-sec {
    width: 50%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
}

.home-image a>img{
    margin-top: 80px;
    width: 100%;
    height: auto;
    margin-bottom: -40px;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
    position: relative;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #d5ac63 !important;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    text-decoration: none;
}

/* Position the "next button" to the right */
.next {
    border-radius: 3px 0 0 3px;
    left: 50%;
}

.prev {
    right: 50%;
}

.toolbar-menu li a {
    color: black !important
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

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

    .slider-section .column video {
        height: 50px;
    }

    .slider-caption {
        width: 80%;
        left: 10%;
        top: 22%;
        margin-top: 12%;
    }

    .slider-caption h2 {
        font-size: 30px;
    }

    .mySlides video {
        object-position: center;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1030px)  {
    .slider-caption p {
        font-size: 14px;
    }
    .slider-caption h2 {
        font-size: 40px;
        font-weight: bold;
    }
}
/* Search */
.full-page-search {
    position: relative;
    background-color: #090F3A !important;
    width: 25px;
}

@media (min-width: 1450px) {
:lang(hy) .search-icon {
    padding: 10px 0 10px 1px !important;
}
}

.search-icon {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 5px;
    cursor: pointer;
    color: white !important;
}

.search-icon i {
    color: white !important;
}

.nofront-header .search-icon i {
    color: black !important;
}

.search-box {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.55);
    z-index: 20;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.search-content div#edit-actions {
    padding-top: 30px;
}

.search-content .js-form-type-search {
    width: 800px;
}

.search-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 60%;
    margin: 0 auto;
    -webkit-animation: slideDown 0.5s linear forwards;
    animation: slideDown 0.5s linear forwards;
    text-align: center;
}

.search-content .block-region {
    width: 100%;
}

.search-content .block-title {
    color: #ffffff;
}

.search-content form label {
    display: none;
}
@media (min-height: 400px) and (min-width:600px) {
.form-search {
  transform: translateY(-70px); /* Adjust the value to lift the input box */
}
}
.search-content input[type="search"] {
    width: 45%;
    padding: 1.4rem;
    background-color: #121212;
    color: #ffffff;
    border: 2px solid #3F3B3B;
    border-radius: 6px;
    outline: 0;
}

.search-content input[type="submit"] {
    padding: 1rem 2rem;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: white;

}

.search-content input[type="submit"]:hover {
    background-color: #d5ac63;
}

.search-close {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.search-icon a i:hover{
    color: #d5ac63 !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
}



.search-close:hover {
    color: #d5ac63;
}

/*Title*/
.layout-content.container .page-title h1 {
    font-size: 30px;
    padding-top: 10px;
    display: none;
}

.contextual-region h2 {
    display: none;
}

/*Content navigation*/

.link-start-of-line {
    color: black;
}

.link-end-of-line {
    color: black;
    float: right; /* Float the second link to the right */
}

.color {
    color: black; /* Set link color to black */
}

.color:hover {
    color: #c8c6c8; /* Set link color on hover */
}

/*Content*/
.content-title {
    text-align: center;
}

.container-center {
  text-align: center;
  margin-bottom: 15px;
}

.download-portfolio-pdf {
  background-color: black;
  color: white;
  padding: 10px 20px;
  font-size: 23px;
  text-align: center;
  display: inline-block;
  margin-right:10px;
}
@media (max-width:369.9px) {
.download-portfolio-pdf {
  margin-right:0px;
}
}

.download-portfolio-pdf a{
color: white;
}

.download-portfolio-pdf:hover {
opacity: 0.5;
}


 @keyframes wavy {
    0% { transform: translateY(0); }
    12% { transform: translateY(-10px); }
    24% { transform: translateY(-20px); }
    36% { transform: translateY(-10px); }
    48% { transform: translateY(0px); }
    60% { transform: translateY(10px); }
    73% { transform: translateY(20px); }
    86% { transform: translateY(10px); }
    100% { transform: translateY(0px); }
  }

  /* Keyframes for left-to-right movement
    @keyframes moveLeft {
      0% { transform: translateX(30%); }
      50% { transform: translateX(-8%); }
      100% { transform: translateX(30%); }
    }*/


 .wavy span:nth-child(1) { animation-delay: -0.4s; }
  .wavy span:nth-child(2) { animation-delay: -0.3s; }
  .wavy span:nth-child(3) { animation-delay: -0.2s; }
  .wavy span:nth-child(4) { animation-delay: -0.1s; }
  .wavy span:nth-child(5) { animation-delay: 0s; }
  .wavy span:nth-child(6) { animation-delay: 0.1s; }
  .wavy span:nth-child(7) { animation-delay: 0.2s; }
  .wavy span:nth-child(8) { animation-delay: 0.3s; }
  .wavy span:nth-child(9) { animation-delay: 0.4s; }
  .wavy span:nth-child(10) { animation-delay: 0.5s; }
  .wavy span:nth-child(11) { animation-delay: 0.6s; }
  .wavy span:nth-child(12) { animation-delay: 0.7s; }
  .wavy span:nth-child(13) { animation-delay: 0.8s; }
  .wavy span:nth-child(14) { animation-delay: 0.9s; }
  .wavy span:nth-child(15) { animation-delay: 1s; }
  .wavy span:nth-child(16) { animation-delay: 1.1s; }
  .wavy span:nth-child(17) { animation-delay: 1.2s; }
  .wavy span:nth-child(18) { animation-delay: 1.3s; }
  .wavy span:nth-child(19) { animation-delay: 1.4s; }
  .wavy span:nth-child(20) { animation-delay: 1.5s; }
  .wavy span:nth-child(21) { animation-delay: 1.6s; }
  .wavy span:nth-child(22) { animation-delay: 1.7s; }

  /* Apply wavy animation */
  .wavy span{
    display: inline-block;
    animation: wavy 3s ease-in-out infinite;
    font-size: 50px;
  }

  /* Apply left-to-right movement
    .moveLeft {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      animation: moveLeft 14s linear infinite;
      width: 100%;

    }
    .moveLeft span {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
    }

        <div class="moveLeft">
          <span class="wavy"><span>A</span><span>s</span><span>s</span><span>e</span><span>m</span><span>b</span><span>l</span><span>e</span><span>&nbsp;</span><span>D</span><span>i</span><span>s</span><span>a</span><span>s</span><span>s</span><span>e</span><span>m</span><span>b</span><span>l</span><span>e</span></span>&nbsp;&nbsp;&nbsp;
    <span class="wavy"><span>A</span><span>s</span><span>s</span><span>e</span><span>m</span><span>b</span><span>l</span><span>e</span><span>&nbsp;</span><span>D</span><span>i</span><span>s</span><span>a</span><span>s</span><span>s</span><span>e</span><span>m</span><span>b</span><span>l</span><span>e</span></span>
        </div>
        */

/* Cube */
.cube-container {
  perspective: 800px;
  width: 200px;
  height: 200px;
  margin: 150px auto;
  display: flex;
  gap: 500px;
  margin-left: 31%;
  margin-bottom: 220px;
}

.cube-container>div:first-child {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  animation: rotate 5s infinite linear;
}

.cube-container>div:nth-child(2) {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  animation: rotate2 5s infinite linear;
}

.side {
  position: absolute;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.front { transform: translateZ(100px); background-image: url('/themes/decorx/assets/images/cube_001.webp'); }
.back { transform: translateZ(-100px) rotateY(180deg); background-image: url('/themes/decorx/assets/images/cube_002.webp'); }
.left { transform: translateX(-100px) rotateY(-90deg); background-image: url('/themes/decorx/assets/images/cube_003.webp'); }
.right { transform: translateX(100px) rotateY(90deg); background-image: url('/themes/decorx/assets/images/cube_004.webp'); }

.front2 { transform: translateZ(-100px) rotateY(180deg); background-image: url('/themes/decorx/assets/images/cube_002.webp'); }
.back2 { transform: translateZ(100px); background-image: url('/themes/decorx/assets/images/cube_001.webp'); }
.left2 { transform: translateX(100px) rotateY(90deg); background-image: url('/themes/decorx/assets/images/cube_004.webp'); }
.right2 { transform: translateX(-100px) rotateY(-90deg); background-image: url('/themes/decorx/assets/images/cube_003.webp'); }

@keyframes rotate {
  from { transform: rotateY(0); }
  to { transform: rotateY(360deg); }
}

@keyframes rotate2 {
  from { transform: rotateY(360deg); }
  to { transform: rotateY(0); }
}

.cube-link {
    display: inline-block; /* Ensures the anchor takes the size of its contents */
    width: 250px; /* Adjust to match the width of the cube */
    height: 250px; /* Adjust to match the height of the cube */
}

@media (max-width:1399.9px) {
.cube-container {
  margin-left: 27%;
}
}

@media (max-width:1199.9px) {
.cube-container {
  margin-left: 28%;
    gap: 400px;
}
}

@media (max-width:1069.9px) {
.cube-container {
  margin-left: 30%;
    gap: 350px;
}
}

@media (max-width:991.9px) {
.cube-container {
  margin-left: 35%;
  margin-bottom: 200px;
}

.cube-container>div:nth-child(2){
 display: none;
 }
}

@media (max-width:767.9px) {
.cube-container {
  margin-left: 30%;
}
}

@media (max-width:499.9px) {
.cube-container {
  margin-left: 20%;
}
}

/* Social Icons */
.social-links {
    display: flex;
    gap: 10px;
}

.social-links a {
    margin-bottom:5px;
    color: black;
    background-color: white;
}

.social-links a:hover {
    color: #9c9b95;
}
/* Contact Icons */
.social-links {
    display: flex;
    gap: 10px;
}
.contact-links{
    margin-top: 10px;
}
.contact-links a {
    margin-bottom:5px;
    color: black;
}

.contact-links a:hover {
    color: #9c9b95;
}

.icon-size {
  font-size: 30px;
}
/* Footer */
p.footer-para {
    font-weight: bold;
}

.footer-content.position-relative {
    background-color: #807D7D; /*grey; #9c9b35; */
}

.footer-content.position-relative p.decorx-about {
    color: white;
    font-size: 15px;
    padding-top: 12px;
}

span#displayYear {
    color: #9c9b95;
}

.fl {
    padding: 80px 0 60px 0;
}

.footer-content h2 {
    font-size: 30px;
    color: white;
    font-weight: bold;
}

.footer-content ul {
    margin-left: -15px;
    color: white;
    padding-top: 12px;
    font-size: 15px;
}

.footer-links a.subscribe{
    position: absolute;
    left: 89%;
    bottom: 49%;
}

.footer-links input.form-control{
    width: 86%;

}

.footer-legal {
    padding-top: 15px;
}
a.btn.btn-light:hover {
    background-color: #9c9b95;
    color: black;
}
@media(max-width: 480px) {
    span#displayYear:after{
        content: "\a";
        white-space: pre;
    }
    .footer-links{
        max-width: 100%;
        width: 300px;
        max-width: 100%;
        overflow: hidden;
        /* height: 150px; */
        /* color: red; */
        padding: 0px 40px 0 40px !important;
    }
    .footer-links input.form-control{
        width: 62%;
    }
    .footer-links a.subscribe{
        position: absolute;
        bottom: 8%;
        left: 64.5%;
    }
    .fl {
        padding: 36px 0 36px 0;
    }
    .mt{
        margin-top: 30px !important;
    }
    .footer-links ul{
        margin-bottom: 0;
        font-size: 14px;
    }
    .footer-content h2{
        margin-bottom: 0;
    }
    .footer-links .form-group{
        padding-top: 12px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 576px)  {
    span#displayYear:after{
        content: "\a";
        white-space: pre;
    }
    .footer-links{
        max-width: 100%;
        width: 300px;
        max-width: 100%;
        overflow: hidden;
        /* height: 150px; */
        /* color: red; */
        padding: 0px 35px 0 35px !important;
    }
    .footer-links input.form-control{
        width: 74%;
    }
    .footer-links a.subscribe{
        position: absolute;
        bottom: 8.5%;
        left: 75%;
    }
    .fl {
        padding: 36px 0 36px 0;
    }
    .mt{
        margin-top: 30px !important;
    }
    .footer-links ul{
        margin-bottom: 0;
        font-size: 14px;
    }
    .footer-content h2{
        margin-bottom: 0;
    }
    .footer-links .form-group{
        padding-top: 12px;
    }
}
@media only screen and (min-width:576px) and (max-width: 768px)  {
    span#displayYear:after{
        content: "\a";
        white-space: pre;
    }
    .footer-links{
        max-width: 100%;
        width: 300px;
        max-width: 100%;
        overflow: hidden;
        /* height: 150px; */
        /* color: red; */
        /* padding: 0px 35px 0 35px !important; */
    }

    .fl {
        padding: 36px 0 36px 0;
    }
    .mt{
        margin-top: 30px !important;
    }
    .footer-links ul{
        margin-bottom: 0;
        font-size: 14px;
    }
    .footer-content h2{
        margin-bottom: 0;
    }
    .footer-links .form-group{
        padding-top: 12px;
    }
    .footer-links input.form-control{
        width: 100%;
    }
    .footer-links a.subscribe{
        position: absolute;
        left: 77%;
        bottom: 8.9%;
    }
}

.partners_logo {
    margin-left: 25px;
    display: flex;
    justify-content: center; /* Center the <ul> within the container */
    padding: 0; /* Ensure no padding on the container */
}

.partners_logo ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center; /* Center the <li> elements within the <ul> */
    align-items: center; /* Vertically center the <li> elements */
    margin-bottom: -65px; /* Adjust this value for vertical space */
}

.partners_logo ul > li {
    margin-right: 35px; /* Adjust this value for horizontal space */
    margin-bottom: 15px; /* Adjust this value for vertical space */
    width: auto;
}
.partners_logo ul > li:last-child {
    margin-right: 0; /* Remove the right margin for the last <li> */
}

.partners_logo ul > li > img {
    display: block;
    height:100px;
}

@media only screen and (max-width: 1199.9px){
    .partners_logo ul {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 991.9px){
    .partners_logo ul>li:nth-child(4) {
        margin-left: -20px;
    }

}

@media only screen and (max-width: 768.9px){
    .partners_logo ul {
     margin-top: 55px;
     margin-bottom: 15px;
    }
.partners_logo ul > li > img {
    height:80px;
}
.partners_logo {
     margin-bottom: -25px;
}
}

@media only screen and (max-width: 445.9px){
    .partners_logo ul {
     margin-top: 35px;
     margin-bottom: 15px;
    }
.partners_logo ul > li > img {
    height:60px;
}

}

@media only screen and (max-width: 368.9px){
    .partners_logo ul {
     margin-bottom: 5px;
    }

.partners_logo ul > li > img {
    height:50px;
}

}

/* @media only screen and (min-width: 769px) and (max-width: 1030px)  {
    .footer-links input.form-control{
        width: 74%;
    }
    .footer-links a.subscribe{
        position: absolute;
        bottom: 8.5%;
        left: 75%;
    }
} */