@charset "utf-8";



.submenu-tab-list li a:hover,

.submenu-tab-list li.active a,

.submenu-tab-list li.active a:hover {

    background: #f0f3ff;

    color: #000 !important

}



.submenu .submenu-body,

.top-header .top-header-body,

header.main-header .header-body {

    margin: 0 auto;

    max-width: 1380px;

    display: flex

}



header.main-header,

header.main-header.header-down {


    transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    -ms-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out

}



.company-menu-list,

.submenu {

    visibility: hidden;

    opacity: 0;

    left: 0

}



.company-menu-list ul li a {

    font-size: 14px;

    display: flex;

    align-items: center;

    gap: 10px;

    letter-spacing: .4px;

    margin-bottom: 0

}



header.main-header {

    margin: 0;

    padding: 0 0 22px;

    position: relative;

    background: var(--whitecolor);

    z-index: 9999;

    max-height: 145px

}



header.main-header.header-down {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%

}



header.main-header .header-body {

    padding: 0 30px;

    align-items: center;

    justify-content: space-between;

    gap: 0 5%

}



header.main-header .header-body .header-logo {

    margin: 0;

    padding: 0;

    position: relative;

    max-width: 180px;

    width: 100%

}



header.main-header .header-body .header-menu {

    margin: 0;

    padding: 0;

    gap: 20px;

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: flex-end

}



header.main-header .header-body .main-menu ul {

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    gap: 0 20px

}



header.main-header .header-body .main-menu ul li {

    margin: 0;

    padding: 0;

    display: inline-flex

}



header.main-header .header-body .main-menu ul li p {

    margin: 0;

    padding: 0;

    font-size: 14px;

    color: var(--blackcolor);

    font-weight: 500;

    display: inline-flex;

    align-items: center;

    line-height: normal;

    cursor: pointer

}



header.main-header .header-body .main-menu ul li p.submenu-link {

    padding: 0 20px 0 0;

    position: relative;

    transition: .3s ease-in-out

}



header.main-header .header-body .main-menu ul li p.submenu-link:before,

li.company-menu>p:before {

    position: absolute;

    content: '\f107';

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height: fit-content;

    font-family: "Font Awesome 6 Free";

    font-size: 11px;

    font-weight: 600;

    color: #8d8d8d;

    transition: .3s ease-in-out

}



.main-menu ul li.active p.submenu-link:before {

    transform: rotate(180deg)

}



header.main-header .header-body .main-menu ul li p:hover {

    color: #0069ef

}



.top-header {

    margin: 0 0 22px;

    padding: 7px 0;

    position: relative;

    background: #fff;

    border-bottom: 1px solid #efefef

}



.top-header .top-header-body {

    padding: 0 30px;

    align-items: center;

    justify-content: flex-end

}



.top-header-left ul,

.top-header-left ul li a {

    padding: 0;

    position: relative;

    align-items: center;

    margin: 0;

    display: flex

}



.top-header-left ul {

    gap: 0 10px

}



.top-header-left ul li {

    margin: 0 10px 0 0

}



.s-tab-right-box,

.top-header-left ul li:last-child,

.top-header-left ul li:nth-child(4) {

    margin: 0

}



.top-header-left ul li a {

    gap: 0 5px;

    font-size: 13px;

    color: #000;

    font-weight: 600

}



.header-contant,

.top-header-left ul li a i {

    align-items: center;

    padding: 0;

    position: relative

}



.top-header-left ul li a i {

    margin: 0;

    width: 1.5rem !important;

    height: 1.5rem;

    display: inline-flex;

    justify-content: center;

    border: 1px solid #b5b5b5;

    border-radius: 6px;

    color: #858585;

    padding: 3px

}



.hero-content p {

    color: #fff

}



.top-header-left ul li a .phone-no {

    line-height: 16px;

    font-weight: 500;

    font-size: 12px

}



.top-header-left ul li a .phone-no span {

    display: block;

    font-size: 10px;

    line-height: 9px;

    margin: 0 0 1px;

    color: #0067e9

}



.top-header-left ul li a i.fa-brands.fa-whatsapp {

    color: #109d00;

    border: 1px solid #109d00

}



.top-header-left ul li a i.fa-brands.fa-skype {

    color: #008de3;

    border: 1px solid #008de3

}



.header-contant {

    margin: 0 0 0 30px;

    display: flex;

    gap: 0 25px

}



.header-contant .language-list {

    padding: 0;

    display: flex;

    align-items: center;

    gap: 0 30px

}



.header-contant .language-list button.support-btn {

    margin: 0;

    padding: 2px 15px;

    position: relative;

    font-size: 13px;

    background: no-repeat;

    font-weight: 600;

    color: var(--paragraphcolor);

    border: 1px solid #c3c3c3;

    border-radius: 6px;

    cursor: pointer;

    display: flex;

    align-items: center;

    gap: 0 8px;

    line-height: 21px

}



