:root {
    --White: #FFF;
    --Green: #1A9D78;
    --Light-Gray: #ADADAD;
    --Yellow: #F8B430;
    --Blue: #24419B
}


* {margin: 0px;padding: 0px;box-sizing: border-box;}
p{margin:0;}
a {text-decoration: none;color: #000;}
body {background: var(--Faded-White, #F3F5F9);}

/* Navbar CSS */
.navbar {background-color: #1B337B;border-bottom: 4px solid var(--Yellow);}
.nav-cat-text {color: var(--White);font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;padding-top: 1rem;padding-bottom: 1rem;margin-top: 2rem;margin-bottom: 2rem;text-decoration: none;position:relative;}
.nav-cat-text:hover {color: var(--White);}
.dropdown-toggle::after {display: none;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown {width: fit-content;}
.nav-cat-icon {margin-top: -2px;}
.categories-drop-down {border-radius: 0px 0px 8px 8px;border: 1px solid rgba(173, 173, 173, 0.40);background: #F8FAFC;box-shadow: 0px -1px 0px 0px #FFAE34;margin-top: 1px;border-top: 5px solid #FFAE34;}
.categories-drop-down-main {padding: 40px 24px 24px 48px;}
.logo {width: 100%;}
.search-bar {border-radius: 6px;border: 2px solid var(--Light-Gray);background: var(--White, #FFF);height: 51px;padding: 8px;align-items: center;padding-right: 90px;}
.search-bar::placeholder {color: var(--Gray, #707070);font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0.084px;opacity: 0.4;}
.search-btn {padding: 10px 14px;border-radius: 6px;background: var(--Green);border: none;}
.search-btn:hover {border-radius: 6px;background: #F8B430;}
.cart-quantity{color: #fff;top: 5px;right: 3px;font-size: 9px;}
.cart-quantity>span{border-radius: 50%;background: var(--Blue);padding: 1px 3px;display: block;min-width: 15px;text-align: center;}
*:focus {outline: none;}
.search-btn-text {color: var(--White);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}
.search-btn-icon>svg {margin-top: -3px;}
.call-back-btn {display: flex;padding: 8px 12px;gap: 3px;border-radius: 6px;background:#1A9D78;}
.call-back-btn:focus {box-shadow: none;}
.call-back-btn:hover {background:  #F8B430;}
.get-call-back-text {color: var(--White);font-family: Inter;font-size: 13px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}

/* Hide Dropdowns by Default */
.dropdown-box ul {margin:0px;display: none;position: absolute;top: 116px;position: absolute;left: 0;width: 100%;border-radius: 0px 0px 8px 8px;border: 1px solid rgba(173, 173, 173, 0.40);background: #F8FAFC;box-shadow: 0px -2px 0px 0px #FFAE34;}

/* Display Dropdowns on Hover */
.dropdown-box:hover>ul {display: inherit;}

/* Fisrt Tier Dropdown */
.dropdown-box ul li {width: 170px;float: none;display: list-item;position: relative;}
.dropdown-box {list-style: none;}
.drop-down-text {color: var(--blue-gray-900, #0F172A);font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.drop-down-icon {margin-top: -3px;}
.drop-down-text:hover {color: var(--blue-700, #1D4ED8);cursor: pointer;}
.dropdown-area {z-index: 1021;}
.drop-down-text:hover~.drop-down-icon>svg>path {fill: #1D4ED8;}
.search-box-icon {display: none;}
.search-bar{color: var(--Gray, #707070);font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 400;line-height: 28px;letter-spacing: -0.084px;}
@media only screen and (max-width: 500px) {
    .logo-text,
    .theme-text {font-size: 22px !important;}
    .slider {padding: 0px 10px !important;}
    .slider-box {width: 150px !important;}
    .slider-area {padding: 10px 16px !important;}
    .slider-slide {transform: translateX(100px) !important;}
}
.dropdown-box {display: none !important;}
@media only screen and (min-width: 1199px) {
    .dropdown-box {display: flex !important;}
}

@media only screen and (max-width: 991px) {
    .search-box-icon {display: flex;}
}

@media only screen and (max-width:576px) {
    .logo {width: 100%;}
    .navbar-area {justify-content: space-between;}
    .logo-area {width: 50%;}
    .blog-area {width: 40%;justify-content:end;gap:0.5rem;}
}




/* Footer css */
.footer {font-family: 'Poppins', sans-serif;}
.footer-image {z-index: -10;position: absolute;bottom: 0;}
.quick-list>ul>li>a {color: #ffffff;text-decoration: none;position:relative;}
.address-area>a {color: #ffffff;text-decoration: none;}
.social>a{text-decoration: none;color: #1a9d78;width: auto;transition-duration:1s;}
.social>a:hover{color: #1a9d78;transform:scale(1.1);}.social>a>i{font-size: 27px;}

/* Product Card CSS */
.product-card {width: 100%;position: relative;border-radius: 8px;box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px 0px rgba(145, 158, 171, 0.12);background-color: #FFF;}
.product-image>img {border-top-left-radius: 8px;border-top-right-radius: 8px;width: 100%;min-height:auto;}
.overlay {height: 0;width: 100%;position: absolute;bottom: 0;opacity: 0;transition: 0.5s;height: 100%;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.product-card:hover .overlay {background: rgba(19, 19, 19, 0.60);opacity: 1;}
.product-manager {border-radius: 33px;background: var(--White);box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);width: fit-content;padding: 8px 20px 8px 70px;z-index: 3;}
.product-manager>div>img {top: -7px;left: 0;padding: 5px;background-color: #fff;box-shadow: 1px 1px 3px 1px #ccc;}
.ps-image{padding: 5px;background-color: #fff;box-shadow: 1px 1px 3px 1px #ccc;width:120px;height:120px;}
.manager-name {color: #131313;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
.manager-position {color: var(--Gray, #707070);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.product-d-heading {color: var(--Black);font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px;letter-spacing: -0.5px;}
.product-d-heading-discription {color: var(--Gray, #707070);font-family: Montserrat;font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.5px;}
.product-d-price {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 22px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.card-btn {border-radius: 6px;border: 1px solid var(--Light-Gray, #ADADAD);padding: 10px 16px;background-color: white;}
.card-btn:hover {border: 1px solid var(--Light-Gray, #ADADAD);background: rgba(19, 19, 19, 0.10);}
.live-preview-btn {border-radius: 6px;border: 2px solid var(--Blue, #24419B);padding: 8px 12px;color: var(--Blue, #24419B);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}
.live-preview-btn:hover {border-radius: 6px;background: var(--Blue, #24419B);color: #fff;}
.live-preview-btn:hover a {color: #fff;}
.call-back-modal-box{border-radius: 10px;overflow: hidden;border: none;}
.m-g-text {color: var(--White, #FFF);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.m-g-heading {color: var(--White, #FFF);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: 20px;}
.m-g-social-icon{border-radius: 10px;}

/* Get A Call Back Modal */
#getCallbackForm{border-left: 4px solid #1A9D78;}
.modal-sidebar {padding: 20px 32px;}
.modal-sub-sidebar {border-radius: 12px;background: var(--White, #FFF);box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);padding: 20px;max-height: fit-content;overflow: hidden;padding-bottom: 20px;}
.modal-sub-sidebar-area {max-height: 350px;overflow-y: scroll;}
.modal-sub-sidebar-card {border-radius: 8px;border: 1px solid var(--Black, #131313);overflow: hidden;}
.modal-sub-sidebar-card-text {padding: 12px 0px;background: var(--White, #FFF);color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
.modal-sub-sidebar-card-text.active {
    color: var(--Blue, #24419B);
}

/* Slider CSS */
.slider-area {width: fit-content;border-radius: 84px;background: var(--White, #FFF);box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);padding: 20px 32px;}
.slider-box {width: 200px;}
.slider {border-radius: 72px;background: #1A9D78;padding: 4px 20px;width: fit-content;transition: 1.5s;}
.slider-slide {transform: translateX(125px);background-color: #F8B430 !important;}
.slider-image-rotate {transform: rotateY(180deg);}
.slider-image {transition: 1.5s 0.5s;}
.theme-text {font-family: "Work Sans";font-size: 32px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.192px;cursor: pointer;}
.logo-text {font-family: "Work Sans";font-size: 32px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.192px;cursor: pointer;}

@media (min-width: 992px){
#exampleModal>div{ max-width: 1000px !important;} 
}

/* Sidebar-CSS */
.filter-text {color: var(--Dark-Gray-Dark-Gray-2, #252C32);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.12px;}
.clearbutton {border-radius: 4px;border: 1px solid rgba(19, 19, 19, 0.40);padding: 4px 8px;cursor: pointer;}
.clearbuttontext {color: rgba(19, 19, 19, 0.40);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.072px;}
.filterbar {border-radius: 4px;border: 1px solid var(--Gray, #707070);background: var(--White, #FFF);box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px 0px rgba(145, 158, 171, 0.12);max-height: 470px;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.accordion-item {border: none;}
.filter-section {border-bottom: 1px solid var(--Gray, #707070);border-top-left-radius: 4px;border-top-right-radius: 4px;}
.accordion-button:focus {z-index: 3;border-color: none;box-shadow: none;}   
.accordion-button:not(.collapsed) {color: #000;background-color: #fff;box-shadow: none;}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform: rotate(-180deg);}
.accordion-button {color: var(--Dark-Gray-Dark-Gray-2, #252C32);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.096px;padding: 10px 1.25rem;}

/* Check Box Style */
.check-box-container {color: var(--Dark-Gray-Dark-Gray-2, #252C32);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0.084px;}
.check-value[type=checkbox] {position: relative;border-radius: 4px;border: 1px solid var(--Mid-Gray-Mid-Gray-5, #B0BABF);background: var(--Light-Gray-Light-Gray-5, #F6F8F9);cursor: pointer;line-height: 0;margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 16px;width: 16px;-webkit-appearance: none;opacity: .5;}
.check-value[type=checkbox]:hover {opacity: 1;}
.check-value[type=checkbox]:checked {background-color: #1A9D78;opacity: 1;border: none;background-image: url('../images/9.svg');}

/* Single Page CSS */
/* single page product discribtion */
.mainpath {color: var(--text-secondary, rgba(0, 0, 0, 0.60));text-decoration: none;font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: 0.15px;}
.subpath {color: var(--text-primary, rgba(0, 0, 0, 0.87));font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: 0.15px;text-decoration: none;}
.mainpath:hover {text-decoration: underline;color: var(--text-secondary, rgba(0, 0, 0, 0.60));}
.subpath:hover {text-decoration: underline;color: var(--text-primary, rgba(0, 0, 0, 0.87));}
.price-sidebar {border-radius: 12px;border: 1px solid var(--Light-Gray, #ADADAD);height: fit-content;}
.theme-id-button {border-radius: 4px;border: 1px solid #000;padding: 8px 12px;width: fit-content;}
.theme-id-button>span {color: var(--Black, #131313);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}

/* Price-card-CSS */
.pc-praoduct-heading>p {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.pc-price {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.pc-price-1 {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
.pc-price-2 {color: #ACACAC;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;text-decoration-line: strikethrough;text-decoration: line-through}
.pc-developer {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.pc-developer-name {color: var(--Blue, #24419B);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;text-decoration-line: underline;}
.theme-color {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.theme-color-box {border-radius: 4px;border: 1px solid var(--White, #FFF);background: #A52A2A;box-shadow: 0px 1px 7.9px 0px rgba(0, 0, 0, 0.25);width: 16px;height: 16px;}
.theme-color-name {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
.price-card-divider {opacity: 0.4;background: var(--Black, #131313);height: 1px;align-self: stretch;}
.color-box {border-radius: 4px;border: 1px solid var(--White, #FFF);box-shadow: 0px 1px 7.9px 0px rgba(0, 0, 0, 0.25);width: 18px;height: 18px;}
.pc-live-preview-btn {border-radius: 6px;background: var(--Blue, #24419B);padding: 8px 16px;border: none;}
.pc-live-preview-btn>p {color: var(--White, #FFF);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;cursor: pointer;}
.pc-live-preview-btn:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--Blue, #24419B);}
.pc-call-btn {border-radius: 6px;background: #1A9D78;padding: 8px 12px;border: none;}
.pc-call-btn>p {color: var(--White, #FFF);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}
.pc-call-btn:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--Blue, #24419B);}
.pc-note-text {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}

/* Single Page Discription Area */
.p-discription {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.p-discription-content {color: var(--Label-Color-Light-Primary, #000);text-align: justify;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0.5px;}
.p-theme-heading {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.p-sub-theme {border-radius: 4px;background: var(--Faded-White, #F3F5F9);padding: 8px 12px;color: var(--Black, #131313);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;width: fit-content;}
.p-feature-list {color: var(--Black, #131313);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: 25px;letter-spacing: -0.5px;}
.text-side-card-heading {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;text-align: left;}
.text-side-card-text {color: var(--Black, #131313);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
.side-bar-theme-round {border-radius: 52px;border: 1px solid rgba(0, 0, 0, 0.40);padding: 8px 20px;}
.text-side-card-text-1 {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;text-align: left;}
.related-theme {color: var(--Label-Color-Light-Primary, #000);text-align: center;font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}

@media only screen and (max-width: 768px) {
    .text-side-card-heading {font-size: 16px !important;}
    .text-side-card-text-1{font-size: 16px;}
    .p-discription-content{text-align: left;}
    .pc-praoduct-heading>p{font-size: 24px;}
    .related-theme{font-size: 24px;}
}

/* Owl Carosel CSS */

.owl-dots {position: absolute;bottom: 5px;z-index: 1;left: 50%;border-radius: 12px;background: rgba(255, 255, 255, 0.90);backdrop-filter: blur(4px);padding: 8px;display: flex;transform: translate(-50%, -50%);}
.owl-theme .owl-dots .owl-dot span {width: 8px !important;height: 8px !important;background: var(--Gray-300, #D0D5DD) !important;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background: var(--Gray-900, #101828) !important;}
.section-1-card {border-radius: 8px;background: var(--White, #FFF);}
.owl-prev {width: 34px;height: 2rem;border: 1px solid red;position: absolute;bottom: 50%;left: 0;padding: 1px !important;border-radius: 42px;border-radius: 42px !important;background-color: rgba(255, 255, 255, 0.90) !important;padding: 5px !important;}
.owl-next {width: 34px;height: 34px;border: 1px solid red;position: absolute;bottom: 50%;right: 0;padding: 1px !important;border-radius: 42px !important;background-color: rgba(255, 255, 255, 0.90) !important;padding: 5px !important;}
.owl-nav svg {padding: 8px !important;}

@media only screen and (max-width: 1050px) {
    .sidebar-area {display: none !important;}
}

@-webkit-keyframes scale-up-center {
    0% {-webkit-transform: scale(0.5);transform: scale(0.5);}
    100% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes scale-up-center {
    0% {-webkit-transform: scale(0.5);transform: scale(0.5);}
    100% {-webkit-transform: scale(1);transform: scale(1);}
}


/*Animation code start*/
/*@keyframes bounceInRight{*/
/*    0%, 100%, 60%, 75%, 90% {*/
/*   -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);*/
/*   transition-timing-function: cubic-bezier(0.215,.61,.355,1);*/
/*   }*/
/*   0% {   */
/*   opacity: 0;*/
/*   -webkit-transform: translate3d(3000px, 0, 0);*/
/*   -ms-transform: translate3d(3000px, 0, 0);*/
/*   transform: translate3d(3000px, 0, 0);*/
/*   }*/
/*   60% {*/
/*   opacity: 1;*/
/*   -webkit-transform: translate3d(-25px, 0, 0);*/
/*   -ms-transform: translate3d(-25px, 0, 0);*/
/*   transform: translate3d(-25px, 0, 0);*/
/*   }*/
/*   75% {*/
/*   -webkit-transform: translate3d(10px, 0, 0);*/
/*   -ms-transform: translate3d(10px, 0, 0);*/
/*   transform: translate3d(10px, 0, 0);*/
/*   }*/
/*   90% {*/
/*   -webkit-transform: translate3d(-5px, 0, 0);*/
/*   -ms-transform: translate3d(-5px, 0, 0);*/
/*   transform: translate3d(-5px, 0, 0);*/
/*   }*/
/*   100% {*/
/*   -webkit-transform: none;*/
/*   -ms-transform: none;*/
/*   transform: none;*/
/*   }*/
/*}*/

/* Modal Image  */
.img-overlay {position: relative;cursor: pointer;height: 7rem;background-size: cover;}

@media only screen and (max-width: 992px) {
    .img-overlay {height: 15rem;}
}

@media only screen and (max-width: 768px) {
    .img-overlay {height: 10rem;}
}

@media only screen and (max-width:576px) {
    .img-overlay {height: 8rem;}
}
.discription-text>p{color: var(--Label-Color-Light-Primary, #000);text-align: justify;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */letter-spacing: -0.5px;}

/* Profile Page CSS */
.profile-sidebar {border-radius: 8px;background: var(--White, #FFF);padding: 30px;height: fit-content;}
.ps-name {color: var(--Label-Color-Light-Primary, #000);text-align: center;font-family: "Work Sans";font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.ps-position {color: var(--Gray, #707070);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.ps-sub-card {border-radius: 12px;background: var(--Faded-White, #F3F5F9);padding: 20px;}
.ps-icon>svg {margin-top: -8px;}
.ps-heading {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.ps-discription {color: var(--Label-Color-Light-Primary, #000);text-align: justify;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0.5px;}
.ps-technology {padding: 8px 12px;border-radius: 4px;background: var(--White, #FFF);color: var(--Gray, #707070);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
.profile-project {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;background-color: #F3F5F9;}

@media only screen and (max-width:767px) {
    .profile-project {margin-top: 2rem;}
}

@media only screen and (max-width:1081px) {
    .ps-name {font-size: 22px;}
}


/* Cart Pge CSS */
.cart-heading {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;text-align: left;}
.cart-left-card {padding: 40px;border-radius: 12px;background: var(--White, #FFF);}
.cart-para {color: var(--Label-Color-Light-Primary, #6A7383);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
.cart-left-card-subcard {border-radius: 8px;border: 1px solid var(--Gray, #707070);}
.subcard-service-card {padding: 10px;}
.subcard-service-divider {border-bottom: 1px solid var(--Gray, #707070);}
.cart-service-heading-1 {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
.cart-service-heading {color: var(--text-icons-primary, #30313D);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: 20px;}
.cart-service-price {border-radius: 4px;background: rgba(36, 65, 155, 0.20);padding: 4px 8px;color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}

.cart-service-discription {color: var(--text-icons-secondary, #6A7383);text-align: justify;font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.cart-service-discription-ul {padding-left: 1rem;}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox] {--active: #0570DE;--active-inner: #fff;--border: #fff;--border-hover: #fff;--background: rgba(192, 200, 210, 0.70);--disabled: #F6F8FF;--disabled-inner: #E1E6F9;-webkit-appearance: none;-moz-appearance: none;height: 21px;outline: none;display: inline-block;vertical-align: top;position: relative;margin: 0;cursor: pointer;border: 0px solid var(--bc, var(--border));background: var(--b, var(--background));transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;}
    .checkbox-wrapper-14 input[type=checkbox]:after {content: "";display: block;left: 0;top: 0;position: absolute;transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);}
    .checkbox-wrapper-14 input[type=checkbox]:checked {--b: var(--active);--bc: var(--active);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2);}
    .checkbox-wrapper-14 input[type=checkbox]:disabled {--b: var(--disabled);cursor: not-allowed;opacity: 0.9;}
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked {--b: var(--disabled-inner);--bc: var(--border);}
    .checkbox-wrapper-14 input[type=checkbox]:disabled+label {cursor: not-allowed;}
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {--bc: var(--border-hover);}
    .checkbox-wrapper-14 input[type=checkbox]:focus {box-shadow: 0 0 0 var(--focus);}
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {width: 21px;}
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {opacity: var(--o, 0);}
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {--o: 1;}
    .checkbox-wrapper-14 input[type=checkbox]+label {display: inline-block;vertical-align: middle;cursor: pointer;margin-left: 4px;}
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {border-radius: 7px;}
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {width: 5px;height: 9px;border: 2px solid var(--active-inner);border-top: 0;border-left: 0;left: 7px;top: 4px;transform: rotate(var(--r, 20deg));}
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {--r: 43deg;}
    .checkbox-wrapper-14 input[type=checkbox].switch {width: 38px;border-radius: 11px;}
    .checkbox-wrapper-14 input[type=checkbox].switch:after {left: 2px;top: 2px;border-radius: 50%;width: 17px;height: 17px;background: var(--ab, var(--border));transform: translateX(var(--x, 0));}
    .checkbox-wrapper-14 input[type=checkbox].switch:checked {--ab: var(--active-inner);--x: 17px;}
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {opacity: 0.6;}
}

.checkbox-wrapper-14 * {box-sizing: inherit;}
.checkbox-wrapper-14 *:before,
.checkbox-wrapper-14 *:after {box-sizing: inherit;}
.cart-right-card {border-radius: 12px;background: var(--White, #FFF);padding: 40px;}
.cart-item {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
.cart-price {color: var(--Label-Color-Light-Primary, #000);text-align: right;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;white-space: nowrap;}
.cart-subtotal-price {color: var(--Blue, #24419B);text-align: right;font-family: "Work Sans";font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;white-space: nowrap;}
.cart-subtotal-text {color: var(--Blue, #24419B);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.cart-ready-to-pay {border-radius: 6px;background: var(--Green, rgba(255, 255, 255, 0.90));padding: 8px 12px;color: var(--White, #FFF);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;border: none;}
.cart-ready-to-pay:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--Blue, #24419B);}
.cart-price-divider {height: 1px;align-self: stretch;opacity: 0.4;background: var(--Black, #131313);}
.secure-payment {color: var(--Gray, #707070);text-align: center;font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}

@media only screen and (max-width: 600px) {
    .cart-service-price {height: fit-content;white-space: nowrap;position: absolute;top: 15px;right: 20px;}
    .pc-price,.pc-developer {white-space: nowrap;}
}

@media only screen and (max-width: 991px) {
    .cart-right-card {border-top-left-radius: 0px;border-top-right-radius: 0px;padding-top: 0px;padding:15px;}
    .cart-left-card {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;padding:15px;}
    .subcard-service-card>.col-lg-11>div {margin-top: 1rem;}
    .cart-service-heading{font-size:16px;}
}

@media only screen and (max-width: 768px) {
.cart-service-discription{text-align: left;}
}

/* Tooltip style */
.tooltip-inner {background-color: #1B337B;box-shadow: 0px 0px 4px black;opacity: 1 !important;text-align: left;}
.tooltip.bs-tooltip-right .tooltip-arrow::before {border-right-color: #1B337B !important;}
.tooltip.bs-tooltip-left .tooltip-arrow::before {border-left-color: #1B337B !important;}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #1B337B !important;}
.tooltip.bs-tooltip-top .tooltip-arrow::before {border-top-color: #1B337B !important;}




/* Product Modal */
/* Modal CSS */

@media only screen and (max-width: 1050px) {
.sidebar-area {display: none !important;}
}
.modalarea {width: 100%;height: 100%;position: fixed;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 1100 !important;display: flex;}
.mabox {width: 80%;height: 96%;display: flex;margin: auto;background-color: #f3f5f9;border-radius: 10px;overflow: hidden;}
.scale-up-center {-webkit-animation: scale-up-bottom 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: scale-up-bottom 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@keyframes scale-up-bottom {
    0% {opacity: 0;-webkit-transform: translateY(100%) scale(0.5);transform: translateY(100%) scale(0.5);}
    100% {opacity: 1;-webkit-transform: translateY(0) scale(1);transform: translateY(0) scale(1);}
}

/* Filter Sction  */
.filterbar-left-icon{height: 90vh;top: 9vh;z-index: 0;color: #000000;}
.filterbar{max-height: 90vh;overflow-y: scroll;z-index: 0;color: #000000;position: sticky;padding-bottom: 8px;border-top-left-radius:10px;border-top-right-radius:10px;}
.filter-button-section{display:none;}
.closebutton{display:none;}
.filterbarshow{display: block;}
.filterbarhide{display: none;}


@media only screen and (max-width: 991px){
    .container, .container-md, .container-sm{max-width:95%;}
}
@media only screen and (max-width: 499px){
    .filterbar{position: fixed;left: 0;width: 75%;top: 0;z-index: 10000;background-color: #fff;max-height:100%;padding-right: 0px;padding-bottom: 0px;transform: translateY(0%);transition: left 0.5s ease;overflow-x:hidden;}
    .closebutton {display: block;}
    .filter-section {border-top-left-radius: 0px;border-top-right-radius: 0px;}
    .sidebar-box{height: 100vh;}
    .filter-button-section{display:block;}
}

  @media (min-width:500px) and (max-width: 767px){
    .filterbar{position: fixed;left: 0;width: 50%;top: 0;z-index: 10000;background-color: #fff;max-height:100%;padding-right: 0px;padding-bottom: 0px;transform: translateY(0%);transition: left 0.5s ease;overflow-x:hidden;}
    .filter-button-section{display:block;}
    .closebutton{display:block;}
    .card-test-area>p{font-size:17px !important;}
    .card-test-area>div>p{font-size:15px !important;}
    .filter-section {border-top-left-radius: 0px;border-top-right-radius: 0px;}
    .sidebar-box{height: 100vh;}
 }
.navbar{padding:0px 0px;}
 @media  only screen and (max-width: 767px){
    .navbar{padding:15px 0px;} 
 }






  /*Advance Search bar layout*/
.modal-search-input-box {position: relative;height: 76px;width: 100%;background: #fff;border-radius: 8px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.modal-search-input-box i,
.modal-search-input-box .modal-search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.modal-search-input-box i {left: 20px;font-size: 30px;color: #1a9d78;}
.modal-search-input-box input {height: 100%;width: 100%;outline: none;font-size: 18px;font-weight: 400;border: none;padding: 1.4rem 4.5rem;background-color: transparent;}
.modal-search-input-box .modal-search-button {right: 20px;font-size: 16px;font-weight: 400;color: #fff;border: none;padding: 12px 30px;border-radius: 6px;background-color: #1a9d78;cursor: pointer;}
.modal-search-input-box .modal-search-button.clicked {transform: translateY(-50%) scale(0.98);}
.top-links>a {text-decoration: none;color: #7c7c7c;}
.top-links>a:hover {color: #1B337B;text-decoration: underline;}
.top-links-divider {color: #1a9d78;}
.searched-content-area {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-top: 2px solid #000;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;opacity: 0;max-height: 0;overflow: hidden;transition: max-height 1s ease-out, opacity 0.5s ease-out;}
.searched-content-area.show {opacity: 1;max-height: 20rem;overflow-y: scroll;position: relative;}
.searched-content-card {border-bottom: 1px solid rgb(204, 204, 204);transition-duration: 1.5s;}
.searched-content-card:hover {background-color: #1a9d7836;cursor: pointer;}
.searched-content-card>div>a:hover{color:#1B337B;}
.features{list-style:inside;}
.tags-area{list-style:none;flex-wrap: wrap;}
.tags-area>li{margin-bottom: 0.5rem;}
.tags-button>span{text-decoration: none;color: #1B337B;padding: 6px 16px;border: 2px solid #1B337B;border-radius: 2em;text-decoration: none;cursor:pointer;}
.tags-button>span:hover{color:#ffffff;background-color:#1B337B;}
.modal-search-button[disabled]{background-color:#1a9d789c;cursor: not-allowed;}

  /* Blog Page CSS */
.blog-card {border-radius: 8px;background: var(--White, #FFF);box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);}
.blog-card-heading {color: var(--Gray-900, #101828);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: 32px;}
.blog-writer-name {color: var(--Gray-900, #101828);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 500;line-height: 20px;}
.blog-writer-dot {color: var(--Gray-900, #101828);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;}
.blog-writer-date {color: #ADADAD;font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 500;line-height: 20px;}
.blog-sub-text {overflow: hidden;color: var(--Gray-500, #667085);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-read-more {border-radius: 6px;border: 2px solid var(--Blue, #24419B);padding: 8px 12px;color: var(--Blue, #24419B);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}
.blog-heading {color: var(--Label-Color-Light-Primary, #000);text-align: center;font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.blog-image>img {width: 100%;}
.blog-card {overflow: hidden;}

/* Billing Page CSS */
.billing-divider {opacity: 0.4;background: var(--Black, #131313);height: 1px;}
.billing-label {color: var(--text-icons-primary, #30313D);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 600;line-height: 20px;}
.billing-input {height: 35px;padding: 4px 8px;border-radius: 4px;border: 1px solid var(--Border-Neutral, #D5DBE1);background: var(--White, #FFF);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.billing-input:focus {color: #212529;border-color: #D5DBE1;outline: 0;box-shadow: none}
.form-label { margin-bottom: 0rem;}
.billing-select {color: var(--text-icons-disabled, #A3ACBA);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;height: 35px;padding-top: 5px;}
.form-check-input:focus { box-shadow: none;}
.billing-select:focus {border-color: #A3ACBA;outline: 0;box-shadow: none;}
.b-s-2-heading {color: var(--text-icons-primary, #30313D);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 600;line-height: 20px;}
.b-s-2-sub-heading {color: var(--text-icons-secondary, #6A7383);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.b-side-amount {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}

/* Single blog page css */
.single-blog-heading {border-left: 5px solid #24419B;padding-left: 10px;}
.single-blog-discription-card {padding-right: 40px;text-align: justify;}
.sblog-feature-list {color: #101828;text-align: justify;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.sblog-right-card {border-radius: 12px;background: var(--White, #FFF);padding: 40px;}
@media only screen and (max-width: 991px) {.single-blog-discription-card { padding-right: 0px;}.sblog-right-card{ padding: 18px;}}
.sblog-related-blog-card:hover .sblog-related-list-heading{color: #1B337B;}
.page-item.active .page-link {z-index: 3;color: #fff;border-color: var(--Blue, #24419B);background: var(--Blue, #24419B);}
.page-link {color: var(--Blue, #24419B);}
.accordian-half .accordion-body {max-height: 100px;overflow: hidden;transition: max-height 0.2s; }
.accordian-full .accordion-body {max-height: 1000px; overflow:hidden !important;transition: max-height 1s; }

/*Coupon Code*/
.coupon-card{border: dashed 2px #1a9d78;}
.coupon-card-a1{background-color: #1a9d78;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700;font-size: 14px;font-family: Inter;}
.coupon-card-a2{padding: 2px 10px;}
.spinner-border {display: inline-block;width: 1.5rem;height: 1.5rem;vertical-align: -0.125em;border: 0.20em solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: .75s linear infinite spinner-border;animation: .75s linear infinite spinner-border;}
@media (min-width: 2100px){
    .container-fluid{max-width: 4000px;}
    .pb-card-area{width:100%;margin:0px;}
}

.navbar-toggler {background-color: #1A9D78;border: 1px solid #1A9D78;}
.navbar-toggler:focus {box-shadow:none;}
.discription-text>ul{margin-left:10px !important;}
.discription-text>h1,
.discription-text>h2,
.discription-text>h3,
.discription-text>h4,
.discription-text>h5,
.discription-text>h6
{color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.discription-text > ul:nth-child(4) {list-style: none; display: flex;flex-wrap: wrap;gap: 1rem;padding:0px;}
.discription-text > ul:nth-child(4)>li {border-radius: 4px;background: var(--Faded-White, #F3F5F9);padding: 8px 12px;color: var(--Black, #131313);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;width: fit-content;}
.discription-text{font-family: "Work Sans";}

@media only screen and (min-width: 990px){
.delete-btn{display:none;}
}
.dropdown-right-card>div>div>:last-child>:last-child>form{display:none;}
.dropdown-right-card>div>div>:last-child>:last-child>a{width:100%;}
.live-preview-btn{width:auto;}
.dashed-to-full:hover:after {width: 100%;}
.dashed-to-full:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;background-color: #fff;height: 2px;margin-bottom: 12px;transition: width 0.5s;}
.dashed-to-full1:hover:after {width: 100%;}
.dashed-to-full1:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;background-color: #fff;height: 2px;margin-bottom: -2px;transition: width 0.5s;}
.container-fluid>.row{margin:0px 1rem;}
@media only screen and (max-width: 780px){
.container-fluid>.row{margin:0px 0px;}
.profile-sidebar{padding:15px;}
.logo-feature-text{font-size:16px !important;}
.logo-feature-image>img{width:20px;height: fit-content;}
.logo-feature{padding:15px !important;}

}
.detal-modal-image-area{overflow:auto;height:100%;}
@media only screen and (max-width: 991px){
.detal-modal-image-area{overflow:unset;height:auto;position:relative;}
.cross-modal-btn{position: absolute;top: 5px;right: 5px;}
.modal-sidebar {padding: 20px 20px;}
}
.cross-modal-btn>span>i{padding: 5px 10px;font-size: 24px;border-radius: 5px;background:#fff;}
.single-blog-discription-area>p{text-align: justify;color: var(--Label-Color-Light-Primary, #000);text-align: justify;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0.5px;}

/*Logo Detail Page*/
.logo-feature-text {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
.logo-feature {border-radius: 12px;border: 1px solid var(--Light-Gray, #ADADAD);background: var(--Faded-White, #F3F5F9);padding: 40px;}


/*Sucess Page*/
.opacity {opacity: 0.25;}
#filterResult span.badge:nth-child(even) {cursor: pointer;}

.success-page {background-color: #fff;height: 100vh;}
.sucess-text {color:#000;font-family: "Work Sans";font-style: normal;line-height: normal;letter-spacing: -0.5px;}
@media only screen and (max-width: 1200px){
   .sucess-gif{width: 100%;}
}
.dropdown-area .w-75{width:100% !important;}
.searched-content-area .badge{height:fit-content;margin-top: auto;margin-bottom: auto;}




/*PRICING PAGE CSS*/
* {font-family: "Work Sans";}

:root {
--White: #FFF;
--Green: #1A9D78;
--Light-Gray: #ADADAD;
--Yellow: #F8B430;
--Blue: #24419B
}
.pricing .container1 {max-width: 900px;}
.pricing .pricing-header {max-width: 700px;}
.pricing .bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pricing .package-highligher::after {position: absolute;content: " ";left: 50%;transform: translateX(-50%) rotate(45deg);background: #198754;width: 12px;height: 12px;top: 50px;}
.customclass-1 .custombg {background: #198754 !important;}
.customclass-2 .custombg {background: #0dcaf0 !important;}
.package-header img {width: 120px;height: 120px;}
.pricing .customclass-2 .package-highligher::after {background: #0dcaf0;}
.pricing .customclass-3 .package-highligher::after {background: #dc3545;}
.pricing .row .col {padding: 0px}
.pricing .packages select {padding: 14px !important;border: 2px solid green !important;}
.pricing .packages select option {padding: 10px;}
.pricing .packages select option.optprice {color: Red !important;}
.pricing .packages select option:hover {color: white;box-shadow: 0 0 10px 100px rgb(0, 103, 43) inset;}
.pricing .card {border: none;}
.pricing .bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pricing .checkout input:not([type=radio]),
.pricing .checkout select {height: 52px;}
.pricing .cartside {background: #fff8f1;padding: 30px;}
.pricing .cartside .cartproduct {padding: 30px 10px;}
.pricing .error-message {color: red;font-size: 12px;}
.pricing .paypalmethod {display: none;}
.pricing .ribbon {width: 150px;height: 150px;overflow: hidden;position: absolute;}
.pricing .ribbon::before,
.pricing .ribbon::after {position: absolute;z-index: -1;content: '';display: block;border: 5px solid #8c6200;}
.pricing .ribbon span {position: absolute;display: block;width: 225px;padding: 15px 0;background: linear-gradient(270deg, #ff8e40 -31.23%, #ffe41b 64.36%);box-shadow: 0 5px 10px rgba(0, 0, 0, .1);color: #000000;font: 700 18px/1 'Lato', sans-serif;text-shadow: 0 1px 1px rgba(0, 0, 0, .2);text-transform: uppercase;text-align: center;}

/* top left*/
.pricing .ribbon-top-left {top: -10px;left: -10px;}
.pricing .ribbon-top-left::before,
.pricing .ribbon-top-left::after {border-top-color: transparent;border-left-color: transparent;}
.pricing .ribbon-top-left::before {top: 0;right: 0;}
.pricing .ribbon-top-left::after {bottom: 0;left: 0;}
.pricing .ribbon-top-left span {right: -25px;top: 30px;transform: rotate(-45deg);}
.pricing div#gridribbon {position: absolute;background: linear-gradient(270deg, #ff8e40 -31.23%, #ffe41b 64.36%);top: -40px;z-index: 9;width: 100%;padding: 8px;border-radius: 10px 10px 0px 0px;font-weight: bold;}
@keyframes bgcoloranimate {
    10% {background-color: #ffc107;}
    50% {background-color: rgb(255 255 255);}
}
.pricing .form-check .form-check-input {float: initial !important;margin: 0px 10px;width: 64px;height: 30px;}
.pricing .form-check-input {background-color: #ffffff;border-color: #0dd1fd;}
.pricing .form-check-input:checked {background-color: #0d6efd;border-color: #0d6efd;}

@media (min-width: 768px) {
    .pricing .bd-placeholder-img-lg {font-size: 3.5rem;}
}

@media (min-width: 768px) {
   .pricing  .bd-placeholder-img-lg {font-size: 3.5rem;}
}


/* Footer css */
.pricing .footer {font-family: 'Poppins', sans-serif;}
.pricing .footer-image {z-index: -10;position: absolute;bottom: 0;}
.pricing .quick-list>ul>a {color: #ffffff;text-decoration: none;display: table;}
.pricing .address-area>a {color: #ffffff;text-decoration: none;}
.pricing .social>a{text-decoration: none;color: #1a9d78;width: auto;transition-duration:1s;}
.pricing .social>a:hover{color: #1a9d78;transform:scale(1.4);}
.pricing .social>a>i{font-size: 27px;}
.pricing .accordion {display: flex;flex-direction: column;font-family: "Sora", sans-serif;max-width: 991px;min-width: 320px;margin: 50px auto;padding: 0 50px;}
.pricing .accordion h1 {font-size: 32px;text-align: center;}
.pricing .accordion-item {margin-top: 16px;border: 1px solid #fcfcfc;border-radius: 6px;background: #ffffff;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
.pricing .accordion-item .accordion-item-title {position: relative;margin: 0;display: flex;width: 100%;font-size: 15px;cursor: pointer;justify-content: space-between;flex-direction: row-reverse;padding: 14px 20px;box-sizing: border-box;align-items: center;}
.pricing .accordion-item .accordion-item-desc {display: none;font-size: 14px;line-height: 22px;font-weight: 300;color: #444;border-top: 1px dashed #ddd;padding: 10px 20px 20px;box-sizing: border-box;}
.pricing .accordion-item input[type="checkbox"] {position: absolute;height: 0;width: 0;opacity: 0;}
.pricing .accordion-item input[type="checkbox"]:checked~.accordion-item-desc {display: block;}
.pricing .accordion-item input[type="checkbox"]:checked~.accordion-item-title .icon:after {content: "-";font-size: 20px;}
.pricing .accordion-item input[type="checkbox"]~.accordion-item-title .icon:after {content: "+";font-size: 20px;}
.pricing .accordion-item:first-child {margin-top: 0;}
.pricing .accordion-item .icon {margin-left: 14px;}

@media screen and (max-width: 767px) {
    .pricing .accordion {padding: 0 16px;}
    .pricing .accordion h1 { font-size: 22px;}
}
.p-d-h:hover{color:#1B337B;}



/*Conact Page CSS*/
        .contact-us-card-bottom{border-radius: 12px;background: var(--White, #FFF);padding: 40px;}
        .contact-us-card{border-left: 5px solid  #24419B;border-radius: 12px;background: var(--White, #FFF);}
        .contact-us-card-icon{border-radius: 100px;background: #3751A0;}
        .contact-us-card-text{color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}

        @media screen and (min-width: 992px) and (max-width: 1200px) {
            .contact-us-card-text{font-size: 14px;}
       }
        @media screen and  (max-width: 767px) {
            .contact-card-area{margin-right: -18px !important;}
       }
        @media screen and  (max-width: 360px) {
             .contact-us-card-text{font-size: 15px;}
       }

/*Price Bundler CSS*/
        .pb-section {display: flex;padding: 40px;flex-direction: column;align-items: flex-start;gap: 16px;flex: 1 0 0;align-self: stretch;border-radius: 12px;background: var(--White, #FFF);margin-left: 2rem;margin-right: 2rem;}
        .pb-heading {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
        .pb-card-area {}
        .pb-card {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;flex: 1 0 0;border-radius: 8px;border: 1px solid #707070;padding: 20px;height: 100%;}
        .pb-card-heading {color: var(--Label-Color-Light-Primary, #000);font-family: "Inter";font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
        .pb-card-discription {color: #161718;text-align: justify;font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
        .pb-card-save {border-radius: 4px;background: var(--Yellow, #F8B430);padding: 2px 8px;color: #161718;text-align: justify;font-family: "Inter";font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
        .pb-card-save-dicount {color: #161718;text-align: justify;font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;text-decoration-line: line-through;}
        .pb-card-feature {border-radius: 4px;background: var(--Faded-White, #F3F5F9);color: var(--Black, #131313);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;padding: 8px 12px;}
        .pb-card-renew {color: var(--Label-Color-Light-Primary, #000);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
        .pb-card-sub-section {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;}
        .pb-add-to-cart {padding: 8px 20px;}
        .pb-start-for-free {border-radius: 6px;border: 2px solid var(--Black, #131313);padding: 8px 20px;color: var(--Black, #131313);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}
        .pb-line-text {color: var(--Black, #131313);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;}
        .pb-card-mb{margin-bottom: 20px;}
        .pricing-recommended {border-radius: 4px;background: #FED317;padding: 4px 12px;color: var(--Black, #131313);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 2px;right: 40px;top: -12px;}
        @media only screen and (max-width: 1470px) and (min-width: 1140px) {
            .pb-card-area>.col-lg-3{width: 33%;}
            .pb-card-mb{margin-bottom: 20px;}
        }
        @media only screen and (max-width: 1140px) and (min-width: 992px) {
            .pb-card-area>.col-lg-3{width: 50%;}
            .pb-card-mb{margin-bottom: 20px;}
        }
        @media only screen and (max-width: 1140px)  {
            .pb-section{padding: 10px;margin-left: 0.1rem;margin-right: 0.1rem;}
        }
        @media only screen and (max-width: 872px) and (min-width: 767px) {
         .nav-cat-text {font-size: 12px;}
        }
        @media only screen and (max-width: 578px)  {
            .search-btn {padding: 4px 7px;}
            .call-back-btn {padding: 4px 7px;}
            .navbar-toggler{padding: 0px 4px;font-size: 18px;}
            .navbar-toggler-icon>i{font-size:22px !important;display: flex;flex-direction: column;justify-content: center;}
            .navbar-toggler-icon{display: flex;flex-direction: column;justify-content: center;}
            
        }
        
.promo-carousel {border-bottom: 1px solid #eee;padding-bottom: 0;overflow: hidden;background: linear-gradient(45deg, #5069b5, #1a9d78);}
.promo-carousel .item-wrap {transform: translateX(0px);width: 400%;position: relative;white-space: nowrap;display: flex;}
.marquee-item {border-right: 1px solid #eee;text-align: center;display: flex;flex: 1;justify-content: center;color: #fff;align-items: center;padding: 1rem 4rem;font-size: 22px;letter-spacing: 1.5px;}
.blogdesc img {height: auto !important;max-width: 100%;margin:20px 0px;border-radius:6px;}
.faq-title p {padding: 0 190px;margin-bottom: 10px;}
.faq {background: #FFFFFF;box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);border-radius: 4px;}
section.bsb-faq-2 .accordion-button {padding-bottom: 1rem !important;}
@media (max-width: 991px) {
  .faq {margin-bottom: 30px;}
  .faq .card .card-header .faq-title {line-height: 26px;margin-top: 10px;}
}

@media (min-width: 768px) {
    .promo-carousel .item-wrap {width: 200%;}
}
@media (max-width: 600px) {
    .marquee-item {padding: 1rem 2rem;font-size: 16px;letter-spacing: 1.0px;}
}



/*About Page CSS*/

        .about-text {color: var(--Label-Color-Light-Primary, #000);text-align: center;font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 2px;text-transform: uppercase;}
        .about-section-card-1 {display: flex;max-width: 1000px;padding: 20px 40px 80px 40px;flex-direction: column;align-items: center;gap: 40px;flex: 1 0 0;}
        .about-section-card-2 {display: flex;max-width: 1000px;padding: 80px 40px;flex-direction: column;align-items: center;gap: 40px;flex: 1 0 0;}
        .about-heading {text-align: center;font-family: "Work Sans";font-size: 40px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;text-transform: capitalize;}
        .about-heading-border {border-radius: 60px;background: var(--Green, #1A9D78);width: 97px;height: 2px;}
        .a-s-c-1-card {width: 98%;margin: auto;text-align: center;}
        .asc1c-heading {color: #007475;text-align: center;font-family: "Work Sans";font-size: 38.4px;font-style: normal;font-weight: 600;line-height: 38.4px;}
        .asc1c-text {color: var(--www-envato-com-pale-sky, #717275);text-align: center;font-family: Inter;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28.5px;letter-spacing: -0.6px;}
        .about-comunity-card {width: 98%;padding: 15px;border: 1px solid #161718;display: flex;flex-direction: column;align-items: center;gap: 12px;flex: 1 0 0;border-radius: 8px;height: 100%;}
        .about-comunity-card-heading {color: #161718;text-align: center;font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: 20px;}
        .about-comunity-card-text {color: #161718;text-align: center;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;}
        .about-section-3-card {width: 98%;border-radius: 8px;border: 1px solid var(--Gray, #707070);display: flex;flex-direction: column;align-items: center;gap: 20px;flex: 1 0 0;padding: 32px 40px;height:100%;}
        .social-3{width:75%;padding: 12px 16px;border-radius: 12px;border: 1px solid #3751A0;margin-left:1rem;margin-right:1rem;}

        @media only screen and (max-width: 786px) {
            .about-section-card-1 {padding: 20px 20px 80px 20px;}
            .about-section-card-2{padding: 40px 0px;}
            .asc1c-heading {font-size: 28px;}
            .asc1c-text {font-size: 18px;}
            .a-s-c-1-card {margin-bottom: 1rem;}
            .contact-us-card-bottom{padding: 10px;}
            .about-section-3-card{padding: 16px 10px;margin-bottom: 1rem;}
            .about-comunity-card-text{font-size: 14px;}
            .social-3>a>img{width:30px !important;}
            .social-3{width:-webkit-fill-available;margin-left: 0.5rem;margin-right: 0.5rem;}
        }
        .about-section-card-3 {display: flex;max-width: 1000px;padding: 80px 0px;flex-direction: column;align-items: center;gap: 40px;flex: 1 0 0;}
        .contact-us-card-bottom-3 {border-radius: 12px;padding: 0px;}   
        @media only screen and (max-width: 1020px){
            .about-section-card-3 {padding: 80px 0px;}
            .about-comunity-card-area{margin-bottom: 1rem;}
        }


input[type=number].billing-input::-webkit-outer-spin-button,
input[type=number].billing-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].billing-input {
  -moz-appearance: textfield;
}


    .pricing-card{border-radius: 12px;background: var(--White, #FFF);padding:20px;}
    .pricing-categories-list{color: #161718;font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 600;line-height: 20px;border-radius: 8px;border: 1px solid rgba(36, 65, 155, 0.20);cursor:pointer;display: flex;justify-content: start;gap: 10px;}
    .pricing-categories-list a{padding: 8px;}
    .pricing-categories-list:hover{border: 1px solid  #000;background: rgba(22, 23, 24, 0.05);}
    .pricing-card-border{border-radius: 8px;border: 1px solid #707070;}
    .price-card-feature{border-radius: 4px;background: var(--Faded-White, #F3F5F9);padding: 8px 12px;color: var(--Black, #131313);font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.5px;width: fit-content;   }
    .price-card-logo{width:18px;}
    .pricing-card-text{color: #161718;text-align: justify;font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; /* 142.857% */}
    .pricing-card-link{color: var(--Blue, #24419B);text-align: justify;font-family: "Work Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
    .price-card-image{height:100%;width:100%;}
    .pricing-recommended{border-radius: 4px;background: #FED317;padding: 4px 12px;color: var(--Black, #131313);font-family: "Work Sans";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 2px;right: 40px;top: -12px;}
    .pricing-recommended-area{width:70%;}
    .pricing-card-border{height:100%;}
     .pricing-card-mb{margin-bottom:20px;}
    .pricing-card-bundle{margin-left:1rem;margin-right:1rem;}
    

@media only screen and (max-width: 990px){
    .price-card-image-area{display:none;}
    .pricing-recommended-area{width:100%;}
    .categories-list-ul{display:flex;flex-wrap:wrap;gap:0.5rem;}
    .pricing-categories-list{margin-bottom:0px !important;}
}
.pricing-card .active{background: #1a9d78;}
.pricing-card .active>span{filter:invert(1);font-weight: 800;color: #000;}

@media only screen and (max-width: 768px){
    .pricing-card-border{width:100% !important;}
    .pricing-card-bundle{margin-left:0rem;margin-right:0rem;}
} 



.pagination{
    justify-content:center;
}

@media only screen and (max-width: 991px){
.pagination-wrapper>nav{display:block !important;}
.pagination-wrapper>nav>div{display: flex !important;text-align: center;flex-direction: column-reverse;}
.pagination-wrapper>nav>div>ul{display:none !important;}
}

@media only screen and (max-width: 578px){
   .pagination-wrapper>nav>div>ul{
   display:flex !important;
} 
.pagination-wrapper>nav>div:nth-child(2)>:nth-child(2){
    display:none !important;
}
}


/*Search Page CSS*/
    
.sortby{border: 1px solid #ADADAD;width: fit-content;padding: 3px 10px;border-radius: 5px;box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px 0px rgba(145, 158, 171, 0.12);font-size: 15px;gap:10px;min-width: 50px;height:fit-content;justify-content: center;cursor: pointer;}
.sortby.all.active{background-color: #1B337B;color: #fff;border-color: #1B337B;}
.sortby.theme.active{background-color: #1a9d78;color: #fff;border-color: #1a9d78;}
.sortby.logo.active{background-color: #F8B430;color: #fff;border-color:#F8B430;}


/*Loading CSS*/
.wrapper {position:fixed;top:0;z-index:1000;height:100vh;width:100%;background:#000000b8;display: flex;justify-content: center;align-items: center;transition: 2s ease;cursor: progress;}
.wrapper:hover {transform: scale(1.2);}
.text-loading {color: white;font-weight: 600;font-size:25px;line-height:3rem;}
.dot {height: 5em;width:5em;border-radius: 50%;animation: move 0.6s ease infinite;}
.dot>img{width:100%}
@keyframes move {
  0% {transform: translateX(50%);}
  50% {transform: translateX(-50%);}
  100% {transform: translateX(50%);}
}
.card-styling {transition-duration: 0.5s;}
.card-styling.hover-effect {border-radius: 10px;border: 0.5px solid rgba(32, 157, 120, 0.76);background: linear-gradient(0deg, rgba(32, 157, 120, 0.10) 0%, rgba(32, 157, 120, 0.10) 100%), #FFF;box-shadow: 0px 5px 8px 0px rgba(119, 119, 119, 0.20) inset;}
.card-styling:hover {border-radius: 10px;border: 0.5px solid #209D78;box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.20);background-color: transparent;}
.styling-text p {line-height: normal;color: #888;}
.text-styling h3 {font-weight: 700;color: #209d78;}
.text-styling p {line-height: normal;font-weight: 500;color: #777;}
.text-styling ul li {color: #777;line-height: normal;font-weight: 500;}
.btn-styling {line-height: normal;font-weight: 600;font-size: 18px;background: #209d78;}
.card-styling p {line-height: normal;font-weight: 500;font-weight: 18px;}
.selected-industry-area{border-radius: 10px;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);border-color:none;}
.card-styling {position: relative;padding-bottom: 10px; overflow: hidden;}
.card-styling::before {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background-color: #229D78; transition: width  ease-in-out; }
.hover-effect::before {transition-duration: 6s;width: 100%;}




/*Custom website screen Frame CSS*/

/*Laptop*/

    .monitor {width: 1020px;height: 600px;margin: 0px auto;box-sizing: border-box;border: 10px solid;border-color: #151712;background-color: #353535;border-top-left-radius: 15px;border-top-right-radius: 15px;overflow: hidden;position: relative;}
    .iframe-laptop {height: 100%;width: 100%;}
    @media (max-width: 1200px) {
        .iframe-laptop {position: absolute;top: 0px;left: 0px;height: 322%;transform: scale(0.367);width: 1920px;transform-origin: left top;min-width: 1200px;}
        .monitor {width: 80%;height: 450px;}
    }

    @media (max-width: 992px) {
        .monitor {height: 400px;}
        .iframe-laptop {transform: scale(0.36);}
    }

    @media (max-width: 950px) {
        .iframe-laptop {transform: scale(0.34);}
    }

    @media (max-width: 900px) {
        .monitor {height: 400px;}

        .iframe-laptop {transform: scale(0.32);}
    }

    @media (max-width: 850px) {
        .monitor {height: 380px;}
        .iframe-laptop {transform: scale(0.30);height: 500%;}
    }

    @media (max-width: 800px) {
        .monitor {height: 380px;}
        .iframe-laptop {transform: scale(0.28);height: 600%;}
    }

    @media (max-width: 750px) {
        .monitor {height: 300px;}
        .iframe-laptop {transform: scale(0.26);height: 500%;}
    }

    @media (max-width: 700px) {
        .monitor {height: 300px;}
        .iframe-laptop {transform: scale(0.243);height: 500%;}
    }

    @media (max-width: 650px) {
        .monitor { height: 250px;}
        .iframe-laptop {transform: scale(0.222);height: 500%;}
    }

    @media (max-width: 600px) {
        .iframe-laptop {transform: scale(0.212);height: 500%;}
    }

    @media (max-width: 550px) {
        .monitor {height: 230px;}
        .iframe-laptop {transform: scale(0.193);height: 600%;}
    }

    @media (max-width: 500px) {
        .monitor {height: 200px;}
        .iframe-laptop {transform: scale(0.174);height: 600%;}
    }

    @media (max-width: 450px) {
        .monitor {height: 180px;}
        .iframe-laptop {transform: scale(0.154);height: 700%;}
    }

    @media (max-width: 400px) {
        .monitor {height: 180px;}
        .iframe-laptop {transform: scale(0.133);height: 800%;}
    }

    @media (max-width: 380px) {
        .monitor {height: 150px;}
        .iframe-laptop {transform: scale(0.125);height: 800%;}
    }

 /*Tablet */
    .ipad {padding: 68px;background: black;border-radius: 21px;border: 4px solid #cecece;box-shadow: 5px 19px 39px #303030 !important;transform: scale(0.9);position: relative;}
    .camera {border-radius: 10px;width: 10px;height: 10px;position: absolute;background-color: #9e9e9e;border: 2px solid #ffffff;left: 29px;top: 0;bottom: 0;margin: auto 0;box-sizing: border-box;}
    .home-btn {border-radius: 90px;width: 43px;height: 43px;position: absolute;background: linear-gradient(170deg, rgba(64, 65, 67, 1) 0%, rgba(64, 65, 67, 1) 25%, rgba(233, 234, 236, 1) 38%, rgba(233, 234, 236, 1) 63%, rgba(64, 65, 67, 1) 94%, rgba(64, 65, 67, 1) 100%);right: 12px;top: 0;bottom: 0;margin: auto 0;box-sizing: border-box;}
    .home-btn::after {content: "";width: calc(90% - 1px);height: calc(90% - 1px);border-radius: 50%;background: black;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
    
    @media (max-width: 1400px) {
        .iframe-tablet {height: 503px;}
    }

    @media (min-width: 992px) {
        .ipad {height: 580px;}
        .iframe-tablet {height: 100%;width:100%;}
    }

    @media (min-width: 1200px) {
        .ipad {height: 780px;}
    }

    @media (min-width: 1400px) {
        .ipad { height: 780px;}
    }

    @media (max-width: 992px) {
        .home-btn {width: 23px;height: 23px;right: 10px;}
        .camera {left: 10px;}
        .ipad {padding: 28px;padding-right: 40px;height: 550px;position: relative;}
        .iframe-tablet {position: absolute;height: 103%;min-width: 800px;width: 100%;transform: scale(0.88);transform-origin: 0px 0px;}
    }

    @media (max-width: 878px) {
        .iframe-tablet {height: 108%;transform: scale(0.84);}
    }

    @media (max-width: 844px) {
        .ipad {height: 450px;}
        .iframe-tablet {height: 110%;transform: scale(0.80);}
    }

    @media (max-width: 810px) {
        .iframe-tablet {height: 118%;transform: scale(0.75);}
    }

    @media (max-width: 766px) {
        .iframe-tablet {height: 126%;transform: scale(0.70);}
    }

    @media (max-width: 724px) {
        .ipad { height: 420px;}
        .iframe-tablet {height: 135%;transform: scale(0.65);}
    }

    @media (max-width: 684px) {
        .iframe-tablet {height: 145%;transform: scale(0.60);}
    }

    @media (max-width: 640px) {
        .iframe-tablet {height: 157%;transform: scale(0.55);}
    }

    @media (max-width: 600px) {
        .ipad {height: 350px;}
        .iframe-tablet {height: 168%;transform: scale(0.50);}
        .laptop-view-area {padding: 0px !important;}
        .home-btn {width: 10px;height: 10px;right: 10px;}
    }

    @media (max-width: 555px) {
        .ipad { height: 320px;}
        .iframe-tablet {height: 159%;transform: scale(0.52);}
    }

    @media (max-width: 530px) {
        .iframe-tablet {height: 159%;transform: scale(0.51);}
    }

    @media (max-width: 516px) {
        .ipad {height: 300px;padding: 20px;}
        .camera {left: 5px;}
        .iframe-tablet {height: 173%;transform: scale(0.5);}
    }

    @media (max-width: 500px) {
        .iframe-tablet {height: 183%;transform: scale(0.48);}
    }

    @media (max-width: 482px) {
        .ipad {height: 300px;}
        .iframe-tablet {height: 190%;transform: scale(0.46);}
    }

    @media (max-width: 470px) {
        .ipad {height: 300px;}
        .iframe-tablet {height: 192%;transform: scale(0.45);}
    }

    @media (max-width: 460px) {
        .ipad {height: 300px;}
        .iframe-tablet {height: 195%;transform: scale(0.43);}
    }

    @media (max-width: 446px) {
        .ipad {height: 280px;}
        .iframe-tablet {height: 210%;transform: scale(0.41);}
    }

    @media (max-width: 430px) {
        .ipad {height: 280px;}
        .iframe-tablet {height: 220%;transform: scale(0.39);}
    }

    @media (max-width: 414px) {
        .ipad {height: 250px;}
        .iframe-tablet {height: 230%;transform: scale(0.37);}
    }

    @media (max-width: 398px) {
        .ipad {height: 200px;}
        .iframe-tablet {height: 240%;transform: scale(0.34);}
    }

    @media (max-width: 373px) {
        .ipad {height: 200px;}
        .iframe-tablet {height: 265%;transform: scale(0.3);}
    }
    
    
   /*Tablet Image Straight*/
    .tablet-staright-image {width: 45%;overflow: hidden;margin: auto;position: relative;}
    .tablet-staright-image>img {z-index: 2;position: relative;overflow: hidden;}
    .tablet-staright-image-iframe-2 {margin: auto;margin-top: 3%;margin-left: 1%;position: absolute;left: 0px;z-index: 3;width: 99%;height: 90%;border: 20px solid transparent;}

    @media (max-width: 992px) {
        .tablet-staright-image {display: block;}
        .search-btn-icon>i{font-size:18px;}
    }

    @media (max-width: 900px) {
        .tablet-staright-image-iframe-2 {margin-left: 0%;min-width: 429px;transform: scale(0.83);transform-origin: top left;height: 108%;}
    }

    @media (max-width: 878px) {
        .tablet-staright-image-iframe-2 {min-width: 420px;transform: scale(0.83);transform-origin: top left;height: 110%;}
    }

    @media (max-width: 860px) {
        .tablet-staright-image-iframe-2 {margin-left: 0%;height: 111%;transform: scale(0.82);}
    }

    @media (max-width: 836px) {
        .tablet-staright-image-iframe-2 {margin-left: -1%;height: 112%;transform: scale(0.82);left: -2%;}
    }

    @media (max-width: 815px) {
        .tablet-staright-image-iframe-2 {height: 116%;transform: scale(0.79);}
    }

    @media (max-width: 805px) {
        .tablet-staright-image-iframe-2 {height: 120%;transform: scale(0.75);width: 138%;}
    }

    @media (max-width: 773px) {
        .tablet-staright-image-iframe-2 {margin-left: 2%;height: 126%;transform: scale(0.72);}
    }

    @media (max-width: 753px) {
        .tablet-staright-image-iframe-2 { margin-left: 0%;}
    }

    @media (max-width: 723px) {
        .tablet-staright-image-iframe-2 {margin-left: -1%;height: 129%;transform: scale(0.7);}
    }

    @media (max-width: 703px) {
        .tablet-staright-image-iframe-2 {margin-top: 0%;margin-left: 0%;height: 139%;transform: scale(0.66);}
    }

    @media (max-width: 671px) {
        .tablet-staright-image-iframe-2 {height: 146%;transform: scale(0.63);}
    }

    @media (max-width: 653px) {
        .tablet-staright-image-iframe-2 {margin-left: -1%;height: 149%;transform: scale(0.62);}
    }

    @media (max-width: 639px) {
        .tablet-staright-image-iframe-2 {height: 153%;transform: scale(0.6);}
    }

    @media (max-width: 623px) {
        .tablet-staright-image-iframe-2 {height: 158%;transform: scale(0.59);}
    }

    @media (max-width: 601px) {
        .tablet-staright-image-iframe-2 {transform: scale(0.59);}
    }

    @media (max-width: 571px) {
        .tablet-staright-image-iframe-2 {height: 165%;transform: scale(0.56);}
    }

    @media (max-width: 557px) {
        .tablet-staright-image-iframe-2 {height: 167%;transform: scale(0.55);}
    }


    @media (max-width: 552px) {
        .tablet-staright-image-iframe-2 {height: 170%;transform: scale(0.54);}
    }

    @media (max-width: 539px) {
        .tablet-staright-image-iframe-2 { height: 174%; transform: scale(0.53);}
    }

    @media (max-width: 529px) {
        .tablet-staright-image-iframe-2 {height: 178%;transform: scale(0.52);}
    }

    @media (max-width: 523px) {
        .tablet-staright-image-iframe-2 {height: 186%;transform: scale(0.51);}
    }


    @media (max-width: 510px) {
        .tablet-staright-image-iframe-2 {height: 189%;transform: scale(0.49);}
    }

    @media (max-width: 490px) {
        .tablet-staright-image-iframe-2 {height: 193%;transform: scale(0.48);}
    }

    @media (max-width: 477px) {
        .tablet-staright-image-iframe-2 {height: 199%;transform: scale(0.46);}
    }

    @media (max-width: 457px) {
        .tablet-staright-image-iframe-2 {height: 210%;transform: scale(0.44);}
    }

    @media (max-width: 444px) {
        .tablet-staright-image-iframe-2 {height: 214%;transform: scale(0.43);}
    }

    @media (max-width: 425px) {
        .tablet-staright-image-iframe-2 {height: 223%;transform: scale(0.41);}
    }

    @media (max-width: 405px) {
        .tablet-staright-image-iframe-2 {height: 236%;transform: scale(0.39);}
    }

    @media (max-width: 395px) {
        .tablet-staright-image-iframe-2 {height: 242%;transform: scale(0.38);}
    }

    @media (max-width: 384px) {
        .tablet-staright-image-iframe-2 { height: 248%;transform: scale(0.37);}
    }

    @media (max-width: 377px) {
        .tablet-staright-image-iframe-2 {height: 255%;transform: scale(0.36);}
    }

    @media (max-width: 367px) {
        .tablet-staright-image-iframe-2 {height: 262%;transform: scale(0.35);}
    }
    
/*Mobile*/
    .iphone-x {position: relative;margin: 0px auto;width: 100%;height: 100vh;background-color: #fbfbfb;border-radius: 0;overflow: hidden;box-shadow: 0px 0px 0px 11px #353535, 0px 0px 0px 13px #616161, 0px 0px 0px 20px #000000, 0 55px 40px #00000054;}

    .iphone-x:before,
    .iphone-x:after {content: "";position: absolute;left: 50%;transform: translateX(-50%);}

    /* Home button indicator */
    .iphone-x:after {bottom: 7px;width: 140px;height: 4px;background-color: #000000;border-radius: 10px;}

    /* Frontal camera/speaker frame */
    .iphone-x:before {top: 0px;width: 50%;height: 23px;background-color: #000000;border-radius: 0px 0px 40px 40px;z-index: 2;}

    .iphone-x i,
    .iphone-x b,
    .iphone-x s,
    .iphone-x .content {position: absolute;display: block;color: transparent;}

    /* Speaker */
    .iphone-x i {top: 0px;left: 50%;transform: translate(-50%, 6px);height: 8px;width: 15%;background-color: #dfdfdf;border-radius: 8px;box-shadow: inset 0px -3px 3px 0px rgba(256, 256, 256, 0.2);z-index: 3;}

    /* Camera */
    .iphone-x b {left: 10%;top: 0px;transform: translate(200px, 4px);width: 12px;height: 12px;background-color: #d5d5d5;border-radius: 12px;box-shadow: inset 0px -3px 2px 0px rgba(256, 256, 256, 0.2);z-index: 3;}

    .iphone-x b:after {content: "";position: absolute;background-color: #adadad;width: 6px;height: 6px;top: 3px;left: 3px;display: block;border-radius: 4px;box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.2);}

    .mobile-iframe {height: 100%;width: 105%;border: none;border-radius: 35px;}

    .iphone-x {margin: 20px auto;border-radius: 40px;height: 780px;width: 30%;}

    @media (max-width: 1400px) {
        .iphone-x {margin: 40px auto;border-radius: 40px;height: 780px;width: 35%;}
    }

    @media (max-width: 1200px) {
        .iphone-x {margin: 40px auto;border-radius: 40px;height: 780px;width: 40%;}
    }

    @media (max-width: 992px) {
        .iphone-x {margin: 40px auto;border-radius: 40px;height: 60vw;width: 40%;display: none;}
    }

 /*Mobile-2*/

    .iphone-2 {display: none;width: 45%;overflow: hidden;margin: auto;position: relative;}
    .iphone-2>img {z-index: 2;position: relative;overflow: hidden;}
    .mobile-iframe-2 {border-radius: 10%;margin: auto;margin-top: 7%;margin-left: 3%;position: absolute;left: 0px;z-index: 3;width: 95%;height: 93%;border: 20px solid transparent;}
    @media (max-width: 992px) {
        .iphone-2 {display: block;}
    }
    
    @media (max-width: 900px) {
        .mobile-iframe-2 {margin-top: 13%;margin-left: 3%;min-width: 400px;transform: scale(0.83);transform-origin: top left;height: 110%;}
    }
    
    @media (max-width: 878px) {
        .mobile-iframe-2 {margin-top: 13%;margin-left: 3%;min-width: 400px;transform: scale(0.83);transform-origin: top left;height: 110%;}
    }

    @media (max-width: 860px) {
        .mobile-iframe-2 {margin-left: 0%;height: 111%;transform: scale(0.82);}
    }

    @media (max-width: 836px) {
        .mobile-iframe-2 {margin-left: 0%;height: 112%;transform: scale(0.82);}
    }

    @media (max-width: 815px) {
        .mobile-iframe-2 {margin-left: 2%;height: 116%;transform: scale(0.79);}
    }

    @media (max-width: 805px) {
        .mobile-iframe-2 {margin-top: 10%;margin-left: 2%;height: 125%;transform: scale(0.75);}
    }

    @media (max-width: 773px) {
        .mobile-iframe-2 {margin-top: 9%;margin-left: 2%;height: 131%;transform: scale(0.72);}
    }

    @media (max-width: 753px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 1%;height: 136%;transform: scale(0.7);}
    }

    @media (max-width: 723px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 1%;height: 139%;transform: scale(0.68);}
    }

    @media (max-width: 703px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 1%;height: 146%;transform: scale(0.65);}
    }
    @media (max-width: 671px) {
    .mobile-iframe-2 {margin-top: 8%;margin-left: 1%;height: 150%;transform: scale(0.63);}
    }
    @media (max-width: 653px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 0%;height: 153%;transform: scale(0.62);}
    }
    @media (max-width: 639px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 161%;transform: scale(0.59);}
    }
    @media (max-width: 623px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 161%;transform: scale(0.59);}
    }
    @media (max-width: 601px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 0%;height: 164%;transform: scale(0.58);}
    }
    @media (max-width: 557px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 172%;transform: scale(0.55);}
    }
    @media (max-width: 539px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 178%;transform: scale(0.53);}
    }
    @media (max-width: 523px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 1%;height: 186%;transform: scale(0.51);}
    }
    @media (max-width: 610px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 0%;height: 161%;transform: scale(0.59);}
    }
    @media (max-width: 671px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 169%;transform: scale(0.56);}
    }
    @media (max-width: 571px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 1%;height: 173%;transform: scale(0.55);}
    }
    @media (max-width: 552px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 182%;transform: scale(0.52);}
    }
    @media (max-width: 529px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 0%;height: 186%;transform: scale(0.51);}
    }
    @media (max-width: 510px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 198%;transform: scale(0.48);}
    }
    @media (max-width: 490px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 205%;transform: scale(0.46);}
    }
    @media (max-width: 477px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 216%;transform: scale(0.44);}
    }
    @media (max-width: 457px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 221%;transform: scale(0.43);}
    }
    @media (max-width: 444px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 230%;transform: scale(0.41);}
    }
    @media (max-width: 425px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 243%;transform: scale(0.39);}
    }
    @media (max-width: 405px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 248%;transform: scale(0.38);}
    }
    @media (max-width: 395px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 256%;transform: scale(0.37);}
    }
    @media (max-width: 384px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 263%;transform: scale(0.36);}
    }
    @media (max-width: 377px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 271%;transform: scale(0.35);}
    }
    @media (max-width: 367px) {
        .mobile-iframe-2 {margin-top: 8%;margin-left: 2%;height: 278%;transform: scale(0.34);}
    }
    .screen-selection-area {background-color: #F6F6F6;width: fit-content;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;border-radius: 10px;padding: 10px 20px;}
    .screen-selection-area>div{gap:1rem;   }
    .screen-icon-card {border: 1px solid transparent;border-radius: 10px;position: relative;}
    .screen-icon-card:hover {border: 1px solid #1A9D78;}
    .screen-icon-card.active ::after {content: "";position: absolute;top: -8px;right: -12px;background-image: url(https://designbyzonewebsites.com/front/images/48.png);z-index: 3;height: 100%;width: 100%;background-repeat: no-repeat;background-position: top right;background-size: 24px;}
    .screen-icon-card.active {border: 1px solid #1A9D78;}
    .icon-text {font-size: 13px;line-height: 14px;}
    @media (max-width: 584px) {
        .screen-icon-card>img {width: 70px;}
        .icon-text {font-size: 12px;}
    }
    @media (max-width: 456px) {
        .screen-icon-card>img {width: 60px;padding: 10px;}
        .screen-selection-area>div{gap:8px;}
        .icon-text {font-size: 10px;}
    }
    
    
    /*custom & business website*/
.p-section-1 {
    background: url('https://www.webfx.com/wp-content/themes/fx/assets/img/special-pages/fx-seo-services/v2/hero-bg.png') no-repeat right bottom #DBF3F1;
    background-size: auto 100%;
    position: relative;
}

.p-section-1::before {
    position: absolute;
    content: "";
    z-index: 10;
    left: 1.5625%;
    bottom: 3.43461%;
    width: 163px;
    height: 155px;
    background-image: url('https://www.webfx.com/wp-content/themes/fx/assets/img/special-pages/fx-seo-services/v2/hero-bg-bl.png');
    background-position: center;
}

.p-section-1::after {
    position: absolute;
    content: "";
    z-index: 10;
    right: 1.5625%;
    top: 3.43461%;
    width: 163px;
    height: 155px;
    background-image: url('https://www.webfx.com/wp-content/themes/fx/assets/img/special-pages/fx-seo-services/v2/hero-bg-bl.png');
    background-position: center;
}

.page-heading {
    font-size: 72px;
    line-height: 78px;
    font-weight: 700;
    letter-spacing: -.042em;
    color: #222;
}

.se-1-page-text {
    font-weight: 400;
    letter-spacing: -.0055em;
    font-size: 21px;
    color: #222;
    line-height: 35px;
}

.s1-price-input {
    width: 100%;
    height: 100%;
    padding: 16px 15px;
    font-family: var(--font-inter);
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: -.0055em;
    color: #869298;
    background-color: #fff;
    border: 1px solid #abb9c2;
    border-radius: 3px;
}

.s1-price-input::placeholder {
    color: #757575;
    font-size: 20px;
    font-weight: 500;
}

.fx-primary-btn {
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.333em;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #207DE9;
    box-shadow: none;
    color: #fff;
    border: 0px;
}

.pricing-s1-c2 {
    margin-top: auto;
    margin-left: 20%;
    z-index: 0;
    padding: 32px 40px;
    max-width: 431px;
    position: relative;
    background-color: #FFF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.pricing-s1-c3 {
    margin-top: auto;
    margin-left: 20%;
}

.pricing-s1-c2-area {
    position: relative;
}

.pricing-s1-c2-text {
    color: #222;
    margin-bottom: 16px;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.116px;
}

.pricing-s1-c2-h4 {
    color: #6E7B81;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -.081px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.pricing-s1-c2-text-border {
    border-top: 1px solid #869298;
    margin-top: 24px;
    margin-bottom: 24px;
}

.pricing-s1-c2-text-ratings {
    display: flex;
    align-items: start;
    gap: 8px;
    flex-direction: column;
}

.pricing-s1-c2-text-ratings>div>span {
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -.042px;
}



.appr_hero-stat-buble {
    position: absolute;
    top: 17px;
    left: 55%;
    transform: translate(-50%, -50%);
}

.appr_hero-stat-buble-1 {
    position: absolute;
    top: 100px;
    left: 98%;
    transform: translate(-50%, -50%);
}

.appr_hero-stat-buble-2 {
    position: absolute;
    top: 360px;
    left: 115%;
    transform: translate(-50%, -50%);
}

.buble-cardbox {
    perspective: 500px;
    margin: 15px;
}

.card-circle {
    position: relative;
    width: 220px;
    height: 220px;
    background: #fff;
    transform-style: preserve-3d;
    transition: 1s ease;
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}


.card-circle-1 {
    background: #00316A;
}

.card-circle-2 {
    background: #F8B430;
}

.card-circle-3 {
    background: #229D78;
}

.card-front,
.card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.card-front ._value {
    font-family: inherit;
    margin: 0 0 6px;
    font-weight: 800;
    font-size: 55px;
    line-height: 70px;
    letter-spacing: -.042em;
}

.card-front ._title {
    font-family: inherit;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -.0045em;
    color: #fff;
}

.card-front ._desc {
    font-family: inherit;
    margin: 0;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -.003em;
    color: #FFF;
}

.card-back {
    font-size: 25px;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
}

.card-back ._title {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .05em;
    color: #fff;
}

.card-back ._desc {
    font-family: inherit;
    margin: 0 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: -.003em;
    color: #FFF;
}

.buble-cardbox:hover .card-circle {
    transform: rotateY(180deg);
}

.card-back {
    transform: rotateY(180deg);
}

.p-section-6-heading {
    font-size: 50px;
}

.pricing-table-title {
    font-family: inherit;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.018em;
}

.bofu_pricing-table-price {
    font-family: inherit;
    margin: 0;
    font-weight: 900;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: -.018em;
    color: #F8B430;
}

.p-s-2-card-area {
    margin: 0px 3rem;
}

.p-s-2-card-1 {
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    background-color: #fff;
}

.fx-secondary-btn {
    font-weight: 700 !important;
    line-height: 30px !important;
    font-size: 18px !important;
    background-color: #26b16d;
    color: #fff;
    text-decoration: none;
    transition-duration: 0.5s;
}

.fx-secondary-btn:hover {
    background-color: #0e9251;
    color: #fff;
}

.p-s-2-card-2 {
    background-color: #fff;
    border-radius: 0 30px 30px 0px;
}

.p-section-2 {
    position: relative;
    padding-bottom: 5rem;
}

.p-section-2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    height: 71%;
    background: url(https://www.webfx.com/wp-content/themes/fx/assets/img/blocks/innerpage/pricing-table/plan-features-table/pricing-dots.png) repeat-x 0 0 #EDF9F8;
    z-index: -1;
}

.p-section-3 {
    background-color: #fff;
}

.trp_ete-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0;
    margin-top: 0;
}

.trp_ete-card p {
    text-align: left;
    font-family: inherit;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.0045em;
    color: #222;
}

.trp_ete-card p>a {
    text-decoration: underline;
    text-decoration-color: #207de9;
    text-underline-position: under;
}

.trp_ete-card p>a:hover {
    text-decoration-color: #6adfd7;
}

.cta-custom-pricing {
    padding: 64px 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #207DE9
}

.cta-custom-pricing:before {
    content: "";
    position: absolute;
    z-index: -2;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(https://designbyzonewebsites.com/front/images/packages/cta-bg.png) no-repeat right 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.cta-custom-pricing .container:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    width: 65px;
    height: 57px;
    background: url(https://designbyzonewebsites.com/front/images/packages/cta-bg-tr.webp) no-repeat right 0
}

.cta-custom-pricing .container:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 112px;
    background: url(https://designbyzonewebsites.com/front/images/packages/cta-bg-bl.webp) no-repeat center
}

.cta-custom-pricing ._body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cta-custom-pricing ._body .content {
    width: 65%
}

.cta-custom-pricing ._title {
    width: 100%;
    margin: 0;
    font-family: inherit;
    font-weight: 600;
    letter-spacing: -.024em;
    color: #FFF
}

.cta-custom-pricing ._img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: -3;
}

.cta-custom-pricing ._img img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    opacity: .85
}

.cta-custom-pricing .btn {
    font-family: inherit;
    font-weight: 700;
    font-size: 21px;
    line-height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center
}

.cta-custom-pricing .btn._btn {
    margin-left: 5%;
    padding: 15px 40px;
}

.cta-custom-pricing .btn._btn:hover {
    color: white !important
}

.cta-custom-pricing .blue-highlighted-text {
    color: #6ADFD7
}

.price-carosel-1-quote-text {
    font-family: inherit;
    text-align: left;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.0045em;
    color: #6E7B81;
}

.price-carosel-1-review {
    border-left: 1px solid #6ADFD7;
    padding: 24px 0 52px 32px;
    margin-left: 32px;
    margin-bottom: 16px;
}

.bofu_solveb-span {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -.024em;
    color: #6ADFD7;
    margin-right: 16px;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
}

.price-carosel-2-img-card {
    max-height: 120px;
    max-width: 200px;
}

.experience-package-card {
    background-color: #EDF9F8;
    border-radius: 20px;
    position: relative;
}

.experience-package-card>div>span {
    z-index: 1;
}

.experience-package-card-image {
    position: absolute;
    top: 0px;
    right: 0px;
}


/* Radio */



.checkbox-wrapper-16 *,
.checkbox-wrapper-16 *:after,
.checkbox-wrapper-16 *:before {
    box-sizing: border-box;
}

.checkbox-wrapper-16 .checkbox-input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #2260ff;
}

.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #2260ff;
    border-color: #2260ff;
}

.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile .checkbox-icon,
.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile .checkbox-label {
    color: #2260ff;
}

.checkbox-wrapper-16 .checkbox-input:focus+.checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}

.checkbox-wrapper-16 .checkbox-input:focus+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
}

.checkbox-wrapper-16 .checkbox-tile {
    display: flex;
    /* flex-direction: column; */
    /* align-items: center; */
    padding: 0px 10px 10px 15px;
    justify-content: space-between;
    width: 75%;
    min-height: 5rem;
    border-radius: 0.5rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
}

.checkbox-wrapper-16 .checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0;
    transform: scale(0);
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.checkbox-wrapper-16 .checkbox-tile:hover {
    border-color: #2260ff;
}

.checkbox-wrapper-16 .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
}

/* .checkbox-wrapper-16 .checkbox-tile:hover:before {
    transform: scale(1);
    opacity: 1;
} */

.checkbox-wrapper-16 .checkbox-icon {
    transition: 0.375s ease;
    color: #494949;
}

.checkbox-wrapper-16 .checkbox-icon svg {
    width: 3rem;
    height: 3rem;
}

.checkbox-wrapper-16 .checkbox-label {
    color: #707070;
    transition: 0.375s ease;
    text-align: center;
}






/* Frequently asked Question */
:root {
    --secondary-text: #e9fff3;
    --black-text-black: #000000;
}

.faq-section {
    background-color: #00316A;
}

.faq-section .accordion {
    width: 100%;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:before {
    content: "";
    position: absolute;
    right: 0.75rem;
    top: 22px;
    height: 2px;
    width: 1rem;
    background-color: #000;
}

.accordion-button.collapsed:after {
    content: "";
    position: absolute;
    right: 1.1875rem;
    top:15px;
    height: 1.0625rem;
    width: 0.125rem;
    border-style: none;
    background-color: #000;
}

.faq-section .accordion-button h5 {
    color: #fff;
    margin-right: 13px;
}

.accordion-body {
    background-color: transparent;
}

ul {
    list-style-type: none;
    list-style-type: disc;
    margin-left: 20px;
}

ul li {
    margin-bottom: 5px;
}

.accordion-body ol {
    counter-reset: step-counter;
    list-style-type: none;
    padding-left: 0;
}

.accordion-body ol>li {
    counter-increment: step-counter;
    margin-bottom: 10px;
}

.accordion-body ol>li::before {
    content: "Steps " counter(step-counter) ": ";
    font-weight: bold;
}
.pricing-s1-c3-btn {
    border-radius: 6px;
    background: var(--Blue, #24419B);
    padding: 8px 16px;
    border: none;
    width: 75%;
}

.pricing-s1-c3-btn>p {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.084px;
    cursor: pointer;
}

.pricing-s1-c3-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--Blue, #24419B);
}

.bottom-footer-text{
    font-size:14px;
}
.live-enqiry-btn {border-radius: 6px;border: 2px solid #1A9D78;padding: 8px 12px;color: var(--Green, #1A9D78);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.084px;
        }
.live-enqiry-btn:hover {border-radius: 6px;background: var(--Green, #1A9D78);color: #fff;}
@media screen and (min-width: 768px) {
    .accordion-button:before {
        right: 0.75rem;
    }

    .accordion-button.collapsed:after {
        right: 1.1875rem;
        
    }

    .faq-section .accordion-button h5 {
        margin-right: 0px;
    }
}

.accordion-item {
    border-bottom: 2px solid #ccc;
}


@media (max-width: 1400px) {
    .page-heading {
        font-size: 60px;
    }

    .appr_hero-stat-buble-2 {
        display: none;
    }

}

@media (max-width: 1200px) {
    .page-heading {
        font-size: 50px;
        line-height: 60px;
    }

    .pricing-s1-c2 {
        margin-left: 5%
    }
}

@media (max-width: 992px) {
    .pricing-s1-c2 {
        margin-left: 0%;
        max-width: 100%;
        margin-top: 3rem;
    }

    .p-s-2-card-area {
        margin: 0px;
    }

    .p-s-2-card-1 {
        border-radius: 30px 30px 0 0px;
    }

    .p-s-2-card-1 .p-4.pb-0.h-100 {
        border: #fff !important;
    }

    .p-s-2-card-2 {
        border-radius: 0 0px 30px 30px;
    }

    .cta-custom-pricing ._body {
        display: block;
        text-align: center;
    }

    .cta-custom-pricing ._body .content {
        width: 100%;
    }

    .cta-custom-pricing .btn._btn {
        margin-left: 0%;
        margin-top: 2rem;
    }

    .cta-custom-pricing {
        padding: 36px;
    }

    .p-section-6-heading {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .pricing-s1-c3-btn{
        width: 100%;
    }
    .checkbox-wrapper-16 .checkbox-tile{
        width: 100%;
    }
    .pricing-s1-c3{
        margin-left: 0%;
    }
    .bottom-footer-text {
    font-size: 6px;
}
}
@media (max-width: 575px) {
    .area-of-radio-btn {
        margin-bottom: 1rem;
    }
    .bottom-footer-text {
    font-size: 5px;
  }
   
}