*, body, html {
    font-family: 'Inter', sans-serif;
}

.form-control:focus {
    box-shadow: none;
}

.star-mark {
    color: #FE0000;
}

.social-links img {
    margin: 0 5px;
    width: 16px;
    height: 16px;
}

.footer-contact .social-links img {
    margin: 0 10px;
    width: 35px;
    height: 35px;
}

.theme-colors .theme-button {
    display: none;
    opacity: 0;
}

section {
    padding: 0;
    padding-top: 40px;
}

.social-links a i{
    /* color: #414557; */
    background-color: #FFFFFF;
    width: 35px;
    height: 35px;
    border-radius: 7px;
}

.social-links i:before {
    /* width: 19.22px;
    height: 18.67px; */
    font-size: 35px;
}

.p-25 {
    padding: .75rem !important;
}

#header {
    border: 1px solid #F7F9FC;
    box-shadow: 0 5px 10px -4px rgba(127, 137, 161, 0.25);
    height: 85px;
}

#header.fixed-top {
    height: 85px;
}

#navbar a {
    text-transform: uppercase;
    /* font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.73px;
    text-align: left; */

    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.45px;
    letter-spacing: 0%;
    vertical-align: middle;

}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
    color: #000000;
}

.navbar>ul>li {
    padding: 0 0 0 28px;
}

.navbar>ul>li>a:before {
    bottom: -10px !important;
    /* background-color: #5F0095 !important; */
    background-color: #5F0095 !important;
    transition: unset;
}

.phoneNumber a {
    border: 0.5px solid #52525B;
    font-size: 16px;
    font-weight: 700;
    color: #5F0095;
}

.top-head a {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #414557;
}

.top-head .divider {
    font-size: 12px;
}

/* .top-head a, .top-head a:hover{
   color: #000000;
} */

.rounded-6 {
    border-radius: 42px;
}


.best-offer .content {
    /* width: 90%; */
    padding: 25px;
    margin: auto;    
}

.best-offer>div {
    /* width: 90%; */
    margin: auto;
}

.best-offer h1 {
    font-family: Inter;
    font-weight: 800;
    font-size: 42px;
    line-height: 1.4;
    /* letter-spacing: 0%; */
    text-align: center;
    color: #5F0095;
    letter-spacing: 1px;
}

.best-offer p {
    /* line-height: 1.4;
    color: #888B8F;
    font-size: 12px; */

    font-family: Noto Sans Bengali;
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #414557;
}

.best-offer .input-items {
    width: 70%;
    margin: auto;
}

.best-offer .input-items input {
    height: 44px;
    background: #F6F6F6;
}

.best-offer .input-items input::placeholder {
    color: #CDCDCD;
}

.best-offer .input-items button {
    height: 44px;
    text-transform: uppercase;
    width: 100%;
}

#touchSliderD {
    border: 3px solid #FFFFFF;
}

img.img-fluid.slider-image {
    width: 100%;
    height: 500px;
}

.background-grey {
    /* background: #F7F9FC; */
    background: #F6F2FE;
    /* background: #E8DEFD; */
}

.background-grey-2 {
    background: #E8DEFD;
}

.background-purple {
    background-color: #5F0095;
}

.btn-purple {
    border: 1px solid #5F0095;
} 

.border-purple {
    border: 1px solid #B38EF4 !important
}

/* .btn-purple:hover {
    #5F0095
} */

.bg-purple {
    background: #5F0095;
}

.text-purple {
    color: #5F0095;
}

.faster-internet {
    background: #F6F2FE;
    margin-top: -200px;
    padding-top: 200px;
}

.faster-internet .head p {
    color: #414557;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;

}

.faster-internet .head h1 {
    font-family: 'Inter', sans-serif;
    font-size: 42px;
    color: #5F0095;
    font-weight: 700;
}

.faster-internet img {
    width: 75px;
    height: 75px;
}

/* .faster-internet .content .col-lg-3, .faster-internet .content .col-md-3 {
    width: 20%;
} */

/* .faster-internet .content div {
    width: 300px;
    height: 250px;
} */

.faster-internet .content h1 {
    color: #2B0E5D;
    font-size: 18px;
    font-weight: 700;
}

.faster-internet .content p {
    color: #414557;

    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;

}
.plan .head h1 {
    font-family: Inter;
    font-weight: 800;
    font-size: 42px;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;

}
.plan .head p {
    color: #414557;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
}

.plan .content {
    padding: 40px 0;
}

.plan .content .card {
    border: 2.04px solid #FFFFFF;
    background: #F9F6FF;
    padding: 30.06px 26.72px;
    border-radius: 15.3px;
    margin-bottom: 20px;
}

.plan .content .card .card-body {
    padding: 0;
    padding-top: 20px;
}

.plan .content .card .card-body h5.card-title {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 20.4px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #2B0E5D;
    margin-bottom: 15px;
}

.plan .content .card .card-body p.card-text {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 14.28px;
    line-height: 139%;
    letter-spacing: 0%;
    color: #414557;
    margin-bottom: 30px;
}

.plan .content .card .card-body a {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 16.7px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #5F0095;
}

.plan .btn-plan span {
    box-shadow: 0px 0px 25px 0px #00000014;
    border-radius: 15px !important;
    padding: 20px 60px !important;
    color: #414557;
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 20px;
    width: 250px;
    height: 66px;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;

}

.plan .btn-plan span.selected {
    border: 3px solid #5F0095;
    color: #5F0095;
}

.plan .content .col-lg-4 {
    /* width: 370px; */
}

.plan .items {
    width: 25%;
    margin: 0 8px;
}

.plan .payment-type .items:first-child {
  margin-left: 0;
}

.plan .payment-type .items:last-child {
  margin-right: 0;
}

.plan .items span {
    padding: 20px 10px;
    /* background: red; */
    border-radius: 10px;
    text-align: center;
    border: 1px solid #B38EF4;
    box-shadow: 0px 0px 20px 0px #00000012;
    color: #2B0E5D;
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    display: block;
}

.plan .items.active span {
    border: 3px solid #5F0095;
    box-shadow: 0px 4px 20px 0px #0000001A;
}

.packages {
    background: #FFF;
    border: 1px solid #E8DEFD;
    box-shadow: 0px 3.66px 5.49px 0px #0000000D;
}
.packages h3 {
	font-family: Inter;
    font-weight: 500;
    font-size: 12.86px;
    line-height: 99%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #414557;
}

.packages .offerMB {
	font-family: Inter;
    font-weight: 800;
    font-size: 72.23px;
    line-height: 99%;
    letter-spacing: 0%;
    text-transform: capitalize;

    display: inline-block;
    margin: 15px 0;
}

