@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: local('Saira-Regular'), url(../image/Saira-Regular.ttf) format('truetype');
}
*{font-family: Arial, Helvetica, sans-serif !important;}
.fa {font-family:fontawesome !important;}

body {
  font-family: "Open Sans", sans-serif;
  color: #4d4643;
}

a {
  text-decoration: none;
  color: #65a955;
}

a:hover {
  color: #65a955;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Muli", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  right: 15px;
  bottom: 15px;
  background: #cc1616;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #fd5c28;
  transition: 0.3s ease-in-out;
}

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  width: 100%;
  z-index: 9;
  padding: 10px 0;
  font-size: 14px;
  color:#ccc;
  background: #001645 !important;
}
.contact-info {
  color: #ccc;
}
#topbar .contact-info a {text-decoration: none;
  line-height: 1;
  color: #ccc;
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: #cc1616;
}

#topbar .contact-info i {
  color: #65a955;
  padding: 4px;
}

#topbar .contact-info .icofont-phone {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #e9e9e9;
}

#topbar .social-links a {
  color: #ccc;
  padding: 4px 0 4px 20px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
  
}
#topbar .social-links{text-align:right;}
#topbar .social-links a:hover {
  color: #65a955;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  /*height: 70px;*/
  z-index: 997;
  transition: all 0.5s;
  padding: 10px 0;
  background: #1b1b1b;
}
#header.navbar-fixed-top{background:rgba(0,0,0,.9);}
#header img{margin:0 auto;}
/*--------------------------------------------------------------
# banner Section
--------------------------------------------------------------*/
#hero {/* width: 100%; *//* overflow: hidden; *//* position: relative; */background: transparent;background: transparent;/* padding: 0; *//* padding-top: 40px; */z-index:1;right:0;top: 100px;/* top: 140px; */position: absolute;}
#hero:before {/*
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;*/
}
#hero .hero-content-left h2{margin-top:20vh; color: #fff; font-size: 60px; font-weight: 700;}
#hero .hm-query-form{background:#f5f5f5;border-top: 8px solid #65a955;border-bottom: 8px solid #65a955;}
#hero .form-control {
    border-color: #ebebeb;
    padding: .45rem 0.85rem;
    height: calc(2.16em + .75rem + 2px);
}
#hero .sbmt{
    color: #fff;
    background: #65a955;
    border: 1px solid #65a955;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
    transition: all .25s ease-in-out;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
    }
#hero h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
}

#hero .sbmt:hover { background: #1f1f1f; border: 1px solid #1f1f1f; text-decoration: none;}
.hm-query-form h3{color: #65a955;font-size:30px;line-height:30px;font-weight:700;letter-spacing:1px;padding-top: 10px;}
.hm-query-form h4{color:#cc1616; font-size:20px; line-height:30px;}
@media (max-width: 768px) {
  #hero .carousel-container {
    height: 90vh;
  }
  #hero h2 {
    font-size: 28px;
  }
}

.hero-waves {
  /* display: block; */
  width: 100%;
  height: 60px;
  position: relative;
  background: #001645;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 30px 0;
  overflow: hidden;
}

.section-title {
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #191919;
  position: relative;
  z-index: 2;
}

.section-title span {
  position: absolute;
  top: 30px;
  color: #f1f1f1;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 0;
}

