:root {
 
    --bs-primary-blue: #0d68fd;
    --bs-primary-darkblue: #1f2f98;

    --bs-theme-blue: #0048c3;
    --bs-theme-blue1: #0051dc;
    --bs-theme-blue2: #005af6;
    --bs-theme-blue1: #0160fe;
    --bs-theme-blue3: #1068ff;
    --bs-theme-blue4: #2a78ff;
    --bs-theme-blue5: #4388ff;
    --bs-theme-blue6: #5d98ff;
    --bs-theme-blue7: #b7d1ff;
    --bs-theme-blue7: #cfe0ff;
    --bs-theme-blue8: #e7efff;
 
 

}
.menu-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
 }

 /* header Menu */
 .menu-navbar {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     list-style: none;
     padding-left: 0px
 }
 .menu-links {
	font-weight: 600;
	color: #000;
}
 .menu-links:hover {
	color: #ff6f00;
}
 .menu-dropdown::after,
 .megamenu_dropdown-links::after {
     vertical-align: unset;
     border-top: inherit;
     border-right: none;
     border-right-style: none;
     border-right-width: medium;
     border-bottom: none;
     border-bottom-style: none;
     border-bottom-width: medium;
     border-left: none;
     content: "";
     border-bottom-style: solid;
     border-bottom-width: 2px;
     border-right-style: solid;
     border-right-width: 2px;
     content: "";
     display: inline-block;
     height: 7px;
     width: 7px;
     top: -2px;
     position: relative;
     transform: rotate(45deg);
     transition: all .5s ease;
     margin-left: .255em
 }

 .dropdownitem:hover .menu-dropdown::after,
 .dropdownitem:hover .megamenu_dropdown-links::after {
     -moz-transform: rotate(50deg);
     -ms-transform: rotate(50deg);
     -webkit-transform: rotate(50deg);
     transform: rotate(50deg)
 }

 .header_menu ul li .dropdown {
     display: none;
     position: absolute
 }

 @media screen and (max-width: 420px) {
 .right-menui ul a {
	font-size: 12px !important;
}
.cmn-btn i {
	font-size: 9px !important;
}
.mobile-toggle-open {
	padding: 6px !important
}
 }
 @media screen and (min-width: 992px) {

     /* Animations */
     .dropdownitem .dropdown {
         animation: translateDown 400ms 0ms ease-in-out forwards;
         transform-origin: top center;
     }

     .dropdownitem .dropdownitem .dropdown {
         transform-origin: top center !important;
         animation: translateX 400ms 0ms ease-in-out forwards !important;
     }
     .menu-links {
        color: #fff
    }
 }

 /* 1..   Dropdown Menu
================================== */
 .dropdown-nav {
     position: absolute;
     background: var(--bs-white);
     ;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     padding: 20px 0;
     display: block
 }

 .dropdownitem:hover .dropdown-nav {
     display: block;
     position: absolute
 }

 .row1-dropdown1 {
     background: url(../image/common/1.html)
 }

 .row2-dropdown1 {
     background: url(../image/common/2.html)
 }

 .row3-dropdown1 {
     background: url(../image/common/3.html);
     height: 95%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     margin-bottom: 0;
     background-size: cover
 }

 .company-nav-draopdown {
     margin-bottom: 25px
 }

 .row1-dropdown2,
 .row2-dropdown2 {
     border: 1px solid var(--bs-gray-400)
 }

 .row1-dropdown2,
 .row2-dropdown2 {
     background: var(--bs-white);
 }

 .dorpdown-click-links {
     padding: 40px 40px 20px;
     display: block;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end
 }

 .menu-link-title {
     font-weight: 600;
     font-size: 20px;
     padding-bottom: 10px;
     position: relative;
     transition: 0.5s all ease-in-out
 }

 .menu-link-title::before {
     background: var(--bs-theme-orange2);
     width: 32px;
     height: 3px;
     position: absolute;
     content: "";
     bottom: 9px
 }

 .company-nav-draopdown:hover .menu-link-title {
     letter-spacing: 0.5px;
     color: #000
 }

 .menu-about-content {
     font-size: 16px;
     margin-bottom: 7px
 }

 .row1-dropdown1 .menu-link-btn,
 .row2-dropdown1 .menu-link-btn,
 .row3-dropdown1 .menu-link-btn {
     color: var(--bs-white);
 }

 .menu-link-btn {
     font-weight: 500;
     text-align: right;
     font-size: 15px;
     transition: 0.5s all ease-in-out
 }

 .company-nav-draopdown:hover .menu-link-btn {
     position: relative;
     font-size: 16px
 }



 /* 2..   Mega Dropdown Menu
================================== */
.megamenu-list-items.individual-list-dropdown {
	position: relative;
	overflow: hidden;
	width: 100%;
}
 .megamenu-dropdown .inner-megamenu {
     display: none;
 }

 .dropdownitem ul li a {
	color: #333;
	font-weight: 400;
	text-decoration: none;
	float: left;
	width: 100%;
	font-size: 14px;
	transition: 0.5s all ease-in-out;
}

 .inner-megamenu-link {
	padding: 10px 20px;
	margin-bottom: 10px;
	transition: 0.5s all ease-in-out;
	border-bottom: 1px solid #3e3d3d;
	display: flex;
	align-items: center;
}

 .mega_dropdown-lists:hover .inner-megamenu-link {
	background: #ff6f00;
	color: var(--bs-white);
	border-radius: 5px;
	border-bottom: 1px dotted transparent;
}

 .inner-megamenu-link span {
     color: #000;
     transition: 0.5s all ease-in-out
 }

 .mega_dropdown-lists:hover .megamenu-title {
     color: var(--bs-white)
 }

 .megamenu-title-image {
     width: 45px;
     transition: 0.5s all ease-in-out
 }

 .mega_dropdown-lists:hover .megamenu-title-image {
     filter: brightness(0) invert(1)
 }

 .megadropdown-items .megadropdown-links img {
     width: 30px;
     margin-right: 10px;
     transition: 0.5s all ease-in-out
 }

 .menu-navbar .megadropdown-items:hover .megadropdown-links img {
     /* filter: contrast(40%) sepia(1) saturate(1000%); */
     transition: 0.5s all ease-in-out;
     filter: none
 }
 .megamenu-title {
	font-size: 19px;
	font-weight: 600;
}
.menu-navbar .megadropdown-items:hover .megadropdown-links {
	color: #ff6f00;
	padding-left: 10px;
}