.packages .mbpsSM {
    font-family: Inter;
    font-weight: 500;
    font-size: 18.06px;
    line-height: 99%;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.superscrTK {
	color: #2B0E5D;
	vertical-align: super;
	font-size: 15px;
    font-weight: 500;
}

.packagePrice {
	color: #2B0E5D;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 18.787px */
	text-transform: capitalize;
}

.packageTime {
	color: #2B0E5D;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 12px;
	text-transform: capitalize;
}

.btn-package {
	background: #5F0095;
	/* margin: 0px auto 10px; */
	color: #FFF;

    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 99%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}

.btn-package:hover {
	border: 0.948px solid #C6C6C6;
	background: #FFF;
	color: #2B0E5D!important;

}
.btn-package-alt {
	border: 0.948px solid #C6C6C6;
	background: #FFF;
	color: #2B0E5D;


    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 99%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}
.btn-package-alt:hover {	
	background: #5F0095;
	color: #FFF!important;
}

.features ul li {
    font-size: 13px;
    color: #414557;
    line-height: 242%;
    font-weight: 400;
    
}
.footer-bootom {
    background-color: #ffffff;
}
.deal div.main-area {
    margin: auto;
    position: relative;
}
/* .deal .content {
    padding: 80px !important;
} */
/* .deal .content .items {
    margin-left: 80px
} */
.deal .content h1 {
    font-family: Inter;
    font-size: 42px;
    font-weight: 800;
    line-height: 122%;
    text-align: left;
    color: #FFFFFF;
}
.deal .content p {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    text-align: left;
    color: #FFFFFF;
}
.deal .content input{
    height: 65px;
}
.deal .content input::placeholder {
    color: #7C878E66;
    font-family: Inter;
    font-size: 21.76px;
    font-weight: 500;
    line-height: 21.54px;
    text-align: left;
}
.deal .content .check-availability {
    background: #9D10EE;
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 19.1px;
    text-align: center;
}

.deal .image-area {
    z-index: 1;
    position: absolute;
    width: 340px;
    height: 370px;
    top: 100px;
    left: 200px;
    background-image: url(../images/checkavailability.png);
    background-repeat: no-repeat;
    background-size: 140%;
    background-position: center;
}
.deal .content-area {
    width: 55%;
    margin-left: 200px;
    margin: auto;
    margin-left: 400px;
}
.reviews {
    height: 772px;
}
.reviews .content {
    text-align: left;

}
.reviews .content h1 {
    font-family: Inter;
    font-size: 42px;
    font-weight: 800;
    line-height: 110%;
    text-align: left;
}

.reviews .content p {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
}
.reviews .review-tiger {
    bottom: -100px;
    left: -100px;
}
.reviews .review-tiger img {
    width: 544px;
    height: 544px;
}

.stay-connected {
    height: 350px;
    margin: auto;
    padding: unset;
    
    background-image: linear-gradient(125.2deg, #8C0AC7 3.84%, #29003E 97.45%);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;

    background: linear-gradient(92.51deg, #CFB0FF -14.57%, #A644FF 14.56%, #5D00B3 43.39%, #370069 99.74%);
}
.stay-connected .main-area {
    /* background-image: url(../images/call-action-bg.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%; */

    position: relative;
}
.stay-connected .content {
    /* margin-left: 250px;
    width: 450px !important;
    padding-top: 40px; */
}
.stay-connected .content h1 {
    font-family: Inter;
    font-size: 40.4px;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
    color: #FFFFFF;
}
.stay-connected .content h1 span {
    font-family: Inter;
    font-size: 48.48px;
    font-weight: 900;
    line-height: 100%;
    text-align: left;
    color: #E0FF97;
}
.stay-connected .content p {
    font-family: Inter;
    font-weight: 400;
    font-size: 16.1px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #FFFFFF;
}
.stay-connected .content a {
    width: 190px;
    height: 52px;
    border-radius: 15px;
    background: #2B0E5D;

    font-family: Inter;
    font-size: 22.26px;
    font-weight: 600;
    line-height: 25.81px;
    text-align: left;
    color: #FFF
}
.stay-connected .image-area {
    position: absolute;
    /* width: 406.03px;
    right: 0;
    bottom: 0; */

    /* background: url(../images/stay-background.png) lightgray 50% / cover no-repeat; */
    /* height: 344.65px; */


    width: 665px;
    height: 350px;
    right: -80px;
    top: 0;
    /* angle: -180 deg; */
    /* transform: rotate(-180deg);
    background: linear-gradient(90deg, #5D00B3 0%, #A644FF 49.04%, #CFB0FF 100%); */

}
.stay-connected .image-area img {
    /* height: 216px; */
    right: 0;
    bottom: 0;
}
.faq .content h1 {
    font-family: Inter;
    font-weight: 800;
    font-size: 61.48px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-transform: capitalize;
}
.faq .content p {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;

    color: #414557;
}
.faq .custom-accordion-style-1 .card {
    border-radius: unset;
    border: none;
}
.faq .custom-accordion-style-1 .card-header {
    border-bottom: unset;
    padding: 0;
    background: unset;
}
.faq .custom-accordion-style-1 .card-body {
    /* border: 1px solid rgba(0, 0, 0, .25); */
    border: 1.02px solid #B38EF4;
    border-radius: 0 0 15px 15px;
    border-top: 0px solid transparent;
}
.faq .custom-accordion-style-1 .card-title {
    border-radius: 15px;
    background: #FFFFFF;
    /* border: 0.25px 0px 0px 0px; */
    /* border: 1px solid rgba(0, 0, 0, .25); */
    border: 1.02px solid #B38EF4;
    padding: 0;

    margin-bottom: unset;
}

/* .faq .custom-accordion-style-1 .card-header-open {
    border-radius: 15px 15px 0 0;
    border-bottom: 0; 
} */
.faq .custom-accordion-style-1 .card-title span{
    font-family: Inter;
    font-weight: 500;
    font-size: 16.34px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #2B0E5D;
}
.faq .custom-accordion-style-1 :not(a.collapsed) .card-title {
    /* border: 1px solid rgba(0, 0, 0, .25); */

    border: 1.02px solid #B38EF4;
    border-radius: 15px 15px 0 0;
    border-bottom: 0;
    height: 94px;
}
.faq .custom-accordion-style-1 a.collapsed .card-title {
    border-radius: 15px;
    /* border-bottom: 1px solid rgba(0, 0, 0, .25); */
    border: 1.02px solid #B38EF4;
    height: 94px;
}

.accordion-toggle i {
    width: 22.512619018554688;
    height: 10.08733081817627;
    top: 42.9px;
    left: 669.02px;
    border-width: 2.13px;
    /* border: 2.13px solid #2B0E5D */
    color: #2B0E5D;
}

/* .accordion-toggle:hover i::before {
    content: "\f077";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
} */

#prevBtn {
    background: #E8DEFD;
}

#nextBtn {
    background: #5F0095;
}

#prevBtn i::before, #nextBtn i::before {
    font-weight: bold !important;
}

