/* CUSTOM CSS */
.invalid-feedback {

}

.arrow-top{border-top: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #0038c1;border-left: 10px solid transparent;position: absolute;top: -5px;right: 10px;}

/* ASPECT RATIO */
.aspect-banner{aspect-ratio: 1 / 0.12;}

.fix-ul-box ul {
    list-style-type: unset;
    padding-left: 20px;
}

#menu.fix-menu {
    display: flex;
    width: 100%;
    justify-content: center;
    left: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
#menu .menu-item:hover > div.menu-sub1 {
    display: flex;
}
#menu .menu-item-sub1:hover .menu-sub2 {
    display: flex;
}
#menu .menu-item-sub2:hover .menu-sub3 {
    display: flex;
}
.menu-sub2 > li:hover > a {
    color: #0c155a;
}
.menu-sub3 > li:hover > a {
    color: #0c155a;
}


/* MENU */
.menuMain li{position: relative;}
.menuMain li >ul{ position: absolute; top:100%; width:318px; background: #fff; z-index: 99999; visibility: hidden; opacity: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.menuMain ul li a{color:#020202;font-size: 16px;padding:10px 65px 10px 30px;display: block;font-weight: 600;border-bottom: 1px solid #C3C5C2;position:relative;transition:all ease 0.5s;}
.menuMain ul li:hover >a{color:#E3B134;}
.menuMain ul li:last-child a{border: none;}
.menuMain ul li a:after{content:'';position:absolute;width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.43 18.07L20.5 12L14.43 5.92999' stroke='%23E3B134' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.50008 12L20.3301 12' stroke='%23E3B134' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");right:30px;top:calc(50% - 12px);opacity:0;transition:all ease 0.5s;}
.menuMain ul li a:hover:after{opacity:1}

.menuMain li:hover >ul{opacity: 1;visibility: visible;}
.menuMain ul li >ul{position: absolute;opacity: 0;visibility: hidden;top: 0;left: 100%;background: #0038c1; z-index: 99999; transition: all ease 0.3s; }

:root {
    --color-main: #fff;
}

/* TEXT GRADIENT */
.text-gradient1{background: radial-gradient(#B98127, #1D1D1D);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.form-newsletter-input{width: 100%; background: #D8BF26 !important; height: 40px; border-radius: 3px !important; border: none; color: #3F2121;font-family: 'SVN-Gilroy';}
.form-newsletter-input::placeholder{color: #3F2121;}
.form-newsletter-submit{position: absolute;right:20px;top:8px;}
.form-newsletter-submit input{position: absolute;width: 100%;height: 100%;top: 0;left:0;}


/* BREAK POINT */
@media screen and (max-width: 1890px) {
    
}
@media screen and (max-width: 1700px) {
    /*BACKGROUND*/
    
}

@media screen and (max-width: 1580px) {
    
}

@media screen and (max-width: 1440px) {
    
}

@media screen and (max-width: 1365px) {
    
}

@media screen and (max-width: 1250px) {
    
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
    
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 815px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 700px) {
    
}

@media screen and (max-width: 640px) {
    
}

@media screen and (max-width: 500px) {
    
}

@media screen and (max-width: 450px) {
    
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 360px) {
}
