@font-face {font-family: myriad; src: url(../fonts/MYRIADPRO-REGULAR.woff);} @font-face {font-family: myriad-bold;  src: url(../fonts/MYRIADPRO-BOLD.woff); } body {font-family: 'myriad', sans-serif; letter-spacing: 0.2px; } h1, h2, h3, h4, h5, h6{font-family: 'myriad-bold', sans-serif; } .footer-text a {color: #d80b0b; font-size: 13px } .navbar {background: #111b58; padding: 25px 0;} .navbar .nav-item {margin: 0; padding: 0; margin-left: 30px; } .navbar .nav-item .nav-link {padding: 0; margin: 0; font-size: 16px; color: #daeaec; font-weight: 500; transition: all 0.5s ease-in-out; } .navbar .nav-item .nav-link:hover {color: #d60b0b !important; } .navbar .btn {text-decoration: none; background: #d60b0b; color: #ffffff; padding: 8px 30px; border-radius: 35px; margin-left: 40px; font-size: 13px; font-weight: 500; transition: all 0.5s ease-in-out; } .navbar .btn:hover {background: #ffffff; color: #212332; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .navbar-toggler-icon {display: inline-block; width: 13.5em; height: 1.5em; content: ""; background: no-repeat left; } .slider {background: url("../img/bg/slider.jpg") center center no-repeat; background-size: cover; height: 350px; background-attachment: fixed; position: relative; } .slider .content {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #ffffff; margin-top: 20px; } .slider .content h1 {margin: 0; padding: 0; font-size: 50px; font-weight: 800; text-transform: uppercase; } .slider .content p {font-size: 16px; font-weight: 300; line-height: 1.6; font-family: 'myriad', sans-serif; color: #d1e5e7; margin: 0 0 25px; } .slider .btn {text-decoration: none; background: #d60b0b; color: #ffffff; padding: 10px 35px; border-radius: 35px; font-size: 13px; font-weight: 500; transition: all 0.5s ease-in-out; } .slider .btn:hover {background: #ffffff; color: #212332; } .slider .btn-2 {background: transparent; border: 1px solid #ffffff; margin-left: 15px; } .welcome {padding: 80px 2% 0; } .welcome h2 {font-size: 30px; font-weight: 700; margin: 0; padding: 0; } .welcome h2 span {color: #d60b0b; } .welcome p {line-height: 1.7; margin: 20px 0 60px; padding: 0; } .about {padding: 130px 0; } .video-area {background: #f1f1f1; background-size: cover; background-attachment: fixed; color: #000000; } .video-area h2 {font-size: 35px; font-weight: 700; margin: 0; padding: 0; line-height: 35px; } .video-area h2 span {color: #d60b0b; } .video-area img {width: 100%; height: 370px; } .video-area p {font-size: 15px; font-weight: 400; color: #000000; line-height: 1.6; margin: 0; padding: 0; margin-top: 20px; margin-bottom: 30px; padding-right: 30px; } .video-area .btn {text-decoration: none; background: #d60b0b; color: #ffffff; padding: 10px 35px; border-radius: 35px; font-size: 13px; font-weight: 500; transition: all 0.5s ease-in-out; } .video-area .btn:hover {background: #ffffff; color: #212332; } .video-area .video-icon {position: relative; } .video-icon .icon-abs {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .video-icon .icon {background: #d60b0b; color: #fff; display: inline; font-size: 16px; padding: 22px 25px; border-radius: 200px; position: relative; } .pulse {animation: pulse 1s infinite; animation-duration: 2s; } @keyframes pulse {0% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 70% {-moz-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0); box-shadow: 0 0 0 50px rgba(255, 255, 255, 0); } 100% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } section.benefits h3 {margin-bottom: 25px; } .row.about-block {padding: 0; margin: 0px -30px; margin-bottom: 20px !important; background: #f8f8f8; } .row.about-block .col-lg-6.img-side {padding-left: 0px; padding-right: 0; } .row.about-block .col-lg-6.cnt-side {padding: 30px; } .services{padding: 100px 0px 0px; background: #f9f9f9; } .featured-slider {padding: 100px 0px 80px; background: #f9f9f9; } .services h2, .featured-slider h2, .benefits h2, .about h1 {font-size: 40px; font-weight: 700; margin: 0 0 20px 0; padding: 0; } .services h2 span, .featured-slider h2 span, .benefits h2 span {color: #d60b0b; } section#services .col-lg-2 {padding: 5px; max-width: 20% !important; flex: 0 0 20.666667%; } .services p {font-size: 15px; font-weight: 400; line-height: 1.7; color: #999999; margin: 20px 0 60px; padding: 0; } .services .col-lg-3 {padding: 0px 4px; } .services .box img {width: 100%; /*padding: 0% 25% 10px;*/ border-radius: 10px 10px 0 0; } .services .col-lg-3 {padding: 0px 8px; } .services .box {/*padding: 40px 25px !important;*/ margin-bottom: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #ffffff; border-bottom: 2px solid #d60b0b; transition: all 0.5s ease-in-out; } .services .box:hover {box-shadow: 1px 1px 14px 0 rgba(0,0,0,0.15); transform: translateY(-10px) } .services .box:hover .line {width: 100px; } .services .box .line {background: #d60b0b; width: 40px; height: 1px; transition: all 0.5s ease-in-out; } .featured-slider .box img {width: 100%; padding: 7px 40px 20px; } .featured-slider .box p {margin: 0; font-family: 'myriad-bold'; color: #000000; line-height: 27px; font-size: 18px; padding: 15px 8px 0; } .featured-slider .box {text-align: center; padding: 25px 10px; box-shadow: 1px 1px 14px 0 rgba(0,0,0,0.1); background: #ffffff; transition: all 0.5s ease-in-out; margin-bottom: 6px; } .featured-slider .box:hover {box-shadow: 1px 1px 14px 0 rgba(0,0,0,0.15); transform: translateY(-10px); } .featured-slider .box:hover .line {width: 100px; } .featured-slider .box .line {background: #d60b0b; width: 40px; height: 1px; transition: all 0.5s ease-in-out; } .services .box .icon {padding: 0; margin: 0; font-size: 40px; color: #d60b0b; } .services .box h3 {font-size: 18px; font-weight: 100; margin: 15px 0 10px; padding: 6px 10px 10px 10px; color: #2f2f2f;} .services .box p {margin: 0; } .ben-box h4 {margin-bottom: 23px; } .ben-box {background: #f9f9f9; padding: 30px; border: 3px solid #f7f7f7; margin-bottom: 8px; } section.benefits .col-md-6 {padding: 8px; } section.benefits {padding: 100px 0 60px; background: #f5f5f5; } section#services {padding: 80px 0 0 0; } /*-------------------------------------------------- [12. Start Testimonials] --------------------------------------------------*/ .testimonials {background: url(../img/testimonial.jpg); background-size: cover; background-attachment: fixed; padding: 60px 0 80px; color: #ffffff; } .testimonials .carousel.slide {margin-top: 37px; } .testimonials .heading h2 {font-size: 35px; font-weight: 700; color: #ffffff; } .testimonials .heading h2 span {color: #d60b0b; } .testimonials p {font-size: 15px; font-weight: 400; line-height: 1.7; color: #d1e5e7; margin: 20px 0; padding: 0 200px; } /* Image */ .testimonials .carousel-inner .carousel-item .team {width: 100px; height: 100px; border: 2px solid #d60b0b; border-radius: 100%; padding: 5px; margin: 50px 0 15px; } .testimonials .carousel-inner .carousel-item h3 {font-size: 20px; color: #ffffff; font-weight: 600; } .testimonials .carousel-inner .carousel-item h4 {font-size: 14px; font-weight: 300; color: #e2e1e1; margin-bottom: 20px; } .testimonials .carousel-indicators {bottom: -30px; } .testimonials .carousel-indicators li {background-color: #b8b7b7; border-radius: 30px; height: 4px; width: 40px; } .testimonials .carousel-indicators .active {background-color: #d60b0b; } .testimonials .control span {cursor: pointer; } .testimonials .icon {height: 40px; width: 40px; background-size: 100%, 100%; border-radius: 50%; font-size: 30px; background-image: none; color: #ffffff; } /*-------------------------------------------------- [14. Start Want Work] --------------------------------------------------*/ .want-work {background: url("../img/bg/want-work.png") center center no-repeat; background-size: cover; background-attachment: fixed; padding: 130px 0; color: #ffffff; } .want-work .box h2 {font-size: 50px; font-weight: 700; margin: 0; padding: 0; } .want-work .box h3 {font-size: 20px; font-weight: 400; margin: 0; padding: 0; margin-top: 15px; margin-bottom: 30px; } .want-work .box .btn {background: #d60b0b; border-radius: 35px; padding: 8px 50px; color: #ffffff; font-size: 14px; font-weight: 400; transition: all .5s ease-in-out; } .want-work .box .btn:hover {background: #ffffff; color: #555555; } .contact {padding: 60px 0; background: #f1f1f1; } .contact .heading h2 {font-size: 30px; font-weight: 700; margin: 0; padding: 0; } .contact .heading h2 span {color: #d60b0b; } .contact .heading p {font-size: 15px; font-weight: 400; line-height: 1.7; color: #999999; margin: 20px 0 60px; padding: 0; } .contact .form-control {padding: 25px; font-size: 13px; margin-bottom: 10px; background: #f9f9f9; border: 0; border-radius: 10px; } input#submit {display: inline-block; padding: 11px 38px; margin-right: 10px; margin-left: 10px; border-radius: 9px; font-size: 15px; background: #d60b0b; width: auto; color: #ffffff; border: none; } .contact .title h3 {font-size: 18px; font-weight: 600; } .contact .title p {font-size: 14px; font-weight: 400; color: #999; line-height: 1.6; margin: 0 0 40px; } .contact .content .info {margin-top: 30px; } .contact .content .info .icon {font-size: 30px; padding: 0; margin: 0; color: #02434b; margin-right: 20px; } .contact .content .info h4 {font-size: 13px; line-height: 1.4; } .contact .content .info h4 span {font-size: 13px; font-weight: 300; color: #999999; } .footer {padding: 3% 1%; background: #111b58; } hr.white {background: #5963a5; height: 0px; margin: 10px 0; } .footer .social-icons i:hover {background: #d60b0b; color: #ffffff; border: 0.5px solid #d60b0b; } .footer p {font-size: 14px; font-weight: 300; color: #e4e2e2; margin: 0; padding: 0; } /*-------------------------------------------------- [19. Start Page Loading] --------------------------------------------------*/ .no-js #loader {display: none; } .js #loader {display: block; position: absolute; left: 100px; top: 0; } .se-pre-con {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url("../img/loader/Preloader_3.gif") center no-repeat #fff; } /*-------------------------------------------------- [20. Start Media Query] --------------------------------------------------*/ /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) {.navbar {padding: 30px; background: #ffffff !important; } .navbar .nav-item {margin: 30px 0 0 30px; } .navbar .nav-item .nav-link {color: #555555; } .navbar-dark .navbar-toggler {color: #d60b0b !important; border-color: #d60b0b; background: #d60b0b; border-radius: 5px; opacity: 1; } .navbar .btn {margin-left: 30px; margin-top: 30px; margin-bottom: 20px; } .slider .content {position: absolute; top: 55%; left: 50%; transform: translate(-45%,-50%); color: #ffffff; margin-top: 20px; } .about img {margin-bottom: 30px; } .contact .content .info {margin-bottom: 30px; } } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) {.navbar {padding: 30px; background: #ffffff !important; } .navbar .nav-item {margin: 30px 0 0 30px; } .navbar .nav-item .nav-link {color: #555555; } .navbar-dark .navbar-toggler {color: #d60b0b !important; border-color: #d60b0b; background: #d60b0b; border-radius: 5px; opacity: 1; } .navbar .btn {margin-left: 30px; margin-top: 30px; margin-bottom: 20px; } .slider .content {position: absolute; top: 55%; left: 50%; transform: translate(-45%,-50%); color: #ffffff; margin-top: 20px; } .slider .content h1 {margin: 0; padding: 0; font-size: 60px; font-weight: 800; text-transform: uppercase; } .welcome .box {margin-bottom: 30px; } .welcome {padding: 130px 0 100px; } .skills .box-2 {margin-top: 30px; } .about img {margin-bottom: 30px; } .contact .content .info {margin-bottom: 30px; } } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) {.navbar {padding: 30px; background: #111b58 !important; } .navbar .nav-item {margin: 30px 0 0 30px; } .navbar .nav-item .nav-link {color: ##ffffff; } .navbar-dark .navbar-toggler {color: #d60b0b !important; border-color: #d60b0b; background: #d60b0b; border-radius: 5px; opacity: 1; } .navbar .btn {margin-left: 30px; margin-top: 30px; margin-bottom: 20px; } .slider .content {position: absolute; top: 55%; left: 50%; transform: translate(-45%,-50%); color: #ffffff; margin-top: 20px; } } /* Large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) {} ul.bullets li {position: relative; margin-bottom: 9px; padding-left: 19px; line-height: 22px; list-style: none; } ul.bullets {line-height: 1.8; margin-bottom: 0; padding-inline-start: 10px; margin-top: 10px; } ul.bullets li:before {content: "\f101" !important; font-family: "FontAwesome"; font-size: 16px; color: #f73d5d; position: absolute; left: 0; font-weight: 600; line-height: 20px; top: 0px; } /* slider */ /* Slider */ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus {outline: none; } .slick-list.dragging {cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after {display: table; content: ''; } .slick-track:after {clear: both; } .slick-loading .slick-track {visibility: hidden; } .slick-slide {display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide {float: right; } .slick-slide img {display: block; } .slick-slide.slick-loading img {display: none; } .slick-slide.dragging img {pointer-events: none; } .slick-initialized .slick-slide {display: block; } .slick-loading .slick-slide {visibility: hidden; } .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list {background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face {font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25; } .slick-prev:before, .slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev {left: -25px; } [dir='rtl'] .slick-prev {right: -25px; left: auto; } .slick-prev:before {content: '←'; } [dir='rtl'] .slick-prev:before {content: '→'; } .slick-next {right: -25px; } [dir='rtl'] .slick-next {right: auto; left: -25px; } .slick-next:before {content: '→'; } [dir='rtl'] .slick-next:before {content: '←'; } /* Dots */ .slick-dotted.slick-slider {margin-bottom: 30px; } .slick-dots {position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; } .slick-dots li button:before {font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {opacity: .75; color: black; } ol.small-ol {counter-reset: my-awesome-counter; list-style: none; padding-left: 30px; margin-bottom: 20px; } ol.small-ol li { margin: 0 0 0.5rem 0px; counter-increment: my-awesome-counter; position: relative;} ol.small-ol li::before { content: counter(my-awesome-counter)"."; color: #d60b0b; position: absolute; --size: 14px; left: calc(-1 * var(--size) - 15px); line-height: var(--size); font-size: 16px;  top: 4px;  font-family: myriad-bold;} #home-area {/* background: url(../img/banner4.jpg);*/ /*    background-repeat: no-repeat; background-position: left bottom; background-size: cover;*/ /* height: 100vh*/ } .caption-content h1 {color: #fff; font-weight: 800; } .caption-content h2 {color: #fff; } .caption-content p {color: #fff; margin: 0px; } .caption-content a {background-color: #d60b0b; color: #fff; padding: 7px 24px; border-radius: 30px; display: inline-block; font-weight: 500; margin: 22px 0 0; } .caption-content a:hover {background-color: #fff; color: #2273f8; } .caption-content a i {padding-right: 2px; font-size: 18px; } .caption-img {padding: 25% 0 0; } .col-lg-4.video-side{flex: 1 0 50%; background-size: cover; padding: 0; background: #39239f; } .video-area .container-fluid {width: 100%; height: 100%; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .cntent-side {padding: 25px 60px 0px 60px; } .navbar-fixed-top.scrolled {background-color: #fff !important; transition: background-color 200ms linear; } .navbar-fixed-top.scrolled .nav-link {color:#555; } #myVideo {position: relative; right: 0; bottom: 0; width: 100%; top: 60px; } .form-group span#question {padding: 13.5px 15px 15.5px 15px; background: #f9f9f9; border: 1px solid #ffffff; color: #888888; border-radius: 6px 0px 0px 6px; } .form-group input#ans {border-radius: 0px 10px 10px 0px; width: 20%; display: inline-block; } select#country {color: #6b6b6b; width: 100%; padding: 16px 18px; font-size: 13px; margin-bottom: 10px; background: #f9f9f9; border: 0; border-radius: 10px; } #p1, #p2, #p3, #p4, #p5, #p6, #fail {display: none; color: red; font-size: 10px; } .welcome p, .video-area p {text-align: justify; font-size: 16px; letter-spacing: 0.3px; } .iso-image img {width: 100%; padding: 0px 15px; margin-top: -25px; }.footer span {color: #f58181; }
a.download {
    background: #d60b0b;
    color: #ffffff !important;
    padding: 4px 12px 6px;
    text-decoration: none;
    border-radius: 50px;
}
a.download:hover{
    background: #111b58;
    color: #ffffff;
}
header.fixed-top {
    background: #000000;
}
.topbar ul {
    list-style: none;
}
.navbar {
    width: 100%;
    }
    .topbar ul {
    list-style: none;
    display: flex;
}
.navbar {
    background: #111b58;
    padding: 16px 0;
}
.service-page-banner-section {
    height: 700px;
    display: flex;
    align-items: center;
        color: #ffffff;
        background-position: center !important;
    background-size: cover !important;
}
.banner-container-text h1 {
    font-size: 60px;
}
.banner-container-text p{
    font-size: 20px;
}
.banner-container-text {
    width: 60%;
}
.main-features-section{
	padding: 80px 0;
}
ul.feature-list{
	    margin-bottom: 25px;
    margin-top: 10px;
    margin-left: 0;
    padding-inline-start: 20px;
    list-style: none;
}
ul.feature-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 20px;
}
ul.feature-list li:before {
    content: "\f101";
    font-weight: 600;
    font-family: FontAwesome;
    color: #d60b0b;
    font-size: 27px;
    position: absolute;
    left: 0;
    top: 0px;
}
ul.feature-list li h3 {
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 11px;
}
div#google_translate_element {
    margin-left: 0;
    margin-top: -7px;
    height: 33px;
}
iframe#\:1\.container {
    display: none;
}
.goog-te-gadget .goog-te-combo {
    margin: 4px 0 0 15px !important;
}
select.goog-te-combo {
    color: #f1f1f1;
    font-weight: 700;
    background: #111b58;
    padding: 4px 7px;
    border-radius: 50px;
    border: 2px solid #f1f1f1;
}
select.goog-te-combo option {
    color: black;
    background: #ffffff;
}
.nav-item.login a.nav-link {
    margin-top: -3px;
    padding: 1px 27px;
    margin-left: 0px;
    border-radius: 50px;
    border: 2px solid #f1f1f1;
}
.nav-item.login{
    margin-left:15px;
}
/*.nav-item.login a.nav-link {
    padding: 1px 27px;
    margin-left: 0px;
    border-radius: 50px;
    border: 2px solid #444444;
    background: #444444;
    color: #ffffff;
}
select.goog-te-combo {
    color: #f1f1f1;
    font-weight: 500;
    background: #444444;
    padding: 2px 7px;
    border-radius: 50px;
    border: 2px solid #444444;
}
.nav-item.login{
    margin-left:15px;
}
.topbar ul {
    list-style: none;
    display: flex;
    margin-bottom: 5px;
    margin-top: 5px;
}
div#google_translate_element {
    margin-left: 0;
    margin-top: -7px;
    height: 33px;
}
iframe#\:1\.container {
    display: none;
}
.goog-te-gadget .goog-te-combo {
    margin: 7px 0 0 15px !important;
}

select.goog-te-combo option {
    color: black;
    background: #ffffff;
}
.goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget{
    color: transparent !important;
}*/
ul.dropdown-menu {
  display: none;
}
ul.navbar-nav.ml-auto {
    height: 39px;
    margin-top: 10px;
}
.nav-item:hover .dropdown-menu {
    display: block;
    position: absolute;
    right: 0;
    width: 250px;
    left: -50%;
    top: 31px;
}
.dropdown-menu li{
    padding: 10px;
    border-bottom:1px solid #f1f1f1;
    }
    .dropdown-menu li:hover {
        background:#111b58 ;

    }
        .dropdown-menu li:hover a{
            color: #ffffff;
        }
    .dropdown-menu li a{
        color: #111111;
        text-decoration: none;
    }
    .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #e5e5e9;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.navbar .nav-item {
	    position: relative;
	}
	@media (max-width: 767.98px){
.navbar .nav-item {
    margin: 12px 0 0 30px !important;
}
ul.navbar-nav.ml-auto {
    height: 100%;
    color: #ffffff;
}
.navbar .nav-item .nav-link {
    color: #ffffff;
}
.testimonials p {
    padding: 0 20px;
}
}