.our-mind .content h1 {
    font-family: Inter;
    font-weight: 800;
    font-size: 48px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #9D10EE;

}
.our-mind .left-side .underline-bar {
    width: 33%;
    height: 5px;
    /* background: #CAA6DB; */
    background: linear-gradient(90deg, #5D00B3 0%, #A644FF 49.04%, #CFB0FF 100%);
    top: 100px;
    left: 0;
}

.our-mind .left-side {

}

.our-mind .left-side h2 {
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-transform: capitalize;
    margin-bottom: 50px !important;
}

.our-mind .right-side {

}

.our-mind .right-side .card-body {
    padding: 20px 0;
}

.our-mind .right-side .card-body h5.card-title {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 20.4px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
    color: #2B0E5D;
    margin-bottom: 15px;
}

.our-mind .right-side .card-body p.card-text {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 14.28px;
    leading-trim: NONE;
    line-height: 139%;
    letter-spacing: 0%;
    color: #414557;
    margin-bottom: 40px;
}

.our-mind .right-side .card-body a {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 16.7px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
    color: #5F0095;
}

.our-mind .right-side .card-body a:hover {
    color: #A644FF;
}


.get-touch {
    margin-bottom: -100px;
    border-radius: 24.1484px;
    padding-top: 100px !important;

    /* background: #29003E; */
}

.get-touch .main-area {
    /* width: 85%; */
    border-radius: 24.15px;
    /* background-image: url(../images/helparea_desktop.png); */
    /* background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom; */

    background-color: #F8F4FF;
}
.get-touch .content {
    padding: 50px;
    /* background: #29003E; */
    /* padding-left: 150px; */
    /* padding-top: 150px; */
    position: relative;
    padding-bottom: 0;
}
.get-touch .content h1 {
    font-family: Inter;
    font-weight: 800;
    font-size: 60px;
    line-height: 65px;
    letter-spacing: 0%;
}
.get-touch .content p {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;

    color: #2B0E5D;
}

.get-touch .content img {
    width: 500px;
    margin-bottom: -175px;
    margin-left: -100px;
}

.get-touch .form-area {
    box-shadow: 0px 0px 15px 0px #0000001A;
    border-radius: 19.02px;
    background-color: #FFFFFF;
}

/* .get-touch .form-area {
    background: #FFFFFF;
    box-shadow: 0px 64.88px 85.08px 0px #3333331A;
    width: 400px;
    height: 450px;
    border-radius: 16.1px;
    margin-bottom: 50px;

    position: absolute;
    right: 180px;
    bottom: 0px;
} */

.get-touch .form-area .form-control {
    margin-bottom: 10px;
    /* border: 0.81px solid #0A142F; */
    border: 1px solid #C4A3FF80;
    /* opacity: 38%; */
    padding: 1rem !important;
}
.get-touch .form-area .form-control::placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #414557;
    opacity: 0.6;
}

.get-touch .form-area .termsCK {
    font-family: Inter;
    font-size: 12.88px;
    font-weight: 400;
    /* line-height: 15.59px; */
    text-align: left;
}
.get-touch .form-area .termsCK a {
    font-family: Inter;
    font-size: 12.88px;
    font-weight: 400;
    /* line-height: 15.59px; */
    text-align: left;    
}
.get-touch .form-area .termsbtn {
    /* width: 125.44px;
    height: 40.25px; */
    border-radius: 5px;
    padding: 15px 25px;
    background: #8A2AE3;

    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-top: 10px;

    color: #FFF;
}
/*========== OLD ========== */


.checkarea {
	width: 95%;
	flex-shrink: 0;
	min-height: 250px;
	border-radius: 12.72px;
	background: #D2C0DF;
	
	margin: auto;
}
.checkarea .topimg{
	width: 90%;
	height: 175px;
	border-radius: 17.089px;
	margin: 30px auto;
	overflow: hidden;
	background: url(../images/checkavailability.png) lightgray 50% / cover no-repeat;


}
.checkarea .topimg img{
	width: 100%;
	height: 175px;
}
.checkarea h1{
	color: #292D32;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 122.262%; /* 23.215px */
	text-transform: capitalize;
	text-align:left;
	width: 85%;
	padding: 0px 20px 20px 0px;
	margin: auto;
}

.checkarea input[type="text"] {
	border-radius: 5.512px;
	background: #FFF;
	width: 85%;
	height: 30px;
	padding: 5px;
	margin: auto;
}
.checkareabtn {
	border-radius: 6.883px;
	background: #5F0095;
	width: 121.78px;
	height: 32.298px;
	color: #FFF;
	text-align: center;
	font-family: Inter;
	font-size: 10.59px;
	font-style: normal;
	font-weight: 600;
	line-height: 99%; /* 10.484px */
	text-transform: capitalize;
	padding: 10px;
	margin: 20px 25px 30px;

}
.checkareabtn:hover {
	background: #FFF;
	color: #000099!important;

}

.whatsapp-call {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
    background-color: #25D366;
}

.back-to-top {
    bottom: 60px;
}

.whatsapp-call i {
    font-size: 28px;
    color: #FFF;
    line-height: 0;
}

.footer-text {
    font-family: Inter;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
}

.footer-bootom a {
    font-size: 14px;
    font-weight: 400;
    color: #52525B;
}

