/*
Theme Name: Edata Technology
Theme URI: https://edatatechnology.com.au/
Author: E Data Technology
Author URI: https://edatatechnology.com.au/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edata
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/********** Template CSS **********/
:root {
    --primary: #06A3DA;
    --secondary: #34AD54;
    --light: #EEF9FF;
    --dark: #091E3E;
}
/* body{
    overflow: hidden;
} */

/*** Spinner ***/
.spinner {
    width: 40px;
    height: 40px;
    background: var(--primary);
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.logo{
    width: 100%;
}
/* .navbar-brand{
    width: 10% !important;
} */
@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
 /* Hide dropdowns by default */
 .sub-menu {
    display: none;
    position: absolute; /* Position dropdown menu absolutely */
     /* Align dropdown menu with the left edge of the parent */
}
header li{
    text-transform: capitalize;
}
/* Show dropdown when parent li is hovered */
.nav-tab:hover .sub-menu {
    display: block;
    background-color: rgb(240, 250, 253);
}
.sub-menu{
    list-style-type:none;width:300px
}
/*** Heading ***/
h1,
h2,
.fw-bold {
    font-weight: 800 !important;
}

h3,
h4,
.fw-semi-bold {
    font-weight: 700 !important;
}

h5,
h6,
.fw-medium {
    font-weight: 600 !important;
}


/*** Button ***/
.btn {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn-primary,
.btn-secondary {
    color: #FFFFFF;
    box-shadow: inset 0 0 0 50px transparent;
}

.btn-primary:hover {
    box-shadow: inset 0 0 0 0 var(--primary);
}

.btn-secondary:hover {
    box-shadow: inset 0 0 0 0 var(--secondary);
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 30px;
    height: 30px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}


/*** Navbar ***/
.navbar-dark .navbar-nav .nav-link {
    font-family: 'Nunito', sans-serif;
    position: relative;
    margin-left: 25px;
    padding: 35px 0;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
    padding: 20px 0;
    color: var(--dark);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
    background-color: skyblue !important;
}

.navbar-dark .navbar-brand h1 {
    color: #FFFFFF;
}

.navbar-dark .navbar-toggler {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

@media (max-width: 991.98px) {
    .sticky-top.navbar-dark {
        position: relative;
        background: #FFFFFF;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .sticky-top.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
        color: var(--dark);
    }

    .navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
}

@media (min-width: 992px) {
    
    .navbar-dark {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(256, 256, 256, .1);
        z-index: 999;
    }
    
    .sticky-top.navbar-dark {
        position: fixed;
        background: #FFFFFF;
    }

    .navbar-dark .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: -1px;
        left: 50%;
        background: var(--primary);
        transition: .5s;
    }

    .navbar-dark .navbar-nav .nav-link:hover::before,
    .navbar-dark .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }

    .navbar-dark .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }

    .sticky-top.navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
}





/*** Section Title ***/
.section-title::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -75px;
}

.section-title.section-title-sm::before {
    width: 90px;
    height: 3px;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

.section-title.section-title-sm::after {
    width: 4px;
    height: 3px;
}

.section-title.text-center::after {
    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
}

.section-title.section-title-sm::after {
    -webkit-animation: section-title-run-sm 5s infinite linear;
    animation: section-title-run-sm 5s infinite linear;
}

@-webkit-keyframes section-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes section-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes section-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}


/*** Service ***/
.service-item {
    position: relative;
    /* height: 200px; */
    padding: 0 30px;
    transition: .5s;
}

.service-item .service-icon {
    margin-bottom: 30px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 15px;

    /* transform: rotate(-45deg); */
}

.service-item .service-icon i {
    /* transform: rotate(45deg); */
    font-size: 25px;
}
.bx{
    overflow: hidden;
}
.service-item,
.service-item .service-icon {
    box-sizing: border-box;
}

/* Apply box shadow only to .bx elements when hovered */
.bx:hover {
    box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: white;
}

/* Reset box shadow for other elements inside .bx */
.bx:hover .service-item {
    box-shadow: none;
}

.service-item a.btn {
    position: absolute;
    width: 60px;
    bottom: -48px;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
}

.service-item:hover a.btn {
    bottom: -24px;
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: #DDDDDD;
    border-radius: 2px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 30px;
    background: var(--primary);
}

