/*!
Theme Name: Apptec360 Knowledgebase
Theme URI: https://apptec360.com/
Author: ColorWhistle
Author URI: https://colorwhistle.com/
Description: apptec website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apptec
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

:root{
	--primary-color: #2690cd;
	--primary-dark-color: #006da3;
	--primary-light-color: #71a3bc;
    --secondary-color: #f1d600;
   --dark-heading-color: #000000;
    --dark-color: #636363;
	--light-color: #FFFFFF;
	--grey-color: #444444;
	--hover-grey-color: #555555;
	--border-dark-color: #CCCCCC;
	--border-light-color: #f9f9f9;
	--border-color: #EEEEEE;
}

*, *:after, *:before  { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0; }
* { font-family: 'Roboto', sans-serif; }
body{color: var(--dark-color); font-family: 'Roboto', sans-serif; font-size: 15px; line-height:1.43; -webkit-font-smoothing: subpixel-antialiased !important;}
.post, .page{margin: 0;}
a{outline:none !important;font-size:15px;text-decoration:none !important;color:var(--dark-color);}
a:hover{color:var(--dark-color);}
ol, ul,h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{margin-bottom:10px; color: var(--dark-color);}
section{position: relative; width:100%; padding:20px 0px;background-color:var(--light-color);}
section.no-padding{padding:0px;}
.row.row-reverse{flex-direction: row-reverse;}
#page { z-index: 0; position: relative;}
header .row { justify-content: center; }
.container { width:100%; max-width: 1170px; margin: 0 auto; padding: 0px 15px; }
.ct-menu-section{display: flex; align-items: flex-end; justify-content: space-between;padding:8px 0px 12px 0px;margin-left:-15px;margin-right:-15px;}

/* bootstrap base style */

.container,.container-fluid {--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:1400px){.container{max-width:1320px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:576px){.container{max-width:540px}}

.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--bs-gutter-y) * -1);margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
.row>*{padding-right:10px; padding-left: 10px;}

.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}

/* accordian css */
.accordion { --bs-accordion-color: #212529; --bs-accordion-bg: #fff; --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: 1px; --bs-accordion-border-radius: 0.375rem; --bs-accordion-inner-border-radius: calc(0.375rem - 1px); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: #212529; --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529' stroke='%23212529' stroke-width='0.5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4' stroke='%230c63e4' stroke-width='0.5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: #86b7fe; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: #0c63e4; --bs-accordion-active-bg: #e7f1ff; }
  
  .accordion-button {position: relative;display: flex;align-items: center;width: 100%;padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size: 1rem;color: var(--bs-accordion-btn-color);text-align: left;background-color: var(--bs-accordion-btn-bg);border: 0;border-radius: 0;overflow-anchor: none;transition: var(--bs-accordion-transition);}

  @media (prefers-reduced-motion: reduce) {
	.accordion-button {transition: none;}
  }

  .accordion-button:not(.collapsed) {color: var(--bs-accordion-active-color);background-color: var(--bs-accordion-active-bg);
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
  .accordion-button:not(.collapsed)::after {background-image: var(--bs-accordion-btn-active-icon);transform: var(--bs-accordion-btn-icon-transform);}
  .accordion-button::after {flex-shrink: 0;width: var(--bs-accordion-btn-icon-width);height: var(--bs-accordion-btn-icon-width);
	margin-left: auto;content: "";background-image: var(--bs-accordion-btn-icon);background-repeat: no-repeat;background-size: var(--bs-accordion-btn-icon-width);transition: var(--bs-accordion-btn-icon-transition);}

  @media (prefers-reduced-motion: reduce) {
	.accordion-button::after {transition: none;}
  }

  .accordion-button:hover {z-index: 2;}
  .accordion-button:focus {z-index: 3;border-color: var(--bs-accordion-btn-focus-border-color);outline: 0;box-shadow: var(--bs-accordion-btn-focus-box-shadow);}
  .accordion-header {margin-bottom: 0;}
  .accordion-item {color: var(--bs-accordion-color);background-color: var(--bs-accordion-bg);border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);}
  .accordion-item:first-of-type {border-top-left-radius: var(--bs-accordion-border-radius);border-top-right-radius: var(--bs-accordion-border-radius);}
  .accordion-item:first-of-type .accordion-button {border-top-left-radius: var(--bs-accordion-inner-border-radius);
	border-top-right-radius: var(--bs-accordion-inner-border-radius);}
  .accordion-item:not(:first-of-type) {border-top: 0;}
  .accordion-item:last-of-type {border-bottom-right-radius: var(--bs-accordion-border-radius);
	border-bottom-left-radius: var(--bs-accordion-border-radius);}
  .accordion-item:last-of-type .accordion-button.collapsed {border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
	border-bottom-left-radius: var(--bs-accordion-inner-border-radius);}
  .accordion-item:last-of-type .accordion-collapse {border-bottom-right-radius: var(--bs-accordion-border-radius);
	border-bottom-left-radius: var(--bs-accordion-border-radius);}
  .accordion-body {padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);}
  .accordion-flush .accordion-collapse {border-width: 0;}
  .accordion-flush .accordion-item {border-right: 0;border-left: 0;border-radius: 0;}
  .accordion-flush .accordion-item:first-child {border-top: 0;}
  .accordion-flush .accordion-item:last-child {border-bottom: 0;}
  .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 0;}
  fade {transition: opacity 0.15s linear;}

  @media (prefers-reduced-motion: reduce) {
	.fade {transition: none;}
  }

  .fade:not(.show) {opacity: 0;}
  .collapse:not(.show) {display: none;}  
  .collapsing {height: 0;overflow: hidden;transition: height 0.35s ease;}

  @media (prefers-reduced-motion: reduce) {
	.collapsing {transition: none;}
  }

  .collapsing.collapse-horizontal {width: 0;height: auto;transition: width 0.35s ease;}

  @media (prefers-reduced-motion: reduce) {
	.collapsing.collapse-horizontal {transition: none;}
  }

