body {margin: 0;padding: 0;color: #000;font-family: 'Archivo', sans-serif;overflow-x: hidden;background:#F9F9F9;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:bold; font-family: 'Mulish', sans-serif;color: #000;  }
p{margin:0;padding:0;font-weight:normal;font-family: 'Archivo', sans-serif;font-size: 16px;line-height: 28px;color: #444;}
ol,ul{margin:0; padding:0; list-style:none;font-family: 'Archivo', sans-serif;}
a{text-decoration: none;}

/* =============================================Landing Page Css================================================ */

.top-header .navbar {background: transparent;padding: 0px 0;box-shadow: none;border-bottom: 1px solid #0000001c;}
.top-header .navbar .navbar-brand img {position: relative;top: 0;width: 200px;height: 70px;object-fit: contain;}
.fixed-top a.navbar-brand {padding: 0;}
.top-header ul li a {color: #000;font-size: 15px;letter-spacing: .2px;margin: 0 0 0 20px;/* transition: .3s ease-in-out; *//* font-weight: 500; */line-height: 70px;}
.top-header ul li a.nav-link.search-button {background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2), inset -10px -10px 15px rgba(0, 0, 0, 0.3);border-radius: 50px;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;transition: .3s ease-in-out;}
.top-header ul li a.nav-link.contact-button {background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);border-radius: 50px;height: 55px;display: inline-flex;align-items:center;justify-content: center;color: #fff;padding: 0 20px;font-weight: 700;transition: .3s ease-in-out;}
.top-header ul {align-items: center;}
.top-header ul li a.nav-link.search-button:hover, .top-header ul li a.nav-link.contact-button:hover {box-shadow: none;border: 0;}
.top-header ul li a:hover {color: #6693FE;opacity: 1;border-bottom: 0px solid;}
.banner-section img {width: 90%;padding: 0px 0 0;margin: 0 auto;display: block;}
.banner-section {position: relative; padding: 0px 0 0;}
.banner-section:before {content: '';position: absolute; background: url(../images/before.png)no-repeat;background-size: contain; width: 35%;height: 74%;left: 0;z-index: -1;top: 60px;-webkit-animation: mover 1s infinite alternate;}
.banner-section:after {content: ''; position: absolute; background: url(../images/after.png)no-repeat;background-size: contain; width: 28%; height: 80%; right: 0; z-index: -1;top: 0px;-webkit-animation: mover 1s infinite alternate;}
.content-sec h2 {font-weight: 700;font-size: 52px;line-height: 74px;}
.content-sec {text-align: center; margin: 70px 0 0;}
.content-sec p { font-weight: 300; max-width: 600px; margin: 10px auto;}
.content-sec a { background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%); box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%); border-radius: 50px; height: 55px; display: flex; align-items: center; justify-content: center; color: #fff; padding: 0 20px; font-weight: 700; transition: .3s ease-in-out; max-width: 215px; margin: 20px auto 0; letter-spacing: 1px;}
.content-sec a:hover { box-shadow: none;}

@-webkit-keyframes mover {
  0% {transform: translateY(0);}
  100% {transform: translateY(-20px);}
}
@keyframes mover {
  0% {transform: translateY(0);}
  100% {transform: translateY(-20px);}
}

.content-sec.bottom {margin: 0;}
.content-sec.bottom p {max-width: 100%;}
.content-sec.bottom a img {width: auto;margin: 0 5px 0 0px;}
.content-sec.bottom a { display: inline-flex; align-items: center; justify-content: center; padding: 0 26px; margin: 0px 10px;}
.action-sec { display: flex; align-items: center; justify-content: center;margin: 30px 0px;}
.about-section .about-img img {width: 90%;height: 90%;box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.25);border-radius: 115px 0px; object-fit: cover; border: 3px solid #fff;}
.about-section .about-img {position: relative; height: 100%;}
.content-header {text-align: center; padding: 0 0 80px;}
.content-header span {background: #DF7CF5;border-radius: 20px;padding: 7px 20px;color: #fff;font-weight: 600;font-size: 14px;margin: 0 0 5px; display: inline-block;box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);}
.about-section {padding: 100px 0 0;margin: 80px 0 0;border-top: 1px solid #ccc;}
.content-header h2 {font-size: 42px;margin: 0 0 10px;color: #353535;}
.content-header p {/* font-weight: 300; */max-width: 100%;margin: 0px auto 0;}
.about-content ul {display: flex;align-items: start;justify-content: start;flex-wrap: wrap;}
.about-content ul li {width: 48%;}
.about-content ul li .about-list {padding: 30px;transition: .3s ease-in-out;}
.about-content ul li .about-list img {padding: 0 0 15px;}
.about-content ul li .about-list h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
.about-content ul li .about-list p {font-weight: 300;}
.about-content ul li .about-list a {background-image: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);border-radius: 50px;width: 50px;height: 50px;display: inline-flex;align-items: center;justify-content: center;transition: .3s ease-in-out;margin: 15px 0 0;}
.about-content ul li .about-list a img {padding: 0;}
.about-content ul li:hover .about-list {background: #fff;box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.05);transform: scale(1.1);border-radius: 60px 0 60px 0px;}
.about-content ul li:hover .about-list a {transform: rotate(-45deg);box-shadow: none;}
.about-section .about-img:before { content: '';position: absolute; width: 90%; height: 90%;background: transparent;left: 20px;right: 0;z-index: -1;top: 20px;border-radius: 140px 0px;border: 3px dotted #dc7af2;}
.service .about-content ul li {width: 31%;margin: 0 10px 30px;}
.service .about-content ul li:hover .about-list {border-radius: 40px 0 40px 0px;}
.service .about-content ul li:nth-child(2):hover .about-list {background: url(../images/ser2.png)no-repeat;}
.service .about-content ul li:nth-child(3):hover .about-list {background: url(../images/ser3.png)no-repeat;}
.service .about-content ul li .about-list {border-radius: 40px 0 40px 0px;position: relative;overflow:hidden;}
.service .about-content ul li:hover .about-list:before { content: ''; position: absolute; width: 100%; height: 100%;left: 0;top: 0;background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);opacity: 1;z-index: -1;}
.service .about-content ul li:hover .about-list>* {color: #fff;}
.service .about-content ul li:hover .about-list a {background: #fff;}
.service .about-content ul li .about-list svg {margin: 0 0 15px;}
.service .about-content ul li:hover .about-list svg path {fill: #fff;}
.service .about-content ul li:hover .about-list a svg path {fill: #6193FE;}
.service .about-content ul li .about-list a svg {margin: 0;}
.about-section.service {padding: 100px 0;margin: 80px 0 0;border-bottom: 1px solid #ccc;position: relative;}
.about-section.service:before { content: ''; position: absolute; background: url(../images/pattern.png) no-repeat; background-size: contain;left: 0;top: 0; width: 40%;height: 50%;z-index: -1;}
.about-section.service:after {content: ''; position: absolute; background: url(../images/pattern.png) no-repeat; background-size: contain; right: 0; bottom: 0; width: 40%; height: 50%; transform: rotate(180deg); z-index: -1;}

.footer-logo img { width: 150px; margin: 0 auto; display: block;}
.footer-section {padding: 60px 0;}
.footer-logo {margin: 0 0 30px;}
.newsletter-sec { position: relative; max-width: 650px; margin: 0 auto; display: block;}
.newsletter-sec input { background: #F9F9F9; border: 2px solid #6194FF; border-radius: 60px; height: 70px; padding: 10px 160px 10px 30px;}
.newsletter-sec a { background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%); box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%); border-radius: 50px; height: 55px; display: inline-flex; align-items: center;    justify-content: center; color: #fff; padding: 0 20px; font-weight: 700;transition: .3s ease-in-out; max-width: 150px; margin: 20px auto 0;letter-spacing: 1px; position: absolute; right: 8px;top: -12px;width: 100%;}
.newsletter-sec a:hover {color: #fff;box-shadow: none;}
.socail-sec ul {display: flex; align-items: center;justify-content: center; margin: 30px 0 0;}
.socail-sec ul a {width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center;transition: .3s ease-in-out;margin: 0px 10px 0;background: #FFFFFF;border: 2px solid #6194FF;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);    border-radius: 40px;}
.socail-sec ul a svg path {fill: #6194ff;}
.socail-sec ul a svg {width: 20px;height: 20px;object-fit: contain;}
.socail-sec ul a:hover {background-image: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%); border: 0;}
.socail-sec ul a:hover svg path {fill: #fff;}
.service .about-content ul li .about-list .service-img .hover {display: none;}
.service .about-content ul li .about-list .service-img img {display: block;}
.service .about-content ul li:hover .about-list .service-img img {display: none;}
.service .about-content ul li:hover .about-list .service-img .hover {display: block;}
.about-section.choose-us {background: url(../images/why-choose-back.png)no-repeat;background-size: 100%;height: 750px; margin: 0; border: 0; position: relative; z-index: 999; margin: 0 0 300px; background-attachment: fixed;background-position: center;}
.about-section.choose-us h2 {color: #fff;}
.why-choose-us {background: #fff; padding: 70px 0px 50px; text-align: center;box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.15);border-radius: 30px;}
.why-choose-us .content-choose-us h2 {color: #353535;}
.why-choose-us .content-choose-us {margin: 0 0 40px;border-bottom: 1px solid #ccc; padding: 0 50px 50px;}
.why-choose-us .content-choose-us:last-child {margin: 0;border: 0;}
.why-choose-us .content-choose-us p {width: 80%; margin: 20px auto;font-size: 16px;font-weight: 300;}
.why-choose-us .content-choose-us a {background-image: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);border-radius: 50px;display: inline-flex;align-items: center;
    justify-content: center;transition: .3s ease-in-out;margin: 15px 0 0;padding: 14px 35px;color: #fff;width: 180px;font-weight: 600;}
.about-section.choose-us .content-header {padding: 0 0 30px;}
.why-choose-us .content-choose-us a:hover {box-shadow: none;}
.learn-content ul li img { width: 18px; margin: 0 10px 0 0; float: none; position: relative; top: 7px;}
.learn-content ul li {color: #444;margin: 0 0 15px;display: flex;align-items: start;line-height: 28px;}
.learn-content h2 {font-size: 32px;color: #353535;margin: 0 0 30px;}
.learn-img img {box-shadow: 0px 0px 40px rgb(0 0 0 / 25%);border-radius: 70px 0px;object-fit: cover; border: 3px solid #fff;width: 90%;    height: 600px;}
.learn-content a {background-image: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);border-radius: 50px;display: inline-flex;align-items: center;justify-content: center;
    transition: .3s ease-in-out;margin: 40px 0 0;padding: 14px 35px;color: #fff;width: 180px;font-weight: 600;}
.learn-content a:hover {box-shadow: none;color: #fff;}
.learn-content p {margin: 0 0 10px;}
.learn-content ul {margin: 0 0 40px;}
.learn-content {padding: 20px 20px 0 0px;}
.learn .content-header p {max-width: 100%;}
.footer-section{position:relative;background: #fff;}
.footer-section:before {background: url(../images/footer.png)no-repeat;content: '';position: absolute;background-size: contain;width: 30%; height: 100%;left: 0;z-index: 0;top: 0;-webkit-animation: mover 1s infinite alternate;}
.footer-section:after {background: url(../images/footer2.png)no-repeat;content: '';background-size: contain;position: absolute;width: 23%;height: 120%;right: 0px;z-index: 0;top: 0;-webkit-animation: mover 1s infinite alternate;}
.copyright-section {background: #f9f9f9;padding: 10px 0;text-align: center;}
.about-section.service.learn {border-top: 1px solid #ccc;border-bottom: 0;}



.contact-section-inner .form-group {
    margin-bottom: 25px;
}
.contact-section-inner label {
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000000;
    font-size: 14px;
}
.contact-section-inner input, select, textarea, .form-control {
    width: 100%;
    height: 50px;
    padding: 16px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #cfdbf1;
}
.contact-section-inner {
    padding: 50px;
}
.contact-section-inner .contact-number img {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.contact-section-inner button.theme-btn {
    background-image: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);
    box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-in-out;
    margin: 0px 0 0;
    padding: 14px 35px;
    color: #fff;
    width: 200px;
    font-weight: 600;
    border: 0;
}
.contact-section-inner h2 {
    font-size: 36px;
    margin: 0 0 20px;
    color: #353535;
}
.contact-image-number {
    margin: 0px 0 0;
}
.contact-section-inner {
    padding: 20px 20px;
    border-radius: 10px;
}

.banner-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    background: url(../images/about-back.jpg)no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
    z-index: 0;
}
.banner-inner .content-header {
    padding: 0;
}
.about-section.inner {
    margin: 0;
    padding: 60px 0;
}
.banner-inner .content-header h2,.banner-inner .content-header p {
    color: #fff;
}
.banner-inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: -1;
    background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);
}
.about-section.inner .about-content ul li:hover .about-list {
    transform: scale(1);
    background: transparent;
    box-shadow: none;
}
.top-header ul li ul.dropdown-menu.show li a {
    margin: 0;
    padding: 0 20px;
    line-height: 46px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.top-header ul li ul.dropdown-menu {
    padding: 0;
    overflow: hidden;
}
.top-header ul li ul.dropdown-menu.show li:last-child a {
    border: 0;
}

.service-content .service-img img {
    width: 100%;
    border-radius: 30px 0 30px 0;
}
.service-content .about-list p {
    margin: 0 0 20px;
}
.service-content .about-list {
    padding: 0 50px 0 0px;
}
.service-content .about-list p, .service-content .about-list h4 {
    margin: 0 0 20px;
}
.service-content  .about-list a {
    background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);
    box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);
    border-radius: 50px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 35px;
    font-weight: 700;
    transition: .3s ease-in-out;
    margin: 20px 0 0;
}
.service-content .about-list a:hover{box-shadow:none;}
.service-content ul li .about-list ul {
    display: block;
    margin: 20px 0 0;
}
.service-content .about-list ul li {
    margin: 0 0 10px;
    font-weight: 300;
    padding: 0 0 0 20px;
    position: relative;
}
.service-content .about-list ul li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);
    box-shadow: 10px 10px 20px rgb(0 0 0 / 20%), inset -5px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 50%;
    left: 0;
    top: 7px;
}
.service.inner {
    margin: 100px 0;
}
.contact-section {
    padding: 100px 0;
}
.service-content img {
    width: 100%;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 25%);
    border-radius: 50px 0px;
    object-fit: cover;
    border: 3px solid #fff;
}
.about-section.service.inner {
    margin: 0;
}
.view-more-services a {
    background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);
    box-shadow: 10px 10px 30px rgb(0 0 0 / 20%), inset -10px -10px 15px rgb(0 0 0 / 30%);
    border-radius: 50px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 20px;
    font-weight: 700;
    transition: .3s ease-in-out;
    max-width: 230px;
    margin: 20px auto;
}
.view-more-services a:hover{
    box-shadow:None;
}
/*.homeicon {
    position: relative;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    padding-left: 0px;
    background-size: 5%;
    background-position: right;
}
.top-header ul .menu-header-menu-container {
    width: 100%;
    padding: 0 20px;
}*/
.top-header ul ul.sub-menu {
    display: none;
    position: absolute;
    z-index: 9;
    background: #fff;
    top: 70px;
    padding: 0 0px;
}
.top-header ul ul.sub-menu a {
    line-height: 45px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block;
    padding: 2px 15px 2px;
}
.my-serveice:hover .sub-menu {
    display: block;
    
}
.top-header ul ul.sub-menu li:last-child a {
    border: 0;
}
.mob-menu-header-holder {
    display: none !important;
}
.contact-box {
    padding: 30px 30px 30px 30px;
    border-radius: 5px 5px 5px 5px;
    background: linear-gradient(90deg, #6194FF 10.43%, #E27CF5 97.44%);
}
.sec-title {
    position: relative;
    margin: 0 0 50px;
}
.sec-title .sub-text.new-text {
    padding-left: 0;
    margin-bottom: 7px;
    color: #ffffff;
}
.sec-title .sub-text {
    position: relative;
    padding-left: 95px;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #03228F;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.sec-title .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #ffffff;
    margin: 0;
}
.contact-box .address-box {
    display: flex;
    margin: 0 0 30px;
}

.contact-box .address-box .address-text .label {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
}
.contact-box .address-box .address-text a {
    color: #ffffff;
    font-size: 18px;
}
.address-text {
    color: #fff;
}
.desc {
    font-size: 18px;
}
.contact-box .address-box br {
    display: none;
}
.client-section .about-client h4 {
    font-size: 21px;
    line-height: 28px;
    margin: 15px 0;
}
.client-section .about-client  p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: 'Archivo', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #444;
}
@media(max-width:1650px){
  .banner-section img {width: 85%;}
  .banner-section:before {width: 30%;height: 60%;}
  .banner-section:after {width: 25%; height: 60%;top: 70px;}
}

@media(max-width:1500px){
  .banner-section:after {width: 24%;height: 55%;top: 140px;}
  .banner-section img {width: 80%;}
  .banner-section:before { width: 25%; height: 50%;top: 160px;}
  .about-section .about-img:before { height: 100%;}
  .about-section .about-img img { height: 100%;}
}
@media(max-width:1399px){
  .banner-section:after {width: 24%;height: 55%;top: 140px;}
  .banner-section img {width: 85%;}
  .banner-section:before { width: 25%; height: 50%;top: 160px;}
  .about-section .about-img:before { height: 100%;}
  .about-section .about-img img { height: 100%;}
  
}
@media (max-width:1024px){
  .about-section.choose-us {margin: 0 0 350px;}
  .about-section.service {padding: 50px 0;margin:0;}
  .footer-section:before {width: 60%;opacity: .1;}
  .footer-section:after {width: 50%;opacity: .1;}
  .footer-section .container {position: relative; z-index: 99;}
}

@media(max-width:991px){
  .banner-section:before {width: 30%;height: 50%;top: 10px;opacity: .1;}
  .banner-section:after {width: 30%;height: 55%;top: 0px;opacity: .1;}
  .content-sec h2 {font-size: 36px;line-height: 48px;}
  .about-section {padding: 40px 0 0;margin: 30px 0 0;}
  .about-section .about-img img {height: 600px;width: 95%;}
  .about-section .about-img:before {height: 100%;width: 95%;}
  .about-content {margin: 60px 0 0;}
  .content-header {padding: 0 0 50px;}
  .about-section.service .about-content { margin: 0;}
  .service .about-content ul li {width: 47%;margin: 0 10px 10px;}
  .about-section.choose-us {background-size: cover;height: auto;margin: 0 0 0px;background-position: top;padding: 40px 0 60px;}
  .about-section.service.learn { margin: 0;padding: 60px 0;}
  .learn-content a {margin: 10px 0 30px;}
  .learn-img img { width: 100%;height: auto;}
  .service-content .about-list {padding: 0px 0px 50px 0px;}
  .service.inner {margin: 50px 0;}
  .banner-inner {height: auto;padding: 30px 0;background-size: cover;}
  .banner-inner:before{display:block}
  .top-header ul li a {line-height: 40px;margin: 0;}
  #navbarSupportedContent {position: absolute;top: 68px;background: #f9f9f9;width: 100%;left: 0;z-index: 99;padding: 10px 0 20px;}
  .top-header ul li a.nav-link.search-button { margin: 5px 0 15px;}
  .h-logo {width: 40% !important; padding: 5px 0;}
  .newsletter-sec .navbar-brand {height: 45px;max-width: 120px;font-size: 12px;}
  .socail-sec ul { margin: 0px 0 0;}
  .top-header ul li {width: 100%;}
  .top-header ul {width: 100%;padding: 0 20px;}
  .top-header ul ul#menu-header-menu {padding: 0;}
  .top-header ul ul.sub-menu {top: 40px;border: 1px solid #ccc;}
  button.navbar-toggler {display: none;}
  .mob-menu-header-holder {z-index: 0!important;width: 20% !important;}
  .mobmenu-right-panel {width: 50%!important;}
  .mob-menu-header-holder { display: block !important;}
  .mobmenu-content li > .sub-menu li {padding-left: calc(0*0%)!important;}
  .mobmenu-content #mobmenuright .sub-menu {background-color: #F9F9F9!important;padding: 10px 0!important;}
  .contact-box {margin: 30px 0 0;}
  .mobmenur-container { right: 20px!important; top: 25px!important; border: 1px solid #ccc !important;padding: 5px 7px!important;border-radius: 5px!important;}
  .mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {right: 20px!important;top: 20px!important;border: 1px solid #ccc!important;padding: 5px 7px!important;border-radius: 5px!important;}
}


@media(max-width:767px){
  .top-header .navbar .navbar-brand img {width: 120px;height: 70px;}
  .content-sec h2 {font-size: 28px;line-height: 38px;}
  .banner-section:before {width: 50%; height: 50%; top: 20px;opacity: .1;}
  .banner-section:after { width: 50%;height: 55%;top: 0px; opacity: .1;}
  .content-sec {margin: 30px 0 0;}
  .banner-section img {width: 100%; margin: 15px 0 10px;}
  .action-sec {display: block;margin: 10px 0px;}
  .content-sec.bottom a { margin: 0px 10px 16px;}
  .content-header h2 {font-size: 24px; margin: 5px 0 10px;}
  .content-header p {max-width: 100%;margin: 0px auto 0;}
  p {font-size: 14px;line-height: 24px;}
  .content-header {text-align: center; padding: 0 0 30px;}
  .about-content ul {margin: 50px 0 0;}
  .about-content ul li { width: 100%;}
  .about-section.service { padding: 40px 0; margin: 40px 0 0; }
  .about-section.service .about-content ul {margin: 0;}
  .service .about-content ul li {width: 100%; margin: 0 10px 30px;}
  .about-section.service:after { width: 100%; height: 100%;transform: rotate(180deg); z-index: -1;}
  .about-section.service:before {width: 100%;height: 100%;}
  .why-choose-us .content-choose-us {padding: 0 20px 50px;}
  .why-choose-us .content-choose-us p {width: 100%;margin: 20px auto 0;font-size: 14px;}
  .why-choose-us {padding: 40px 0px 0px;}
  .learn-content h2 {font-size: 24px;line-height: 34px;}
  .learn-content ul li {line-height: 24px;font-size: 14px;}
  .footer-section:before {display:none;}
  .footer-section:after {display:none;}
  .footer-section { padding: 30px 0 10px;}
  .newsletter-sec a {height: 45px;max-width: 120px;font-size: 12px;}
  .newsletter-sec input {height: 60px;padding: 10px 130px 10px 19px;font-size: 14px;}
  .socail-sec ul a { width: 40px; height: 40px;}
  .socail-sec ul a svg {width: 15px;height: 15px;}
  .about-section.inner {margin: 0;padding: 20px 0;}
  .about-section.inner .about-content {margin: 0;}
  .about-section.inner .about-content ul {margin: 0;}
  .mobmenur-container {right: 10px!important;top: 15px!important;}
  .mobmenu-right-panel {width: 80%!important;}
  .contact-section { padding: 40px 0;}
}


@media(max-width:320px){

}
.copyright-section p a {
    text-decoration: none;
    color: #444 !important;
}