.footer-bootom div.links {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;    
}
.footer-bootom div.rights {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: right;   
}
.footer-links h4.title {
    font-family: Poppins;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.footer-links .links {
    padding: 0;
}
.footer-links .links li {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #52525B;
    list-style: none;
    padding: 10px 0;
    color: #FFFF
}

.footer-links .links a {
    color: #FFFFFF;
}
.footer-links .links a:hover {
    text-decoration: underline;
}
.footer-contact {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
}

.footer-contact p {
    width: 80%;
    text-align: left;

    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 147%;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.underline-bar {
    height: 2px;
    width: 75%;
    position: absolute;
    display: inline-block;
    background: #29003e;
    top: 50px;
    margin-left: -15px;
}

.overflow-hidden {
    overflow: hidden;
}


.touchSlider { background:#ccc; position:relative; overflow:hidden; }
.touchSlider ul { position:absolute; top:0; left:0; overflow:hidden; }
.touchSlider ul li { _height:150px; background:#9C9; font-size:14px; color:#fff; }

.touchSlider2_wrap { _background:#ccc; overflow:hidden; }
#touchSlider2 { margin-right:10%; position:relative; overflow:visible; }
#touchSlider2 ul { position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider2 ul li { _height:150px; _background:#9C9; font-size:14px; color:#fff; }

.touchSlider3_wrap { _background:#ccc; overflow:hidden; }
#touchSlider3 { margin-right:10%; position:relative; overflow:visible; }
#touchSlider3 ul { position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider3 ul li { _height:150px; _background:#9C9; font-size:14px; color:#fff; }

#touchSlider2 h1 {
    color: var(--Black-01, #191D31);
	font-family: Inter;
	font-size: 13.188px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	margin: 20px auto;
}

#touchSlider2 p{
	color: #575757;

    font-family: Inter;
    font-size: 8.478px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 11.785px */
    text-transform: capitalize;
}

#touchSlider2  a{
	color: var(--Black-02, #666876);
	font-family: Inter;
	font-size: 9.42px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 12.246px */
}


#touchSlider3 h1 {
    font-family: Inter;
    font-size: 22.92px;
    font-weight: 600;
    line-height: 29.79px;
    text-align: left;
    color: #191D31;
	line-height: 1.3;
	margin: 20px auto;
}

#touchSlider3 p{
    font-family: Inter;
    font-size: 14.73px;
    font-weight: 400;
    line-height: 20.48px;
    text-align: left;
    color: #575757;
}

#touchSlider3 a{
    font-family: Inter;
    font-size: 16.37px;
    font-weight: 500;
    line-height: 21.28px;
    text-align: left;
    color: #666876;
}

.image-container img {

}

.image-container {
    width: auto;
    height: 216px;
    border-radius: 15px;
    overflow: hidden;
}

.touch-slide-item {
    margin: auto;
    width: 95%;
    background: #f1f6fe;
    padding: 20px;
    border-radius: 20px;
}

.ts-controls { _height: 36px; _background:#f5f5f5; position: relative; _overflow: hidden; }
.ts-prev { display:block; width:42px; height:42px; background:#D9D9D9; font-size:20px; color:#000; font-weight:bold; position:absolute; top:-220px; left:40px; border: 0; border-radius: 15px; }
.ts-next { display:block; width:42px; height:42px; background:#D9D9D9; font-size:20px; color:#000; font-weight:bold; position:absolute; top:-220px; right:40px; border: 0; border-radius: 15px; }

.ts-paging { width:100%; text-align:center; position:absolute; top:-50px; left:0; }
.ts-paging-btn { display:inline-block; width:10px; height:0; max-height:10px; padding-top:10px; margin-left:7px; border-radius:50%; background:transparent; overflow: hidden; border: 1px solid #ffffff; }
.ts-paging-btn:first-child { margin-left: 0; }
.ts-paging-active { background:#ffffff; }

.getintouch {
    width: 100%;
    padding: 0;
    background: #f1f6fe;
}

.getintouch .getintouch-top {
    background: #29003e 50%;
    background-image: url(../images/bgtopBTform.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100px;

    /* margin: 20px; */
}

.getintouch-top p {
    padding: 15px 50px;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin: 0;
    padding-top: 0;
}

.getintouch .getintouch-bottom {
    background: #29003e 50%;
    max-height: 150px;
    border-radius: 0 0 30px 30px;
    /* margin: 20px; */
    
}

.formbottom {
    margin: 50px;
    padding: 20px;
    margin-top: 0;
}

.getintouch h1 {
    color: var(--White, #FFF);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 50px;
    padding-top: 50px;
}

#footer {
    padding: 0;
    padding-top: 30px;
    background: #2B0E5D;
}

.footer-top {
    background: transparent !important
}

.termsCK {
    margin: 5px;
    color: #414557;
}

.formbottom .CKcontainer {
    margin-bottom: 0;
    margin-right: 5px;
}

/* #footer .footer-top .social-links a {
    background: transparent;
} */

.footer-bottom {
    padding: 10px 0;
    background: #F3F8FF;
}
.footerlogo {
    width: 300px;
}

#header .logo img {
    width: 250px;
    height: auto;
    /* max-height: 90px; */
    max-height: unset;
}
.marqueeTopDownPlugin {
    height: 800px;
    overflow: hidden;
}
.marqueeTopDown {
    height: 800px;
    overflow: hidden;
    /* background-color: #f1f6fe; */
    margin-top: -32px !important;
    white-space: nowrap;
}

.marquee-item {
    width: 90%;
    margin-left: 10%;
    background: #fff;
    padding: 35px;
    margin-bottom: 8px;
    border-radius: 15px;
    /* position: relative; */
    /* animation: marqueeTop 4s linear infinite; */
}

.marquee-item .clienticon {
    width: 51px;
    height: 56.63px;
    border: 5px;
    /* background: #D9D9D9; */
}
.marquee-item .clientName {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 18.2px;
    text-align: left;
    color: #292D32;
}
.marquee-item .clientlocation {
    font-family: Inter;
    font-size: 9px;
    font-weight: 500;
    line-height: 11.7px;
    text-align: left;
    color: #414557
}
.marquee-item  .clientText {
    font-family: Inter;
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    color: #414557;
    text-wrap: wrap;
}

.marqueeTopDown .items {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes marqueeTop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.client-satisfaction {
    width: 318px;
    height: 74px;
    border-radius: 43px;
    background: #FFFFFF;
    margin: unset;
    position: relative;
    box-shadow: 0px 0px 15px 0px #00000026;
}

.client-satisfaction span {
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 129%;
    letter-spacing: 0%;

    text-align: left;   
    color: #2B0E5D; 
    display: inline-block;
}

.client-satisfaction img {
    position: absolute;
    padding: 0;
    top: 1px;
    right: 5px;
    width: 71px;
    height: 71px;
}

.other {
    margin-bottom: 30px;
}

.call-large {
    padding: 3px 10px;
    background: #f1f6fe;
    border-radius: 5px;
}

.who-we-are h5 {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #B38EF4;
}

.who-we-are h1 {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 50px;
    leading-trim: NONE;
    line-height: 56px;
    letter-spacing: 0%;
    color: #5F0095;
}

.who-we-are p {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2B0E5D;
}

.who-we-are .col-lg-6 {
    padding: 30px 60px;
}

.who-we-are .border-right{
    border-right: 1px solid #000;
    height: 60%;
    margin: auto;
    /* padding: 0px 30px; */
    padding-left: 10px;
    padding-right: 30px;
}

.mvs {
    padding-top: 100px;
    background: url("../images/about-us-bg.png");
    /* background-size: cover;
    background-position: left;
    padding: 100px; */
    background-repeat: no-repeat;
    background-position: center;
}

.mvs .box {
    text-align: center;
    border: 1px solid #000;
    border-radius: 42px;
    background-color: #FFF;
    padding: 80px 35px;
}

.mvs h4 {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 147%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #2B0E5D;
}

.mvs .box img {
    width: 132px;
    height: 132px;
}

.mvs p {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #2B0E5D;

}

.map {
    padding: 0;
}

.map .map-box {
    height: 636px;
    background: url(../images/map.png);
    background-size: contain;
    position: relative;
}

.map .map-box .search-area {
    /* background-color: rgba(255,255,255,.9); */
    background: #FFFFFFE5;
    width: 342px;
    height: 440px;
    top: 60px;
    position: absolute;
}

.map .map-box .search-area .search {
    width: 80%;
    margin: 10px auto;
    border-bottom: 0.75px solid #000000;
}

.map .map-box .search-area span {
    padding: 5px;
}

.map .map-box .search-area .search-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.67px;
    text-align: center;
    color: #AFAFAF;
}

.map .map-box .search-area h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 26.9px;
    text-align: center;
    color: #000000;
    padding: 15px;
}

.map .map-box .search-area .check-coverage {
    text-transform: uppercase;
    background-color: #5F0095;
    font-size: 15.01px;
    font-weight: 700;
    line-height: 18.35px;
    text-align: center;
    color: #FFFFFF;
    width: 80%;
    margin: 15px auto;
    border: none;
    padding: 7px;
    display: block;
}

.map .map-box .search-area .legends-parent {
    list-style: none;
    margin: 50px auto;
}

.map .map-box .search-area .legends-parent li {
    margin: 20px 0;
}

.map .map-box .search-area .legends-parent span.name {
    color: #414557;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.12px;
    text-align: left;
    margin-left: 15px;
}

.map .map-box .search-area .legends {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 4px;
}

.map .map-box .search-area .legends.color-1 {
    background-color: #DAAFF2;
}

.map .map-box .search-area .legends.color-2 {
    background-color: #C9BFCE;
}

.contact-tiger {
    width: 382px;
    /* height: 414px; */
    margin-top: 300px;
}

.contact-us-page-header {
    /* background-color: #29003E; */
    height: 396px;
    background: linear-gradient(78.4deg, #370069 0%, #5D00B3 41.24%, #A644FF 65.57%, #CFB0FF 100%);
}

.bill-pay-page {
    margin-bottom: 80px;
}

.btn-quick-pay {
    font-family: Inter;
    font-weight: 600;
    font-size: 23.87px;
    line-height: 99%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    border: 1px solid #E8DEFD;
    background: #9D10EE;
    padding: 10px 20px;    
    /* margin-top: 20px; */
}

.btn-quick-pay:hover {
    color: #FFFFFF;
    border: 1px solid #E8DEFD;
    background: #9D10EE;
}

.bill-pay-page-header {
    height: 348px;
    background: linear-gradient(78.4deg, #CFB0FF 0%, #A644FF 36.36%, #5D00B3 62.05%, #370069 105.6%);
}

.bill-pay-tiger {
    width: 430px;
    margin-left: 50px;
}

.bill-pay-page-header .items h1 {
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 50px;
    leading-trim: NONE;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.bill-pay-page-header .items p {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF
}

.bill-pay-page-header .box .left {
    width: 40%;
    text-align: left;
}

.bill-pay-page-header .box .right {
    width: 60%;
    justify-items: center;
}

.bill-pay-page .items {
    width: 20%;
    margin: 0 8px;
}

.bill-pay-page .payment-type .items:first-child {
  margin-left: 0;
}

.bill-pay-page .payment-type .items:last-child {
  margin-right: 0;
}

.bill-pay-page .items span {
    padding: 20px 10px;
    /* background: red; */
    border-radius: 10px;
    text-align: center;
    border: 1px solid #B38EF4;
    box-shadow: 0px 0px 20px 0px #00000012;
    color: #2B0E5D;
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    display: block;
}

.bill-pay-page .items.active span {
    border: 3px solid #5F0095;
    box-shadow: 0px 4px 20px 0px #0000001A;
}

.payment-details-container {
    border: 1px solid #E2136E;
    padding: 50px;
    border-radius: 15px;
    margin-top: 30px;
}

.bill-pay-page .payment-details {
    display: flex;
}

.bill-pay-page .payment-details .left {
    width: 70%;
    margin-right: 50px;
}

.bill-pay-page .payment-details-container h1 {
    color: #E2136E;
    margin-bottom: 20px;

    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 42px;
    leading-trim: NONE;
    line-height: 117%;
    letter-spacing: 0%;
    /* text-align: center; */
    text-transform: capitalize;
}

.bill-pay-page .payment-details .left ol {
    padding-left: 30px;
}

.bill-pay-page .payment-details .left li {
    margin-bottom: 15px;
    line-height: 1.6;
    list-style: disc;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 157%;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.bill-pay-page .payment-details .left p {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 157%;
    letter-spacing: 0%;
    text-transform: capitalize;

}

.bill-pay-page .payment-details .right {
    width: 366px;
}

.bill-pay-page .payment-details .right h3 {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 19.96px;
    leading-trim: NONE;
    line-height: 117%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #2B0E5D;
    text-align: center;
}

.bill-pay-page .payment-details .qr-container {
    background-color: #E2136E;
    color: white;
    border-radius: 7.81px;
    text-align: center;
    padding: 30px;
}

.bill-pay-page .payment-details .qr-container h3 {
    margin-bottom: 15px;
}

.bill-pay-page .payment-details .qr-code {
    width: 212px;
    height: 212px;
    /* margin: 10px 0; */
    background-color: #fff;
    border-radius: 9px;
}

.bill-pay-page .payment-details .qr {
    display: inline-block;
    padding: 15px;
    margin: auto;
    border-radius: 9px;
    background: #FF3C7D;
}

.bill-pay-page .payment-details .qr-caption {
    font-family: Inter;
    font-weight: 700;
    /* font-style: Bold; */
    font-size: 10px;
    /* leading-trim: NONE; */
    line-height: 117%;
    /* letter-spacing: 0%; */
    text-align: center;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 0;
}

.bill-pay-page .payment-details .merchant-number {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.bill-pay-page .payment-details .merchant-number span {
    background-color: #fff;
    color: #2B0E5D;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 20.46px;
    leading-trim: NONE;
    line-height: 117%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    border-radius: 3px;
    padding: 5px 0px;
    margin: 0 1.5px;
    width: 22px;
}

.contact-us-page-header .box {
    height: 100%;
}

.contact-us-page-header .box .left {
    width: 50%;
    text-align: left;
}

.contact-us-page-header .box .right {
    width: 50%;
    justify-items: right;
}

.contact-us-page-header .box h1 {
    color: #FFF;
    line-height: 29.2px;
    font-size: 83.13px;
    font-weight: 800;
    margin: 30px 0 40px 0;
}

.contact-us-page-header .box .item {
    margin: 25px 0;
}

.contact-us-page-header .box .item .department-name {
    color: #E8DEFD;
    font-weight: 500;
    font-size: 16px;
    line-height: 29.2px;
    display: block;
}

.contact-us-page-header .box .item .contact-number a {
    color: #FFF;
    font-weight: 700;
    font-size: 23.75px;
    line-height: 29.2px;
}

.contact-us-page-header .box .circle{
    width: 274.32px;
    height: 274.32px;
    background-color: #9D10EE;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    font-size: 27.56px;
    line-height: 28.22px;
    border-radius: 50%;


    box-shadow: 0px 2.63px 5.25px 0px #00000040;
}

.contact-us-page p {
    color: #414557;
    font-weight: 400;
    font-size: 14.5px;
    line-height: 145%;

}

.contact-us-page form {
    background: #F7F9FC;
}

.contact-us-page .item {
    font-size: 11.79px;
    font-weight: 500;
    line-height: 14.86px;

}

.contact-us-page .item input {
    height: 37.34px;
    margin-bottom: 18px;
    margin-top: 5px;
}

.contact-us-page .item input[type='submit'] {
    margin-top: 10px;
    padding: 0 25px;
    font-weight: 700;
}

.contact-us-page .item textarea {
    height: 154px;
    margin-top: 5px;
    resize: none;
}

.contact-us-page h4 {
    font-weight: 800;
    font-size: 24.16px;
    line-height: 29.32px;

}

.contact-us-map{
    height: 100%;
    width: 100%;
    background-image: url(../images/contact-us-map.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 20px;
}

.contact-us-map-image {

}

.contact-us-map img {
    position: absolute;
    top: 200px;
    left: 300px;
    width: 39px;
    height: auto;
}

.blog-page-header {
    background-color: #CAA6DB;
    height: 355px;
}

.blog-page h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.9px;
    text-align: center;
    color: #000000;
}

.blog-page h1 span {
    color: #5F0095
}

.blog-page p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20.58px;
    text-align: center;
    color: #5C6972;
}

.blog-page .blog-items{
    margin: 50px auto;
}

.blog-page .blog-items h3 {
    color: #191D31;
    font-size: 22.92px;
    font-weight: 600;
    line-height: 29.79px;
    text-align: left;
    margin: 15px 0;
}

.blog-page .blog-items p {
    color: #575757;
    font-size: 14.73px;
    font-weight: 400;
    line-height: 20.48px;
    text-align: left;
}

.blog-page .blog-items a {
    font-size: 16.37px;
    font-weight: 500;
    line-height: 21.28px;
    text-align: left;
    color: #666876;
}

.blog-page .blog-items a:hover {
    text-decoration: underline;
}

.coverage-area-page {
    margin-top: 30px;
}

.coverage-area-page h1 {
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 42px;
    leading-trim: NONE;
    line-height: 117%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #5F0095;
}

.coverage-area-page p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20.58px;
    text-align: left;
    color: #5C6972;
}

.coverage-area-page .items {
    margin: 50px auto;
}

.coverage-area-page .items .item {
    box-shadow: 0px 0px 5.68px 0px #0000001A;
    width: 216.87px;
    height: 57.77px;
    text-align: center;     
    border-color: #CAA6DB;
}

.coverage-area-page .items .item:hover {
    animation-duration: 0ms;
    color: white;
    background-color: #5F0095;
    cursor: pointer;
}

.self-care {
    height: 100vh;
    padding: 0;
    display: grid;
    place-items: center;
    background-color: #FFF;

    /* background: url(../images/about-us-bg.png);
    background-size: contain;
    background-position: 0px 120px;
    background-repeat: no-repeat; */
}

.self-care .self-care-image {
    width: 100%;
}

.self-care .self-care-image img {
    max-width: 100%;
    position: absolute;
    top: 85px;
    width: 100%;
}

.self-care .self-care-content {
    z-index: 1
}

.self-care .logo {
    text-align: center;
}

.self-care .login-form {
    
}

.self-care .login-form .form-container {
    width: 500px;
    height: 400px;
    /* border: .52px solid #DDDDDD; */
    border: 1px solid #E8DEFD;
    background-color: #FFFFFF;
}

.self-care-tiger {
    position: absolute;
    bottom: 45px;
    left: -120px;
    width: 768px;
    height: 552px;
    background: url(../images/stay-tiger.png);
    background-size: cover;
}

.self-care .login-form .form-container .btn-signin {
    text-transform: uppercase;
    background-color: #5F0095;
    font-size: 15.01px;
    font-weight: 700;
    line-height: 18.35px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    margin: 30px auto;
    border: none;
    padding: 10px;
    display: block;
}

.self-care .login-form .form-container .headline {
    font-size: 28.88px;
    font-weight: 700;
    line-height: 34.95px;
    text-align: left;
    color: #5F0095;
    margin: 15px 0;
}

.self-care .login-form .form-container .item {
    margin: 15px 0;
}

.self-care .login-form .form-container .item span {
    font-size: 15.55px;
    font-weight: 600;
    line-height: 18.82px;
    text-align: left;
    color: #292D32;
    margin-bottom: 8px;
    display: inline-block;
}

.self-care .login-form .form-container .item input {
    background-color: #F6F6F6;
    border: 0.52px solid #DDDDDD;
    border-radius: 16.66px;
}

.self-care .login-form .form-container .links {
    text-align: center;
}

.self-care .login-form .form-container .links a {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.56px;
    text-align: center;
    color: #9D10EE;
}

.self-care .login-form .footer-items {
    padding: 30px;
}

.self-care .login-form .footer-items .item-border-right {
    border-right: 1px solid #29003E;
}

.self-care .login-form .footer-items .item {
    padding: 0px 30px;
    text-align: center;
}

.self-care .login-form .footer-items .item span.icon {
    display: block;
    margin-bottom: 15px;
}

.self-care .login-form .footer-items .item span.text {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.56px;
    text-align: center;
    color:#000000;
    display: inline-block;
}

.bg-even.section-pricing {
    background-color: #F6F2FE;
}

.bg-even.section-pricing.hunter {
    background-color: #FFFEF2;
}

.bg-odd.section-pricing.tracker {
    background: #FFF5FA;
}

.bg-odd.section-pricing {
    background-color: #E5F3FF;
}

.section-pricing.first {
    margin-top: -200px;
    padding-top: 200px;
}

.top-banner .top-header-text {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    z-index: 2;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.top-banner .top-header-text h2 {
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 50px;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF
}

.top-banner .top-header-text span {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF
}

.top-banner img, .top-banner-2 img, .top-banner-custom img {
    width: 100%;
}

.section-pricing .item h3{
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 52px;
    line-height: 58px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #5F0095;
}

.section-pricing .item .sub-title {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 18px;
    line-height: 121%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #2B0E5D;

    padding: 25px 0;
}


.section-pricing .item .details {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #414557;
}


.section-pricing .item {

}

.top-banner-2 .top-header-text {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: white;
    z-index: 2;
    left: 10%;
    width: 100%;
    transform: translateY(-50%);
}

.top-banner-2 .top-header-text h2 {
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 50px;
    line-height: 122%;
    letter-spacing: 0%;
    /* text-align: center; */
    text-transform: capitalize;
    color: #FFFFFF
}

.top-banner-2 .top-header-text span {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;

    color: #FFFFFF
}

.coverage-area-page .items {
    margin: 50px auto;
}

.coverage-area-page .items .item {
    /* box-shadow: 0px 0px 5.68px 0px #0000001A; */
    box-shadow: 0px 0px 20px 0px #00000012;
    width: 100%;
    height: 66px;
    text-align: center;     
    /* border-color: #CAA6DB; */
    border-radius: 10px;
    background: #FFFFFF;
    align-content: center;

    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 122%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #2B0E5D;
}

.coverage-area-page .items .item:hover {
    animation-duration: 0ms;
    color: white;
    background-color: #5F0095;
    cursor: pointer;
}

.top-banner-2 > div {
    background-image: linear-gradient(94.79deg, #2B0E5D 11.27%, #A644FF 59.94%, #300C6D 99.15%), url(../images/latest-offer-banner.png);
    background-repeat: no-repeat;
    background-position: center right;
    /* background-size: cover; */
    height: 396px;
    background-blend-mode: overlay;
    backdrop-filter: blur(19.399999618530273px)
}

/* ✅ Cards styling */
.swiper-slide .card {
  /* border: none; */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
  border: 2.04px solid #E8DEFD;
  box-shadow: 0px 0px 20.4px 0px #0000001A;
  border-radius: 15.3px;
  padding: 30.06px 26.75px;
}
/* .swiper-slide .card:hover {
  transform: translateY(-4px);
} */

/* ✅ Buttons */
.slider-nav .btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .section-pricing .packages {
    background-color: #FFFFFF;
} */

@media screen and (max-width: 1367px) {
    #navbar a {
        font-size: 14px
    }

    .best-offer .input-items button {
        font-size: 13px;
    }

    .btn-plan span {
        width: 220px;
        height: 55px;
    }

    .btn-plan span.selected, .btn-plan span:hover {
        height: 60px;
    }

    .features ul li {
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    section {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .best-offer .input-items {
        width: 100%;
    }
    .best-offer h1 {
        font-family: Inter;
        font-weight: 800;
        font-style: Extra Bold;
        font-size: 24px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #5F0095
    }
    .best-offer p {
        font-family: Noto Sans Bengali;
        font-weight: 400;
        font-style: Regular;
        font-size: 11px;
        leading-trim: NONE;
        line-height: 133%;
        letter-spacing: 0%;
        text-align: center;
        color: #414557
    }
    .best-offer .input-items input {
        height: 30.81px;
        padding-bottom: 8px !important;
    }   
    .best-offer .input-items input::placeholder {
        font-size: 10px;
        font-weight: 400;
    }
    .best-offer .input-items button {
        height: 32px;
        width: 165px;
        font-size: 11.13px;
        font-weight: 700;
    }
    .faster-internet .head h1{
        font-size: 22px;
        font-weight: 700;
    }
    .faster-internet .head p {
        font-size: 10px;
        font-weight: 400;
    }
    .faster-internet .content h1 {
        font-weight: 700;
        font-size: 16.38px;    
        line-height: 14.74px;
    }
    .faster-internet .content p {
        font-weight: 400;
        font-size: 10.92px;
        line-height: 13.1px;
    }
    .plan .head h1 {
        font-family: Inter;
        font-size: 20px;
        font-weight: 700;
        line-height: 24.45px;
        text-align: center;        
    }
    .plan .head p {
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 13px;
        text-align: center;        
    }
    .btn-plan span {
        font-size: 12px;
        font-weight: 600;
        width: 130px;
    }
    .packages h3 {
        font-size: 13.32px;
        font-weight: 500;
        line-height: 13.18px;
    }
    .packagePrice {
        font-size: 18.98px;
        line-height: 18.79px;
        font-weight: 700;
    }
    .packageTime {
        font-weight: 400;
        font-size: 9.99px;
    }
    .btn-package, .btn-package-alt {
        font-size: 15.53px;
        line-height: 14.38px;
    }
    .deal .content-area {
        width: 100%;
        margin: auto;
        margin-left: unset;
    }
    .deal .image-area {
        position: relative;
        width: 100%;
        height: 175px;
        left: 0;
        top: 0;
        background-size: cover;
        margin-bottom: 25px;
    }
    .deal .content {
        padding: 30px !important
    }
    .deal .content .items {
        margin-left: unset;
    }
    .deal .content .items h1{
        font-family: Inter;
        font-size: 18.99px;
        font-weight: 700;
        line-height: 23.22px;
        text-align: left;
        /* color: #292D32;        ; */
    }
    .deal .content input {
        height: 28.48px;
        width: 80%;
        width: 197.48px;
        border-radius: 5.51px;
    }
    .deal .content input::placeholder {
        color: #7C878E66;
        font-family: Inter;
        font-size: 10.59px;
        font-weight: 600;
        line-height: 10.48px;
        text-align: left;
    }
    .deal .content .check-availability {
        width: 125px;
        height: 32.3px;
        border-radius: 6.88px 0px 0px 0px;
        background: #9D10EE;

        font-family: Inter;
        font-size: 10.59px;
        font-weight: 600;
        line-height: 15.48px;
        text-align: center;
    }
    .client-satisfaction {
        width: 265px;
        height: 32px;
        border-radius: 27.623px;
        background: #29003E;
        margin: auto;
        position: relative;
    }
    
    .client-satisfaction span {
        color: #FFF;
        font-family: Inter;
        font-size: 12.7px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        text-align: left;
        display: block;
        margin-left: 7px;
    }
    
    .client-satisfaction img {
        position: absolute;
        padding: 0;
        top: -12px;
        right: 12px;
        width: 59px;
        height: 55px;
    }

    .scrolled-offset {
        margin-top: 60px;
    }
    #header {
        height: 60px;
    }
    #header.fixed-top {
        /* position: unset; */
        height: 60px;
        /* box-shadow: unset; */
        border: none;
        box-shadow: 0px 4px 2px 0px #0000000D;
    }
    #header .logo img {
        max-height: 45px;
        width: auto;
    }
    .phoneNumber a {
        font-size: 12px;
        background: #F7F9FC;
        /* border: 0 !important; */
        box-shadow: 0 5px 10px -4px rgba(127, 137, 161, 0.25);
        /* border: 0.5px solid #52525B; */
        border: 0.68px solid #5F0095;
        color: #5F0095;
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 11.44px;
        leading-trim: NONE;
        line-height: 13.91px;
        letter-spacing: 0%;
        vertical-align: middle;
        border-radius: 3.58px !important;
    }
    .header-phonenumber {
        /* flex-grow: 1; */
        text-align: right;
    }
    .ts-controls { display: none; }
    .w-50 {
        width: 100% !important;
    }
    .rounded-m-6 {
        border-radius: 14px !important;
    }
    .rounded-m-4 {
        border-radius: 10px !important;
    }
    .px-lg-1 {
        padding: 1rem;
    }
    .who-we-are .col-lg-6 {
        padding: 0px 30px;
    }
    .who-we-are p {
        font-size: 14px;
    }
    .who-we-are h1 {
        font-size: 36px;
    }

    .mvs {
        padding: 5px 15px;
        background-size: contain;
        background-repeat: no-repeat;    
    }
    .mvs h4 {
        font-size: 32px;
        margin: 15px auto;
    }
    .mvs .box {
        padding: 20px;
    }
    .features ul li {
        font-size: 9.48px;
    }
    .footer-bootom a {
        font-size: 7px;
    }
    #footer {
        padding-top: 0;
    }

    .footerlogo {
        width: 122px;
    }

    .footer-bootom div.col-12 {
        font-size: 9.57px;
    }

    .our-mind .content h1 {
        font-family: Inter;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
    }

    .our-mind .content p{
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 13.9px;
        text-align: center;
        color: #575757;
    }

    .our-mind .underline-bar {
        width: 50%;
        height: 0px;
        border: 2px solid #C56BEE;
        top: 45px;
    }

    .touch-slide-item {
        margin: auto;
        width: 95%;
        background: #f1f6fe;
        padding: 20px;
        border-radius: 20px;
    }
    .stay-connected {
        width: 96%;
        height: 271px;
        border-radius: 14px;
        background-color: #FFF;
        margin-top: 10px;
        margin: 2%;

        background-image: url(../images/helpBanner_mobile.jpg);
        background-size: cover;
        background-position: right;
    }
    .stay-connected .content {
        margin-left: unset;
    }
    .stay-connected .content h1 {
        font-family: Inter;
        font-size: 22.63px;
        font-weight: 400;
        line-height: 27.39px;
        text-align: left;
        margin-bottom: 15px;
    }
    .stay-connected .content h1 span {
        font-family: Inter;
        font-size: 22.63px;
        font-weight: 900;
        line-height: 27.39px;
        text-align: left;
        display: block;
    }
    .stay-connected .content p {
        font-family: Inter;
        width: 161.47px;
        font-size: 7.55px;
        font-weight: 400;
        line-height: 9.14px;
        text-align: left;
    }
    .stay-connected .content a {
        width: 118.98px;
        height: 33.05px;
        border-radius: 6px;
        font-family: Inter;
        font-size: 15.11px;
        font-weight: 600;
        line-height: 18.28px;
        text-align: left;
        position: absolute;
        text-wrap: nowrap;
        width: auto;
        bottom: 35px;
        left: 25px;
    }
    .stay-connected .main-area {
        margin-left: unset;
        background: unset;
    }
    .stay-connected .image-area {
        width: 406.03px;
        /* height: 344.65px; */
        top: 0;
        left: 0;
        /* angle: -106.76 deg; */
        background: none;
    }

    .stay-connected .image-area img {
        position: absolute;
        right: 40px;
        bottom: 0;
    }
    .faq {
        padding: unset;
    }
    .faq .content {
        margin-bottom: 20px;
    }
    .faq .content h1 {
        font-family: Inter;
        font-size: 24px;
        font-weight: 700;
        line-height: 26.4px;
        text-align: center;
    }
    .faq .content h1 span{
        display: block;
    }
    .faq .content p {
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 13.9px;
        text-align: center;
        color: #575757;
    }
    .faq .custom-accordion-style-1 .card-title {
        padding: 15px !important;
        line-height: 15px;
    }
    .faq .custom-accordion-style-1 .card-title span {
        font-family: Inter;
        font-size: 9.88px;
        font-weight: 500;
        line-height: 12.84px;
        text-align: left;
    }
    .social-links {
        margin-bottom: 30px;
    }

    .marqueeTopDown {
        margin-top: 0 !important;
    }

    .reviews .content h1 {
        font-family: Inter;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }
    .reviews .content p {
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 13.9px;
        text-align: center;
    }
    .marquee-item {
        width: 85%;
        margin-left: 7.5%;
    }
    .get-touch {
        padding: 0 !important;
        margin-bottom: -200px;
    }
    .get-touch .form-area {
        width: 80%;
        position: unset;
        margin: auto;
        height: 400px;
        box-shadow: unset;
    }
    .get-touch .content {
        padding: 50px;
        padding-bottom: 20px;
        padding-top: 70px;
    }
    .get-touch .content h1 {
        font-family: Inter;
        font-size: 30px;
        font-weight: 700;
        line-height: 39px;
        text-align: left;        
    }
    .get-touch .content p {
        font-family: Inter;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        
    }
    .get-touch .main-area {
        width: 100%;
        background-image: url(../images/get-touch-mobile.png);
        background-position: top;
    }
    .image-container {
        height: 150px;
    }
    .faq .custom-accordion-style-1 .card-body {
        font-family: Inter;
        font-size: 10px;
        font-weight: 300;
        line-height: 13.9px;
        border-radius: 0 0 6.85px 6.85px;
        padding-top: 0;
    }
    .footer-bootom div.links {
        width: 100%;
        font-family: Poppins;
        font-size: 7px;
        font-weight: 400;
        line-height: 14.04px;
        text-align: center;
        display: flex;
    }
    .footer-bootom div.rights {
        font-family: Poppins;
        font-size: 9.57px;
        font-weight: 400;
        line-height: 14.04px;
        text-align: center;         
    }
    .faq .custom-accordion-style-1 :not(a.collapsed) .card-title {
        border-radius: 6.85px 6.85px 0 0;
        height: 42.94px;
    }
    .faq .custom-accordion-style-1 a.collapsed .card-title {
        height: 42.94px;
        font-family: Inter;
        font-size: 9.88px;
        font-weight: 500;
        line-height: 12.84px;
        text-align: left;
        border-radius: 6.85px;
    }
    .faq .custom-accordion-style-1 .card-title i {
        color: #292D32;
        font-size: 11px;
    }

    .faq .custom-accordion-style-1 a.collapsed .card-title i::after {
        /* content: '<'; */
    }
    /* .best-offer h1 {
        font-size: 25px;
    } */

    .map .map-box {
        height: 470px;
    }

    .map .map-box .search-area {
        width: 95%;
        top: 15px;
    }
    .map .map-box .search-area h1 {
        padding-top: 40px;
    }

    .coverage-area-page .items .item {
        width: auto;
        height: auto;
    }
    .coverage-area-page h1 {
        font-size: 36px;
        padding: 0 15px;
    }

    .coverage-area-page p {
        padding: 0 15px;
    }

    .coverage-area-page .items {
        margin: 25px auto;
    }
    .blog-page .blog-items {
        margin: 25px auto;
    }
}