.testimonial-carousel .owl-item.center {
    position: relative;
    z-index: 1;
}

.testimonial-carousel .owl-item .testimonial-item {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: #FFFFFF !important;
    box-shadow: 0 0 30px #DDDDDD;
}


/*** Team ***/
.team-item {
    transition: .5s;
}

.team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.team-social a.btn {
    position: relative;
    margin: 0 3px;
    margin-top: 100px;
    opacity: 0;
}

.team-item:hover {
    box-shadow: 0 0 30px #DDDDDD;
}

.team-item:hover .team-social {
    background: rgba(9, 30, 62, .7);
}

.team-item:hover .team-social a.btn:first-child {
    opacity: 1;
    margin-top: 0;
    transition: .3s 0s;
}

.team-item:hover .team-social a.btn:nth-child(2) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .05s;
}

.team-item:hover .team-social a.btn:nth-child(3) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .1s;
}

.team-item:hover .team-social a.btn:nth-child(4) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .15s;
}

.team-item .team-img img,
.blog-item .blog-img img  {
    transition: .5s;
}

.team-item:hover .team-img img,
.blog-item:hover .blog-img img {
    transform: scale(1.15);
}


/*** Miscellaneous ***/
@media (min-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.bg-header {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.link-animated a {
    transition: .5s;
}

.link-animated a:hover {
    padding-left: 10px;
}

@media (min-width: 767.98px) {
    .footer-about {
        margin-bottom: -75px;
    }
}

/* .us_section .us_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
} */
.us_container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; /* Ensure the container doesn't show overflow */
}

.us_container::before {
    content: "";
    position: absolute;
    bottom: 120px;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 2.5px;
    background-image: linear-gradient(to right, transparent 50%, #2fbdff 50%);
    background-size: 20px 100%;
    animation: border-dance 8s infinite linear;
}


@keyframes border-dance {
    0% {
        background-position: 0px 0px;
    }
    100% {
        background-position: 100% 0px;
    }
}


.process {
    width: 100%;
    padding: 0 15px;
    text-align: center;
    margin-top: -167px;

  }
  .process__item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    position: relative;
    padding: 15px 35px;
    transition: 0.4s ease-in-out;
  }
  .process__item:hover {
    background: #f2f2f2;
  }
  .process__item:hover .process__number {
    transform: translateY(5px);
    color: #003c71;
  }
  .process__number {
    font-size: 90px;
    -webkit-text-stroke: 1px #003c71;
    display: block;
    color: transparent;
    font-weight: 700;
    transition: 0.4s ease-in-out;
  }
  .process__title {
    display: block;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 28px;
    color: #003c71;
    text-transform: uppercase;
    margin-top: 30px;
  }
  .process__subtitle {
    display: block;
    font-size: 20px;
    color: #8c8c8c;
    margin-top: 30px;
    line-height: 1.5;
  }
  
  @media (min-width: 768px) {
    .process {
      display: inline-block;
    }
    .process__item {
      width: 49%;
      display: inline-block;
    }
    
  }
  @media (min-width: 1200px) {
    .process {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }
    .process__item {
      width: 100%;
    }
    .process__item:not(:last-of-type)::after {
      content: "";
      width: 1px;
      height: 75%;
      background: #8c8c8c;
      position: absolute;
      right: 0;
      top: 50%;
      opacity: 0.2;
      transform: translateY(-50%);
    }
  }


  .tabs-container {
	padding: 16px;
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    display: flex;
	margin: 10px;
	border-radius: 16px;
    background-color: var(--white);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}

header {
    position: relative;
}

.tab-content-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
    height: 300px;
    transition: all 0.45s ease-in-out;
    padding: 0 16px;
}

.tab-content h2 {
    color: var(--gray-dark);
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 8px;
}

.tab-content {
    font-size: 0.8rem;
    min-height: 300px;
    min-width: 240px;
    overflow-x: auto;
    transition: all 0.45s ease-in-out;
    overflow: hidden;
}

.tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #F0F0F0;
    list-style-type: none;
    padding-right: 16px;
    gap: 8px;
}

.tabs a {
    position: relative;
    display: flex;
    text-decoration: none;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-mid);
    text-align: left;
    border-radius: 8px;
    justify-content: start;
    padding: 12px;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease-in-out;
}

.tabs a img {
    height: 20px;
    width: 20px;
}