.header-contant ul,

.header-contant ul li {

    align-items: center;

    margin: 0;

    position: relative;

    padding: 0

}



.header-contant .language-list button.support-btn i {

    color: #9b1717

}



.header-contant .language-list button.lng-btn {

    margin: 0;

    padding: 0;

    position: relative;

    font-size: 14px;

    background: no-repeat;

    font-weight: 500;

    color: var(--paragraphcolor);

    cursor: pointer

}



.header-contant ul {

    display: flex;

    gap: 0 20px

}



.header-contant ul li {

    display: inline-flex

}



.header-contant ul li a {

    margin: 0;

    padding: 0;

    position: relative;

    font-size: 14px;

    color: var(--blackcolor);

    font-weight: 500;

    display: inline-flex;

    align-items: center;

    line-height: normal

}



.header-contant ul li a.header-btn {

    padding: 8px 12px;

    background: #0069ef;

    border: 2px solid #0069ef;

    color: var(--whitecolor);

    border-radius: 6px

}



.menu-services-box,

.submenu-tab-list li a {

    width: 100%;

    border-radius: 6px;

    background: #fff

}



.submenu {

    position: absolute;

    top: 80%;

    z-index: 999;

    width: 100%;

    background: #fff;

    box-shadow: 0 50px 60px 0 rgba(36, 50, 66, .15);

    transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    -ms-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    border-top: 1px solid #dfdfdf

}



.main-menu>ul>li.active .submenu,

li.company-menu:hover .company-menu-list {

    visibility: visible;

    opacity: 1;

    top: 100%

}



.submenu .submenu-body {

    padding: 40px 30px 0;

    width: 100%;

    position: relative;

    flex-direction: column;

    height: 100%;

    justify-content: space-between;

    min-height: 500px

}



.submenu-tab {

    width: 100%;

    display: flex;

    align-items: start;

    gap: 0 3%

}



.submenu-tab .submenu-tab-list {

    margin: 0;

    min-width: 300px;

    padding: 0 24px 24px 0;

    box-shadow: rgba(29, 140, 242, .16) 32px 0 40px -26px;

    display: flex;

    flex-direction: column;

    -webkit-box-pack: justify;

    justify-content: space-between;

    min-height: 400px

}



.submenu-tab .submenu-tab-list ul {

    margin: 0;

    padding: 0;

    position: relative;

    flex-direction: column;

    align-items: start !important;

    width: 100%;

    gap: 6px !important

}



.submenu-tab-list li {

    list-style: none;

    width: 100%

}



.submenu-tab-list li a {

    padding: 0 10px !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    transition: .15s linear;

    min-height: 40px;

    justify-content: space-between;

    gap: 0 10px;

    color: #000 !important;

    align-items: center;

    display: flex

}



.submenu-tab-list li a img {

    margin: 0;

    padding: 0;

    width: 22px;

    display: inline-flex

}



.submenu-tab-list li a i {

    margin: 0 0 0 auto;

    font-size: 12px

}



.submenu-tab-list li a:hover {

    text-decoration: none

}



.submenu-tab-body {

    padding: 0;

    position: relative;

    width: 100%

}



.submenu-box-tab {

    display: none;

    position: relative

}



.submenu-box-tab.active {

    display: block

}



.submenu-box-tab-body {

    margin: 0;

    padding: 0;

    position: relative;

    display: flex;

    gap: 0 15px;

    width: 100%

}



.submenu-box-tab-left {

    margin: 0;

    padding: 0 15px 0 0;

    flex: 2

}



.submenu-box-tab-body .submenu-box-tab-left-list {

    margin: 0;

    position: relative;

    padding: 0 0 35px;

    gap: 10px;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));

    justify-items: center

}



.menu-services-box {

    margin: 0;

    padding: 0;

    position: relative;

    transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    -ms-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out

}



.menu-services-box:hover {

    background: #f3f3f3

}



.menu-services-box a {

    padding: 7px !important;

    position: relative;

    display: flex !important;

    align-items: center !important;

    transition: .3s ease-in-out;

    gap: 0 7px

}



.menu-services-box a img {

    width: 30px

}



.menu-services-box a h3 {

    margin: 0;

    padding: 0;

    position: relative;

    font-size: 13px !important;

    width: 100%;

    font-weight: 600;

    color: #000;

    line-height: 10px

}



.menu-services-box a p {

    margin: 0;

    text-align: left;

    font-size: 13px;

    font-weight: 400;

    color: #717881;

    line-height: 18px;

    display: -webkit-box;

    max-width: 242px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis

}