.single-menu .single-menu-links a{
	color: #333;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	font-size: 19px;
	font-weight: 600;
	color: #000;
	transition: 0.5s all ease-in-out;
}
.single-menu .single-menu-links a:hover {
	color: #ff6f00;
	padding-left: 15px;
}
@media only screen and (min-width:992px) {
.dropdown.inner-megamenu.megamenu-wrapper.interaction-dropdown {
	width: 400px;
}
.header_menu ul li .dropdown {
	min-width: 200px
}
.single-menu {
	border-top: 1px solid #000;
	width: 100%;
	padding: 10px;
	margin-left: 14px;
	margin-top: 15px;
}
.group-interaction {
	border-top: 1px solid #000;
	padding: 15px;
}
.links-megadropdown {
	display: none !important;
}
}
@media only screen and (max-width:991px) {
.header_menu ul li .dropdown {
	overflow: hidden;
}
.inner-megamenu-lists .megadropdown-items:last-child > a {
	border: none !important;
}
.dropdown-nav-menu.parent.opened ~ .sub-menu {
	display: block;
	position: relative;
}
.cmn-btn {
	padding-right: 16px;
	padding-left: 15px;
}
.menu-links {
	font-size: 14px;
}
.consultation_links {
	position: relative;
}
.megamenu_dropdown-links.links-megadropdown.parent {
	position: absolute;
	right: 0;
	top: 0px;
	border: none;
	width: 50px;
	height: 41px;
	background: #fff;
	z-index: 9999;
}
.megamenu_dropdown-links.links-megadropdown.parent::after {
	top: 6px
}
}
@media only screen and (max-width:1280px) {
.right-menui ul .cusotme-ph {
	display: none
}
}
@media only screen and (min-width:1281px) {
.right-menui ul .cusotme-ph {
    color: #fff;
    display: flex;
    align-items: center
}
}
 /* Theme Toggle Btn Open
================================== */
 .mobile-toggle-open {
     cursor: pointer;
     border: 1px solid #fff;
     padding: 9px;
     border-radius: 5px
 }

 .mobile-toggle-open .open {
     display: block;
     height: 2px;
     background: #fff;
     transition: 0.5s all ease-in-out
 }

 .mobile-toggle-open .open:nth-child(1) {
     width: 23px;
 }

 .mobile-toggle-open .open:nth-child(2) {
     width: 19px;
     margin-top: 6px;
 }

 .mobile-toggle-open .open:nth-child(3) {
     width: 15px;
     margin-top: 6px;
 }

 .mobile-toggle-open:hover .open:nth-child(2),
 .mobile-toggle-open:hover .open:nth-child(3) {
     width: 23px;
 }

 .mobile-menu-active .mobile-toggle-open .open {
     background: var(--bs-blue);
     width: 23px;
 }

 /* Theme Toggle Btn Close
================================== */
 .mobile-toggle-close {
     cursor: pointer;
     color: #fff;
     text-decoration: none;
     font-size: 26px;
     display: none
 }

 .mobile-toggle-close .close {
     transition: all 0.2s ease-out
 }

 .mobile-toggle-close {
     animation: translateX 400ms 0ms ease-in-out forwards;
 }

 .mobile-menu-active .mobile-toggle-close {
     display: block;
     z-index: 15;
     position: absolute;
     right: -30px;
     top: 0px;
     width: 40px;
     height: 36px;
     text-align: center;
     background: var(--bs-white)
 }

 .mobile-toggle-close .close {
     background: #000
 }

 .mobile-toggle-close .close:first-child,
 .mobile-toggle-close .close:nth-child(2) {
     width: 25px;
     height: 2px;
     position: absolute;
     right: 3px;
     top: 17px
 }

 .mobile-toggle-close .close:first-child {
     transform: rotate(40deg);
 }

 .mobile-toggle-close .close:nth-child(2) {
     transform: rotate(-47deg);
 }

 .mobile-toggle-close .close:nth-child(3) {
     display: none
 }

 .mobile-toggle-close:hover .close:nth-child(1),
 .mobile-toggle-close:hover .close:nth-child(3) {
     width: 13px;
     left: 5px
 }

 .mobile-toggle-close:hover .close:nth-child(1) {
     transform: rotate(29deg);
     margin-top: 2px
 }

 .mobile-toggle-close:hover .close:nth-child(2) {
     width: 25px;
     position: absolute;
     right: 8px;
     top: 16px;
     transform: rotate(0deg)
 }

 .mobile-toggle-close:hover .close:nth-child(3) {
     transform: rotate(-29deg);
     margin-top: 5px;
     display: block;
     height: 2px;
     top: 8px;
     position: relative
 }