.tabs .active, .tabs a:hover {
    font-weight: 700;
    outline: none;
    color: white;
    background-color: var(--gray-dark);
}


.tabs a svg {
    stroke: var(--gray-mid);
}

.tabs .active svg {
    stroke: var(--white);
}

.tabs a:hover svg {
    stroke: var(--white);
}


.faq-section {
    background: #fdfdfd;
    padding: 10vh 0 0;
}
.faq-title h2 {
  position: relative;
  margin-bottom: 45px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
}
.faq-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #0bcbed;
    bottom: -25px;
    margin-left: -30px;
}
.faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}

.faq {
  background: #FFFFFF;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.171);
  border-radius: 4px;
}

.faq .card {
  border: none;
  background: none;
  border-bottom: 1px dashed #CEE1F8;
}

.faq .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    background: rgba(141, 238, 255, 0.1);
    padding-left: 10px;
}
.faq .card .card-header .faq-title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px;
  color: #3B566E;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  background: #98f0ff;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}

.faq .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  color: #6F8BA4;
  line-height: 28px;
  letter-spacing: 1px;
  border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
  margin-bottom: 14px;
}

@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
  }
}

.faq-title {
    position: relative;
    padding-right: 25px; /* Space for the +/- symbol */
    cursor: pointer;
}

.faq-title::before {
    content: "+";
    position: absolute;
    right: 20px;
    font-weight: bold;
    transition: transform 0.2s;
}

.faq-title[aria-expanded="true"]::before {
    content: "-";
    /* transform: rotate(45deg); */
}
/* Your custom CSS modifications for responsiveness */
#header-carousel.carousel {
    /* Adjust the height as needed */
    overflow: hidden; 
    /* Hide overflowing content */
    z-index: 0;
}

.carousel .container {
    width: 1458px;
    padding-top: 100px;
}

.carousel-caption {
    text-align: left !important;
}

.carousel .bg-primary ,.inner-bg .bg-primary{
    box-shadow: 0 14px 26px 10px rgb(255 255 255 / 41%);
}
.inner-bg{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center !important;
}

/* For screens with a maximum width of 768px */
@media (max-width: 768px) {
    .carousel .container {
        padding: 15px !important; /* Adjust padding as needed */
    }
    .inner-bg h1{
        font-size: 40px !important;
    }
    .cara {
        max-width: 400px !important;
    }
    .grating{
        width: 100px !important;
    }
    .call-buton .cc-calto-action-ripple i{
        font-size: 20px !important;
    }
    .table2{
        text-align:center;padding-left:0px !important; padding-right:0px !important;
    }
    .call-buton .cc-calto-action-ripple{
        
    width: 3rem !important;
    height: 3rem !important;

    }
    .prt{
        width: 30% !important;
    }
    .over-img {
       
        bottom: 60% !important;
    }
    .feature-area .over-img {
        right: 30px;
        left: auto;
        top: 0;
    }
    .process {

        margin-top: 0px;
    }
    .btn-lg-square {
        width: 34px;
        height: 41px;
    }
    h1.display-1 {
        font-size: 25px;
        overflow-wrap: break-word; /* Allow words to break into multiple lines */
        word-wrap: break-word; /* Fallback for older browsers */
        white-space: normal; /* Allow words to wrap */
    }

    .carousel-mobile-form {
       display: none;
    }
}

/*** Carousel ***/
.carousel-caption {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(9, 30, 62, .7);
    z-index: 1;
}

