header{background:rgb(222 239 246 / 40%)}header .navbar{box-shadow:var(--shadow-1);padding:0}header .navbar .navbar-nav{column-gap:35px}header .navbar .nav-item .nav-link{color:var(--dark)!important;position:relative;padding:25px 0}header .navbar .dropdown{position:inherit}header .navbar .dropdown .dropdown-menu{overflow:hidden;width:100%;margin:0;left:0;top:100%}header .navbar .dropdown .dropdown-menu li{padding:10px 0}header .navbar .dropdown .dropdown-menu-item ul{list-style:none;padding:0}header .navbar .dropdown .dropdown-menu-item ul li a img{margin-right:1rem;height:45px;width:45px;border-radius:5px}header .navbar .dropdown .dropdown-item:focus,header .navbar .dropdown .dropdown-item:hover{background-color:var(--back)}@media (min-width:992px) and (max-width:25000px){.dropdown:hover .dropdown-menu{display:block;margin-top:0}}footer{background-color:var(--footer-bg-color);overflow:hidden}.fa-star,.index-features .part .part-text a,footer a{text-decoration:none}footer .container{margin:0;padding:0;max-width:100%}footer .f-left{padding:var(--custom-sec-padding);padding-left:4rem;padding-right:4rem;background-color:var(--dark)}.index-banner,footer .f-right{padding:var(--custom-sec-padding)}footer .f-left img{filter:invert(1)}footer .f-left ul{list-style-type:none;display:flex;column-gap:18px;margin-left:-2rem}footer .f-left ul li a i{color:#5a5a5a;height:2rem;width:2rem;display:flex;border-radius:5px;background:var(--footer-icon-bg-color);color:#fff!important;justify-content:center;align-items:center}footer .f-left ul li a i:hover{opacity:.8}footer .f-right{padding-left:1rem;padding-right:1rem}footer .f-right .f-head{color:#fff;font-size:20px;font-weight:500}footer .f-right ul li a{text-decoration:none}footer .f-right ul li{padding:.5rem 0;position:relative}footer .f-right ul li:after{content:">";position:absolute;left:-20px;top:16%;font-family:cursive}@media (min-width:280px) and (max-width:767px){footer .f-right{padding:1rem 4rem}}
footer .f-left {
    padding: var(--custom-sec-padding);
    padding-left: 4rem;
    padding-right: 4rem;
    background-color: #000;
}
a{
    text-decoration: none;
}
.banner-section{
background: linear-gradient(90deg, #E6F9ED 0%, #DDEEF8 49.77%, #EBE0F7 100%);
}

.breadcrumb-item a{
    color: #303030 !important;
    
}
.sticky-bar a{
 color: #ffffff !important;
}
.sticky-bar {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    gap: 3rem;
    padding: 4px 0;
    font-size: 15px;
    margin-bottom: 0;
    background-color: #0f8acc;
   
    border-radius: 20px;
}
.product-btn {
    border: 1px solid transparent;
    color: #fff !important;
    border-radius: 10px;
    background-color: #0f8acc !important;
    padding: 16px;
    margin-right: 5px;
}
.buy-btn {
    border: 3px solid #000;
    color: #000;
    border-radius: 10px;
    padding: 14px 11px;
}
@media (max-width: 576px) {
    .sticky-bar {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    gap: 10px;
    padding: 4px 0;
    font-size: 15px;
    margin-top: 20px ;
    background-color: #0f8acc;
   
    border-radius: 20px;
}
.flex-wrap{
    justify-content: center;
}
.sticky-bar {
    display: flex
;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    gap: 11px;
    padding: 4px 0;
    font-size: 15px;
    margin-bottom: 0;
    background-color: #0f8acc;
    border-radius: 20px;
}
  }
  .list-check li {
    position: relative;
    padding-left:30px ;
        margin-bottom: 10px;
    
    
}
.nav-search-btn {
    background: #19191ae8;
}

.list-check li::before {
    font-family: FontAwesome;
    content: "\f058";
    color: #0f8acc;
    position: absolute;
    left: 5px;
    font-size: 18px;
    top: 1px
}
.working-step .working-box .mini-heading {
    padding: 21px 0 6px;
    font-size: 20px;
    font-weight: 500;
}
.working-step .working-box {
    padding: 40px 20px;
    border: 1px solid transparent;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    text-align: center;
    min-height: 350px;
}
.working-step .working-box img {
    height: 70px;
    width: 70px;
    border-radius: 5px;
}
.tagline {
    font-size: 19px;
    font-weight: 400;
}

.benefit ul li {
    font-size: 18px;
    font-weight: 400;
}
.benefit, .soft-sep{
background: linear-gradient(90deg, #E6F9ED 0%, #DDEEF8 49.77%, #EBE0F7 100%);
}



.product-features .feature-block {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.feature-heading {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.feature-text {
  color: #444;
  font-size: 15px;
}
.flex-md-row{
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* table{
    background-color: #0000001f !important;
} */
.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: transparent;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-color: #c4c4c4;
    border-top-color: #c4c4c4;
}
.accordion {
   --bs-accordion-bg: transparent;
   border-top-width: 1px;
    border-color: #c4c4c4;
    font-style:16px;
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: local("Poppins"),url("https://www.macgater.com/assets/fonts/Poppins-Regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: local("Poppins"),url("https://www.macgater.com/assets/fonts/Poppins-Bold.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: local("Poppins"),url("https://www.macgater.com/assets/fonts/Poppins-SemiBold.woff2") format("woff2")
}
body {
    margin: 0;
    font-family: Poppins,sans-serif;
    
}


.faq .faq-content .faq-bg {
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    background: #32a1d9;
    color: #ffffff;
    font-weight: 400;
}
.faq .faq-content .accordion-item .accordion-body {
    background: linear-gradient(90deg, #E6F9ED 0%, #DDEEF8 49.77%, #EBE0F7 100%);
    border-radius: 0 0 10px 10px;
    padding: 30px 40px;
    font-size: 16px;
}
.faq .faq-content .accordion-button::after {
    font-family: FontAwesome;
    content: "\f077";
    color: #ffffff;
    background-image: none;
    filter: brightness(1);
}

.clients-review .testimonial {
    color: #000;
    margin: 55px 30px;
    padding: 28px 20px 15px 40px;
    border-radius: 5px;
    border-left: 3px solid #000;
    background-color: #ffffff;
    min-height: 367px;
}
.clients-review {
    background: linear-gradient(90deg, #E6F9ED 0%, #DDEEF8 49.77%, #EBE0F7 100%);
}
#btn-back-to-top {
    position: fixed;
    z-index: 9;
    border: 1px solid transparent;
    border-radius: 10px;
    bottom: 20px;
    right: 20px;
    color: #ffffff !important;
    background: #484848;
}
footer .f-left {
    padding: 4rem 0;
    padding-left: 4rem;
    padding-right: 4rem;
    background-color: #000;
}
footer .f-right {
    padding-left: 1rem !important;
    padding-right: 1rem;
}
footer .f-right{
     padding: 4rem 0;
}
footer .f-right .f-head {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
}
footer {
    background-color: #2b2b2b;
    overflow: hidden;
}
footer .f-right ul li {
    padding: .5rem 0;
    position: relative;
    list-style: none;
}
footer, footer .f-left a, footer .f-right ul li a {
    color: #ffffff;
}
footer .f-left ul li a i {
    color: #5a5a5a;
    height: 2rem;
    width: 2rem;
    display: flex
;
    border-radius: 5px;
    background: #484848;
    color: #fff !important;
    justify-content: center;
    align-items: center;
}
.clients-review .owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    opacity: 1;
    background: #0f8acc;
    color: #fff;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
}
.clients-review .owl-theme .owl-controls {
    margin-top: -16px;
    text-align: center;
}

.clients-review .owl-next:before {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 20px;
}
#sc2rhR .psmtc_2rhR {
    top: 29rem !important;
}
.clients-review .owl-prev:before {
    content: "\f060";
    font-family: FontAwesome;
    font-size: 20px;
}

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}


.popup {
    display: inline-block;
}
.popup span:first-child {
    border-bottom: 1px dotted #01213f
}

.popup {
    position: relative;
    cursor: pointer
}

.color-main {
    color: #255177!important
}

.popup:hover .popup-text {
    visibility: visible
}

.popup-text {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    background: #fff;
    border: 2px solid #0F8ACC;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    min-width: auto;
    height: auto;
    z-index: 9999;
    line-height: 20px;
    visibility: hidden
}
.popup-text:after {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: -6px;
    left: 1rem;
    background: #fff;
    transform: rotate(45deg);
    border-bottom: 2px solid #0F8ACC;
    border-right: 2px solid #0F8ACC
}