/***=========================== Submenu ======================***/
.dropdown.sub-menu {
	background: #fff;
	border-radius: 5px;
}
.dropdown.sub-menu .dorpdown-click-links {
	color: #000;
	padding: 10px 30px;
	transition: 0.5s all ease-in-out;
}

.dropdown.sub-menu .dorpdown-click-links:hover {
	color: #ff6f00;
	padding-left: 36px;
}

 @media only screen and (min-width: 992px) {
     .menu-links {
        font-size: 13px;
        padding: 0 10px;
        position: relative;
        font-weight: 500;
        line-height: 85px;
        display: block;
        font-weight: 600;
        color: #fff;
    }
    .dropdownitem:hover .sub-menu {
        display: block;
        position: absolute;
    }

     /* Header Megamenu 
================================== */
.inner-megamenu.megamenu-wrapper, .dropdown-nav {
	padding: 20px 0 !important;
	background: #fff;
	overflow: hidden;
	position: relative;
	box-shadow: 14px 11px 12px -6px #0000000d;
}

     .menu-item.megamenu-dropdown .megamenu-wrapper::before,
     .menu-item .dropdown-nav::before {
         background: var(--bs-blue);
         width: 100%;
         height: 2px;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         content: "";
         transition: 0.5s all ease-in-out;
         margin: 0 auto
     }

     .inner-megamenu .col-xl-12>ul {
         display: flex;
         width: 100%
     }

     .dropdownitem:hover .inner-megamenu {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0;
        z-index: 9;
    }

     .inner-megamenu .mega_dropdown-lists {
         margin: 0 15px;
         position: relative
     }

     .megadropdown-links {
         padding: 5px 0;
     }

     .inner-megamenu-link {
         padding: 10px 10px;
     }

     .inner-megamenu-link img {
         width: 54px;
     }

     .megamenu-dropdown .inner-megamenu.inner-megamenu-lists {
         position: relative !important;
     }

     .header_menu.active .mega_dropdown-lists .opened+.inner-megamenu-lists {
         display: block;
         position: relative;
         overflow: hidden
     }
     .individual-dropdown .megadropdown-items {
        width: 50%;
        float: left;
    }
    .consultancy-right-dropdown {
        width: 45%;
        float: left;
    }
     .megadropdown-items .megadropdown-links img {
         width: 35px;
         -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
         filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8)
     }

     .megamenu-img {
         position: absolute;
         right: 83px;
         bottom: -160px;
         width: 300px
     }
     .megamenu-dropdown .inner-megamenu {
        padding: 15px 0;
    }
    .inner-megamenu.megamenu-wrapper {
        padding: 20px 0 !important;
    }
     /*  Sticky menu mega */
     .header-section.sticky .inner-megamenu.megamenu-wrapper,
     .header-section.sticky .dropdown-nav {
         background: var(--bs-white);
     }

     /*  Offcanvas toggle */
     .offcanvas_toggle {
         display: none
     }
 }
 @media only screen and (min-width: 992px) {
    .sw-menu-sw-set .cmn-btn {
        padding: 0 8px;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
    .menu-links {
        font-size: 15px;
    }
   .cmn-btn i {
	font-size: 10px;
}
   }
 @media only screen and (min-width: 1080px) {
    .sw-menu-sw-set .cmn-btn {
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
    }
    .menu-links {
       font-size: 17px;
   }
   }
   @media only screen and (min-width: 1200px) {
    .menu-links {
        font-size: 19px;
    }
    .sw-menu-sw-set .cmn-btn {
        padding: 0 15px;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
    }
    .cmn-btn i {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1400px) {
    .sw-menu-sw-set .cmn-btn {
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
    }
}
 @media only screen and (max-width: 991px) {

     /*  Dropdown Menu
================================== */
     .company-mobile-dropdown {
         padding: 0 25px
     }

     .header_menu.active .nav-dropdown.opened+.company-mobile-dropdown {
         display: block;
         position: relative;
         overflow: hidden;
         background: #f2f2f2
     }

     .menu-item .company-mobile-dropdown li.mobile-nav-item>a {
         padding: 10px 0px;
         border-bottom: 1px dotted #000
     }

     .menu-item .company-mobile-dropdown li.mobile-nav-item>a:hover {
         padding-left: 10px
     }

     .menu-item .company-mobile-dropdown li.mobile-nav-item:last-child>a {
         border-bottom: none
     }

     .mobile-nav-item a:hover {
         color: var(--bs-theme-blue2);
         padding-left: 5px
     }

     .dropdownitem:hover .dropdown-nav {
         display: none
     }

     .menu-dropdown::after,
     .megamenu_dropdown-links::after {
         vertical-align: unset;
         border-top: inherit;
         border-right: none;
         border-right-style: none;
         border-right-width: medium;
         border-bottom: none;
         border-bottom-style: none;
         border-bottom-width: medium;
         border-left: none;
         content: "";
         border-bottom-style: solid;
         border-bottom-width: 2px;
         border-right-style: solid;
         border-right-width: 2px;
         display: inline-block;
         height: 7px;
         width: 7px;
         top: 13px;
         position: relative;
         transform: rotate(-47deg);
         transition: all .5s ease;
         margin-left: .255em;
         right: 10px;
         float: right
     }

     .menu-item .menu-links.opened::after {
         transform: rotate(50deg)
     }

     /* Mega Menu Dropdown*/
     .header_menu {
         display: none;
         position: relative;
     }

     .header_menu.active {
         display: block;
         position: fixed;
         left: 0px;
         top: 0px;
         margin-top: 0px;
         width: 300px;
         height: 100vh;
         z-index: 14;
     }

     .header_menu.active .menu-navbar {
         display: block;
         background-color: var(--bs-white);
         padding: 40px 0;
         width: 100%;
         height: 100vh;
         overflow: scroll;
         transform-origin: top center;
         animation: translateX 400ms 0ms ease-in-out forwards;
     }

     .header_menu ul.menu-navbar > li a {
        width: 100%;
        text-decoration: none;
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
        display: block;
        transition: 0.5s;
    }
     .menu-item .menu-links:hover {
         padding: 10px 25px;
         color: var(--bs-theme-blue2)
     }

     .header_menu .nav-dropdown.opened {
         color: var(--bs-theme-blue2);
         border-bottom: 1px solid var(--bs-theme-blue2)
     }

     .header_menu ul.menu-navbar>li:last-child a {
         border-bottom: none
     }

     .header_menu.active .nav-dropdown.opened+.megamenu-wrapper {
         display: block;
         position: relative;
         overflow: hidden
     }

     .header_menu.active .inner-megamenu-link.opened+.inner-megamenu-lists {
         display: block;
         position: relative
     }

     .inner-megamenu-link::after {
         float: right;
         border-bottom-style: solid;
         border-bottom-width: 2px;
         border-right-style: solid;
         border-right-width: 2px;
         content: "";
         height: 7px;
         width: 7px;
         top: 17px;
         position: relative;
         transform: rotate(45deg);
         transition: all .5s ease;
         margin-left: .255em;
         right: 8px
     }
    .inner-megamenu.megamenu-wrapper {

        background: #f2f2f2;
        width: 95%;
        margin: 7px auto 0;
    }
     /* Menu Toggle Btn */
     .mobile-toggle-close {
         display: none
     }

     /* Menu overlay Background */
     #menu-overlay {
        background-color: rgb(0, 0, 0);
        float: left;
        display: none;
        width: 100%;
        height: 100vh;
        z-index: 3;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

     #menu-overlay.show {
         display: block
     }

     /* Menu Mega Menu */

     .megamenu-wrapper ul {
         padding: 0 !important;
     }

     .inner-megamenu-lists {
         padding-left: 13px !important
     }

     .inner-megamenu-lists .megadropdown-items>a {
         border-bottom: 1px dotted #000 !important
     }

     .inner-megamenu-link.child.opened {
         background: var(--bs-primary-blue);
         padding: 10px;
         border-radius: 5px
     }

     .mega_dropdown-lists:hover .inner-megamenu-link {
         padding: 10px 10px;
     }

     .inner-megamenu-link.child.opened .megamenu-title-image {
         filter: brightness(0) invert(1);
     }

     .inner-megamenu-link.child.opened::after {
         transform: rotate(-135deg);
         color: var(--bs-white);
     }

     .inner-megamenu-link.child.opened:hover::after {
         color: var(--bs-white)
     }

     .inner-megamenu-link.child.opened span {
         color: var(--bs-white) !important
     }
 }

 @media only screen and (min-width: 1200px) {
     .menu-links {
         padding: 0 11px
     }
 }
 @media only screen and (min-width: 1400px) {
    .menu-links {
        padding: 0 15px
    }
}
 @media screen and (max-width: 420px) {
     .header_menu.active {
         width: 100%;
         top: 87px;
     }

     .mobile-menu-active .mobile-toggle-close {
         right: 0;
     }
 }


 @keyframes translateDown {
     0% {
         transform: scaleY(0)
     }

     80% {
         transform: scaleY(1.1)
     }

     100% {
         transform: scaleY(1)
     }
 }

 @keyframes translateX {
     0% {
         opacity: 0;
         transform: translateX(-60px);
     }

     80% {
         transform: translateX(-5px);
     }

     100% {
         opacity: 1;
         transform: translateX(0px);
     }
 }

 @keyframes translateX {
     0% {
         opacity: 0;
         transform: translateX(-160px)
     }

     80% {
         transform: translateX(-5px)
     }

     100% {
         opacity: 1;
         transform: translateX(0px)
     }
 }