@media (max-width: 768px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
    .form-control {
        height: 45px;
        width: 100%; /* Make the input field span the entire width */
    }

    /* Adjust the width of the select input */
    .form-select {
        width: 100%;
    }

    /* Adjust the width of the textarea */
    .form-control-textarea {
        width: 100%;
    }
    .carousel-inner .bg-primary{
        width: 26%;
    }
    .carousel-inner img{
        height: 400px;
        object-fit: cover;
    }
   
}
@media (min-width: 768px){
    .carousel-inner .bg-primary{
        width: 30%;
    }
}
@media (min-width: 576px){
    .carousel-inner .bg-primary{
        width: 100%;
    }
}
@media (min-width: 769px){
    .carousel-inner img{
        height: 800px;
        object-fit: cover;
    } 
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h5,.bg-dark p{
    color:white;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}   

     @media (max-width: 767px) {
    .navbar-toggler {
        margin-left: auto;
        order: 2;
    }
    .logo{
        width: 100% !important;
    }
    .navbar-toggler{
        margin-top: -50px !important;

    }
}

/* Adjustments for mobile navigation */
@media (max-width: 767px) {
    .navbar-brand {
        width:35% !important;
    }
    .navbar-toggler{
        margin-top: 0px !important;
    }
    .footer .navbar-brand {
        width: 100% !important;
    }
    .navbar {
        padding: 10px 0;
    }
    .navbar-toggler {
        margin-left: auto;
        order: 2;
    }
    .navbar-collapse {
        /* background-color: #343a40; */
        padding-top: 10px;
    }
    .navbar-nav {
        flex-direction: column;
    }
    .navbar-nav .nav-item {
        margin: 5px 0;
    }
    .navbar-brand {
        margin-right: auto;
    }
    .service-icon{
        margin-top: 65px;

    }
    .service-item p{
        padding-bottom: 12px;

    }
}

/* Adjust banner positioning */
.banner {
    position: relative;
    /* Add any styling specific to your banner */
}
/* div{
    overflow: hidden;
} */

.inner-bg
{
    background-repeat: no-repeat !important;
    background-size: cover;
    
}

.inner-bg .container{
    padding-top: 200px;
    padding-bottom: 200px;
}

.inner-bg h1{
    font-size: 100px;
}

.webtab{
    text-align: left !important;
}
.pt-10{
    padding-top: 100px;
}
.pb-10{
    padding-bottom: 100px;
}
.tablist{
    position: relative;
    background-color: #00000052;
    margin: 0 0 30px;
    padding: 30px;
}
.services-details__points h3,.services-details__points p{
color: white;
}
.tab-pane h3{
    font-size: 30px !important;

}
.tab-pane p{
    font-size: 16px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgb(0 0 0 / 71%); /* Adjust the opacity as needed */
}
/* .card{
    height: 325px;

} */
.first-img{
    width: 100%;
}
.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 2px;
    background: #f0f4ff;
    margin-bottom: 20px;
    padding: 15px;
}
.feature-images .first-img {
    border-radius: 5px;
}
.over-img {
    position: absolute;
    left: 0px;
    bottom: 10%;
    width: 240px;
    height: 240px;
    border-radius: 5px;
    border: 5px solid #03b8ff;
}
.feature-area .over-img {
    right: 30px;
    left: auto;
}
.feature-images {
    padding-right: 150px;
    position: relative;
}
.support-images {
    float: left;
    font-size: 40px;
    color: #03a7ff;
    line-height: 60px;
    text-align: center;
    transition: 0.4s;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    background: #002159;
    border-radius: 4px;
}

.website i{
    font-size: 25px;
}




.processp .process__number{
    background: #c2daff;
    width: 150px;
    height: 140px;
    border-radius: 50%;

}
.arrow{
    opacity: 0.33;
}
.process__item2{
    margin-top: 44px;
    z-index: 1;
}
.process__item3{
    margin-top: -35px;

}
.process__item4{
    margin-top: 31px;

}

.process__item5{
    margin-top: 43px;

}

.stm{
    padding: 0px;
}

.stm p{
    color: white;
}


.serv{
    background-color: #82dcff53;
}

.servs p{
    font-size: 20px;
}

.servs i , .servss i{
    margin-bottom: 30px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 30px;
}
.servss .img2{
    margin-top: -300px;
    margin-left: -50px;
    border: 10px solid rgb(0, 176, 246);
    

}
.w-70{
    width: 70%;
}
.boxp{
    float: right;
    margin-bottom: -100px;
}

.servss img{
    z-index: -1 !important;
    position: relative !important;
}

.servss .p1{
    font-size: 20px;
}
.servss .service-icon{
    border: 2px solid skyblue;
    padding: 20px;
    margin-top: 50px;
}

.serv img{
    border-bottom:15px solid rgb(40, 180, 255);
    border-left:15px solid rgb(40, 180, 255);
    border-right:15px solid rgb(40, 180, 255);
}
.servss i{
    margin-top: -58px;

}
.pt-20{
    padding-top: 200px;
}

.swd{
    padding: 50px;
    border-radius: 5%;
    box-shadow: 0 14px 26px 10px rgba(98, 98, 98, 0.41);

}