.submenu-box-tab-left-footer {

    margin: 40px 0 0;

    padding: 10px 0 0 10px

}



.s-tab-right-box,

.s-tab-right-box h3,

.s-tab-right-box p,

.submenu-box-tab-right {

    padding: 0;

    position: relative

}



.s-tab-right-box a,

.submenu-box-tab-left-footer a {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: var(--primarycolor) !important;

    line-height: 22px !important;

    gap: 0 10px

}



.submenu-box-tab-right {

    margin: 0;

    flex: 1

}



.s-tab-right-box .s-tab-right-box-img {

    margin: 0 0 18px;

    padding: 0;

    position: relative;

    min-height: 180px;

    width: 100%;

    background-size: cover !important;

    border-radius: 8px

}



.s-tab-right-box h3 {

    margin: 0 0 15px;

    font-size: 22px;

    font-weight: 500;

    color: #000

}



.s-tab-right-box p {

    margin: 0 0 20px;

    font-size: 14px

}



.submenu-new-sec {

    margin: 0;

    padding: 0 0 40px;

    position: relative;

    display: flex;

    justify-content: space-between

}



.submenu-new-sec .submenu-new-left {

    margin: 0;

    padding: 0 50px 0 0;

    position: relative;

    flex: 0 0 auto;

    max-width: 58%;

    width: 100%

}



.submenu-new-left h2 {

    margin: 0 0 20px;

    padding: 0;

    position: relative;

    font-size: 24px !important;

    font-weight: 600;

    color: #000;

    text-transform: capitalize

}



.submenu-new-left .submenu-new-list {

    margin: 0;

    padding: 0;

    position: relative;

    display: grid;

    gap: 15px;

    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr))

}



.submenu-new-left .submenu-new-list .submenu-new-box {

    margin: 0;

    padding: 0;

    position: relative;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid #c7c7c7

}



.submenu-new-left .submenu-new-list .submenu-new-box:hover {

    background: #f0f3ff;

    border: 1px solid #f0f3ff

}



.submenu-new-left .submenu-new-list .submenu-new-box a {

    display: flex !important;

    flex-direction: column;

    gap: 10px

}



.submenu-new-box .submenu-new-img {

    margin: 0;

    padding: 0;

    position: relative;

    height: 100px;

    width: 100%;

    background-position: center !important;

    background-size: cover !important;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #eaf1f7

}



.submenu-new-box .submenu-new-img img {

    margin: 0;

    padding: 10px;

    width: 60px;

    height: 60px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 3px 5px #0000000a

}



.submenu-new-left .submenu-new-list .submenu-new-box a h3 {

    margin: 0;

    padding: 10px;

    position: relative;

    font-size: 13px;

    font-weight: 500;

    color: #000;

    line-height: 18px;

    text-align: center

}



.submenu-new-sec .submenu-new-right {

    margin: 0;

    padding: 0;

    flex: 0 0 auto;

    max-width: 40%;

    width: 100%;

    position: relative;

    overflow: hidden;

    border-radius: 15px;

    min-height: 430px

}



.submenu-new-sec .submenu-new-right img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.submenu .submenu-body .submenu-footer {

    margin: 0;

    padding: 15px 0;

    position: relative;

    border-top: 1px solid #e1e1e1;

    display: flex;

    align-items: center

}



.submenu .submenu-body .submenu-footer .submenu-footer-link {

    margin: 0;

    padding: 0;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0 60px

}



.submenu .submenu-body .submenu-footer .submenu-footer-link:before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    margin: auto;

    height: 100%;

    width: 1px;

    background: #a7a7a7

}



.submenu .submenu-body .submenu-footer .submenu-footer-link a {

    margin: 0;

    padding: 0;

    position: relative;

    min-width: 80px;

    display: inline-flex;

    justify-content: start;

    gap: 0 10px;

    font-size: 13px;

    align-items: center;

    color: #7c7c7c !important

}



li.company-menu {

    position: relative

}



li.company-menu>p {

    padding: 0 18px 0 0 !important

}



.company-menu-list {

    position: absolute;

    top: 60%;

    padding: 26px 0 0;

    min-width: 260px;

    transition: .3s ease-in-out

}



.company-menu-list ul {

    flex-direction: column;

    align-items: start !important;

    gap: 10px !important;

    width: 100%;

    padding: 26px !important;

    box-shadow: 0 12px 15px #0000001f;

    border-radius: 0 0 10px 10px;

    background: #fff

}



.company-menu-list ul p {

    gap: 0 10px;

    padding: 0 0 0 29px !important;

    position: relative;

    font-weight: 400 !important

}



.company-menu-list ul p i {

    margin: 0;

    padding: 0;

    position: absolute;

    left: 0;

    font-size: 14px;

    text-align: center;

    width: 20px;

    color: #0069ef !important

}