.otgs-development-site-front-end { display: none !important; }
.wpml-ls-legacy-dropdown a { display: flex; align-items: center; padding: 10px; text-decoration: none !important;} 
.wpml-ls-legacy-dropdown a img { margin-bottom: 0; }
#apptec_lang { max-width: 150px; }
#apptec_lang ul { padding: 0 !important; }

/** Footer Starts **/
footer#colophon{background-color: var(--dark-color); width: 100%; padding: 50px 0px 0px 0px;color:var(--light-color); position: relative;}

/** Go To Top **/
#gototop {position: fixed;bottom: 40px;right: 40px; display: flex;align-items: center; justify-content: center;width: 40px;height: 40px;text-align: center;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;opacity:0.8;}
#gototop.show {visibility: visible;opacity:1;}
#gototop:hover {cursor: pointer;opacity:1;}
#gototop:active {opacity:1;} 

header#masthead{width: 100%; padding: 0px; background: transparent;}
header#masthead .top_header{background:var(--tertiary-color);padding: 15px 0px;}
header#masthead .bottom_header{background:var(--primary-color);padding: 0px;}
header#masthead img.custom-logo {max-width: 220px; height: 40px;margin:0px;}
footer#colophon{display:none;}

h1, h1 a { font-weight: 400; font-size: 26px !important; border-left: 4px solid var(--dark-color); color: var(--dark-color); line-height: 38px; padding-left: 10px; margin-bottom: 15px; }
h2, h2 a { color: var(--primary-dark-color); font-size: 23px !important; font-weight: 400; border-left: 4px solid var(--primary-dark-color); line-height: 30px; padding-left: 10px; margin-bottom: 15px; }
h3, h3 a { color: var(--dark-color); font-size: 21px !important; font-weight: 400; border-left: 4px solid var(--primary-color); line-height: 28px; padding-left: 10px; margin-bottom: 15px; }
h4, h4 a { color: var(--dark-color); font-size: 19px !important; font-weight: 400; border-left: 4px solid var(--primary-light-color); line-height: 26px; padding-left: 10px; margin-bottom: 15px; }
h5, h5 a { color: var(--dark-color); font-size: 16px !important; font-weight: 400; border-left: 4px solid var(--dark-color); line-height: 21px; padding-left: 10px; margin-bottom: 15px; }
ul,ol,ul li,ol li,p,img{margin-bottom:13px; font-size:15px !important;}
@media print {
	header,footer{display:none !important;}
	.pagebreak-after{page-break-after: always;}
.pagebreak-before{page-break-before: always;}
}
@media print, screen {
  .pagebreak-before {
    page-break-before: always;
  }
  
  .pagebreak-after {
    page-break-after: always;
  }
}
p a, ul li a { color: var(--primary-color); text-decoration: underline !important; }
#page ul,#page ol{margin-bottom:15px;padding-left:40px;display:flex;flex-direction:column;}
table.tablepress{margin-bottom:20px;}
table.tablepress *{color:var(--dark-color);vertical-align: middle;}
table.tablepress td{padding:3px;}
table:not(.highlighted_table) td { background: transparent !important; border: 1px solid #555; }
table:not(.highlighted_table) td br{display:none;}
table:not(.highlighted_table) td p{margin:0px;}
table.highlighted_table td { text-align: center; border:0px; }
table.highlighted_table td p { margin: 0; } 
table.highlighted_table td br { display: none; }
table.highlighted_table .row-1,table.highlighted_table .row-5,table.highlighted_table .row-8,table.highlighted_table .row-10,table.highlighted_table .row-12,table.highlighted_table .row-14{background-color:var(--border-light-color);}
figure.wp-block-image.aligncenter { text-align: center; width: 100%; }

.heading_title { margin: 0; } 
.heading1,.heading1 a { font-size: 23px !important; line-height:34px; }
.heading2,.heading2 a { margin-left: 15px; font-size: 19px !important; line-height:28px; } 
.heading3,.heading3 a { margin-left: 30px; font-size: 17px !important;line-height:25px; } 
.heading4,.heading4 a { margin-left: 45px; font-size: 16px !important;line-height:24px; } 
.heading5,.heading5 a { margin-left: 60px; font-size: 14px !important;line-height:22px; } 
.heading6,.heading6 a { margin-left: 75px; font-size: 12px !important;line-height:20px; }
.heading1 a,.heading2 a,.heading3 a,.heading4 a,.heading5 a,.heading6 a{padding-left:0px !important;border:0px !important;margin-left:0px !important;}
h1.wp-block-heading.normal_heading { border: 0 !important; padding-left: 0 !important; margin-bottom: 15px !important; }
.innerpage_content{padding:0px !important;}

/*sidebar*/
.single-sidebar .accordion-button{padding: 0 10px; max-width: 50px; cursor: pointer;}
.single-sidebar .accordion-button:not(.collapsed){background-color: unset;}
.single-sidebar .accordion-button:focus{border-color: unset; box-shadow: unset;}
.single-sidebar .accordion-header{display: flex; justify-content: space-between; margin-bottom: 10px;}
.single-sidebar h1 a, .single-sidebar h2 a, .single-sidebar h3 a, .single-sidebar h4 a, .single-sidebar h5 a{font-size: 17px !important; line-height:23px; margin-bottom: 5px; color: var(--dark-color); border-left: unset; padding-left: 0;}
.single-sidebar h5 a{font-size: 16px !important;line-height: 18px;}
.sidebar.single-sidebar{height: calc(100vh - 70px); overflow-y:auto;}
.single-sidebar a{display: inline-block;}
.single-sidebar h1, .single-sidebar h2, .single-sidebar h3, .single-sidebar h4, .single-sidebar h5{padding-left: 0; border-left:unset;}
.single-sidebar h3,.single-sidebar h2,.single-sidebar h1{font-size: 17px !important; line-height: 23px;color:var(--dark-color);}
.single-sidebar .accordion-button::after{background-size: 15px;}
.single-sidebar .accordion-body { padding-top: 10px; padding-bottom: 10px; }
.single-knowledgebase .content h1, .single-knowledgebase .content h2, .single-knowledgebase .content h3, .single-knowledgebase .content h4,.single-knowledgebase .content h5{border-left:unset; padding-left: 0;}
.single-sidebar::-webkit-scrollbar { width: 6px; }
.single-sidebar::-webkit-scrollbar-track { background: #f1f1f1; }
.single-sidebar::-webkit-scrollbar-thumb { background: #006da3; }
.single-sidebar::-webkit-scrollbar-thumb:hover { background: #555; }
.item-list h1{font-size: 17px !important; line-height: 23px;}
/*end of sidebar*/

.cover_heading { font-weight: 400; padding-left: 0px; margin-bottom: 5px; border-left: 0; color: var(--dark-color); }
h2.cover_heading { font-size: 26px !important; line-height: 40px;padding-top:30px !important; } 
h3.cover_heading { font-size: 22px !important; line-height: 32px; margin-bottom: 35px; } 


/* .heading_title { display: flex; align-items: baseline; box-sizing: border-box; width: 100%; position: relative; }
.heading_title a { display: inline-block; width: fit-content; margin-bottom: 0; min-width: fit-content; }
.heading_title::after { margin-left: 5px; background-image: url(https://www.cwdev.apptec360.com/wp-content/uploads/2024/05/grey-box-repeater.png); background-size: contain; background-position-x: right; height: 3.25px; content: " "; width: 100%; display: inline-block; min-width: fit-content; background-repeat: repeat; }
h2.heading_title.heading2::after { background-image: url(https://www.cwdev.apptec360.com/wp-content/uploads/2024/05/blue-box-repeater.png); height:2.5px; }
.heading_title.heading3::after { height: 2px; }
.heading_title.heading4::after,.heading_title.heading5::after { height: 1.75px; }
h2.heading_title.heading2 { width: calc(100% - 15px); } 
h3.heading_title.heading3 { width: calc(100% - 30px); } 
h4.heading_title.heading4 { width: calc(100% - 45px); } 
h5.heading_title.heading5 { width: calc(100% - 60px); } */

.heading_title {display: flex;align-items: flex-end;box-sizing: border-box;width: 100%;position: relative;--dot-size: 4px;--dot-spacing: 6px;}
.heading_title a { display: inline-block; width: fit-content; margin-bottom: 0; min-width: fit-content; }
.sheading_title::after {height: 15px;width: 100%;display: inline-block;min-width: fit-content;content: " ";flex-grow: 1;background-image: repeating-linear-gradient(90deg, var(--dark-color) 0, var(--dark-color) 4px, transparent 4px, transparent calc(6px + 4px));background-repeat: no-repeat;background-position: bottom 0.5rem left 0.5rem;background-size: 100% 4px;}
h2.heading_title.heading2::after {background-image: repeating-linear-gradient(90deg, var(--primary-dark-color) 0, var(--primary-dark-color) 3px, transparent 3px, transparent calc(5px + 3px));background-size: 100% 3px;}
.heading_title.heading3::after {
    background-image: repeating-linear-gradient(90deg, var(--dark-color) 0, var(--dark-color) 2.5px, transparent 2.5px, transparent calc(4px + 2.5px));
    background-size: 100% 2.5px;
}
.heading_title.heading4::after,.heading_title.heading5::after {background-image: repeating-linear-gradient(90deg, var(--dark-color) 0, var(--dark-color) 2px, transparent 2px, transparent calc(3px + 2px));background-size: 100% 2px;}
h2.heading_title.heading2 { width: calc(100% - 15px); } 
h3.heading_title.heading3 { width: calc(100% - 30px); } 
h4.heading_title.heading4 { width: calc(100% - 45px); } 
h5.heading_title.heading5 { width: calc(100% - 60px); }

.search_wrap { margin-bottom: 20px; }
.search_wrap form#searchform { position: relative; max-width:600px; }
.search_wrap form#searchform input#s { display: block; width: 100%; padding: 6px 12px 6px 12px; font-size: 14px; line-height: 1.428571429; color: var(--dark-color); border: 1px solid var(--grey-color); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none !important; -webkit-transition: none; transition: none; position: relative; z-index: 0; height: 38px; } 
.search_wrap button#searchsubmit { border-radius: 0 5px 5px 0; padding: 5px 15px; text-shadow: none; font-size: 1.1em; display: block; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: absolute; right: -1px; z-index: 1; margin-top: -48px; background: center center no-repeat var(--primary-color); color: var(--light-color); font-weight: 400; cursor: pointer; width: 38px; text-indent: -2000px; height: 38px; background-image: url(../../../wp-content/uploads/2024/09/chevron-right_ffffff_16.png) !important; border: 1px solid var(--primary-color); bottom: 0; } 

.search_section { height: calc(100vh - 65px); align-items: center; display: flex; justify-content: center; }
.search_section .search_wrap form#searchform { margin: 0 auto; }
@media print { .no-print, .no-print * { display: none !important; } }

.download_pdf_wrap { margin-bottom: 30px; }
.download_pdf_wrap a.button-primary { color: #fff; border: 1px solid #2690cd; background: #006da3; font-size: 15px; padding: 14px 20px; border-radius: 5px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: normal; box-shadow: none; text-align: center; } 
.download_pdf_wrap a.button-primary:hover { background-color: #6dab3c !important; border-color: #6dab3c; }

.blog_listing_content article { margin-bottom: 30px; }
.blog_listing_content article p { font-size: 14px !important; font-style: italic; }
.blog_listing_content article h4 { margin-bottom: 5px; }
.blog_listing_content article a:hover h4 { color: var(--primary-color) !important; }
table.tablepress caption { display: none; }
html[data-darkreader-mode="dynamic"] .accordion-button::after, html[data-darkreader-scheme="dark"] .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='0.5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

ul.wpml-ls-sub-menu { overflow-y: scroll; }
ul.wpml-ls-sub-menu::-webkit-scrollbar { width: 6px; }
ul.wpml-ls-sub-menu::-webkit-scrollbar-track { background: #f1f1f1; }
ul.wpml-ls-sub-menu::-webkit-scrollbar-thumb { background: #006da3; }
ul.wpml-ls-sub-menu::-webkit-scrollbar-thumb:hover { background: #555; }

body.rtl h1, body.rtl h1 a, body.rtl h2, body.rtl h2 a, body.rtl h3,body.rtl  h3 a, body.rtl h4, body.rtl h4 a, body.rtl h5, body.rtl h5 a{padding-right: 10px;padding-left: 0; border-left:0px;}
body.rtl h1{border-right: 4px solid var(--dark-color);}
body.rtl h2{border-right: 4px solid var(--primary-dark-color);}
body.rtl .heading2, body.rtl .heading2 a{margin-right: 15px;}
body.rtl h3{border-right: 4px solid var(--primary-color);} 
body.rtl .heading3, body.rtl .heading3 a{margin-right:30px;}
body.rtl h4 {border-right: 4px solid var(--primary-light-color)} 
body.rtl .heading4, .heading4 a{margin-right: 45px;}
body.rtl h5{border-right: 4px solid var(--dark-color);}
body.rtl  .heading5, body.rtl  .heading5 a{margin-right: 60px;}
body.rtl .heading1 a, body.rtl .heading2 a, body.rtl .heading3 a, body.rtl .heading4 a, body.rtl .heading5 a, body.rtl .heading6 a {padding-right: 0px !important;border: 0px !important;margin-right: 0px !important;}
body.rtl h2.wp-block-heading, body.rtl h3.wp-block-heading{border:0px;}
body.rtl .ct-menu-section { flex-direction: row-reverse; }
body.rtl form#searchform #searchsubmit{left:0;right:unset;transform: rotate(180deg);}
body.rtl #page ul, body.rtl #page ol{padding-right: 40px;}

@media screen and (min-height: 1301px) {
    ul.wpml-ls-sub-menu {
        height: auto; /* Set the fixed height */
    }
}

@media screen and (max-height: 1300px) {
    ul.wpml-ls-sub-menu {
        height: 1000px; /* Set the fixed height */
    }
}

@media screen and (max-height: 1200px) {
    ul.wpml-ls-sub-menu {
        height: 800px; /* Set the fixed height */
    }
}

@media screen and (max-height: 1000px) {
    ul.wpml-ls-sub-menu {
        height: 700px; /* Set the fixed height */
    }
}

@media screen and (max-height: 800px) {
    ul.wpml-ls-sub-menu {
        height: 500px; /* Set the fixed height */
    }
}

span.mwai-text * { color: #ffffff !important; }