header.header {position: relative;width: 100%;z-index: 99;transition: .3s all ease;background: #fff;padding: 15px 0px;box-shadow: 0 0 4px rgba(0, 0, 0, .12), 0 4px 4px rgba(0, 0, 0, .24);}
.header-top {display: flex;align-items: center;justify-content: end;margin-bottom: 16px;}
.header-top ul li a {color: #000000;font-weight: 600;font-size: 16px;padding: 3px 0;display: flex;align-items: center;}
.header-top ul li {margin: 0;list-style: none;padding: 0 15px;border-right: 2px solid #dbe1dd;}
.header-top ul {display: flex;align-items: center;justify-content: end;padding: 0;margin-right: 15px;}
.header-top ul li a:hover {color: #f2682a;}
.header_bottom .navbar-brand {padding: 0;margin: 0;display: block;}
.header_bottom .navbar-fostrap {display: none;}
.navigation ul {display: flex;align-items: center;padding-left: 0;}
.navigation ul li a {padding: 12px 15px;color: #000;font-weight: 600;font-size: 14px;text-transform: uppercase;display: block;position: relative;z-index: 2;transition: .5s;}
.navigation ul li {margin: 0;list-style: none;}
.navigation ul li a:hover {color: #ffffff;box-shadow: inset 0 -45px 0 #00228a;}
.navigation ul li:first-child {margin-left: 0;}
.navigation ul .highlight a {animation: shadow-pulse 2s infinite;color: #fff;}

@keyframes shadow-pulse {
    0% {
        background: #00228a;
    }
    50% {
        background: #ee042a;
    }
    100% {
        background: #00228a;
    }
}
header.header.sticky {position: fixed;transition: .5s all ease;z-index: 99;background: #fff;}
.header .container {display: flex;justify-content: space-between;align-items: center;}
.navbar-brand {padding: 0;margin: 0;}
.header-top ul li a span {width: 30px;height: 30px;background: #ffffff;border: 1px solid #f2682a;margin-right: 12px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;}
.header-top ul li a svg {width: 30px;height: 30px;fill: #f2682a;padding: 5px;}
/* ======== */
nav.navigation {position: relative;}
.mobile_cont{ display: none;}  

/*==============================Sub-menu-start============================*/
.header_bottom .navigation ul .menu-item-has-children {list-style: none;overflow: visible;display: flex;align-items: center;}
.header_bottom .navigation ul .menu-item-has-children .sub-menu {position: absolute;width: 300px;top: calc(100% + 5px);z-index: 99;visibility: hidden;opacity: 0;-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;transform-origin: 0 0 0;box-shadow: 0 1px 5px #d8d8d8;display: flex;flex-wrap: wrap;background: #fff;align-items: start;}
.header_bottom .navigation ul .menu-item-has-children:hover > .sub-menu {visibility: visible;opacity: 1;-webkit-transform: scale(1);    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header_bottom .navigation ul .menu-item-has-children .arrowicon {transform: rotate(90deg);padding: 0 0 15px;    display: none;}
.header_bottom .navigation ul .menu-item-has-children a:hover + .arrowicon svg {color: #ef0824;}
.header-top .header_btn a{color: #fff;padding: 8px 25px;background: #ee042a;display: inline-block;font-size: 15px;font-weight: 600;transition: .5s;}
.header-top .header_btn a:hover {    color: #fff;box-shadow: inset 0 -45px 0 #00228a;}
.header-top ul .header_btn {border-right: 0;padding-right: 0;}
.header_bottom .navigation ul .menu-item-has-children .sub-menu li {width: 100%;border-bottom: 1px solid #ccc;}
.header_bottom .navigation ul .menu-item-has-children .sub-menu li a:hover {box-shadow: none;color: #dd0c39;}
.header_bottom .navigation ul .menu-item-has-children .sub-menu li a {text-transform: capitalize;}

.social {padding: 0;display: flex;align-items: center;}
.social li {margin-bottom: 0;padding: 0 10px;list-style: none;}
.social li a svg {width: 32px;height: 32px;filter: invert(1);padding: 6px;}
.social li a {display: inline-block;border: 2px solid #ffffff;border-radius: 50px;background: #1e3988;}
.social li a:hover {background: #ef0824;}
.footer-menu .social li:nth-child(2) a {background: #00a8ff;}
.footer-menu .social li:nth-child(3) a {background: #ce2683;}
.footer-menu .social li:nth-child(2) a:hover, .footer-menu .social li:nth-child(3) a:hover {background: #ef0824;}

/*=============================footer-start============================*/
.footer-top {padding: 50px 0px;box-shadow: 0px 0px 10px 0px #ccc;}
.footer-top p {margin: 0;text-align: justify;padding-top: 20px;font-size: 14px;}
.footer-menu h6 {font-size: 20px;font-weight: 700;margin-bottom: 20px;}
.footer-menu ul{ padding: 0;} 
.footer-menu ul li {margin-bottom: 5px; list-style: none;}
.footer-menu ul li a {font-size: 14px;font-weight: 600;color: #2c2c2c;word-break: break-all;}
.footer-menu ul.address li a i {margin-right: 5px;width: 20px;text-align: center;font-size: 17px;}
.footer-botom {padding: 15px 0px;text-align: center;background: #f1efef;}
.footer-botom p {margin: 0;font-size: 14px;}
.footer-menu ul li a:hover {color: #ee042a;}
.footer-address img{ display: block; width: auto;}
.footer-menu .social { padding: 15px 0px;}
.footer-menu .social li{ padding: 0; margin-right: 5px; margin-bottom: 5px;}
 
 
 
 