.imgs3{
    border-bottom-left-radius:80px;
    border-top-right-radius:80px;
    /* border-radius: 5%; */
    margin-top: 30px;
    border: 10px solid rgb(0, 169, 235);

}

.imgss3{
   
    border-top-left-radius:80px;
    border-bottom-right-radius:80px;

    margin-top: 30px;
    border: 10px solid rgb(0, 169, 235);

}

.grating {
    position: fixed;
    bottom: 1rem; /* Adjust the value as needed */
    width: 200px;
    box-shadow: 0 14px 26px 10px rgba(98, 98, 98, 0.41);

}
.call-buton .cc-calto-action-ripple {
	z-index: 99999;
	position: fixed;
	right: 2.5rem;
	bottom: 8rem;
	background: #37caff ;
	width: 4rem;
	height: 4rem;
	padding: 1rem;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
	animation: cc-calto-action-ripple 0.6s linear infinite;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
	.call-buton .cc-calto-action-ripple i {
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  font-size: 2.2rem; }
	.call-buton .cc-calto-action-ripple:hover i {
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg); }
  
  @-webkit-keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px #06A3DA , 0 0 0 0 #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA ;
	  box-shadow: 0 4px 10px #06A3DA , 0 0 0 0 #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA ; }
	100% {
	  -webkit-box-shadow: 0 4px 10px #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA , 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA , 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px #06A3DA , 0 0 0 0 #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA ;
	  box-shadow: 0 4px 10px #06A3DA , 0 0 0 0 #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA ; }
	100% {
	  -webkit-box-shadow: 0 4px 10px #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA , 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px #06A3DA , 0 0 0 5px #06A3DA , 0 0 0 10px #06A3DA , 0 0 0 20px rgba(236, 139, 0, 0); } }

	span.num{
		position: absolute;
    color: #ec8b00;
    left: -30%;
    bottom: -50%;
	}

    /* Adjustments for screens with a width of 768px or less */
@media (max-width: 768px) {
    .section-title {
       max-width: 100%; /* Allow the title to take full width */
       float: none; /* Remove the float */
    }
    
    .col-md-4, .col-md-8 {
       float: none; /* Remove the float */
       max-width: 100%; /* Allow columns to take full width */
    }
    
    .service-item {
       padding: 20px 0; /* Add some spacing between service items */
    }
    
    .service-icon {
       text-align: center; /* Center the icon within the column */
       margin: 0 auto; /* Center the entire column within its container */
    }
    
    .text-start {
       text-align: center; /* Center the text content within columns */
    }
    .stm{
        margin-top: 30px;
    }
    .service-item{
        margin-top: 20px;
    }
    .service-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
     }

     .service-icon i {
        margin-bottom: 10px;
     }
 }
 



 .main {
    font-family:"Rubik",sans-serif;
    width: 1170px;
    margin: 0 auto;
}
.price-table {
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
}
.price-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.price-table tr td {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding: 8px 24px;
    font-size: 14px;
}
.price-table tr td:first-child {
    border-left: 0 none;
}
.price-table tr td:not(:first-child) {
    text-align: center;
}
.price-table tr:nth-child(even) {
    background-color: #FFFFFF;
}
.price-table tr:hover {
    background-color: #EEEEEE;
}
.price-table .fa-check {
    color: #06A3DA;
}
.price-table .fa-times {
    color: #D8D6E3;
}

/* Highlighted column */
.price-table tr:nth-child(2n) td:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.25);
}
.price-table tr td:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.15);
    padding: 8px 48px;
}
.price-table tr td:nth-child(3) .fa-check,
.price-table tr:nth-child(2n) td:nth-child(3) .fa-check {
    /* color: #ffffff; */
}
/**/

.price-table tr.price-table-head td {
    font-size: 16px;
    font-weight: 600;
font-family:"Rubik",sans-serif;
    text-transform: uppercase;
}
.price-table tr.price-table-head {
    background-color: #06A3DA;
    color: #FFFFFF;
}
.price-table td.price {
    color: #f43f54;
    padding: 16px 24px;
    font-size: 20px;
    font-weight: 600;
font-family:"Rubik",sans-serif;
}
.price-table td.price a {
    background-color: #06A3DA;
    color: #FFFFFF;
    padding: 12px 32px;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 600;
font-family:"Rubik",sans-serif;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 64px;
}
.price-table td.price-table-popular {
font-family:"Rubik",sans-serif;
    border-top: 3px solid #06A3DA;
    color: #06A3DA;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 48px;
    font-weight: 700;
}
.price-table .price-blank {
    background-color: #fafafa;
    border: 0 none;
}

