/*
Theme Name: Tafato Group
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1741941395
Updated: 2025-03-14 10:36:35

*/
@media screen and ( max-width: 980px ) { .reversed { display: flex; flex-direction: column-reverse; }}
.mobile_menu_bar:after {
 position: relative !important;
 content: 'MENU';
font-size: 18px;
font-weight: 500;
font-family: 'Open Sans', Georgia, "Times New Roman", serif;
 bottom: 6px;
 left: 10%;
 color: #143c90;
}
/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
/* Change X icon color - change #000 to your desired color */
.mobile_nav.opened .mobile_menu_bar:before {
color: #000;
}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}
/* Center-align moble menu items */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth with 90% row width */
.et_mobile_menu {
min-width: 100vw;
margin-left: -5vw;
	left: -80px;
}
/* Make the mobile menu full height */
.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
}
/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}
.gq_r_fixed_buttons .et_pb_column {
padding-bottom:30px;}
.gq_r_fixed_buttons .et_pb_button_module_wrapper {
 position: absolute;
padding-top:30px;
bottom: 20px;
left: 0;
right: 0;
margin: auto;}
.et_pb_menu .et_pb_menu__menu>nav>ul>li {
    position: relative;
    -webkit-box-align: center;
    align-items: anchor-center;
    margin: 0;
}
/* width of the sidebar */
::-webkit-scrollbar {
width: 15px;
}
/* Scrollbar Track */
::-webkit-scrollbar-track {
background: #eeeeee;
border-radius: 0px;
}
/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
background: #143c90;
border-radius: 0px;
}
/* Scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #143c90;
}
/*add text to the back to top button*/
body .et_pb_scroll_top:after {
	content: "Back To Top" !important;
	font-family: Urbanist, sans-serif !important;
	color: #072130!important;
	text-transform:uppercase;
	font-weight: 400;
	line-height: 20px !important;
	font-size: 16px !important;
	position: relative;
	top: -2px;
	margin-left: 10px !important;
}
/*style and position the back to top button*/
body .et_pb_scroll_top {
    background-color: #eeeeee !important;
    color: #000 !important;
    padding: 10px 20px 10px 10px !important;
    right: -43px !important;
    bottom: 85px !important;
    border-radius: 0px !important;
    transform: rotate(-90deg);
}
.et_pb_scroll_top:before {
 display: none !important;
}
.et_pb_scroll_top.et-pb-icon {
 display:none;
}
.dd-me-025 nav > ul > li > a:hover {
    opacity: 1 !important;
}

.dd-me-025 nav > ul > li > a > span {
    position: relative;
}

.dd-me-025 nav > ul > li > a > span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #143c90; /* Set the color/hovered color */
    top: -7px;
    left: 0;
    -webkit-transition: width .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: width .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: width .4s ease-in-out, transform .4s ease-in-out;
    transition: width .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.dd-me-025 nav > ul > li:hover > a > span:before {
    width: 50%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.dd-me-025 nav > ul > li > a > span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #143c90; /* Set the color/hovered color */
    bottom: -7px;
    right: 0;
    -webkit-transition: width .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: width .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: width .4s ease-in-out, transform .4s ease-in-out;
    transition: width .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.dd-me-025 nav > ul > li:hover > a > span:after {
    width: 50%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dd-me-025 nav > ul > li.current-menu-item > a > span:before {
    width: 50%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.dd-me-025 nav > ul > li.current-menu-item > a > span:after {
    width: 50%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dd-me-025 nav > ul > li.current-menu-item > a {
    color: #ff6e77!important; /* Set the color/hovered color */
}
.hvimage {
 animation: mymove 5s infinite;
}

@keyframes mymove {
 0%{top:0px;}
 50%{top:20px;}
 100%{top:0px;}
}

.hvimage1 {
 animation: mymove1 7s infinite;
}

@keyframes mymove1 {
 0%{top:0px;}
 50%{top:30px;}
 100%{top:0px;}
}

.hvimage2 {
 animation: mymove2 6s infinite;
}

@keyframes mymove2 {
 0%{top:0px;}
 50%{top:15px;}
 100%{top:0px;}
}