File: /var/www/html/CW-techs/wp-content/themes/cw-techs/css/modal.css
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.btn-orange {
background-color: #E88B25;
color: #fff;
border-radius: 25px;
padding: 10px 30px;
font-weight: 600;
}
.success-modal .success-icon {
height: 200px;
width: 400px;
margin: auto;
margin-bottom: 50px;
}
@media (max-width: 1679px) {
.success-modal .success-icon {
width: 380px;
height: 200px;
margin-bottom: 40px;
}
}
@media (max-width: 1441px) {
.success-modal .success-icon {
width: 300px;
height: 180px;
margin-bottom: 30px;
}
}
@media (max-width: 1199px) {
.success-modal .success-icon {
width: 260px;
height: 160px;
margin-bottom: 20px;
}
}
.success-modal .success-icon img {
height: 100%;
width: 100%;
object-fit: contain;
}
.success-modal .modal-dialog {
max-width: 983px;
}
.success-modal .modal-inner {
text-align: center;
}
.success-modal .modal-content {
background: #18181A;
border-radius: 38px;
padding: 60px 0px;
}
@media (max-width: 1679px) {
.success-modal .modal-content {
padding: 40px 0px;
}
}
@media (max-width: 1441px) {
.success-modal .modal-content {
padding: 30px 0px;
}
}
@media (max-width: 1199px) {
.success-modal .modal-content {
padding: 20px 0px;
}
}
.success-modal .modal-title {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 48px;
letter-spacing: 0%;
text-transform: capitalize;
color: #fff;
}
@media (max-width: 1679px) {
.success-modal .modal-title {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 1441px) {
.success-modal .modal-title {
font-size: 26px;
line-height: 36px;
}
}
@media (max-width: 1199px) {
.success-modal .modal-title {
font-size: 24px;
line-height: 34px;
}
}
@media (max-width: 991px) {
.success-modal .modal-title {
font-size: 22px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.success-modal .modal-title {
font-size: 20px;
line-height: 30px;
}
}
.success-modal .content {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
color: #797993;
}
@media (max-width: 1679px) {
.success-modal .content {
font-size: 14px;
}
}
@media (max-width: 1441px) {
.success-modal .content {
font-size: 12px;
}
}
.success-modal .continue-btn {
padding-top: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 30px;
}
@media (max-width: 1679px) {
.success-modal .continue-btn {
padding-top: 40px;
padding-bottom: 20px;
}
}
@media (max-width: 1441px) {
.success-modal .continue-btn {
padding-top: 30px;
padding-bottom: 20px;
}
}
@media (max-width: 1199px) {
.success-modal .continue-btn {
padding: 20px 0px;
}
}
.success-modal .continue-btn .continue-btn1 {
width: 538px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background-color: #CD6429;
border: 1px solid #CD6429;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: Schibsted Grotesk;
font-weight: 500;
font-size: 16px;
letter-spacing: 0%;
border-radius: 50px;
}
@media (max-width: 1679px) {
.success-modal .continue-btn .continue-btn1 {
height: 50px;
font-size: 15px;
}
}
@media (max-width: 1441px) {
.success-modal .continue-btn .continue-btn1 {
height: 46px;
font-size: 14px;
}
}
@media (max-width: 1199px) {
.success-modal .continue-btn .continue-btn1 {
font-size: 13px;
height: 42px;
width: 190px;
}
}
.success-modal .continue-btn .continue-btn1:hover {
background-color: transparent;
color: #CD6429;
border: 1px solid #CD6429;
}
.success-modal .cart-inner-sec {
overflow-y: auto;
max-height: 400px;
}
.success-modal .cart-item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #26262A;
padding: 30px 60px;
}
@media (max-width: 1679px) {
.success-modal .cart-item {
padding: 20px 40px;
}
}
@media (max-width: 1441px) {
.success-modal .cart-item {
padding: 30px;
}
}
@media (max-width: 1199px) {
.success-modal .cart-item {
padding: 20px;
}
}
.success-modal .cart-item .product-inner {
display: flex;
align-items: center;
}
.success-modal .cart-item .quatity.qulity-txt {
color: #fff;
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
text-align: right;
vertical-align: middle;
text-transform: capitalize;
}
@media (max-width: 1679px) {
.success-modal .cart-item .quatity.qulity-txt {
font-size: 18px;
}
}
@media (max-width: 1441px) {
.success-modal .cart-item .quatity.qulity-txt {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.success-modal .cart-item .quatity.qulity-txt {
font-size: 14px;
}
}
@media (max-width: 991px) {
.success-modal .cart-item .quatity.qulity-txt {
font-size: 12px;
}
}
.success-modal .cart-item .product {
width: 87px;
height: 87px;
border-radius: 11px;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
@media (max-width: 1679px) {
.success-modal .cart-item .product {
width: 77px;
height: 77px;
}
}
@media (max-width: 1441px) {
.success-modal .cart-item .product {
width: 67px;
height: 67px;
}
}
@media (max-width: 1199px) {
.success-modal .cart-item .product {
width: 57px;
height: 57px;
}
}
.success-modal .cart-item .product img {
width: 100%;
height: 100%;
object-fit: contain;
}
.success-modal .cart-item .product-details {
margin-left: 23px;
}
.success-modal .cart-item .product-details .product-name {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
}
@media (max-width: 1679px) {
.success-modal .cart-item .product-details .product-name {
font-size: 16px;
}
}
@media (max-width: 1441px) {
.success-modal .cart-item .product-details .product-name {
font-size: 14px;
}
}
.success-modal .cart-item .product-details .tags {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.success-modal .cart-item .product-details .tags .badge {
height: 34px;
padding: 7px 12px;
background-color: #28282B;
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
display: flex;
align-items: center;
border-radius: 50px;
margin-right: 10px;
margin-bottom: 10px;
word-break: break-all;
}
@media (max-width: 1679px) {
.success-modal .cart-item .product-details .tags .badge {
height: 30px;
font-size: 12px;
}
}
@media (max-width: 1441px) {
.success-modal .cart-item .product-details .tags .badge {
height: 28px;
}
}
.success-modal .cart-item .product-details .tags .badge.txt-sec {
justify-content: space-between;
}
.success-modal .cart-item .product-details .tags .badge.txt-sec span {
margin: 0px 5px;
}
.success-modal .cart-item .product-details .tags .badge.txt-sec .txt {
color: #61616F;
text-decoration: line-through;
}
.success-modal .cart-item .product-details .tags .badge.txt-sec .txt-col {
color: #CD6429;
}
.success-modal .total-amount {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 28px;
padding-left: 60px;
padding-right: 60px;
}
@media (max-width: 1679px) {
.success-modal .total-amount {
padding: 20px 40px 0px 40px;
}
}
@media (max-width: 1441px) {
.success-modal .total-amount {
padding: 30px 30px 0px 30px;
}
}
@media (max-width: 1199px) {
.success-modal .total-amount {
padding: 20px 20px 0px 20px;
}
}
.success-modal .total-amount .amunt-txt {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
}
@media (max-width: 1679px) {
.success-modal .total-amount .amunt-txt {
font-size: 18px;
}
}
@media (max-width: 1441px) {
.success-modal .total-amount .amunt-txt {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.success-modal .total-amount .amunt-txt {
font-size: 14px;
}
}
@media (max-width: 991px) {
.success-modal .total-amount .amunt-txt {
font-size: 12px;
}
}
.success-modal .total-amount .amunt-txt.price-txt {
font-weight: 700;
}
.remove-modal .modal-dialog {
max-width: 548px;
}
.remove-modal .modal-dialog .modal-body {
padding: 0px;
}
.remove-modal .modal-dialog .modal-header {
border: none;
padding: 0px;
}
.remove-modal .modal-dialog .modal-content {
background-color: #222225;
border-radius: 41px;
padding: 47px 36px;
}
@media (max-width: 1679px) {
.remove-modal .modal-dialog .modal-content {
padding: 37px 26px;
}
}
@media (max-width: 1481px) {
.remove-modal .modal-dialog .modal-content {
padding: 30px 20px;
}
}
@media (max-width: 1199px) {
.remove-modal .modal-dialog .modal-content {
padding: 20px;
}
}
.remove-modal .modal-dialog .modal-content .icon-circle {
width: 170px;
height: 170px;
border-radius: 100px;
background-color: #36363B;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 53px;
}
@media (max-width: 1679px) {
.remove-modal .modal-dialog .modal-content .icon-circle {
width: 120px;
height: 120px;
margin-bottom: 43px;
}
}
@media (max-width: 1481px) {
.remove-modal .modal-dialog .modal-content .icon-circle {
width: 100px;
height: 100px;
margin-bottom: 33px;
}
}
@media (max-width: 1199px) {
.remove-modal .modal-dialog .modal-content .icon-circle {
width: 80px;
height: 80px;
margin-bottom: 20px;
}
}
.remove-modal .modal-dialog .modal-content .icon-circle img {
width: 70px;
object-fit: contain;
}
@media (max-width: 1679px) {
.remove-modal .modal-dialog .modal-content .icon-circle img {
width: 50px;
}
}
@media (max-width: 1441px) {
.remove-modal .modal-dialog .modal-content .icon-circle img {
width: 40px;
}
}
.remove-modal .modal-dialog .modal-content .modal-title {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 42px;
letter-spacing: 0%;
color: #fff;
padding-bottom: 10px;
text-align: center;
}
@media (max-width: 1679px) {
.remove-modal .modal-dialog .modal-content .modal-title {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 1441px) {
.remove-modal .modal-dialog .modal-content .modal-title {
font-size: 26px;
line-height: 36px;
}
}
@media (max-width: 1199px) {
.remove-modal .modal-dialog .modal-content .modal-title {
font-size: 24px;
line-height: 34px;
}
}
@media (max-width: 991px) {
.remove-modal .modal-dialog .modal-content .modal-title {
font-size: 22px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.remove-modal .modal-dialog .modal-content .modal-title {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 579px) {
.remove-modal .modal-dialog .modal-content .modal-title {
font-size: 18px;
line-height: 28px;
}
}
.remove-modal .modal-dialog .modal-content .modal-subtext {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #fff;
margin-bottom: 53px;
padding: 0px 50px;
}
@media (max-width: 1679px) {
.remove-modal .modal-dialog .modal-content .modal-subtext {
font-size: 16px;
line-height: 24px;
margin-bottom: 43px;
}
}
@media (max-width: 1441px) {
.remove-modal .modal-dialog .modal-content .modal-subtext {
font-size: 14px;
line-height: 22px;
margin-bottom: 33px;
}
}
@media (max-width: 1199px) {
.remove-modal .modal-dialog .modal-content .modal-subtext {
font-size: 12px;
line-height: 18px;
margin-bottom: 20px;
}
}
.btn-close {
background-image: url(../img/modal-close-new.svg);
padding: 0px;
width: 42px;
height: 42px;
background-size: cover;
}
@media (max-width: 1679px) {
.btn-close {
width: 38px;
height: 38px;
}
}
@media (max-width: 1481px) {
.btn-close {
width: 32px;
height: 32px;
}
}
@media (max-width: 1199px) {
.btn-close {
width: 28px;
height: 28px;
}
}
@media (max-width: 991px) {
.btn-close {
width: 26px;
height: 26px;
}
}
@media (max-width: 767px) {
.btn-close {
width: 24px;
height: 24px;
}
}
.modal-footer {
display: flex;
align-items: center;
justify-content: center;
border: none;
padding-top: 0px;
}
@media (max-width: 540px) {
.modal-footer {
flex-wrap: wrap;
}
}
.modal-footer .btn {
height: 62px;
width: 48%;
display: flex;
align-items: center;
justify-content: center;
background-color: #3B3B3F;
color: #fff !important;
border-radius: 60px;
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
}
@media (max-width: 1679px) {
.modal-footer .btn {
height: 58px;
font-size: 14px;
}
}
@media (max-width: 1441px) {
.modal-footer .btn {
height: 52px;
font-size: 12px;
}
}
@media (max-width: 1199px) {
.modal-footer .btn {
height: 48px;
}
}
@media (max-width: 991px) {
.modal-footer .btn {
height: 42px;
}
}
@media (max-width: 540px) {
.modal-footer .btn {
width: 100%;
margin-bottom: 10px;
}
}
.modal-footer .btn.remove {
background-color: #CD6429;
}
.modal-footer .btn:active {
color: #fff !important;
}
.edit-profile .btn-close {
top: 32px;
position: absolute;
right: 35px;
}
.edit-profile .modal-dialog {
max-width: 717px;
}
.edit-profile .modal-dialog .modal-body {
padding: 0px;
}
.edit-profile .modal-dialog .modal-header {
border: 0px;
padding: 0px;
padding-bottom: 10px;
}
.edit-profile .modal-dialog .modal-content {
background-color: #222225;
border-radius: 41px;
padding: 70px 100px;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .modal-content {
padding: 50px 80px;
}
}
@media (max-width: 1481px) {
.edit-profile .modal-dialog .modal-content {
padding: 30px 60px;
}
}
@media (max-width: 1199px) {
.edit-profile .modal-dialog .modal-content {
padding: 30px;
}
}
@media (max-width: 991px) {
.edit-profile .modal-dialog .modal-content {
padding: 20px;
}
}
.edit-profile .modal-dialog .modal-content .modal-title {
font-family: Schibsted Grotesk;
font-weight: 600;
font-size: 42px;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .modal-content .modal-title {
font-size: 38px;
}
}
@media (max-width: 1441px) {
.edit-profile .modal-dialog .modal-content .modal-title {
font-size: 32px;
}
}
@media (max-width: 1199px) {
.edit-profile .modal-dialog .modal-content .modal-title {
font-size: 28px;
}
}
@media (max-width: 991px) {
.edit-profile .modal-dialog .modal-content .modal-title {
font-size: 26px;
}
}
@media (max-width: 767px) {
.edit-profile .modal-dialog .modal-content .modal-title {
font-size: 24px;
}
}
@media (max-width: 579px) {
.edit-profile .modal-dialog .modal-content .modal-title {
font-size: 22px;
}
}
.edit-profile .modal-dialog .modal-content .modal-title .txt {
color: #CD6429;
}
.edit-profile .modal-dialog .modal-content .sub-text {
font-family: Schibsted Grotesk;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #A8A8A8;
padding-bottom: 20px;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .modal-content .sub-text {
font-size: 14px;
padding-bottom: 10px;
}
}
@media (max-width: 1481px) {
.edit-profile .modal-dialog .modal-content .sub-text {
font-size: 12px;
}
}
.edit-profile .modal-dialog .form-control, .edit-profile .modal-dialog .form-select {
border: 1px solid #2E2E34;
height: 62px;
display: flex;
align-items: center;
padding-left: 55px;
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
background-color: transparent;
letter-spacing: 0%;
color: #fff;
border-radius: 50px;
}
.edit-profile .modal-dialog .form-control::placeholder, .edit-profile .modal-dialog .form-select::placeholder {
color: #404046;
}
.edit-profile .modal-dialog .form-control:focus, .edit-profile .modal-dialog .form-select:focus {
box-shadow: none;
border: 1px solid #CD6429;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .form-control, .edit-profile .modal-dialog .form-select {
font-size: 14px;
height: 58px;
}
}
@media (max-width: 1441px) {
.edit-profile .modal-dialog .form-control, .edit-profile .modal-dialog .form-select {
height: 52px;
font-size: 12px;
}
}
@media (max-width: 1199px) {
.edit-profile .modal-dialog .form-control, .edit-profile .modal-dialog .form-select {
height: 48px;
}
}
.edit-profile .modal-dialog .form-select {
appearance: none; /* Remove default arrow */
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 0px !important;
background-image: url("../img/Polygon.svg") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 12px !important;
position: relative;
}
.edit-profile .modal-dialog .invalid-feedback {
font-family: "Schibsted Grotesk", sans-serif;
display: block;
position: absolute;
color: #dc3545;
font-size: 14px;
bottom: -21px;
padding-left: 20px;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .invalid-feedback {
font-size: 13px;
}
}
@media (max-width: 1441px) {
.edit-profile .modal-dialog .invalid-feedback {
font-size: 12px;
}
}
.edit-profile .modal-dialog .form-group {
margin-bottom: 40px;
position: relative;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .form-group {
margin-bottom: 30px;
}
}
@media (max-width: 1481px) {
.edit-profile .modal-dialog .form-group {
margin-bottom: 20px;
}
}
.edit-profile .modal-dialog .form-group .input-grp {
display: flex;
}
.edit-profile .modal-dialog .form-group .input-grp .form-select {
border-right: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
color: #fff;
padding-left: 15px;
background: #222225;
}
.edit-profile .modal-dialog .form-group .input-grp .form-select:focus {
box-shadow: none;
border: 1px solid #2E2E34;
}
.edit-profile .modal-dialog .form-group .input-grp .form-control {
border-left: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
padding-left: 10px;
}
.edit-profile .modal-dialog .form-group .input-grp .form-control:focus {
box-shadow: none;
border: 1px solid #2E2E34;
}
.edit-profile .modal-dialog .form-icon {
position: absolute;
left: 29px;
top: 58%;
transform: translateY(-50%);
color: #888;
width: 20px;
height: 18px;
}
.edit-profile .modal-dialog .form-icon.eye-icon {
right: 20px;
left: unset;
}
.edit-profile .modal-dialog .form-label {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: #fff;
}
@media (max-width: 1679px) {
.edit-profile .modal-dialog .form-label {
font-size: 14px;
}
}
@media (max-width: 1441px) {
.edit-profile .modal-dialog .form-label {
font-size: 12px;
}
}
.edit-profile .modal-footer {
padding-top: 40px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
@media (max-width: 1679px) {
.edit-profile .modal-footer {
padding-top: 30px;
}
}
@media (max-width: 1481px) {
.edit-profile .modal-footer {
padding-top: 20px;
}
}
.address-modal .modal-dialog {
max-width: 900px;
}
.address-modal .modal-header {
padding-bottom: 40px !important;
}
.address-modal .modal-content {
padding: 70px 80px;
}
@media (max-width: 1679px) {
.address-modal .modal-content {
padding: 50px 60px;
}
}
@media (max-width: 1481px) {
.address-modal .modal-content {
padding: 30px 40px;
}
}
@media (max-width: 1199px) {
.address-modal .modal-content {
padding: 30px;
}
}
@media (max-width: 579px) {
.address-modal .modal-content {
padding: 20px;
}
}
.address-modal .btn-close {
width: 17px;
height: 17px;
}
.address-modal .form-control, .address-modal .form-select {
padding-left: 30px !important;
}
/*# sourceMappingURL=modal.css.map */