.price-table svg {
    width: 90px;
    fill: #06A3DA;
}


.clearfix {
    clear: both;
    }
    
    #contact-cta-section {
    padding-top: 37px;
    padding-bottom: 40px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    padding: 75px 0 10px 0;
    float: left;
    width: 100%;
    text-align: center; 
    }
    
    .wrapper-full {
      position: relative;
    width: 1050px;
    margin: 0 auto;
    }
    .cta-wrapper {
    margin-bottom: 0;
    text-align: left;
    padding: 28px;
    background-color: #3686BE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    }
    .cta-wrapper .details-wrapper {
    float: left;
    width: 60%;
    }
    .cta-wrapper .details-wrapper h2 {
    font-weight: 600;
    margin: 0 0 4px 0;
    color: #FFF;
    font-size: 27px;
    }
    .cta-wrapper .details-wrapper p {
    font-size: 18px;
    color: #FFF;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    
    .cta-wrapper .blue-cta-button {
    padding: 17px 50px;
    text-transform: uppercase;
    background-color: #93CC76;
    color: #FFF;
    letter-spacing: 0.1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    white-space: pre;
    margin: 31px 0 25px 0;  
    float: right;
    margin: 0;
    color: #3686BE;
    background-color: #FFF;
    padding: 17px 0;
    width: 40%;
    text-align: center;
    }
    
    .w-30
    {
        width: 30%;
    }
    .table{
        display: block !important;
        overflow-x: auto !important;
        width: 100% !important;
      }
      .table2{
        text-align:center;padding-left:200px; padding-right:200px;
      }
    .seosec3 img{
        border-bottom:15px solid rgb(40, 180, 255);
    border-left:15px solid rgb(40, 180, 255);
    border-right:15px solid rgb(40, 180, 255);
    }
    
    
    

    .seosec4{
        margin-top: 100px;
        background-color: #edfaff;
    }
    

    .seosec4 p{
        font-size: 18px;

    }
    .w-20{
        width: 20%;
    }
    
.arrowbg{
    margin-top: -50px;
    margin-bottom: -100px;

}    
    
.col-md-6{
    float:none;
    margin:auto !important;
}
    
.gmbh1{
    font-size: 50px !important;
}  
    
.gmbp{
    font-size: 20px;
}
    
.pcs{
    height: 300px;
}

.pcbox{
    box-shadow: 0 14px 26px 10px rgba(98, 98, 98, 0.41);
    padding: 20px;
}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.someimg{
    animation: float 5s ease-in-out infinite;

}
.window {
    /* width: 400px; */
    margin: auto;
    border: 15px solid #191919;
    border-radius: 5px;
    box-shadow: 0px 20px 46px 2px #bcc6ff;
    cursor: n-resize;
  
    .wpf {
      width: 100%;
      object-fit: cover;
      object-position: top;
      height: 190px;
      transition: 8s all ease;
  
      &:hover {
        object-position: bottom;
      }
      
    }
  }
  .abt .window {
    /* width: 400px; */
    margin: auto;
    border: 15px solid #191919;
    border-radius: 5px;
    box-shadow: 0px 20px 46px 2px #bcc6ff;
    cursor: n-resize;
  
    .wpf {
      width: 100%;
      object-fit: cover;
      object-position: top;
      height: 200px;
      transition: 8s all ease;
  
      &:hover {
        object-position: bottom;
      }
      
    }
  }
  .abt .smartphone {
    position: relative;
    width: 207px;
    height: 356px;
    margin: auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
  }
  /* The device with borders */
  .smartphone {
    position: relative;
    width: 330px;
    height: 640px;
    margin: auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
  }
  
  /* The horizontal line on the top of the device */
  .smartphone:before {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 10px;
  }
  
  /* The circle on the bottom of the device */
  .smartphone:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    bottom: -65px;
   transform: translate(-50%, -50%);
    background: #333;
    border-radius: 50%;
  }
  
  /* The screen (or content) of the device */
  .smartphone  {
    width: 360px;
    height: 640px;
    background: white;
  }
  .content{
   /* width: 360px; */
    /* height: 640px; */
    background: white;
    .mobimg {
        width: 100%;
        object-fit: cover;
        object-position: top;
        /* height: 370px; */
        transition: 30s all ease;
    
        &:hover {
          object-position: bottom;
        }
        
      }
  } 
  .mobimg
   {
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
  }
  .pricing-table2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: min(1600px, 100%);
    margin: auto;
  }
  
  .pricing-table2 .pricing-card{
    flex: 1;
    max-width: 360px;
    background-color: #fff;
    margin: -154px 10px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    color: #2d2d2d;
    transition: .3s linear;
    box-shadow: 0 14px 26px 10px rgba(98, 98, 98, 0.41);
    padding-bottom: 50px;
  }
  
  .pricing-table2 .pricing-card-header{
    background-color: #0fbcf9;
    display: inline-block;
    color: #fff;
    padding: 12px 30px;
    border-radius: 0 0 20px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    transition: .4s linear;
  }
  
  .pricing-table2 .pricing-card:hover .pricing-card-header{
    box-shadow: 0 0 0 26em #0fbcf9;
  }
  
  .pricing-table2 .price{
    font-size: 50px;
    color: #0fbcf9;
    margin: 40px 0;
    transition: .2s linear;
  }
  
  .pricing-table2 .price sup, .price span{
    font-size: 22px;
    font-weight: 700;
  }
  
  .pricing-table2 .pricing-card:hover ,.pricing-card:hover .price{
    color: #fff;
  }
  
  .pricing-table2 .pricing-card li{
    font-size: 16px;
    padding: 10px 0;
    text-transform: uppercase;
  }
  
  .pricing-table2 li{
    text-decoration: none;
    list-style-type: none;
  }
  
  .order-btn:hover{
    background-color: #0fbcf9;
    color: #fff;
  }
  .pricing-table2 ul{
  
        padding-left: 0px;
  }
  .pricing2{
    height: 400px;
    /* padding-bottom: 50px;     */
}
  @media screen and (max-width:1100px){
    .pricing-card{
      flex: 50%;
    }
    .pricing-table2 .pricing-card{
        flex: 100% !important;
        margin: 0px 0px 20px 0px;
    }
    .pricing2{
        height: 250px;
    }
  }
  .fq .accordion-flush .accordion-item .accordion-button {
    font-weight: 600 !important;
    letter-spacing: 0.66px;
    border-radius: 0;
    font-size: 18px !important;
}
h3{
    text-transform: capitalize;
}

