@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #F5F5FC;
    color: #30303C;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #30303C;
    font-family: "Aleo", serif;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #30303C;
}
p a {
    color: #30303C;
}
p {
    line-height: 24px;
    margin-bottom: 10px;
}
a {
    color: #30303C;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
}
ul {
    margin-bottom: 0;
}
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #30303C;
}
iframe {
    border: none;
    width: 100%;
}
select {
    background-color: #f0eef0;
    border: 1px solid #dfdfdf;
    color: #30303C;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/arrow.svg') calc(100% - 10px) center no-repeat;
}
label {
    color: #6c8391;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}

input[type="submit"] {
    outline: none;
}
form p {
    float: left;
    position: relative;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: inside none disc;
    list-style: none;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: outside none decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: outside none decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border: 1px solid #dddddd;
    line-height: 1.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #dddddd;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #dddddd;
}
table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0 none;
}
table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #999;
}
dl dd   { margin-left: 20px; }
address { font-style: italic; }
/*CSS*/
.container {
    max-width: 1270px;
}
.st-main-wrapper {
    overflow: hidden;
}
.topstrip {
    display: flex;
    background-color: #30303C;
    align-items: center;
    justify-content: center;
    gap: 100px;
    padding: 15px;
}
.topstrip span {
    font-weight: bold;
    font-size: 30px;
    color: #F5F5F5;
    line-height: 1.15;
    /* text-transform: capitalize; */
}
.topstrip a {
    color: #F5F5F5;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    line-height: 1;
    padding-bottom: 7px;
    letter-spacing: 1.5px;
    white-space: nowrap;
}
.topstrip a small { font-size: 100%; }
.topstrip a:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #F5F5F5;
    height: 1.5px;
    width: calc(100% - 10px);
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}
.topstrip a:hover:after {
    width: calc(100% - 30px);
}
/*.navbar*/
.navbar {padding: 0; margin-left: auto;}
.header_navigation {
    background-color: #272727;
    padding: 19px 0;
    transition: all 0.4s ease-in-out;
}
.header_navigation_wra { min-height: 100px; }
.stickyheader .header_navigation {
    position: fixed;
    left: 0;
    top: -100px;
    width: 100%;
    z-index: 99;
    padding: 8px 0;
}
.stickyheader .header_navigation.active { top: 0 }
.header_navigation .container {
    display: flex;
    align-items: center;
}
.navbar-nav > li {
    display: flex;
    align-items: center;
}
.navbar-nav > li img {
    width: 25px;
    cursor: pointer;
    pointer-events: none;
}
.navbar-nav > li > a {
    color: #F5F5F5;
    padding: 0 !important;
    text-transform: capitalize;
    letter-spacing: 1.5px;
}
.navbar-nav > li > a.nav-link {position: relative;}
.navbar-nav > li > a.nav-link:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 1.5px;
    border-radius: 10px;
    background-color: #F5F5F5;
    transition: all 0.4s ease-in-out;
}
.navbar-nav > li { position: relative; }
.navbar-nav > li > a.nav-link:hover:after,
.navbar-nav > li > a.nav-link.active:after {
    width: calc(100% - 15px);
}
.navbar-nav { gap: 32px; align-items:center; }
.navbar-nav a.simple_btn {
    padding: 11px 40px 10px !important;
    border: 1px solid #F5F5F5;
    transition: all 0.4s ease-in-out;
    display: inline-block;
}
.navbar-nav a.simple_btn:hover {
    background-color: #F5F5F5;
    color: #272727;
}
.navbar-nav > li:hover .header_dropdown {opacity: 1; visibility: visible;}
.header_dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    margin-left: 0;
    width: 250px;
    background-color: #fff;
    margin-top: 10px;
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    z-index: 999;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.header_dropdown li { margin: 5px 0 }
.header_dropdown li a {
    color: #848484;
    line-height: 23px;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.header_dropdown li a:after {
/*    content: '';*/
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #848484;
    transition: all 0.4s ease-in-out;
}
.header_dropdown li a:hover { color: #000 }
.head_login {
    margin-left: 26px;
}
.header_create_account {
    background-color: #E6E6EF;
    min-height: 70px;
    display: flex;
    align-items: center;
}
.header_create_account .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_create_account span {
    font-size: 16px;
    color: #272727;
    display: inline-block;
    letter-spacing: 1px;
}
.head_button {
    display: flex;
    align-items: center;
    gap: 59px;
}
.head_button a {
    display: inline-block;
    color: #272727;
    position: relative;
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 5px;
    letter-spacing: 1.5px;
    cursor: pointer;
}
.head_button a:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #272727;
    height: 1px;
    width: 100%;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}
.head_button a:hover:after {
    width: calc(100% - 20px);
}
/*subbanner*/
.subbanner {
    background: url('../images/subbanner.jpg') center;
    background-size: cover;
    min-height: 450px;
    display: flex;
    align-items: center;
}
.subbanner h1 {
    font-size: 68px;
    text-align: center;
    text-transform: capitalize;
    color: #F5F5F5;
    text-align: center;
    letter-spacing: 6px;
}
/*signup_form_wrap*/
.signup_form_wrap {
    padding: 80px 0;
}
.signup_form_wrap .container {
    display: flex;
    gap: 40px;
    align-items: center;
}
.signup_form_wrap .container > img {
    max-width: 590px;
    border-radius: 20px;
    box-shadow: 48px 58px 120px rgba(0,0,0,0.1);
}
.signup_form {
    width: 100%;
    max-width: 610px;
}
.signup_form ul li {
    margin-bottom: 20px;
}
.signup_form ul li label:first-child {
    margin: 0 0 10px;
    line-height:1;
    color: #30303C;
    font-weight: 500;
}
.signup_form ul li:last-child { margin-bottom: 0; }
.signup_form h2 {
    font-size: 48px;
    text-transform: capitalize;
    margin-bottom: 30px;
    letter-spacing: 4.3px;
}
.form-control,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple,
.inner_editor .select2-container--default .select2-selection--single {
    border: 1px solid #000000;
    background-color: transparent !important;
    color: #272727;
    height: 59px;
    padding-left: 24px;
    padding-right: 30px;
    border-radius: 10px;
}
.select2-container--default .select2-selection--multiple,
.inner_editor .select2-container--default .select2-selection--single { padding-left: 19px; }
textarea.form-control { height: 115px; padding-top: 14px }
.form-control::placeholder { color: #272727 }
.check_wrap {
    position: relative;
    margin: 10px 0;
    display: flex;
    line-height: 20px;
    color: #30303C;
    letter-spacing: 1.5px;
    gap: 10px;
    line-height: 1.25 !important;
    cursor: pointer;
}
.check_wrap input {position: absolute; opacity: 0}
.checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 2px solid #30303C;
    border-radius: 3px;
    margin-top: 0;
}
.check_wrap img {
    width: 20px;
    flex: 0 0 20px;
    height: 20px;
    display: none;
    margin-top: 0;
}
/*.check_wrap .checkbox,
.check_wrap img { margin-top: 0; width: 20px; height: 20px; flex: 0 0 20px; }*/
.check_wrap input:checked ~ .checkbox { display:none; }
.check_wrap input:checked ~ img {
    display: block;
}
/*signup_buttons*/
.signup_buttons {
    display: flex;
    align-items: center;
    gap: 60px;
}
.submit_btn {
    background-color: #30303C;
    border: 1px solid #30303C;
    border-radius: 10px;
    letter-spacing: 1.5px;
    font-weight: 400;
    text-transform: capitalize;
    height: 59px;
    color: #F5F5F5;
    outline: none !important;
    padding: 1px 40px 0;
    transition: all 0.4s ease-in-out;
}
.submit_btn:hover {
    background-color: transparent;
    color: #30303C;
}
a.submit_btn { padding: 15px 40px 14px; display: inline-block; }
.already {
    letter-spacing: 1.5px;
    text-transform: capitalize;
    line-height: 1;
    position: relative;
    padding-bottom: 7px;
}
.already:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #30303C;
    height: 1.5px;
    width: calc(100% - 10px);
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}
.already:hover:after {
    width: calc(100% - 30px);
}
/*main_footer_wrap*/
.main_footer_wrap {
    background: url('../images/footer-bg.jpg') top center;
    padding: 80px 0 0;
    background-size: cover;
}
.main_footer_wrap a,
.main_footer_wrap span,
.main_footer_wrap i {
    color: #f5f5f5;
    text-transform: capitalize;
}
.main_footer_wrap h4 {
    margin: 0 0 25px;
    color: #f5f5f5;
    text-transform: capitalize;
}
/*footer_logo*/
/*.footer_logo {
    margin: 0 0 70px;
    text-align: center;
}*/
.footer_logo { margin-bottom: 0 }
.footer_logo img {
    width: 300px;
}
.contact_links li { line-height: 24px }
.contact_links li,.quick_links ul li { margin-bottom: 10px }
.quick_links ul li a {
    position: relative;
    display: inline-block;
}
.contact_links,.quick_links {margin-bottom: 30px}
.quick_links ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #f5f5f5;
    transition: all 0.4s ease-in-out;
}
.quick_links ul li a:hover:after { width: 100% }
.contact_links li i {
    transition: all 0.4s ease-in-out;
    width: 20px;
    flex: 0 0 20px;
    margin-top: 6px;
}
.contact_links li:hover i { transform: scale(1.2); }
.contact_links li {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
/*.social_network*/
.social_network {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 50px;
}
.social_network a { transition: all 0.4s ease-in-out }
.social_network a:hover {
    transform: scale(1.3);
}
.social_network a img {
    filter: invert(1);
    width: 30px;
}
.footer_down { margin-top: 50px }
.footer_down .container {
    display: flex;
    justify-content: space-between;
}
.footer_down {
    background-color: #F5F5FC;
    padding: 11px 0 10px;
}
.footer_down span {
    color: #30303C;
    font-size: 13px;
}
.footer_down span img { width:20px }
.footer_down a { color: #30303C }
.footer_down a:hover { text-decoration: underline; }
/*land_wrapper*/
.land_wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 40px 0
}
/*side_filters*/
.side_filters {
    width: 400px;
}
.filter_header {
    background-color: #30303C;
    padding: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter_header h2  {
    color: #f5f5f5;
    font-size: 24px;
    text-transform: capitalize;
/*    margin-bottom: 25px;*/
}
.filter_header button {
    background-color: transparent;
    outline: none !important;
    padding: 0;
    color: #AAAAAA;
    text-transform: capitalize;
    border-bottom: 1px solid #AAAAAA;
    transition: all 0.4s ease-in-out;
}
.filter_header button:hover { color: #fff; border-bottom-color: #fff }
.filter_header a {
    background-color: transparent;
    outline: none !important;
    padding: 0;
    color: #AAAAAA;
    text-transform: capitalize;
    border-bottom: 1px solid #AAAAAA;
    transition: all 0.4s ease-in-out;
}
.filter_header a:hover { color: #fff; border-bottom-color: #fff }
.filters {
    background-color: #EAEAFF;
    padding: 25px 30px 40px;
}
.filters ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(39,39,39,0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.filters ul li span {
    letter-spacing: 1.5px;
    text-transform: capitalize;
    word-break: break-word;
}
.filters ul li .form-control {
    height: 43px;
    text-transform: capitalize;
    padding: 0 10px;
    text-align:center;
    letter-spacing: 1.5px;
}
.filters ul li .enterplan {width: 200px;}
.filters ul li .select_option {
    width: 150px;
    text-align: left;
    padding-left: 24px;
    flex: 0 0 150px;
}
.input_wrap {
    display: flex;
    gap: 16px;
}
.input_wrap input {
    width: 100px;
}
.input_wrap input::placeholder { color: #828080 }
.more_btn {
    display: flex;
    justify-content: space-between;
    text-align: right;
    margin-top: 25px;
}
.more_btn button.showmore {
    background-color: transparent;
    outline: none !important;
    border-bottom: 1px solid #272727;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    color: #1E1E1E;
}
.more_btn button.showmore img { margin-left: 15px }
.request_quote {
    background-color: #30303C;
    padding: 40px 30px;
}
.request_quote h2 {
    color: #f5f5f5;
    text-transform: capitalize;
    margin-bottom: 35px;
}
.request_quote ul li { margin-bottom: 20px; }
.request_quote ul li .form-control {
    background-color: #F5F5FC !important;
    border: none;
    height: 58px;
}
.request_quote ul li:last-child { margin-bottom:0 }
.request_quote ul li textarea.form-control { height: 135px }
.request_quote .submit_btn {
    border: 1px solid #F5F5F5;
}
.request_quote .submit_btn:hover {
    background-color: #F5F5F5;
}

/*land_cards_wrapper*/
.main_cards_wrapper {
    width: calc(100% - 400px);
    padding: 0px 30px;
}
.main_cards_wrapper.wishlist_wrapper { width: 100% }
.wishlist_wrapper > h2 {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    margin-bottom: 60px;
}
.wishlist_wrapper > h2 img {
    width: 40px;
    margin-top: -10px;
}
.card_header {
    margin-bottom: 46px;
    display: flex;
    justify-content: space-between;
}
.card_header .form-control {
    width: 180px;
    text-transform: capitalize;
    margin-bottom: 40px;
}
.card_header .pagination { margin-top: 10px; }
.card_header section h2 { letter-spacing: 1.5px }
.card_header section h2 span {
    font-size: 16px;
    font-weight: 400;
}
.pagination_wrap > span,.card_header section > span {
    font-size: 20px;
    letter-spacing: 1.5px;
    text-align: right;
    display: block;
}
.pagination_wrap > span {font-size: 16px;}
/*pagination*/
.pagination_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.pagination_wrap .pagination { margin-bottom:0 }
.pagination { margin-bottom: 40px }
.pagination ul {
    display: flex;
    align-items: center;
    gap: 12px;
}
.pagination button {
    border: 1.5px solid #1E1E1E;
    color: #1E1E1E;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    outline: none !important;
    padding-top: 1px;
    background-color: transparent;
    opacity: 0.4;
    letter-spacing: 1.5px;
}
.pagination button.next,
.pagination button.prev,
.pagination button.active { opacity: 1 }
.pagination button.dots { width: auto; border: none; letter-spacing: 3px}
.pagination button.prev img { transform: rotate(90deg);}
.pagination button.next img { transform: rotate(-90deg);}
.land_cards_wrapper {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
    display: grid;
    flex-wrap: wrap;
    margin: 0px -12px;
    scrollbar-width: none;
}
.wishlist_cards.land_cards_wrapper {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}
.land_card_main {
    width: 100%;
    padding: 0 12px;
    margin-bottom: 30px;
    height: calc(100% - 30px)
}
.land_card {
    box-shadow: 16px 16px 48px rgba(0,0,0,0.08);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: all 0.4s ease-in-out;
    height: 100%
}
.land_card:hover {box-shadow: 10px 10px 38px rgba(0,0,0,0.18);}
.land_card figure {
    margin-bottom: 0;
}
.land_card figure figcaption {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 100%;
}
.land_card figure figcaption img {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.land_card figure figcaption img.heart {
    left: unset;
    right: 20px;
    top: 24px;
    cursor: pointer;
    pointer-events: unset;
}
.land_card figure > img {
    width: 100%;
    min-height: 200px;
    border-radius: 12px 12px 0 0;
}
.land_card h2 {
    padding: 14px 20px;
    color: #272727;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    letter-spacing: 1.5px;
    font-family: "Poppins", sans-serif;
}
.land_card ul li > img.heart {
    margin-left: auto;
    height: 20px;
}
.land_card h2 span {
    font-size: 16px;
    margin-left: 10px;
    font-weight: 400;
}
.land_card ul li > small {
    margin-right: auto;
    color: #008218;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    max-width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.land_card ul li {
    padding: 3px 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    border-top: 1px solid rgba(39,39,39,0.1);
}
.inner {
    display: flex;
    gap: 10px;
    align-items: center;
}
.inner span {
    font-weight: 900;
    font-size: 14px;
    color: #272727;
}
.inner span small {
    font-weight: 400;
    font-size: 12px;
}
.inner:last-child {
    margin-left: auto;
    min-width: 110px;
}
/*plan_details_wrapper*/
.plan_details_wrapper{
    padding: 80px 0;
}
.plan_details_title {
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}
.plan_details_title h2 {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    font-size: 35px;
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.plan_details_title h3 {
    font-size: 35px;
    color: #008218;
    /* margin-top: 25px; */
    letter-spacing: 2px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.plan_details_title h3 a { color: #008218; font-size: 80% }
/*.plan_details_title h2 span {font-size: 35px;}*/
.plan_tags {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.plan_main_slider {
    display: flex;
    align-items: center;
    gap: 100px;
    position: relative;
}
.project_heart {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9;
    width: 45px;
    cursor: pointer;
}
.plan_description .project_heart {
    position: inherit;
    display:inline-block;
    margin-bottom: 20px;
    height: 39px;
}
.plan_detail_slid {
    position: relative;
}
.plan_detail_slider {
    width: 945px;
    max-width: 100%;
}
.plan_detail_slider .layer img {
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
}
.plan_main_pdf > a {
    overflow: hidden;
    position:relative;
    display: inline-block;
}
.plan_main_pdf > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.7) url("../images/zoom.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.plan_main_pdf > a:hover:before {opacity: 1}
.plan_detail_sides {
    width: 244px;
    flex: 0 0 244px;
}
.plan_detail_sides .layer { margin: 7px 0 }
.plan_detail_sides .layer img {
    width: 100%;
    height: 122px;
    border-radius: 12px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.7;
}
.plan_detail_sides .layer.slick-current img { opacity:1 }
.simple_btns {
    letter-spacing: 1.5px;
    padding: 11px 40px 10px;
    border: 1px solid #272727;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    background-color: #272727;
    color: #f5f5f5;
    text-transform: capitalize;
}
.simple_btns:hover {
    background-color: transparent;
    color: #272727;
}
.plan_description {
    width: 55%;
}
.plan_description h2 {
    font-size: 36px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.plan_description p {
    margin-bottom: 30px;
}
.slick-arrow {
    width: 100%;
    display: block;
    text-align: center;
    padding: 6px 0;
    cursor: pointer;
}
.slick-arrow-left.slick-arrow img {
    transform: scaleY(-1);
}
.slick-arrow img {
    width: 20px;
}
.plan_information {
    background-color: #E6E6E6;
    padding: 80px 0 50px;
}
.plan_information .container { max-width: 1140px }
.plan_information ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -30px;
}
.plan_information ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*    width: 350px;*/
    width: 25%;
    margin-bottom: 30px;
    padding: 0 30px;
}
.plan_information ul li:hover img { transform: scaleX(-1); }
.plan_information ul li img {
    height: 40px;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}
.plan_information h2 {
    font-size: 36px;
    margin-bottom: 60px;
    text-transform: capitalize;
    text-align: center;
}
.plan_information ul li h3 {
    margin-bottom: 0px;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    line-height: 1.25;
}
/*related_wrapper*/
.related_wrapper {
    padding: 80px 0 60px;
    position: relative;
}
.related_wrapper h3 {
    font-size: 48px;
    display: block;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.related_slider .layer { padding: 20px 25px }
.related_slider .land_card {
    box-shadow: 10px 10px 23px rgba(0,0,0,0.08);
}
.related_wrapper .slick-arrow {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    width: auto;
}
.related_wrapper .slick-arrow.slick-arrow-right {
    left: unset;
    right: -30px;
}
.related_slider { position: relative; }
iframe { height:654px }
.eye_wrap {
    position: relative;
}
.eye_wrap input {
    padding-right: 70px;
}
.eye_wrap img {
    position: absolute;
    right: 30px;
    top: 14px;
    width: 30px;
    cursor: pointer;
}
/*account_wrapper*/
.account_wrapper {
    padding: 80px 0;
}
.account_card {
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 40px;
    height: 100%;
}
.account_card h2  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
    font-size: 32px;
    margin-bottom: 30px;
}
.account_card h2 img {
    width: 30px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.account_card h2 img:hover { transform: scale(1.2); }
.modal-backdrop { width: 100%; height: 100% }
.account_card ul li {
    margin-bottom: 20px;
    line-height: 1;
}
.account_card ul li:last-child { margin-bottom:0 }
.account_card label {
    margin: 0 0 12px;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
    color: #30303C;
}
.account_card span {
    display: block;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
}
.close {
    position: absolute;
    right: 10px;
    top: 0;
    opacity: 1 !important;
    z-index: 99;
    font-size: 45px;
    outline: none !important;
    transition: all 0.4s ease-in-out;
}
.close:hover { transform: rotate(45deg); }
.modal-body {
    padding: 50px;
}
.modal-content {
    background: #f5f5f5 url('../images/section-bg-logo.png') no-repeat right center;
    background-size: contain;
}
.editModal_wrap h2 {
    margin-bottom: 20px;
    font-size: 28px;
    text-transform: capitalize;
}
.modal-dialog { max-width: 700px }
.editModal_wrap ul { margin: 0 -5px; display:flex; flex-wrap: wrap; }
.editModal_wrap ul li {
    margin-bottom: 20px;
    width: 50%;
    padding: 0 5px;
}
.editModal_wrap ul li label {
    font-weight: 500;
    line-height: 1;
    color: #313131;
}
.editModal_wrap ul li:last-child { margin-bottom:0 }
/*error_wrapper*/
.error_wrapper {
    padding: 60px 0 80px;
    text-align: center;
}
.error_wrapper h1 {
    margin-bottom: 0;
    font-size: 300px;
}
.error_wrapper h2 {
    text-transform: capitalize;
    font-size: 48px;
    margin-bottom: 20px;
}
.error_wrapper p {
    font-size: 20px;
    margin-bottom: 30px;
}
.dropdown-toggle::after { display:none; }
.closefilter { opacity: 0; }
.closefilter img {pointer-events: none;}
/*Admin Styling*/
.admin_header_wrapper {
    background-color: #272727;
    padding: 19px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}
.admin_header_wrapper.admin_un { position: relative; }
.admin_login {
    background: url('../images/adminlogin.jpg');
    border-radius: 20px;
    box-shadow: 0 0 120px rgba(0,0,0,0.12);
    width: 1130px;
    max-width: 100%;
    padding: 63px 70px;
    margin: 0 auto;
}
.admin_login .signup_form { max-width: 450px; }
.admin_login .signup_buttons .already { margin-left: auto; }
/*admin_panel_wrppaer*/
.admin_panel_wrppaer {
    width: 100%;
    position: relative;
    display: flex;
}
.sidebar_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 340px;
    background: #30303C;
    padding: 140px 30px 0;
    transition: all 0.4s ease-in-out;
    z-index: 99;
}
.sidebar_wrapper ul li { margin-bottom: 15px; }
.sidebar_wrapper ul li a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-transform: capitalize;
    padding: 20px 20px;
    border-radius: 10px;
    position: relative;
    background: linear-gradient(to right,  rgba(30,30,30,1) 0%,rgba(30,30,30,0) 100%);
    color: #f5f5f5;
}
.sidebar_wrapper ul li a:before {
    content: '';
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../images/right-arrow.svg') center no-repeat;
    width: 9px;
    height: 18px;
    background-size: contain;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.sidebar_wrapper ul li a.active { background: #1E1E1E }
.sidebar_wrapper ul li a.active:before,
.sidebar_wrapper ul li a:hover:before { right: 20px; opacity: 1 }
/*panel_wrapper*/
.panel_wrapper {
    width: calc(100% - 340px);
    padding: 140px 25px 30px;
    margin-left: auto;
}
/*.panel_stastics*/
.panel_stastics { margin-bottom: 20px; }
.panel_stastics ul {
    display: flex;
    margin: 0 -25px;
}
.panel_stastics ul li {
    width: 25%;
    padding: 0 25px;
    margin-bottom: 30px;
}
.panel_stastics section {
    background-color: #F5F5FC;
    box-shadow: 16px 16px 48px rgba(0,0,0,0.08);
    border-radius: 12px;
    padding: 30px;
    transition: all 0.4s ease-in-out;
}
.panel_stastics section:hover {box-shadow: 16px 16px 28px rgba(0,0,0,0.25);}
.panel_stastics section h2 {
    font-size: 40px;
    margin: 0 0 10px;
}
.panel_stastics section span { text-transform: capitalize; }
/*panel_call_action*/
.panel_call_action {
    background-color: #1E1E1E;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 30px;
    margin-bottom: 30px;
}
.panel_call_action h2 {
    color: #f5f5f5;
    font-size: 28px;
}
.title-text { font-size: 100%; }
.panel_call_action h3 {
    display: flex;
    color: #f5f5f5;
    flex-direction: column;
    gap: 0;
    white-space: nowrap;
    font-weight: 400;
}
.panel_call_action h3 a { color: #f5f5f5 }
.panel_call_action h3 img {
    width: 20px;
    filter: invert(1);
}
/*panel_cards_wrap*/
.panel_cards_wrap { margin-bottom: 30px }
.panel_cards_wrap h2 {
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 30px;
}
.panel_cards_table {
    box-shadow: 0 0 120px rgba(0,0,0,0.12);
    border-radius: 12px;
    overflow: hidden;
}
.panel_table {
    background: #F5F5FC;
    overflow: auto;
}
.panel_table table tbody tr:nth-child(even) {
    background-color: #EFEFF4;
}
.panel_cards_table table { margin-bottom:0 }
.panel_cards_table table tr th {
    background: #1E1E1E;
    color: #fff;
    font-weight:bold;
    text-transform: capitalize;
    white-space: nowrap;
}
.panel_cards_table table.table_nowrap tr td {
    white-space: nowrap;
}
.panel_cards_table table tr td.unwrap {
    white-space: unset;
}
.panel_cards_table table tr th,
.panel_cards_table table tr td {
/*    padding: 30px 20px;*/
    padding: 15px;
    border: none;
    border-right: 1px solid #BDBDBD;
    text-align: left;
    letter-spacing: 1px;
    vertical-align: middle;
    font-size: 14px;
}
.panel_cards_table table tr th:last-child,
.panel_cards_table table tr td:last-child {
    border-right: none;
}
/*panel_cards_table*/
.inner_editor {
    display: flex;
    align-items: center;
    gap: 20px;
}
.inner_editor span small { font-size:100%; margin-left: -4px; }
.inner_editor.plans { justify-content: space-between; }
.inner_editor.bulkpri span {
    display: flex;
    align-items: center;
    gap: 2px;
}
.inner_editor.bulkpri span input { width: 100px; margin: 0 5px; }
img.edit {
    width: 30px;
    flex: 0 0 30px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
img.edit:hover { transform: scale(1.2); }

img.edit_bulk_price {
    width: 20px;
    flex: 0 0 20px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
img.edit_bulk_price:hover { transform: scale(1.2); }

.plans span {
    text-decoration: underline;
    display: inline-block;
}
.form-control.mincontrol {
    width: 300px;
    height: 48px;
}
.inner_editor .title_text {
    /*white-space: nowrap;
    overflow: hidden;*/
    max-width: 500px;
/*    text-overflow: ellipsis;*/
    letter-spacing: 0;
}
.page_title h1 {
    font-size: 40px;
    text-transform: capitalize;
}
.panel_search { margin-bottom: 50px; }
.panel_search ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.panel_search > ul > li {
    width: 33.333%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.panel_search > ul > li:last-child { margin-bottom:0 }
.panel_search .check_wrap {
    font-weight: 400;
    letter-spacing: 0;
}
.button_wrap {
    display: flex;
    align-items: center;
    gap: 21px;
}
.clear {
    color: #000;
    display: inline-block;
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    line-height: 1;
    padding-bottom: 7px;
    letter-spacing: 1.5px;
    position: relative;
    outline: unset !important;
    background-color: transparent;
}
.clear:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #000;
    height: 1.5px;
    width: calc(100% - 10px);
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}
.clear:hover:after {
    width: calc(100% - 30px);
}
.table_action {
    display: flex;
    align-items: center;
    gap: 15px;
}
.table_action a {cursor: pointer; flex: 0 0 20px }
.table_action img { width: 20px; transition: all 0.4s ease-in-out}
.table_action a:hover img { transform: scale(1.2); }
.submit_btn img { margin-left: 16px; margin-bottom: 5px; }
.submit_btn:hover img { filter: invert(1); }
.page_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.tag_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.shadow_cards {
    padding: 40px;
    background-color: #F5F5FC;
    box-shadow: 0 0 88px rgba(0,0,0,0.1);
    border-radius: 12px;
    margin-bottom: 20px;
}
.shadow_cards .panel_search { margin-bottom:0 }
.shadow_cards h2 {
    margin-bottom: 20px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 40px;
    font-size: 22px;
}
.description_wrap textarea {
    height: 493px;
    border-color: #898989;
    box-shadow: 24px 24px 48px rgba(0,0,0,0.08);
}
.pricing_wrap h5 { letter-spacing: 1.5px; margin-bottom: 16px }
.pricing_wrap span { font-weight: 400; letter-spacing: 1.5px; }
.upload_file {
    display: flex;
    width: 224px;
    height: 221px;
    border-radius: 12px;
    border: 1px dashed #30303C;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 0;
    box-shadow: 16px 16px 48px rgba(0,0,0,0.08);
}
.upload_file input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.upload_file img {
    width: 20px;
}
.preview {
    position: relative;
    display: inline-block;
    margin-top: 20px
}
.preview img {
    object-fit: cover;
    width: 224px;
    height: 221px;
    border-radius: 12px;
}
.gallery_wrap { width: 100% }
.gallery_wrap h6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.gallery_wrap h6 img { filter: invert(1); }
.gallery_wrap h6 span {
    font-weight: bold;
}
.gallery_wrap h6 span small {
    font-size: 100%;
    font-weight: 400;
}
.gallery_preview {
    padding: 30px;
    border-radius: 12px;
    border: 1px dashed #30303C;
    background-color: #F5F5FC;
    box-shadow: 16px 16px 48px rgba(0,0,0,0.08);
}
.gallery_preview ul{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.gallery_preview ul li {
    width: 138px;
    position: relative;
}
.gallery_preview ul li img {
    width: 100%;
    height: 138px;
    border-radius: 12px;
    object-fit: cover;
}
.remove_image {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.remove_image:hover { transform: rotate(45deg); }
.overall_progress section {
    width: 100%;
    height: 10px;
    background: #ddd;
    margin-bottom: 5px;
    overflow: hidden;
    border-radius: 5px;
}
.overall_progress {
    height: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
}
.overall_progress span {
    font-weight: bold;
}

.overall_progress_bar {
    height: 100%;
    background: #4caf50;
    transition: width 0.3s;
    display: flex;
    align-items: center;
    justify-content: end;
}

.progres {
    width: 100%;
    height: 10px;
    position: relative;
    border: 1px solid #30303C;
    border-radius: 10px;
    margin-bottom: 15px;
    opacity: 0;
}
.progres span {
    transition: all 0.7s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #4caf50;
}
.progres small {
    position: absolute;
    left: 0;
    bottom: -20px;
    line-height: 1;
    font-weight: 500;
}
.progres small:last-child { left: unset; right:0 }
.check-list {
    display: flex;
    gap: 15px;
    font-size: 20px;
    font-weight: bold;
    align-items: flex-start;
    margin: 15px 0;
}
/*panel_search*/
.panel_search label {
/*    font-size: 18px;*/
    margin-bottom: 0;
    color: #1E1E1E;
    font-weight: 500;
}
.tags_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
.description_wrap p {
    line-height: 1.5;
    margin-bottom: 30px;
}
.description_wrap p:last-child { margin-bottom:0 }
.login_modal_wrap .modal-body {
    text-align: center;
}
.login_modal_wrap .modal-body h1 { margin-bottom: 40px }
.login_modal_wrap .modal-body h2 { text-transform: capitalize; margin-bottom: 20px; font-size: 28px; }
.login_modal_wrap .head_button { justify-content:center; }
.magnify-modal {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}
.magnify-stage { border: none; }
.magnify-modal button { outline: none !important; }
.magnify-button-maximize,.magnify-button-actualSize { display:none; }
.forgot_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.forgot_wrap .check_wrap { margin:0 }
.pricing_modal_wrap {
    display: flex;
    gap: 5px;
    flex-direction: column;
    width: 70%;
    text-align: left;
    margin: 0 auto;
}
.pricing_modal_wrap span {
    font-weight: bold;
    display: block;
}
.login_modal_wrap .head_button {
    gap: 20px;
    margin-top: 20px
}
.status-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
.status-cell select {
    height: 48px;
    padding-left: 10px;
    font-size: 13px;
    min-width:100px;
}
.status-cell img {
    flex: 0 0 20px;
    width: 20px;
}
.admin_login_wrap {
    min-height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.admin_login_wrap .container { max-width: 1140px }
.panel_call_action .edit-title-input {
    max-width: 500px;
    background-color: #f5f5f5 !important;
    padding: 0 20px;
}
.sorting {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    gap: 10px;
}
.sorting select { max-width: 300px }
.table_nowrap a { text-transform: unset; letter-spacing:0 }
.table_nowrap a.clear { padding-bottom:0; overflow: unset; }
.table_nowrap a.clear:after { bottom: -3px }
.pdf_uploader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pdf_uploader .submit_btn {
    height: 33px;
    padding: 0 18px;
    font-size: 12px;
}
.clear,.submit_btn { overflow: hidden; position: relative; }
.clear input,.submit_btn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 0;
    overflow: unset;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 14px;
    padding: 0 14px 0 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    box-shadow: none;
    right: -7px;
    left: unset;
    padding: 0;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100%;
    line-height: 1.4;
    top: -7px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 59px; }
.description_wrap.details section {
/*    height: 424px;*/
    height: 300px;
    overflow: auto;
    padding-right: 10px;
}
.gallery_preview.gallery_details {
    border: none;
    padding: 0;
    box-shadow: none;
}
.zoom_gal {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.zoom_gal:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) url("../images/zoom.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
.zoom_gal:hover:before { opacity:1 }
#importModal section {
    border: 1px dashed #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    padding: 20px 20px 30px;
    gap: 10px;
    margin-bottom: 20px;
}
#importModal section small {
    font-size: 100%;
}
#importModal section > img {
    filter: invert(1);
    margin-bottom: 20px;
}
.header_logo .mobile {display: none;}
/*admin_menu*/
.admin_menu {
    background-color: transparent;
    outline: none !important;
    border: none;
    display: none;
}
.admin_menu img {
    width: 50px;
}
.top-btn {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 50px;
    height: 50px;
    background-color: #272727;
    outline: none !important;
    border-radius: 100%;
}
.top-btn img {
    filter: invert(1);
    transform: scaleY(-1);
    width: 16px;
}
.hide_list { display:none !important; }
.hide_list.show { display:flex !important; }
.submit_btn.closefilter { display: none; }
.magnify-title { display:none !important; }
.form-control:disabled, .form-control[readonly] { background: #e9ecef !important }
.modal-body p a {
    padding-bottom: 0;
    letter-spacing: 0;
    line-height: 24px;
    display: unset;
    text-transform: none;
}
.deleteModal .modal-dialog { max-width: 550px; }
.deleteModal.login_modal_wrap .modal-body { padding: 50px 50px }
.hometable tr td { width:50%; }
.select2-container--default .select2-search--inline .select2-search__field {
    height: 40px;
    padding-top: 10px;
    color: #272727;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder { color: #272727 }
.dropdown-wrapper {
    background: url('../images/arrow.svg') center no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    pointer-events: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-right: 40px;
    margin-top: 13px;
}
#upload { pointer-events: none; }
.dropdown:hover .dropdown-menu {
    display: block;
    right: 0;
    left: unset;
}
#pdf-canvas {
  width: 100%;
  height: auto;
}
.loader {
    text-align: center;
    font-size: 16px;
    color: #555;
    padding: 20px;
  }

  /* Optional: show a spinner */
  .loader::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid #ccc;
    border-top: 3px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
    vertical-align: middle;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .pdf-viewer { min-height:  200px; }
  .plan_main_pdf {
    position: relative;
    width: 45%;
    flex: 0 0 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    overflow: hidden;
  }
  .plan_main_pdf img { border-radius:12px }
.pdf_prev {
    position: relative;
/*    height: calc(100% - 20px);*/
}
.pdf_prev img { width: 100%; }
.pdf_prev a {
    position: relative;
    display: inline-block;
}
.pdf_prev .download_icon {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    background: #30303C;
    z-index: 9;
}
.pdf_prev .download_icon:before { display: none; }
.pdf_prev .download_icon img {
    width: unset;
    transition: all 0.4s ease-in-out;
}
.pdf_prev .download_icon:hover img { transform: scale(1.1);}
.pdf_prev a:before {
    content: '';
    position: absolute;
    right: 50px;
    top: 0;
    width: 50px;
    height: 50px;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
    background: #30303C url("../images/zoom.svg");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.pdf_prev a:hover:before { background-size: 28px; }

.spinner_img{
    max-width: 30px !important;
}
/*no_result*/
.no_result {
    text-align: center;
    padding: 50px 0
}
.no_result img {
    width: 80px;
    margin-bottom: 20px;
}
.no_result h2 {
    margin-bottom: 10px;
}
.no_result p { margin:0 }
.check_wrap.form-control {
    margin-top: 0;
    display: flex;
    align-items: center;
}
#toast-container>div { background-position: 15px 15px !important }
.pdf_uploader.form-control { margin-bottom: 10px; }
.card_sort_form {
    display: flex;
    gap: 10px;
}
label.error_message,.invalid-feedback {
    color: red !important;
    margin: 7px 0 0 !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0.4px !important;
}
.inner_editor .select2-container--default .select2-selection--single {
    padding: 14px 10px;
    min-height: 28px;
    height: auto;
    border: 1px solid #000000;
}
.inner_editor .select2-selection__arrow { display: none; }
.title_input_container { display: flex; }
.bulk_price_type_select { max-width: 200px; }
.table_address {
    display: inline-block;
    width: 300px;
    white-space: normal;
}
.progres ~ .error_message { margin-bottom: 20px !important }
.nodes {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.account_card.field_cards ul li label:first-child {
    font-weight: 500;
}
.modal { z-index: 9999 }
#toast-container>div {opacity: 1 !important;}
.modal_table_wrap {
    max-height: 400px;
    overflow: auto;
}
/*order_form_wrapper*/
.order_form_wrapper {
    padding: 80px 0
}
.order_form_wrapper section {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 50px 30px 30px;
    border-radius: 5px;
    max-width: 900px;
    margin: 0 auto;
    background: url('../images/section-bg-logo.png') center no-repeat;
}
.order_form_wrapper h2 {
    font-size: 36px;
    margin-bottom: 40px;
    text-transform: capitalize;
    text-align: center;
}
.order_form_wrapper ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.order_form_wrapper ul li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.order_form_wrapper ul li .form-control { height: 46px; font-size:14px; }
.order_form_wrapper ul li textarea.form-control { height: 100px }
.order_form_wrapper ul li.lot_width { width: 20%;}
.order_form_wrapper ul li.block_width { width: 30%;}
.order_form_wrapper ul li h3 {
    margin: 0;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
}
.order_form_wrapper ul li label {
    line-height: 1;
    color: #30303c;
    font-size: 14px;
    margin: 0 0 8px;
}
.order_form_wrapper ul li label.check_wrap { font-size: 16px; }
.order_form_wrapper hr { margin:0 !important }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.nextprev {
    display: flex;
    align-items: center;
    gap: 10px;
}
.nextprev span {
    width: 2px;
    display: inline-block;
    height: 25px;
    background-color: #30303c;
}
.nextprev .submit_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 25px 0;
    gap: 10px;
    background-color: transparent;
    color: #30303C;
    border: none;
}
.nextprev .submit_btn:hover img { transform: scale(1.2); }
.nextprev .submit_btn img {
    width: 30px;
    margin: 0;
    transition: all 0.4s ease-in-out;
    filter: invert(0);
}
/*main_footer_top*/
.main_footer_top {
    display: flex;
    align-items: center;
    margin: 0 0 70px;
}
.newsletter_wrap {
    display: flex;
    color: #fff;
    margin-left: auto;
    gap: 50px;
}
.newsletter_wrap section h5 {
    color: #fff;
    margin-bottom: 15px;
}
.newsletter_wrap section p {font-size:14px;margin: 0;}
.newsletter_wrap form {display: flex;align-items: center;gap: 10px;}
.newsletter_wrap input {
    height: 50px;
    padding-left: 15px;
    outline: none !important;
    max-width: 220px;
    width: 100%
}
.newsletter_wrap button {
    padding: 11px 40px;
    border: 1px solid #F5F5F5;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    background-color: transparent;
    color: #F5F5F5;
    outline: none !important;
}
.newsletter_wrap button:hover {
    background-color: #F5F5F5;
    color: #272727;
}
.lead_time_banner { min-height: 45px; }
.lead_time_banner .container { justify-content:center; }
.lead_time_banner span {
    display: flex;
    align-items: center;
    gap: 10px;
}
.lead_time_banner img {width: 20px;}
.editpreview a {
    overflow: hidden;
    border-radius: 12px;
    display: inline-block;
    position: relative;
}
.editpreview a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
    background: rgb(48,48,60,0.7) url("../images/zoom.svg");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.editpreview a:hover:before {
    background-size: 28px;
    opacity: 1
}
.editpreview > button {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #30303C;
    border-radius: 12px;
    width: 30px;
    height: 30px;
    outline: none;
    z-index: 9;
    transition: all 0.4s ease-in-out;
}
.editpreview > button:hover {
    background-color: #555;
}
.editpreview > button img {
    width: 100%;
    height: auto;
    filter: invert(1);
}
.innertext {
    display: flex;
    align-items: center;
    gap: 20px;
}
.innertext section {
    display: flex;
    align-items: center;
}
.innertext section input { margin: 0 5px; }
.jobnumber_select {
    max-width: 300px;
    margin: 10px 0 10px auto;
}