.section-title p {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

@media (max-width: 575px) {
  .section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .section-title span {
    font-size: 38px;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 80px 20px;
  transition: all ease-in-out 0.3s;margin: 15px auto;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #65a955;
  transition: all .3s ease-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transform-style: preserve-3d;
}

.services .icon-box .icon i {
  color: #fff;
  font-size: 28px;
}

.services .icon-box .icon::before {
  position: absolute;
  content: '';
  left: -8px;
  top: -8px;
  height: 100%;
  width: 100%;
  background: #fce5e5;
  transition: all .3s ease-out 0s;
  transform: translateZ(-1px);
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 22px;
}

.services .icon-box h4 a {
  color: #191919;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  background: #001645;
  border-color: #001645;
  padding: 70px 20px 90px 20px;
}

.services .icon-box:hover a{
 color: #fff;
}

.services .icon-box:hover .icon {
  background: #fff;
}

.services .icon-box:hover .icon i {
  color: #65a955;
}

.services .icon-box:hover .icon::before {
  background: #65a955;
}

.services .icon-box:hover h4 a, .services .icon-box:hover p {
  color: #fff;
}


/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about-us .section-title{padding-bottom:10px;}
.about-us img{border-radius: 50px;border: 10px solid #65a955;}
.about-us img {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    transition: all 0.4s ease-in-out;
}
.about-us:hover img{
    -webkit-filter: none;
    filter: none;
}
.about-us  p {
  margin-bottom: 0; line-height:26px; font-size:15px; text-align:justify;}

.about-us .content .icon-box {
  margin-top: 25px;
}

.about-us .content .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.about-us .content .icon-box i {
  font-size: 48px;
  float: left;
  color: #cc1616;
}

.about-us .content .icon-box p {
  font-size: 15px;
  color: #90847f;
  margin-left: 60px;
}

.about-us .image {
  background: url("../img/about.jpg") center center no-repeat;
  background-size: cover;
  min-height: 400px;
}

@media (max-width: 991px) {
  .about-us .image {
    text-align: center;
  }
  .about-us .image img {
    max-width: 80%;
  }
}

@media (max-width: 667px) {
  .about-us .image img {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team{padding-top:0; padding-bottom:60px;}
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  padding: 30px;    margin-top: 30px;
  border-radius: 10px;
  background: #fff;    border: 1px solid #aaaa;
}

.team .member .pic {
  overflow: hidden;
    width: 120px;
    border-radius: 50%;
    float: left;
    padding: 5px;
    margin-right: 20px;
    border: 5px solid #cc1616;
}

.team .member .pic img {
  transition: ease-in-out 0.3s;
}

.team .member:hover img {
  transform: scale(1.1);
}
.team .member:hover .pic{
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5);
}
.team .member:hover{
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5);
}
.team .member .member-info {
  padding-left: 30px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #cc1616;
}

.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}
+
.team .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #ecf6fe;
  color: #0665b7;
}

.team .member .social a i {
  font-size: 16px;
  margin: 0 2px;
}

.team .member .social a:hover {
  background: #0880e8;
  color: #fff;
}

.team .member .social a + a {
  margin-left: 8px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #001645 !important;
  padding: 0 0 10px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  padding: 2px 0 10px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 15px;
  background: #65a955;
  color: #fff;
  border-top: 4px solid #fff;
  text-align: center;
  padding: 30px 20px;
}

#footer .footer-top .footer-info h3 {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #262626;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #001645;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px dashed #eee;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #ed5b5b;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 4px 0;
  display: flex;
  align-items: center;
  transition:.5s;
}
#footer .footer-top .footer-links ul li:hover {
  padding-left: 10px;
}
#footer li:before {
    content: "\f0a4";
    font-family: fontawesome;
    color: #65a955;
    margin-right: 10px;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {text-decoration: none;
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #65a955;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}


#footer .copyright {
  border-top: 1px solid #262626;
  text-align: center;
  color: #fff;
  padding-top: 9px;
}

#footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  color: #65a955;
}

@media (max-width: 575px) {
  #footer .footer-top .footer-info {
    margin: -20px 0 30px 0;
  }
}
.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #65a955;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #65a955;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important;
}