.service-item1{
    padding: 30px !important;
}
.footer .navbar-brand {
    width: 100% !important;
}
.vendor .owl-carousel .owl-item img {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 20px;
    border: 6px solid #8080805c;
    /* box-shadow: 0 14px 26px 10px rgba(98, 98, 98, 0.41); */
}

.nxps1 i{
    font-size: 35px;
}

.packg .smartphone {
    position: relative;
    width: 230px;
    height: 440px;
    margin: auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
  }
.packg .window {
    /* width: 400px; */
    margin: auto;
    border: 15px solid #191919;
    border-radius: 5px;
    box-shadow: 0px 20px 46px 2px #bcc6ff;
    cursor: n-resize;
  
    .wpf {
      width: 100%;
      object-fit: cover;
      object-position: top;
      height: 200px;
      transition: 8s all ease;
  
      &:hover {
        object-position: bottom;
      }
      
    }
  }

  .wcu i{
    font-size: 35px !important;
  }

  .qrl1{
    background: #37caff1c !important;
    padding: 50px;
    margin-top: -22px;
  }
  .wcu img{
    border-left: 15px solid #06a3da;
  }
  .bggx p{
    font-size: 25px;

  }
  .bggx{
    margin-top: -50px;
    z-index: 0;
    position: relative;
  }
  .position-absolute {
    position: absolute!important;
}
.bg-tetra{
    background-color:rgb(216 245 255);
}
.navbar-nav a{
    padding: 10px;
    text-transform: capitalize;
}
.dropdown-menu li{
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(148, 234, 255);
}
.web_plan, .blbanner{
    overflow: hidden !important;
}
.mtw_toolbar{
    z-index: 2;
}
@media(max-width:992px){
	.carousel-form{
		display:none;
	}
	.stand{
		width:150px !important;
	}
    .pricing-table2 .price{
        font-size:20px !important;
    }
}
@media(max-width:768px){
	.carousel-form{
		display:none;
	}
    .pricing-table2 .price{
        font-size:20px !important;
    }
	
}
@media (min-width: 961px)
{
.sidemob .wpf {
    height: 130px !important;
}
.sidemob .stand{
    width:100px;
}


}
@media (min-width: 641px)
{
    .wpf {
        height: 180px !important;
    }

}


