@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../font/OpenSans.woff2') format('woff2');
}

body{font-family: "Open Sans", sans-serif;}
a, button{transition: 0.5s ease-in-out all 0s;-webkit-transition: 0.5s ease-in-out all 0s;}
h1, h2, h3, h4, h5, h6{font-family: "Orbitron", sans-serif;}

.navbar.tpnav {z-index: 1000;padding: 4px;position: fixed;left: 0;top: 0;
transition: 0.5s ease-in-out all 0s;-webkit-transition: 0.5s ease-in-out all 0s;}
.tpnav .navbar-nav .nav-link.dropdown-toggle:before {width: 0 !important;}
.navbar.tpnav.fixed {background:#e5eeff;position: fixed !important;box-shadow:0 0 2px #3f66fb;-webkit-box-shadow:0 0 2px #3f66fb;}
.tpnav .navbar-brand {padding-top: 0;  padding-bottom: 0;}
.navbar-brand img {width: 170px;  max-height: 50px;  object-fit: contain;}
.tpnav .navbar-nav .nav-link {  color: #17161A;position: relative;margin: 0 11px;font-size: 16px;}
.tpnav .navbar-nav .nav-link:focus-visible {outline: none;box-shadow: none;}
.tpnav .navbar-nav .nav-link::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;transition: 0.5s ease-in-out all 0s;
  background: #000;}
.tpnav .navbar-nav .nav-link:hover::before{width: 100%;}
.tpnav .navbar-nav .nav-link:focus-visible {outline: none;box-shadow: none;-webkit-box-shadow: none;}
.tpnav .navbar-toggler {background: #0059ff;border-color: #0059ff;}
.navbar-toggler * {border-color: #fff;color: #fff;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;margin: 4px auto;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
background-color: #000;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0) translate(0, 0);-webkit-transform: rotate(0) translate(0, 0);}
.navbar-toggler.collapsed .middle-bar {opacity: 1;-webkit-opacity: 1;}
.navbar-toggler.collapsed .bottom-bar {transform: rotate(0) translate(0, 0);-webkit-transform: rotate(0) translate(0, 0);}
.navbar-toggler .top-bar {transform: rotate(45deg) translate(2px, -2px);-webkit-transform: rotate(45deg) translate(2px, -2px);
transform-origin: 10% 10%;-webkit-transform-origin: 10% 10%;}
.navbar-toggler .middle-bar {opacity: 0;-webkit-opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg) translate(2px, 2px);-webkit-transform: rotate(-45deg) translate(2px, 2px);
transform-origin: 10% 90%;-webkit-transform-origin: 10% 90%;}
.navbar-menu {position: static;width: auto;height: auto;background: transparent;box-shadow: none;transition: none;padding: 0;}
.cm-btn1{font-size:15px;line-height:30px;text-decoration:none;display:inline-block;padding:4px 22px;border-radius:8px;border:1px solid #D6D1FA;
  color:#3F66FB;}
.nav-right .cm-btn1{margin-left:10px;}
.cm-btn1.active, .cm-btn1:hover, .cm-btn1:focus {background:#3F66FB;border-color:#3F66FB;color:#fff;text-decoration:none;outline:none;}

.banner {padding: 100px 0 50px;}
.cm-hd1 {font-size: 45px;color: #0059FF;line-height: 54px;margin: 1.2rem 0;}
.cm-stit {font-size: 19px;line-height: 26px;color: #000;margin: 1rem 0;}
.para-cnt1 {color: #717184;font-size: 16px;line-height: 24px;}
.ban-mid .para-cnt1 {text-align: justify;margin-bottom: 2rem;}
.ban-mid .cm-btn1 {font-size: 17px;line-height: 34px;min-width: 190px;text-align: center;}
.banim {padding-left: 30px;}

.abtsc{padding-bottom: 120px;}
.cm-hd2{font-size:30px;color:#0059FF;line-height:45px;margin:1rem 0;}
.abtcn{padding-left:50px;}
.abtcn .para-cnt1{text-align:justify;margin-bottom:2rem;}

.affix-init{padding: 10px 0;}
.aff-lefstick{padding-right:50px;position:sticky;top:10px;}
.affim{margin:3rem 0;}
.cm-hd3 {font-size: 21px;color: #0059FF;line-height: 32px;margin: 0.7rem 0;}
.aff-bx .cm-hd3 img{margin-right:5px;}
.aff-bx .para-cnt1{font-size:15px;line-height:24px;text-align:justify;}
.aff-bx{  border-radius:10px;padding:20px 95px 15px 42px;margin: 0 0 1.5rem;border: 1px solid #0059FF;}

.tab-section {padding: 50px 0;}
.tab-lr {margin: 2rem 0 3rem;}
.dlink{border:1px solid #0059FF;border-radius:40px;padding:10px 30px;font-size:16px;line-height:20px;margin:15px;color:#0059FF;
background:#fff;}
.dlink.active{background:#0059FF;color:#fff;}
.tab-pane{display:none;}
.tab-pane.active{display:block;}
.arrow-btn{border:none;background:#0d6efd;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;
background-size:20px 20px;background-repeat:no-repeat;font-size:0;border-radius:46px;background-position:center; }
@media (max-width: 767px) {
  .arrow-btn{display:none;} 
}
.cm-tabx{background:linear-gradient(90.66deg, #E9F1FF 59.57%, rgba(233, 241, 255, 0) 100.45%);border-radius:8px 0px 0px 8px;
  padding:20px 40px 20px 40px;min-height: 270px;}
.cm-tabx .para-cnt1{font-size:15px;line-height:24px;}
.cm-tabx .cm-hd3{margin:0.8rem 0 1.5rem;}
.cm-tabx .cm-hd3 img{margin-right:12px;}
.tab-navar{margin-bottom:-20px;}
.cm-head1 .cm-stit{margin:5px 0;}
.cm-head1 .cm-hd2{margin:5px 0;}
.cm-head1 .para-cnt1{margin:11px 0;}
.next-arw{background-image:url(../images/sub-icon/arw-ico.webp);transform:rotate(178deg);-webkit-transform:rotate(178deg);}
.prev-arw{background-image:url(../images/sub-icon/arw-ico.webp);}

.adsc {padding: 50px 0;}
.adbx{  background: rgba(0, 89, 255, 0.1);border-radius: 16px;padding: 16px;  min-height:315px;  display: flex;}
.adbx::after{   content: "";position: absolute;width: calc(100% - 32px);height: calc(100% - 32px);left: 16px;top: 16px;
background: linear-gradient(246.13deg, #8BB3FF 27.59%, #0059FF 75.8%);border-radius: 16px;right: 16px;bottom: 16px;z-index: -1;}
.adlef {padding:10px 20px 30px 50px;}
.adlef .cm-btn2 {margin-top: 10px;}
.cm-btn2 {background: #fff;text-decoration: none;padding:7px 24px;border-radius: 11.43px;color: #0059FF;font-size: 17px;
line-height: 30px;font-weight: 600;display: inline-block;box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.5);}
.cm-btn2:hover{box-shadow: 0 0 0 4px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 0 4px rgba(0,0,0,0.5);}
.adbx .row {flex: 1; display: flex;align-items: stretch;}
.adim {height: auto;}

.affix-sc1 {padding: 50px 0;}
.affix-lef .timeline {margin: 0;padding: 0 50px 0 0;list-style: none;}
.affix-lef .timeline li::before {content: "";position: absolute;top: 5px;left: 26px;width: 1px;height: 100%;background: #0059FF;}
.affix-lef .timeline li {position: relative;display: flex;align-items: flex-start;  padding-bottom: 30px;scroll-behavior: smooth;
  transition: all 0.7s ease;-webkit-transition: all 0.7s ease;}
.affix-lef .timeline li .icon {position: relative;z-index: 2;width: 52px;height: 52px;background: #DFEAFF;border: 0.75647px solid #0059FF;
border-radius: 37.8235px;margin-right: 20px;flex-shrink: 0;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;display:flex;
align-items:center;justify-content:center;margin-top: 5px;}
.affix-lef .timeline li .content {background: transparent;border-radius: 8px;  padding: 4px 10px 8px 20px;}
.affix-lef .timeline li.active .content{background: linear-gradient(270deg, rgba(233, 241, 255, 0) 0%, #E9F1FF 100%);}
.affix-lef .timeline li .content .cm-hd3 {margin: 14px 0 8px;}
.affix-lef .timeline li .content p {font-size: 15px;line-height:24px;}
.affix-lef .timeline li.active .icon {background: #0059FF;}
.affix-lef .timeline li.active .icon img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.affix-rig {position: sticky;top:10px;}      
.affix-lef .timeline li:last-child{padding-bottom: 0;}                                     
.affix-lef .timeline li:last-child::before {height: 0;}  

.whomsc {padding: 50px 0;}
.whomsc .cm-head1 {margin-bottom: 40px;}
.wh-bx{padding: 12px 20px;margin:20px 0;border-radius: 16px;border: 1px solid transparent; transition: 0.5s ease-in-out all 0s;-webkit-transition: 0.5s ease-in-out all 0s;}
.wh-bx:hover{border: 1px solid #0059FF;box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1);}
.wh-bx .para-cnt1{font-size: 15px;line-height: 26px;color: #212529;}

.carousel-init { padding:50px 0 10px;}
.carousel-init .cm-head1 {margin-bottom: 30px;  width: 90%;}
.carousel-init .cm-head1 .para-cnt1 {text-align: justify;}
.carousel-init .sec-im {width: 90%;}
.carousel-container {position: relative;overflow: hidden;}
.carousel-init .carou-init-mask {border-radius: 16px;margin: 15px 0;}
.item-contain {transition: transform 0.5s ease, opacity 0.5s ease;display: none;}
.cm-bbx{border-radius: 16px;background: #E0EBFF;padding: 15px 25px;}
.cm-bbx .para-cnt1 {font-size: 15px;line-height: 26px;margin: 0 0 10px;}
.slide-in-right {animation: slideInRight 0.6s forwards;-webkit-animation: slideInRight 0.6s forwards;}
.slide-in-left {animation: slideInLeft 0.6s forwards;-webkit-animation: slideInLeft 0.6s forwards;}
@keyframes slideInRight {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes slideInRight {
  from { -webkit-transform: translateX(100%); -webkit-opacity: 0; }
  to { -webkit-transform: translateX(0); -webkit-opacity: 1; }
}
@keyframes slideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes slideInLeft {
  from { -webkit-transform: translateX(-100%); -webkit-opacity: 0; }
  to { -webkit-transform: translateX(0); -webkit-opacity: 1; }
}
.carousel-init .btn{border:none;background:#0d6efd;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;
background-size:20px 20px;background-repeat:no-repeat;font-size:0;border-radius:46px;background-position:center; }
.carousel-init .nextBtn{background-image:url(../images/sub-icon/arw-ico.webp);transform:rotate(178deg);-webkit-transform:rotate(178deg);}
.carousel-init .prevBtn{background-image:url(../images/sub-icon/arw-ico.webp);}

.case-sc {padding: 50px 0 2px;}
.case-affix {padding-top: 20px;}
.case-affix.sticky{position:relative;}
.casebx{background: linear-gradient(72.85deg, #0059FF 24.25%, #5086E9 75.32%);border-radius: 20px;  padding:12px 30px;  margin: 40px 0;}
.case-cn .cm-hd3 {font-size: 27px;margin: 1.5rem 0 2rem;}
.case-cn .para-cnt1 {margin-bottom: 2rem;}
.case-dlis li {font-size: 17px;line-height: 30px;}
.case-dlis li span { font-size: 20px;}

.testim-bx {padding: 50px 100px 50px 30px;background: #F0F5FE;border-radius: 8px;margin-top: 40px;}
.test-im {margin: 30px 0;}
.carou-testim {border: 1px solid #0059FF;border-radius: 8px;padding: 13px 25px 40px 40px;background: #fff;}
.testim-bk{padding-left: 20px;}
.testim-bk .cm-hd3 {margin: 30px 0;width: 92%;}
.star-rat img {width: 24px;height: 24px;}
.typ-tx{display:inline-block;padding:8px 25px;color:#fff;background:#000;font-size:14px;line-height:24px;border-radius:5px;margin-top:0px;}
.tusr-cn .cm-hd3 {margin: 0;}
.tusr-cn .para-cnt1 {font-size: 15px;line-height: 24px;margin: 0;color: #525050;}
.usr-rw {padding: 5px 0 0 80px;  min-height: 60px;}
.tusr-ico { width: 60px;height: 60px;display: inline-block;border: 1px solid #000;border-radius: 50%;overflow: hidden;background: #fff;}
.tusr-ico img {width: 100%;height: 100%;object-fit: cover;}

.blogsc { padding: 50px 0;}
.blg-bk {padding:10px;margin:2rem 0;border:1px solid transparent;transition:0.5s ease-in-out all 0s;-webkit-transition:0.5s ease-in-out all 0s;
  border-radius: 8px;}
.dat-tx1 { background: #0059FF;color: #fff;font-size: 12px;line-height: 20px;display: inline-block;padding: 1px 13px;border-radius: 20px;
  margin: 15px 0 0; transition: 0.5s ease-in-out all 0s;-webkit-transition: 0.5s ease-in-out all 0s;opacity: 0;-webkit-opacity: 0;
transform: translateY(10px); -webkit-transform: translateY(10px); }
.blg-bk .para-cnt1 {font-size: 15px;line-height: 26px;color: #000;}
.blg-bk:hover {border-color: #0059FF;}
.blg-bk:hover .dat-tx1{opacity:1;-webkit-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); }
.blg-im {border-radius: 8px; overflow: hidden;}
.readtx{  position: relative;padding: 5px 45px 5px 0px;display: inline-block;text-decoration: none;line-height: 35px;color: #0059FF;
  font-size: 14px;margin-bottom: 10px;}
.readtx::after{content:"";position:absolute;width:35px;height:35px;right:0;top:5px;border-radius:50%;
background:url(../images/arr.webp) no-repeat scroll center #E4F0FF;background-size:14px 14px;transition:0.5s ease-in-out all 0s;
-webkit-transition:0.5s ease-in-out all 0s;}
.blg-bk:hover .readtx::after{background: url(../images/arr-white.webp) no-repeat scroll center #0059FF;background-size:14px 14px;}
.cm-btn3 {background: #0059FF;display: inline-block;font-size: 18px;line-height: 30px;text-decoration: none;padding: 10px 30px;
  border-radius: 30px;margin: 10px 0;transition: 0.5s ease-in-out all 0s;}
.cm-btn3:hover{background: #000;}  

.faqsc { padding: 10px 0 50px;}
.faqsc .cm-head1 { margin-bottom: 50px;}
.faq-question {text-decoration: none; font-size: 18px;font-weight: 600;color: #0059FF;line-height: 30px;padding: 10px 25px;position: relative;
  background: linear-gradient(90deg, #F0F5FE 0%, rgba(240, 245, 254, 0) 100%); margin-bottom: 30px;}
.faq-question.active .faq-icon {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.faq-icon {transition: 0.5s ease-in-out all 0s;-webkit-transition: 0.5s ease-in-out all 0s;}  
.faq-question.active{background: linear-gradient(90deg, #F0F5FE 0%, #F0F5FE 100%);}
.faq-question::after{ content: "";position: absolute;width: 0px;height: 0px;left: 0px;top: 0px;background: #0059FF;
box-shadow: 3px 0px 14px #0059FF;-webkit-box-shadow: 3px 0px 14px #0059FF;}
.faq-question.active::after{width: 4px;height: 100%; }
.faq-answer{padding: 30px;background: #F0F5FE;border-radius: 0px 8px 8px 8px;border: none;font-size: 15px;line-height: 26px;
  color: #212529; text-align: justify;margin-bottom: 30px;}
.listing { margin: 1rem 0;}  

.footsc{background: #F4F8FF;  padding: 15px 0;}
.footsc .cm-hd3 {font-size: 19px;}
.footlis a {color: #000;text-decoration: none;font-size: 15px;line-height: 26px;margin: 1px 0; display: inline-block;
   padding-right: 20px;background: url(../images/arr.webp) no-repeat scroll right center;background-size: 0px 0px;}
.footlis a:hover{background-size: 12px 12px;}
.foot-cpy{background: rgba(0, 89, 255, 0.1);border-radius: 8px;  padding: 20px;  margin: 5px 0;}
.foot-cpy .para-cnt1 {color: #000;}
.foot-cpy a {text-decoration: none;color: #000;font-size: 17px; line-height: 26px;}
.footsc a:hover {color: #0059FF;transition: 0.6s ease-in-out all 0s;-webkit-transition: 0.6s ease-in-out all 0s;}

.aff-mnlis .aff-bx{position: relative;border-radius: 8px;  background: transparent;border-left: 9px solid transparent;  border-width: 0 0 0 9px;}
.aff-mnlis .active .aff-bx{background: linear-gradient(90deg, rgba(0, 89, 255, 0.2) 0%, rgba(0, 89, 255, 0) 100%);border-left-color: #0059FF;}
.affimn {position: sticky;top: 0;}

.carousel-primary {background: #0059FF; padding: 3rem 0;}
.carousel-primary .cm-bbx{background: #3595FF;border: 1px solid #FFFFFF;border-radius: 20px;  margin: 15px auto; min-height: 95%;}
.carousel-primary .btn{border:none;background:#fff;width:46px;height:46px;display:flex;align-items:center;justify-content:center;
cursor:pointer;background-size:20px 20px;background-repeat:no-repeat;font-size:0;border-radius:46px;background-position:center; }
.carousel-primary .nextBtn{background-image:url(../images/arr-blu.webp);transform:rotate(178deg);-webkit-transform:rotate(178deg);}
.carousel-primary .prevBtn{background-image:url(../images/arr-blu.webp);}
.sub-bstit {display: inline-block;padding: 5px 20px;border: 1px solid #fff;background: rgba(255,255,255,0.3);font-size: 16px;
  border-radius: 20px;margin-bottom: 9px;}

.faq-sec { padding: 50px 0;}
.faq-sec .cm-head1{margin-bottom: 20px;}
.faqac .accordion-item {border: none;border-radius: 10px;margin-top: 20px;}
.faqac .accordion-item + .accordion-item {border-bottom: 1px solid #E5E7EB;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.faqac .accordion-button {background: transparent;box-shadow: none;font-weight: 600;font-size: 20px;color: #0d6efd;padding: 18px;}
.faqac .accordion-button:not(.collapsed) {background: rgba(0, 89, 255, 0.1); color: #0d6efd;border-left: 1px solid #0059FF;
  border-right: 1px solid #0059FF;border-top: 1px solid #0059FF;border-radius: 10px 10px 0 0; }
.faqac .accordion-button::after{background:url(../images/farr-blu.webp) no-repeat scroll right center;background-size:16px 8px;width:24px;
  height:24px;}
.faqac .accordion-body {font-size: 14px;line-height: 24px;color: #717184;padding:0px 18px 18px 18px;line-height: 1.6;
background: rgba(0, 89, 255, 0.1); border-left: 1px solid #0059FF;border-right: 1px solid #0059FF;border-bottom: 1px solid #0059FF;
border-radius: 0 0 6px 6px;}

.feature-sc {padding: 10px 0;margin: 40px 0;}
.feature-sc .cm-head1 {padding-bottom: 30px;}
.feature-card .para-cnt1 {font-size: 15px;line-height: 24px;}
.feature-card {border: 1px solid #F8F8F8;border-radius: 10px;padding: 20px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;
  min-height: 300px;background: #fff;margin: 20px 0;}
.feature-card:hover, .feature-card.active {border: 1px solid #0059FF;box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.feature-icon {margin-bottom: 15px;display: inline-block;}

.contactsc {  padding: 6rem 0;}
.contactsc .cm-head1{padding-bottom: 2rem;}
.contact-form {   background: linear-gradient(270deg, rgba(233, 241, 255, 0) 0%, #E9F1FF 100%);  border: 1px solid #0059ff1c;}
.cm-form1 .form-control { background-color: #fff;  border-color: #eee;  height: 50px;  transition: 0.3s;}
.cm-form1 .form-control:focus, .cm-form1 .form-select:focus {background-color: #fff;border-color: #ddd;box-shadow: none;outline: none;}
.cm-form1 .form-control::-moz-placeholder {  color: #aaa;}
.cm-form1 .form-control::-webkit-input-placeholder {  color: #aaa;}
.btn-warning { background-color: #ee7f01;  border-color: #ee7f01;}
.cm-form1 textarea.form-control { resize: none;  height: 150px;}
.cm-form1 .form-select{ color: #aaa;  border-color: #eee;  height: 50px;}
.cm-form1 .cm-btn3 { font-size: 18px;  line-height: 26px;}
.contact-box {  background-color: #f9f9f9; border: 1px solid #eee;transition: 0.3s; margin-bottom: 0.5rem;}
.icon-box {background-color: #0059FF;width: 60px;border-radius: 10px;height: 60px; margin-top: 5px;}
.icon-box img {max-width: 33px;max-height: 33px;object-fit:contain;  filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.contact-box .contac-thd { font-size: 18px;  margin: 0;  line-height: 25px;text-transform: capitalize;}
.contact-box .contac-tsup { font-size: 15px;}
.contact-box .contac-tsub {font-size: 14px;  margin: 0;}
.contact-box:hover { border-color: #0059FF;}
.whatsapp-btn {background: #fc0000;font-size: 18px;line-height: 26px;padding: 10px 16px;border-radius: 6px;color: #fff;display: inline-flex;
  align-items: center;gap: 8px;position: relative;overflow: hidden;transition: background-color 0.3s ease;min-height: 40px;}
.whatsapp-btn:hover { background-color: #2ba805;}
.whatsapp-btn .text { position: absolute;left: 0; width: 100%;text-align: center;transition: opacity 0.4s ease;-webkit-transition: opacity 0.4s ease; 
white-space: nowrap;}
.whatsapp-btn .default-text {opacity: 1;-webkit-opacity: 1;}
.whatsapp-btn .hover-text {opacity: 0;-webkit-opacity: 0;}
.whatsapp-btn:hover .default-text {opacity: 0;-webkit-opacity: 0;}
.whatsapp-btn:hover .hover-text {opacity: 1;-webkit-opacity: 1;}

.telegram-btn {background: #ff8600;font-size: 18px;line-height: 26px;padding: 10px 16px;border-radius: 6px;color: #fff;display: inline-flex;
  align-items: center;position: relative;overflow: hidden;transition: background-color 0.3s ease;min-height: 40px;}
.telegram-btn:hover { background-color: #1c87c9;}
.telegram-btn .text { position: absolute;left: 0; width: 100%;text-align: center;transition: opacity 0.4s ease;-webkit-transition: opacity 0.4s ease; 
white-space: nowrap;}
.telegram-btn .default-text {opacity: 1;-webkit-opacity: 1;}
.telegram-btn .hover-text {opacity: 0;-webkit-opacity: 0;}
.telegram-btn:hover .default-text {opacity: 0;-webkit-opacity: 0;}
.telegram-btn:hover .hover-text {opacity: 1;-webkit-opacity: 1;}



@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width:1199px) {
}

@media screen and (min-width:768px) and (max-width:1199px) {
  .cm-hd1{  font-size: 32px;  line-height: 45px;}
  .cm-stit{font-size: 17px;}
  .para-cnt1{font-size: 15px;}
  .ban-mid .cm-btn1{font-size: 15px;line-height: 28px;min-width: 140px;}
  .cm-hd2{font-size: 24px;line-height: 32px;}
  .aff-bx{  padding: 5px 20px 5px 20px;}
  .aff-bx .para-cnt1{font-size: 14px;}
  .cm-hd3{font-size: 18px;  line-height: 24px;}
  .dlink{padding:8px 24px;font-size:15px;line-height:20px;margin:6px;}
  .cm-tabx{  padding: 8px 15px;}
  .cm-tabx .para-cnt1{font-size: 14px;}
  .cm-tabx .cm-hd3{margin:0.8rem 0;}
  .arrow-btn, .carousel-init .btn{width: 36px;height: 36px;}
  .abtsc {padding-bottom: 40px;}
  .adlef {padding: 10px 10px 30px 30px;}
  .wh-bx{  padding: 8px 12px; margin: 10px 0;}
  .wh-bx .cm-hd3 {font-size: 17px;line-height: 24px;margin: 8px 0;}
  .wh-bx .para-cnt1 {font-size: 14px;line-height: 22px;margin: 0;}
  .adsc {padding: 20px 0;}
  .cm-btn2{font-size: 16px;padding: 6px 24px;}
  .adbx{min-height: 275px;}
  .cm-bbx{padding: 6px 15px;}
  .cm-bbx .cm-hd3 { font-size: 16px; line-height: 22px;  }
  .cm-bbx .para-cnt1 { font-size: 14px; line-height: 22px;  }
  .casebx{padding: 15px;}
  .case-cn .cm-hd3 {font-size: 21px;margin: 10px 0;}
  .case-cn .para-cnt1 {margin-bottom: 1rem;font-size: 14px;line-height: 22px;}
  .case-dlis li {font-size: 14px;line-height: 22px;}
  .case-dlis li span {font-size: 16px;}
  .carousel-init {padding: 10px 0;}
  .testim-bk .cm-hd3 {margin: 20px 0;width: 100%;font-size: 16px;line-height: 24px;}
  .star-rat img {width: 18px;height: 18px;}
  .carou-testim{padding: 15px;}
  .testim-bk {padding-left: 0;}
  .testim-bx{padding: 25px;}
  .tusr-cn .cm-hd3 {font-size: 16px;line-height: 22px;}
  .tusr-cn .para-cnt1 {font-size: 13px;  line-height: 20px;}
  .tusr-cn .para-cnt1 {font-size: 13px;line-height: 20px;}
  .tusr-cn {padding-top: 4px;}
  .blg-bk{margin: 10px 0;}
  .faq-question{font-size: 17px;line-height: 24px;  margin-bottom: 15px;}
  .footsc .cm-hd3{font-size: 18px;}
  .footlis a{font-size: 13px;line-height: 24px;}
  
}

@media screen and (min-width:768px) and (max-width:991px) {
  .navbar-collapse {background: #000;padding: 10px;z-index: 200;}  
}

@media screen and (min-width:320px) and (max-width:767px) {
  .navbar.tpnav{padding: 8px 0;height: 68px;}
  .tpnav .navbar-brand {padding-top: 0;width: 130px;}
  .navbar.tpnav .navbar-toggler:focus{box-shadow: none;outline: none;}
  .tpnav .navbar-nav .nav-item {display: block;width: 100%;margin: 0;border-bottom: 1px solid #fff;padding: 10px 0;}
  .tpnav .navbar-nav {    padding: 0 14px 40px;}  
  .tpnav .navbar-nav .nav-link{width:auto;display:inline-block;}
  .navbar-collapse {background: #000;padding: 10px;z-index: 200;}
  .navbar.tpnav.fixed{border-bottom: 1px solid #fff;}
  .banner {padding: 90px 0 10px;}
  .cm-hd1{font-size:28px;line-height:38px;margin:0 0 1rem;}
  .cm-stit{font-size: 16px;line-height: 24px;}
  .para-cnt1{font-size: 14px;line-height: 22px;}
  .ban-mid .para-cnt1{margin-bottom: 1.5rem;}
  .ban-mid .cm-btn1 {font-size: 15px;line-height: 24px;min-width: 120px;}
  .banim {padding-left: 0;    max-height: 280px; object-fit: contain;}
  .abtsc .col-md-6:first-child {order: 2;margin-top: 10px;}
  .abtcn {padding-left: 0;}
  .abtim img {max-height: 200px;object-fit: contain;}
  .affim img {max-height: 250px;object-fit: contain;}
  .cm-hd2{font-size: 23px;line-height: 35px;}
  .abtcn .para-cnt1{margin-bottom: 1rem;}
  .abtsc { padding-bottom: 50px;}
  .aff-lefstick{padding-right: 0;}
  .cm-hd3{font-size: 18px;    line-height: 26px;}
  .aff-bx {padding: 6px 15px 1px;margin: 1rem 0;}
  .aff-bx .para-cnt1 {font-size: 13px;line-height: 22px;}
  .affim {margin: 0;padding: 1rem 0;}
  .affix-init{  padding: 30px 0;}
  .dlink{  border-radius: 5px;padding: 10px 20px;font-size: 16px;line-height: 30px;margin: 5px 0;width: 100%;    text-align: left;}
  .cm-tabx{  border-radius: 8px;padding: 10px;min-height: auto;text-align: left;}
  .cm-tabx .cm-hd3 {margin: 0.4rem 0 1rem;font-size: 15px;}
  .cm-tabx .para-cnt1{font-size: 13px;line-height: 22px;}
  .adlef {padding: 0px 10px 10px 20px;    position: relative;  z-index: 10;}
  .adsc {padding: 10px 0;}
  .tab-section {padding: 10px 0 40px;}
  .tab-lr {margin: 1.5rem 0;}
  .cm-btn2{padding: 6px 20px;font-size: 15px;line-height: 24px;}
  .adim {height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;opacity: 0.1;-webkit-opacity: 0.1;z-index: 1;}
  .affix-lef .timeline{padding: 0;}
  .affix-lef .timeline li .content p {font-size: 13px;line-height: 22px;}
  .affix-lef .timeline li{padding-bottom: 20px;}
  .affix-sc1 {padding: 50px 0 10px;}
  .whomsc {padding: 20px 0;}
  .whomim {margin-bottom: 20px;}
  .wh-bx {padding: 6px 12px;margin:0;}
  .carousel-init .carousel-controls.mt-5 {margin-top: 10px !important;}
  .carousel-init .btn{width: 35px;height: 35px;    background-size: 18px 15px;}
  .carousel-init .carou-init-mask{  padding: 2px;}
  .cm-bbx {padding: 8px 15px;  width: 100%;}
  .cm-bbx .para-cnt1{font-size: 13px;line-height: 22px;}
  .cm-bbx .cm-hd3{font-size: 16px;}
  .case-sc {padding: 15px 0 2px;}
  .case-affix {padding-top: 0;}
  .casebx{  padding: 4px 15px;margin: 20px 0;}
  .case-cn .cm-hd3 { font-size: 20px;margin: 1rem 0;}
  .case-cn .para-cnt1 {margin-bottom: 1rem;  font-size: 13px;}
  .case-dlis li { font-size: 12px;line-height: 20px;}
  .case-dlis li span {font-size: 14px;}
  .carousel-init.testimsc {padding: 10px 0;}
  .testim-bx {padding: 20px; margin-top: 30px;}
  .test-im img {max-height: 100px;object-fit: contain;  margin-bottom: 10px;}
  .testim-bk {padding-left: 0;}
  .carou-testim{padding: 15px;margin: 20px 0 0;}
  .star-rat img {width: 18px; height: 18px;}
  .star-rat.gap-3 {gap: 6px !important;}
  .testim-bk .cm-hd3 {margin: 12px 0 20px;width: 100%;font-size: 17px;}
  .faq-question{font-size: 16px;line-height: 24px;  margin-bottom: 10px;}
  .faq-answer{padding: 25px;font-size: 13px;line-height: 22px;}
  .footsc .cm-hd3{font-size: 16px;}
  .footlis a{font-size: 13px;line-height: 22px;}
  .foot-cpy .para-cnt1{font-size: 13px;line-height: 22px;}
  .foot-cpy a{font-size: 13px;line-height: 22px;}
  .adbx{min-height: 275px;}
  .affix-sc1 .col-md-5 {order: 1;display: flex;}
  .affix-sc1 .col-md-7 {order: 2;display: flex;}
  .whomim img {max-height: 300px;object-fit: contain;}
  .case-im{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0.1;-webkit-opacity: 0.1;}
  .case-im img {max-height: 100%;max-width: 100%;object-fit: contain;}
  .test-im {margin: 0;display: none !important;}
  .usr-rw{display: none;}
  .casebx .row {position: relative;}
  .feature-card {padding: 20px 20px 2px; min-height: 200px; margin: 10px 0;}
  .tpnav .navbar-nav.nav-right {flex-direction: row !important;align-items: center;gap: 10px;}
}

@media (max-width: 991px) {
  .navbar-menu { position: fixed; top: 69px; right: -100%; width: 100%; height: 100%; background: #0059ff;
  transition: right 0.3s ease-in-out;-webkit-transition: right 0.3s ease-in-out;z-index: 1050;padding:0 10px; overflow-y: auto;  }
  .navbar-menu.active {right: 0; }
  .navbar-menu .close-btn { background: #ff8300; border: none; font-size: 20px; color: #fff; line-height: 1; cursor: pointer;
   margin-left: auto; margin-bottom: 15px; display: none;  }
  body.offcanvas-open { overflow: hidden;  }
   .navbar-menu .cm-btn1 { margin: auto; background: #fff; color: #0059ff;  }
   .navbar-menu .cm-btn1.active{background: #0059FF;color: #fff;border-color: #fff;}
  .tpnav .navbar-nav .nav-link.dropdown-toggle {width: 93%;}
  .tpnav .navbar-nav .nav-link.dropdown-toggle:after {right: 0;top: 12px; position: absolute;border: none; width: 18px;height: 18px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M5.45866 11.3928L8.49953 8.35195L11.5404 11.3928L12.542 10.3912L8.49953 6.34878L4.45708 10.3912L5.45866 11.3928Z' fill='white'/%3E%3C/svg%3E");
  transition: 0.5s ease-in-out all 0s;-webkit-transition: 0.5s ease-in-out all 0s;}
  .tpnav .navbar-nav .nav-link.dropdown-toggle.show:after {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
  .tpnav .navbar-nav .nav-link{color: #fff;}
}

@media (min-width: 991px) {
.navbar-menu .close-btn {display: none;}
}