/*--------------------------------------------------------------
# hm_services_sec
--------------------------------------------------------------*/
.hm_services_sec{ padding: 30px 0px 60px 0px; margin-top: 30px;background:#f5f5f5;background: url(Image/service-bg.jpg);background-size: cover;}
.hm_services_sec .service-box{/* margin-bottom: 30px; */background: #234181;position: relative;z-index: 0;margin-top: 30px;padding: 30px;border-radius: 4px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;border:1px dashed #ddd;}
.hm_services_sec .service-box .icon {text-align: center;  font-size: 25px;  position: relative;}
.hm_services_sec .service-box:hover .icon .fa{color: #65a955;border: 1px solid #fff;}
.hm_services_sec .service-box .icon .fa{position: relative;display: inline-block;font-size: 45px;background: #fff;width: 120px;height: 120px;line-height: 120px;text-align: center;border-radius: 50%;color: #65a955;box-shadow: 0 0 50px rgb(0 0 0 / 10%);transition: all 500ms ease;}
.hm_services_sec .service-box-cont{position: relative; text-align:center;    margin-top: 30px;}
.hm_services_sec .service-box:hover{background: #001645;}
/* .hm_services_sec .service-box:hover .service-box-cont h3 a, p{color:#fff;} */
.hm_services_sec .service-box p{text-align:center;font-size: 15px;color:#fff;}
.hm_services_sec .service-box .service-box-cont p{text-align:center;    font-size: 16px; line-height: 26px;}
.hm_services_sec .service-box-cont h3{text-align:center;}
.hm_services_sec .service-box-cont h3 a{text-decoration: none; color: #fff;font-size: 20px;0px;font-weight: 600;font-family: "Libre Baskerville", serif;}
.hm_services_sec .col-md-4{position:relative;}
.hm_services_sec .service-box .icon .border-layer {position: absolute;width: 140px;height: 140px;left: 0;right: 0;margin: 0 auto;top: -10px;border: 2px solid #fff;border-radius: 50%;clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%, 0 0);transition: all 500ms ease;-webkit-animation: hizmet-rot 2s infinite linear;-moz-animation: hizmet-rot 2s infinite linear;-o-animation: hizmet-rot 2s infinite linear;animation: hizmet-rot 2s infinite linear;-webkit-animation-play-state: paused;-moz-animation-play-state: paused;-o-animation-play-state: paused;animation-play-state: paused;}
.hm_services_sec .service-box:hover .icon .border-layer{-webkit-animation-play-state: running;-moz-animation-play-state: running;-o-animation-play-state: running;animation-play-state: running;}
.hm_services_sec .service-box .icon .border-layer{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 0);}
.hm_services_sec .service-box:hover .icon i{box-shadow: none;}
.hm_services_sec .sol_lft_head {color:#fff;}
@-moz-keyframes hizmet-rot{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}} 
@keyframes hizmet-rot{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

@-moz-keyframes hizmet-rot_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}} 
@keyframes hizmet-rot_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}

.hm_services_sec .service-box .icon .border-layer:before{position: absolute;content: '';background: #fff;width: 12px;height: 12px;left: 15px;bottom: 9px;border-radius: 50%;}
.hm_services_sec .service-box:hover .icon .border-layer{ display:block;-webkit-animation-play-state: running;-moz-animation-play-state: running;-o-animation-play-state: running;animation-play-state: running;}

.bg-light{background-color: transparent!important;}
#hm-form h5{font-size:16px; font-weight: 600;}
#divmainenquiry11 .alert a{float: inline-end;}
.tm_img {
  width: 140px;
  /* height: 140px; */
  border: 6px solid #00274c;
  /* border-radius: 50%; */
}

.sub-head{ color: #00274c;
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;}

  .team-pg h6{font-size: 17px; color: #000; font-weight: 600;padding-bottom: 10px;}
  .img-content{margin-top:10px;}
    .img-content a{font-size:17px;color:#000;line-height:30px;text-decoration: none;}
    .img-content a i{margin-right:10px;color:#65a955;}
  .main-table ul li{line-height:28px;}
  
/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
  .innr-pg-c{margin-bottom: 20px; padding:30px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll ;}
  .innr-pg-c h1{font-weight: 600;Font-size: 26px;color: #fff;text-align: left;border-left: 3px #fff solid;padding-left: 20px;text-transform: uppercase;position:relative; z-index:1;}
  .innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background: linear-gradient(129.6deg, #00274c 22.2%, #000 119.9%);}
/* innr-pg-c End */


.service-pg h4{font-size:20px;padding-top:20px;font-weight:600;}
.service-pg .service-bx { background: #00274c;}
.service-pg .service-bx ul, .services-page .service-bx ul li { margin: 0; padding: 0;list-style: none;}
.service-pg .service-bx li a {text-decoration: none; display: block; padding: 6px 15px; border-bottom: 1px solid #fff; color: #fff; font-size: 15px; font-weight: 500;}
.service-pg .service-bx li a:hover { background: #65a955; color: #fff;}
/*.service-pgage .service-bx li a.active { background: #65a955; color: #fff;} */
.service-pg .contact-bx { background: #65a955; padding: 33px; margin: 20px 0 0 0;}
.service-pg .contact-bx h4 { color: #fff; font-family: "Libre Baskerville", serif; font-size: 21px; margin: 0 0 15px 0; font-weight: 500;} 
.service-pg .contact-bx p { color: #eee; margin: 0 0 20px 0;}
.service-pg .contact-bx a {text-decoration: none; display: inline-block; color: #fff; border: 2px solid #fff; text-transform: uppercase; font-size: 14px; padding: 10px 30px;}
.service-pg .contact-bx a:hover { background: #00274c; color: #fff; border-color: #00274c; font-weight: 500;}
.service-pg .services-content ul, .services-page .services-content ul li { margin: 0; padding: 0;}
.service-pg .services-content ul li {display: flex;margin: 0 0 10px 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;padding: 15px;font-size: 16px;}
.service-pg .services-content ul li i { color: #65a955; font-size: 22px; margin: 0 8px 0 0;}

/*============cont==========*/
  .cont-page h2 {
    font-weight: bold;
    color: #111;
    font-size: 21px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 10px;
    line-height:28px;
}
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}
.cont-page .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page .st-feature-box {
    background: #111;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 70px;
    position: relative;
    font-size:16px;
}
.st-feature-box .st-feature-box-icon {
    color: #fff;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-page .feature-box-image .fa{color: #fff;line-height:30px;font-size:30px;margin-top: 20px;}
/*cont-page*/

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important; top:0;
    left: auto !important;
}