/* added */

  
header li{
    font-size: 18px;
    font-weight: 500;
    margin-left: 6px;
}
.dropdown li{
    margin: 0 !important;
}

/* added */
.menu{
	
    /* 	margin-left: 30px !important; */
        list-style-type: none;
    
    }
    .submenu{
        list-style-type:none !important
    }
    .menuItem{
        height:600px;
        overflow:scroll;
    }
    
    
    .menuToggle {
      display: block;
      position: relative;
      top: 28px;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
    }
    .menuToggle a {
      text-decoration: none;
      color: #232323;
      transition: all 0.3s ease;
    }
    .menuToggle a:hover {
      color: rgb(0, 86, 110);
    }
    .menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: 0px;
      cursor: pointer;
      opacity: 0;
      /* hide this */
      z-index: 2;
      /* and place it over the hamburger */
      -webkit-touch-callout: none;
    }
    .menuToggle span {
      position: relative;
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: #cdcdcd;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    }
    .menuToggle span:first-child {
      transform-origin: 0% 0%;
    }
    .menuToggle span:nth-last-child(2) {
      transform-origin: 0% 100%;
    }
    
    .menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #232323;
    }
    .menuToggle input:checked ~ span:nth-last-child(3) {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2);
    }
    .menuToggle input:checked ~ span:nth-last-child(2) {
      transform: rotate(-45deg) translate(0, -1px);
    }
    .menuToggle input:checked ~ .menuItem {
      transform: none;
    }
    
    .menuItem {
      position: absolute;
      width: 300px;
      /* padding: 50px; */
      padding-top: 125px;
      background: #ededed;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      transform-origin: 0% 0%;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    }
    .menuItem li {
      padding: 10px 0;
      font-size: 16px;
    }
    
    
    .menu--right .menuToggle {
      position: fixed;
      right: 0;
    }
    .menu--right .menuToggle input {
      right: 50px;
    }
    .menu--right .menuToggle span {
      right: 50px;
    }
    .menu--right .menuItem {
      right: 0;
      margin: -100px 0 0 0;
      transform: translate(100%, 0);
    }
    .menu--right .menuItem li a:hover {
      padding-left: 5px;
    }
    /* Show the dropdown menu when the parent menu item is hovered */
    /* .menu-item-has-children:hover .sub-menu {
        display: block;
            background:#ecf2fe;
            list-style-type:none;
         animation: slideDown 0.3s ease;
    }
    .menu--right .sub-menu{
        display:none;
    }
    .menu--right .menu-item-has-children:hover .sub-menu {
        margin-top:15px;
        display: block;
            background:#ecf2fe;
            list-style-type:none;
         animation: slideDown 0.3s ease;
    } */
    /* Initially hide all sub-menus */
    .menu--right .sub-menu {
      display: none;
      background: #ecf2fe;
      list-style-type: none;
    }
    
    /* Style the "+" symbol */
    .menu--right .menu-item-has-children > a::after {
      content: "+";
      margin-left: 5px;
      font-weight: bold;
      color: #0d6efd;
      pointer-events: none; /* Make the "+" symbol non-clickable by default */
    }
    
    /* Show the sub-menu and change the "+" to "-" when the parent menu item is clicked */
    .menu--right .menu-item-has-children.open .sub-menu {
      display: block;
      margin-top: 15px;
      animation: slideDown 0.3s ease; /* Apply slide-down animation */
    }
    
    /* Define your slideDown animation here */
    @keyframes slideDown {
      from {
        opacity: 0;
        transform: translateY(-10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .servicesmnu .menu{
        margin-left:0px !important;
    }
    
    .menuItem .menu{
        list-style-type: none;
    }
    .mcptcha input{
                padding: 7px;
        border-color: #80808024;
    }
    .cf7as-firstAct{
        font-size: 16px !important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        margin: 0 !important;
        padding: 0 !important;
    }