.productImg {
    border-radius: 6px;
    height: 200px
}

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

.productBrand {
    height: 226px
}

.imgSize {
    width: 223px;
    display: inline-block
}

.checkbox-circle input:checked~.checkmark {
    background-color: #5e9331;
    border-radius: 0
}
ol > li::before {
	font-size: 16px;
}
.checkmark {
    border-radius: 0;
    height: 20px;
    width: 20px;
    background: #eceef3;
    border: 1px solid #d4d6dd
}

.checkbox-circle .checkmark:after {
    border: 1px solid #fff;
    border-width: 0 3px 3px 0;
    left: 5px;
    top: 1px
}

.w-450 {
    width: 452px
}

.pxy-48 {
    padding: 4px 8px
}

.cursor-scroll {
    cursor: all-scroll
}

.w-3 {
    width: 3%
}

.w-30 {
    width: 30%
}

.width-20 {
    width: 20%
}

.h-200 {
    height: 200px !important
}

.minWidth-245 {
    min-width: 245px
}

.minWidth-190 {
    min-width: 190px
}

.darkGrey-text {
    color: #555f73
}

.h-220 {
    height: 220px
}

@media screen and (max-width:726px) {
    .maxW-200 {
        max-width: 200px
    }
}

@media screen and (max-width:1080px) {
    .responsive-display {
        display: inline !important
    }

    .res-mt-10 {
        margin-top: 10px !important
    }


    .createPackgesTabs {
        width: 100% !important;
        border-bottom: 1px solid #dee2e6 !important
    }
    .createPackgesTabs {
        padding: 0px 0;
        text-transform: uppercase;
        color: #555f73;
    }
    .createPackgesTabs.w-25 {
    width: auto !important;
    flex: auto;
    }
}

@media screen and (max-width:767px) {
    .tab-div {
        display: block !important
    }
.createPackgesTabs.border-right {
	border-right: 0;
}
}

.create-packages-tabs.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border: 1px solid #5e9331
}

.create-packages-tabs.nav-tabs .nav-item {
    margin: 10px
}

.create-packages-tabs.nav-tabs .nav-link {
    border: 1px solid #e5e5e5;
    color: #000;
    border-radius: 4px;
    text-transform: uppercase
}

.green_circle {
    display: none
}

.grey_circle {
    display: block
}

.active .green_circle {
    display: block
}

.active .grey_circle {
    display: none
}

.pRelative {
    position: relative;
    top: 2px
}

.pl-10 {
    padding-left: 10px
}

.selectedPackage {
    background-color: #5e9331;
    color: #fff !important;
    border-bottom: 3px solid #5e9331
}

.selectedPackage a {
    color: #fff !important
}

.createPackgesTabs {
    padding: 0px 0;
    text-transform: uppercase;
    color: #555f73
}

.createPackgesTabs a {
    color: #555f73
}

.margin-0 {
    margin: 0
}

.p-18 {
    padding: 18PX
}

.w-200 {
    width: 200px
}

.minW-25 {
    min-width: 25px
}

.border-r-50 {
    border-radius: .5rem
}

.border-right {
    border-right: 1px solid rgba(0, 0, 0, .125)
}

.color-green {
    color: #5e9331
}

.color-grey {
	color: #656e7f;
	font-family: Inter, sans-serif;
}
form h3 {
  font-family: Inter, sans-serif;
}

.color-fff {
    color: #fff
}

.bg-9096A3 {
    background-color: #9096a3
}

.br-top-50 {
    border-radius: .5rem .5rem 0 0
}

.fsize-15 {
    font-size: 15px
}

.fs-20 {
    font-size: 20px
}

.border-right-ddd {
    border-right: 1px solid #ddd
}

.border-bottom-ddd {
    border-bottom: 1px solid #ddd
}

@media screen and (max-width:991px) {
    .res-flex-column {
        flex-direction: column
    }

    .display-grid {
        display: grid !important
    }

    .res-pl-0 {
        padding-left: 0 !important
    }
}

@media screen and (max-width:1080px) {
    .display-grid1 {
        display: grid !important
    }

    .res-mr-25 {
        margin-right: 25px !important
    }
    .checkbox-circle.res-mr-25 {
        margin-right: 5px !important;
    }

    .select-items {
        color: #212529;
        font-weight: 400;
        white-space: wrap;
    }
}

.color-222F48 {
    color: #222f48
}

.signature {
    color: #ff5353;
    font-size: 12px
}

.width-41 {
    width: 41%;
    min-width: 100px
}

.h-41 {
    height: 41px
}

.title-vuepak {
    font-size: 25px;
    font-weight: 600
}

.title-pak {
    color: #578033
}

.pb-8 {
    padding: 10px 0 15px 15px
}

.card {
    box-shadow: unset !important
}
.width-41 {
	width: 160px;
	min-width: 100px;
}
.signature {
	color: #ff5353;
	font-size: 12px;
	margin-bottom: 10px;
}

.form-control:focus {
	border-color: var(--bs-border-color);
	outline: 0;
	box-shadow: none;
}


@media only screen and (max-width:991px) {
.border-right-ddd {
    border: none
}
.form-label-dropdown-round .select-selected {
	padding-right: 25px !important;
}

}

@media only screen and (max-width:415px) {
    .g-recaptcha {
        transform: scale(.88);
        transform-origin: 0 0;
        max-width: 270px
    }
}

@media only screen and (max-width:350px) {
    .g-recaptcha {
        transform: scale(.77);
        transform-origin: 0 0;
        max-width: 150px
    }

}