@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:300;src:url(/fonts/Rubik-Light.ttf?b269c92bc326f0d43f542b946c3f0203) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:400;src:url(/fonts/Rubik-Regular.ttf?705a89f52bdf93b960ed7777e4b152af) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:500;src:url(/fonts/Rubik-Medium.ttf?e41132b912f5c264d4f0596e939fb78a) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:600;src:url(/fonts/Rubik-SemiBold.ttf?4bc5c511d3be812971dc09c7b01a9d56) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:700;src:url(/fonts/Rubik-Bold.ttf?b24c64f715ba25a6e7f5c3df2188a90c) format("truetype")}body{font-family:rubik;font-weight:400}ul{list-style:none;padding-left:0}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.btn{border-radius:10px;box-shadow:none!important;padding:10px 30px}@media (max-width:575px){.btn{padding:10px 20px}}.btn-white{background-color:#fff;border:1px solid #7638f9;color:#7638f9}.btn-primary,.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover{background-color:#7638f9;border:1px solid #fff;color:#fff}.btn-primary-light,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#fff;border:1px solid #7638f9;color:#7638f9}.btn-primary-light.active,.btn-primary-light:active,.btn-primary-light:focus,.btn-primary-light:hover{background-color:#7638f9;border:1px solid #7638f9;color:#fff}.btn-gray{background-color:#fff;border:1px solid #d8d8d8;color:#1b1920}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}@media (max-width:991px){.mb-40{margin-bottom:30px}}.mb-60{margin-bottom:60px}@media (max-width:991px){.mb-60{margin-bottom:40px}}.fs-60,h1{font-size:50px;font-weight:600;line-height:60px}@media (max-width:991px){.fs-60,h1{font-size:42px;line-height:50px}}@media (max-width:575px){.fs-60,h1{font-size:35px;line-height:42px}}.fs-18{font-size:18px}@media (max-width:767px){.fs-18{font-size:16px}}.fs-40{font-size:40px}@media (max-width:991px){.fs-40{font-size:36px}}@media (max-width:575px){.fs-40{font-size:32px}}h2{font-size:30px}@media (max-width:575px){h2{font-size:26px}}.section-heading h2{position:relative}.section-heading h2:after{background-color:#7638f9;border-radius:2px;bottom:-4px;content:"";height:2px;left:6%;position:absolute;width:33%}.fs-20{font-size:20px}@media (max-width:991px){.fs-20{font-size:18px}}.fs-30{font-size:30px}@media (max-width:991px){.fs-30{font-size:26px}}@media (max-width:575px){.fs-30{font-size:24px}}.fw-5{font-weight:500}.fw-6{font-weight:600}.pt-50{padding-top:50px}.pb-50{padding-bottom:50px}.pt-60{padding-top:60px}.pb-60{padding-bottom:60px}.pb-40{padding-bottom:40px}.pt-100{padding-top:100px}@media (max-width:991px){.pt-100{padding-top:50px}}.pb-100{padding-bottom:100px}@media (max-width:991px){.pb-100{padding-bottom:50px}}.bg-light{background-color:#f3f3ff!important}.text-black{color:#1b1920}.text-gray-100{color:#99999a}.text-primary{color:#7638f9!important}.bg-primary{background-color:#7638f9!important}.form-control{background-color:#f7f7f7;border:1px solid #f7f7f7;color:#1b1920;height:60px;padding:10px 20px}.form-control::-moz-placeholder{color:#99999a}.form-control::placeholder{color:#99999a}.form-control:focus{border:1px solid #d8d8d8;box-shadow:none}mark{background-color:transparent;color:#7638f9}@media (max-width:767px){mark{color:#1b1920}}.slick-arrow{align-items:center;background-color:#7638f9;border:1px solid #7638f9;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;min-width:50px;position:absolute;width:50px}@media (max-width:575px){.slick-arrow{height:40px;min-width:40px;width:40px}}.slick-arrow.active,.slick-arrow:active,.slick-arrow:focus,.slick-arrow:hover{background-color:transparent;border:1px solid #7638f9;color:#7638f9}.vcard-template-section .vcard-bg{left:0;top:60px;z-index:-1}.vcard-template-section .plus-vector1{animation:zoom-in 3s linear infinite;left:100px;top:900px;z-index:-1}.vcard-template-section .plus-vector2{animation:zoom-in 3s linear infinite;bottom:550px;right:100px;z-index:-1}.vcard-template-section .plus-vector3{animation:zoom-in 3s linear infinite;bottom:60px;right:250px;z-index:-1}.vcard-template-section .template-card{margin:0 auto;max-width:400px}.vcard-template-section .template-card .card-img{border-radius:15px;box-shadow:0 8px 20px rgba(64,60,72,.1);height:auto;max-height:700px;overflow:hidden}.vcard-template-section .template-card .card-img:hover img{-o-object-position:left;object-position:left;transform-origin:50% 50%;transition-duration:.5s;transition:all 8s ease}.vcard-template-section .template-card .card-img img{height:700px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:all 8s ease;width:100%}@media (max-width:1199px){.vcard-template-section .template-card .card-img img{max-height:500px}}.curve-shape{overflow:hidden;padding-bottom:7%;position:relative;width:100%}.curve-shape svg{height:100%;left:0;position:absolute;top:1px;width:100%}.vcard-object{position:absolute;z-index:0}.vcard-object img{width:100%}@media (max-width:768px){.vcard-object img{width:70%}}@media (max-width:575px){.vcard-object img{width:50%}}.vcard-object.object-img-1{animation:movetopbounce 5s linear infinite;left:50%;top:0}.vcard-object.object-img-2{animation:movetopbounce 5s linear infinite;left:0;top:22%}.vcard-object.object-img-3{animation:zoom-in 3s linear infinite;left:20%;top:34%}.vcard-object.object-img-4{animation:moveleftbounce 3s linear infinite;left:36%;top:26%}.vcard-object.object-img-5{animation:zoom-in 3s linear infinite;right:10%;top:30%}.vcard-object.object-img-6{animation:moveleftbounce 2s linear infinite;right:5%;top:60%}.vcard-object.object-img-7{animation:zoom-in 3s linear infinite;left:7%;top:90%}.vcard-object.object-img-8{animation:movetopbounce 5s linear infinite;right:0;text-align:right;top:90%}@keyframes moveleftbounce{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}@keyframes movetopbounce{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes zoom-in{0%{transform:scale(.5)}50%{transform:scale(1)}to{transform:scale(.4)}}@keyframes zoom-in-zoom-out{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes geometric-form-animation{0%{transform:rotate(0deg)}50%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}.nav-link-white{color:#fff!important}@media (max-width:991px){.nav-link-white{color:#1b1920!important}}.top-margin{margin-bottom:190px;position:relative;top:178px}@media (max-width:1399px){.top-margin{margin-bottom:190px;position:relative;top:163px}}@media (max-width:1199px){.top-margin{margin-bottom:190px;position:relative;top:130px}}@media (max-width:991px){.top-margin{margin-bottom:190px;position:relative;top:110px}}@media (max-width:575px){.top-margin{margin-bottom:190px;position:relative;top:85px}}.top-margin-privacy{margin-bottom:190px;position:relative;top:178px}.js-cookie-consent{background:#f3f3ff;z-index:5}.js-cookie-consent .cookie-consent__message{color:#000!important}@media (max-width:375px){input.contact-section-submit-btn{font-size:12px!important;padding:6px!important}}.ribbon-wrapper{height:88px;left:0!important;overflow:hidden;position:absolute;top:0!important;width:85px}.ribbon-wrapper .ribbon{background-color:#3498db;color:#333;color:#fff;font-size:10px!important;left:-27px;padding:7px 0;position:relative;text-align:center;top:17px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);width:120px}.main-social-links{align-items:center;display:flex;flex-wrap:wrap}@media (max-width:991px){.main-social-links{justify-content:center}}.main-social-links a{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:20px;height:37px;justify-content:center;margin:5px;transition:.5s ease;width:37px}.main-social-links a.globe{color:#0d6efd}.main-social-links a.globe:hover{background-color:#0d6efd;color:#fff}.main-social-links a.twitter .icon{fill:#000}.main-social-links a.twitter:hover{background-color:#000}.main-social-links a.twitter:hover .icon{fill:#fff}.main-social-links a.facebook{color:#0a66ff}.main-social-links a.facebook:hover{background-color:#0a66ff;color:#fff}.main-social-links a.instagram{color:#ee2a7b}.main-social-links a.instagram:hover{background:linear-gradient(213deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.main-social-links a.youtube{color:#fd0200}.main-social-links a.youtube:hover{background-color:#fd0200;color:#fff}.main-social-links a.tumblr{color:#001a35}.main-social-links a.tumblr:hover{background-color:#001a35;color:#fff}.main-social-links a.reddit{color:#fd4500}.main-social-links a.reddit:hover{background-color:#fd4500;color:#fff}.main-social-links a.linkedin{color:#0c66c2}.main-social-links a.linkedin:hover{background-color:#0c66c2;color:#fff}.main-social-links a.whatsapp{color:#2bd44b}.main-social-links a.whatsapp:hover{background-color:#2bd44b;color:#fff}.main-social-links a.pinterest{color:#e60222}.main-social-links a.pinterest:hover{background-color:#e60222;color:#fff}.main-social-links a.tiktok{color:#000}.main-social-links a.tiktok:hover{background-color:#000;color:#fff}.header[dir=rtl] .dropdown .dropdown-toggle:after{margin-left:auto;margin-right:10px}.header[dir=rtl] .me-1{margin-left:.25rem!important;margin-right:auto}@media (max-width:768px){.new-footer-term{margin-top:90px!important}}@media (max-width:425px){.new-footer-term{text-align:center!important}}.vcard-alias-search #search-alias-input{padding:20px 153px 20px 20px}.vcard-alias-search #search-alias-btn{position:absolute;transform:translateY(-50%)}@media (max-width:440px){.vcard-alias-search #search-alias-input{padding:20px}.vcard-alias-search #search-alias-btn{margin-top:10px;position:relative;transform:translateY(0)}}


.btn-white {
  background-color: #fff;
  border: 1px solid #f78605 !important;
  color: #f78605; 
}

.btn-white:hover {
  background: linear-gradient(to right,#faa104 0,#f34a02 100%);
  border: 1px solid #fff;
  color: #fff;
}

.btn-primary, .btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
  background: linear-gradient(to right,#faa104 0,#f34a02 100%);
  border: 1px solid #fff;
  color: #fff;
}
.btn-primary-light, .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background: linear-gradient(to right,#faa104 0,#f34a02 100%);
  border: 1px solid #fff;
  color: #fff;

}
.h-110{
    height: 110px;
}
.slick-arrow {
  align-items: center;
  background-color: #f78605;
  border: 1px solid #f78605;
}
.slick-arrow.active, .slick-arrow:active, .slick-arrow:focus, .slick-arrow:hover {
  background-color: transparent;
  border: 1px solid #f78605;
  color: #f78605;
}
.center-slider .slick-arrow {
  color: #7638f9;
  font-size: 20px;
}

.bg-light {
  background-color: #021635 !important;
}
.footer-div h3, .footer-div .footer-bottom p, footer{
    color: #fff !important;
}
.footer-div .footer-bottom p{
    font-size: 12px !important;
}
.footer-div .footer-bottom a{
    color: #fff !important;
  font-size: 12px !important;
  font-weight: normal;
  margin: 0 0 0 11px;
}
.section-heading h2::after {
  background-color: #f99904 !important;
}
.modern-interface-section .interface-card .interface-img::before {
  border: 2px solid #f78605 !important;
}
.pt-30 {
  padding-top: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}

footer .footer-img {
  max-height:auto !important;
  max-width: auto;
  width: auto;
  text-align: right;
}
footer .footer-img img{
  max-height:auto !important;
  width: 65% !important;
  padding-right: 88px;
}
footer .border-light {
  border-color: #0c3a81 !important;
}

/*Top Rated Section*/

.top-rated-store {
    padding: 60px 20px 40px;
    background: #021635;
    text-align: center;
    margin-bottom: 40px;
}

.top-rated-store h2 {
    font-size: 32px;
    
    margin-bottom: 10px;
    color: #fff;
}

.subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #ff7a00;
    margin-bottom: 15px;
}

.description {
    max-width: 700px;
    margin: 0 auto 40px;
    font-size: 16px;
    color: #fff;
}

.features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.feature-box{
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.feature-box:hover {
  box-shadow: 0 10px 25px #5358ae;
  transform: translateY(-20px);
  transition: all 0.8s ease;
}


.feature-box img {
    width: 70px;
    margin-bottom: 15px;
}

.feature-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.feature-box p {
    font-size: 14px;
    color: #666;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.btn {
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
}

.btn.primary {
    background: #ff7a00;
    color: #fff;
}

.btn.secondary {
    background: #222;
    color: #fff;
}


.blueclr{
    color: #0989b9 !important;
}
.orangeclr{
    color: #f89005 !important;
}
#frontContactUsTab.contact-section .icon-purpul{
  color: #022d6f !important;
}
.pricing-plan-section .pricing-slider .pricing-card{
   border-radius: 20px !important; 
}
.pricing-card-body:hover{
    /*box-shadow: 0 15px 20px #1258a46e;*/
  transform: translateY(-5px);
  border-radius: 20px;
}
.pricing-card-body .show-plan-features{
  margin-bottom: -55px !important;
}
.pricing-card-body .show-plan-icon-btn{
  color: #f78605 !important;
  font-size: 50px !important;
}
.pricing-plan-section .pricing-slider .pricing-card .pricing-plan-list li.active-check .check-box {
  color: #f78605!important;
  font-size: 18px !important;
}
header .navbar-nav {
  box-shadow: 0 2px 6px rgba(2, 22, 53, 0.31) !important;
}
.form-control {
  background-color: #fff;
  border: 1px solid #f78605;
  color: #1b1920;
  height: auto;
  padding: 7px 20px;
}
#frontAboutTabUsTab{
  background: #021635;
  padding: 60px 0;
  color: #fff;
}
#frontPricingTab {
  background: #021635;
  padding: 60px 0;
  color: #000;
}
#frontContactUsTab{
    /*background: linear-gradient(to bottom,#fbf9ed 0,#fbeaf8 100%);*/
   /* background: #ececec;*/
}
#frontPricingTab .section-heading h2{
    color:#fff;
}
.pricing-card-body h3{
    color: #000 !important;
}
h1 {
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  text-transform: capitalize;
}
.top-margin-privacy, .top-margin {
  margin-bottom: 0;
  position: relative;
  top: 0px;
  background: #ececec;
  padding: 160px 0 50px;
}

@media (max-width: 768px) {
    h1 {
      font-size: 29px;
      font-weight: 600;
      line-height: 35px;
      text-transform: capitalize;
    }
    .top-margin-privacy, .top-margin {
      padding: 120px 0 50px;
    }
    h2 {
        font-size: 24px;
    }
     .top-margin-privacy p, .top-margin-privacy ul, .top-margin p, .top-margin ul{
         font-size: 13px;    
    }
}

footer .btn{
    padding: 9px 28px 12px;
}
.footer-div .pb-30{
    padding-bottom:0;
}
a.globe{
   display:none;
}

.hero-section.bg-primary {
  background-color: #021635 !important;
}

footer .col-md-7.text-md-start p, footer .col-md-5 a{
    color: #fff !important;
    font-size: 12px;
}
footer .flex-column-reverse{
    /*border-bottom: 1px solid blue !important;*/
}