/*
**margin .5rem - 10.0rem
**padding .5rem - 10.0rem
*/

.mt_5 {
    margin-top: 0.5rem;
}
.mt_10 {
    margin-top: 1rem;
}
.mt_15 {
    margin-top: 1.5rem;
}
.mt_20 {
    margin-top: 2rem;
}
.mt_25 {
    margin-top: 2.5rem;
}
.mt_30 {
    margin-top: 3rem;
}
.mt_35 {
    margin-top: 3.5rem;
}
.mt_40 {
    margin-top: 4rem;
}
.mt_45 {
    margin-top: 4.5rem;
}
.mt_50 {
    margin-top: 5rem;
}
.mt_55 {
    margin-top: 5.5rem;
}
.mt_60 {
    margin-top: 6rem;
}
.mt_65 {
    margin-top: 6.5rem;
}
.mt_70 {
    margin-top: 7rem;
}
.mt_75 {
    margin-top: 7.5rem;
}
.mt_80 {
    margin-top: 8rem;
}
.mt_85 {
    margin-top: 8.5rem;
}
.mt_90 {
    margin-top: 9rem;
}
.mt_95 {
    margin-top: 9.5rem;
}
.mt_100 {
    margin-top: 10rem;
}
.mb_5 {
    margin-bottom: 0.5rem;
}
.mb_10 {
    margin-bottom: 1rem;
}
.mb_15 {
    margin-bottom: 1.5rem;
}
.mb_20 {
    margin-bottom: 1rem;
}
.mb_25 {
    margin-bottom: 2.5rem;
}
.mb_30 {
    margin-bottom: 3rem;
}
.mb_35 {
    margin-bottom: 3.5rem;
}
.mb_40 {
    margin-bottom: 4rem;
}
.mb_45 {
    margin-bottom: 4.5rem;
}
.mb_50 {
    margin-bottom: 5rem;
}
.mb_55 {
    margin-bottom: 5.5rem;
}
.mb_60 {
    margin-bottom: 6rem;
}
.mb_65 {
    margin-bottom: 6.5rem;
}
.mb_70 {
    margin-bottom: 7rem;
}
.mb_75 {
    margin-bottom: 7.5rem;
}
.mb_80 {
    margin-bottom: 8rem;
}
.mb_85 {
    margin-bottom: 8.5rem;
}
.mb_90 {
    margin-bottom: 9rem;
}
.mb_95 {
    margin-bottom: 9.5rem;
}
.mb_100 {
    margin-bottom: 10rem;
}
.mr_5 {
    margin-right: 0.5rem;
}
.mr_10 {
    margin-right: 1rem;
}
.mr_15 {
    margin-right: 1.5rem;
}
.mr_20 {
    margin-right: 2rem;
}
.mr_25 {
    margin-right: 2.5rem;
}
.mr_30 {
    margin-right: 3rem;
}
.mr_35 {
    margin-right: 3.5rem;
}
.mr_40 {
    margin-right: 4rem;
}
.mr_45 {
    margin-right: 4.5rem;
}
.mr_50 {
    margin-right: 5rem;
}
.mr_55 {
    margin-right: 5.5rem;
}
.mr_60 {
    margin-right: 6rem;
}
.mr_65 {
    margin-right: 6.5rem;
}
.mr_70 {
    margin-right: 7rem;
}
.mr_75 {
    margin-right: 7.5rem;
}
.mr_80 {
    margin-right: 8rem;
}
.mr_85 {
    margin-right: 8.5rem;
}
.mr_90 {
    margin-right: 9rem;
}
.mr_95 {
    margin-right: 9.5rem;
}
.mr_100 {
    margin-right: 10rem;
}
.ml_5 {
    margin-left: 0.5rem;
}
.ml_10 {
    margin-left: 1rem;
}
.ml_15 {
    margin-left: 1.5rem;
}
.ml_20 {
    margin-left: 2rem;
}
.ml_25 {
    margin-left: 2.5rem;
}
.ml_30 {
    margin-left: 3rem;
}
.ml_35 {
    margin-left: 3.5rem;
}
.ml_40 {
    margin-left: 4rem;
}
.ml_45 {
    margin-left: 4.5rem;
}
.ml_50 {
    margin-left: 5rem;
}
.ml_55 {
    margin-left: 5.5rem;
}
.ml_60 {
    margin-left: 6rem;
}
.ml_65 {
    margin-left: 6.5rem;
}
.ml_70 {
    margin-left: 7rem;
}
.ml_75 {
    margin-left: 7.5rem;
}
.ml_80 {
    margin-left: 8rem;
}
.ml_85 {
    margin-left: 8.5rem;
}
.ml_90 {
    margin-left: 9rem;
}
.ml_95 {
    margin-left: 9.5rem;
}
.ml_100 {
    margin-left: 10rem;
}
.pt_5 {
    padding-top: 0.5rem;
}
.pt_10 {
    padding-top: 1rem;
}
.pt_15 {
    padding-top: 1.5rem;
}
.pt_20 {
    padding-top: 2rem;
}
.pt_25 {
    padding-top: 2.5rem;
}
.pt_30 {
    padding-top: 3rem;
}
.pt_35 {
    padding-top: 3.5rem;
}
.pt_40 {
    padding-top: 2rem;
}
.pt_45 {
    padding-top: 1.5rem;
}
.pt_50 {
    padding-top: 5rem;
}
.pt_55 {
    padding-top: 5.5rem;
}
.pt_60 {
    padding-top: 6rem;
}
.pt_65 {
    padding-top: 6.5rem;
}
.pt_70 {
    padding-top: 7rem;
}
.pt_75 {
    padding-top: 7.5rem;
}
.pt_80 {
    padding-top: 8rem;
}
.pt_85 {
    padding-top: 8.5rem;
}
.pt_90 {
    padding-top: 9rem;
}
.pt_95 {
    padding-top: 9.5rem;
}
.pt_100 {
    padding-top: 10rem;
}
.pb_5 {
    padding-bottom: 0.5rem;
}
.pb_10 {
    padding-bottom: 1rem;
}
.pb_15 {
    padding-bottom: 1.5rem;
}
.pb_20 {
    padding-bottom: 0.5rem;
}
.pb_25 {
    padding-bottom: 0.5rem;
}
.pb_30 {
    padding-bottom: 3rem;
}
.pb_35 {
    padding-bottom: 3.5rem;
}
.pb_40 {
    padding-bottom: 4rem;
}
.pb_45 {
    padding-bottom: 4.5rem;
}
.pb_50 {
    padding-bottom: 5rem;
}
.pb_55 {
    padding-bottom: 5.5rem;
}
.pb_60 {
    padding-bottom: 6rem;
}
.pb_65 {
    padding-bottom: 6.5rem;
}
.pb_70 {
    padding-bottom: 7rem;
}
.pb_75 {
    padding-bottom: 7.5rem;
}
.pb_80 {
    padding-bottom: 8rem;
}
.pb_85 {
    padding-bottom: 8.5rem;
}
.pb_90 {
    padding-bottom: 9rem;
}
.pb_95 {
    padding-bottom: 9.5rem;
}
.pb_100 {
    padding-bottom: 10rem;
}
.pr_5 {
    padding-right: 0.5rem;
}
.pr_10 {
    padding-right: 1rem;
}
.pr_15 {
    padding-right: 1.5rem;
}
.pr_20 {
    padding-right: 2rem;
}
.pr_25 {
    padding-right: 2.5rem;
}
.pr_30 {
    padding-right: 3rem;
}
.pr_35 {
    padding-right: 3.5rem;
}
.pr_40 {
    padding-right: 4rem;
}
.pr_45 {
    padding-right: 4.5rem;
}
.pr_50 {
    padding-right: 5rem;
}
.pr_55 {
    padding-right: 5.5rem;
}
.pr_60 {
    padding-right: 6rem;
}
.pr_65 {
    padding-right: 6.5rem;
}
.pr_70 {
    padding-right: 7rem;
}
.pr_75 {
    padding-right: 7.5rem;
}
.pr_80 {
    padding-right: 8rem;
}
.pr_85 {
    padding-right: 8.5rem;
}
.pr_90 {
    padding-right: 9rem;
}
.pr_95 {
    padding-right: 9.5rem;
}
.pr_100 {
    padding-right: 10rem;
}
.pl_5 {
    padding-left: 0.5rem;
}
.pl_10 {
    padding-left: 1rem;
}
.pl_15 {
    padding-left: 1.5rem;
}
.pl_20 {
    padding-left: 2rem;
}
.pl_25 {
    padding-left: 2.5rem;
}
.pl_30 {
    padding-left: 3rem;
}
.pl_35 {
    padding-left: 3.5rem;
}
.pl_40 {
    padding-left: 4rem;
}
.pl_45 {
    padding-left: 4.5rem;
}
.pl_50 {
    padding-left: 5rem;
}
.pl_55 {
    padding-left: 5.5rem;
}
.pl_60 {
    padding-left: 16rem;
}
.pl_65 {
    padding-left: 6.5rem;
}
.pl_70 {
    padding-left: 7rem;
}
.pl_75 {
    padding-left: 7.5rem;
}
.pl_80 {
    padding-left: 8rem;
}
.pl_85 {
    padding-left: 8.5rem;
}
.pl_90 {
    padding-left: 9rem;
}
.pl_95 {
    padding-left: 9.5rem;
}
.pl_100 {
    padding-left: 10rem;
}

/* random margin */
.mt_8 {
    margin-top: 0.8rem;
}
.mb_8 {
    margin-bottom: 0.8rem;
    font-size: 1rem;
}
.mt_32 {
    margin-top: 2.2rem;
}
.mb_32 {
    margin-bottom: 3.2rem;
}
.mt_24 {
    margin-top: 1.4rem;
}
.mb_24 {
    margin-bottom: 2.4rem;
}

/*=======================================================
Content area start
=========================================================*/

/* resources_box */

.resources_box {
    border: 1px solid #e3e5eb;
    border-radius: 0.8rem;
    padding: 1.6rem;
    margin-bottom: 30px;
}

.resources_box p {
    margin-bottom: 1.6rem;
    color: #969fbc;
}

.resources_img_box {
    border: 1px solid #e3e5eb;
    border-radius: 0.8rem;
    overflow: hidden;
    position: relative;
}

.resources_img_box img {
    width: 100%;
    height: 16.2rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.resources_img_box h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* box */

.box {
    padding: 2rem 2rem 2rem 2rem;
    border: 1px solid #e3e5eb;
    border-radius: 0.8rem;
}

.resources_area .row3 {
    --bs-gutter-x: 4rem;
}

.service_health h3 {
    font-family: "Exo 2", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #111222;
    margin-bottom: 16px;
}

.service_health .table_wrap {
    overflow: unset;
}

/* table */

.table_wrap {
    max-width: 100%;
    overflow: auto;
    border: 1px solid #dce0ea;
    border-radius: 0.8rem;
}

.table {
    width: 100%;
    margin: 0;
}

.table th {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #535b75;
    padding: 1.8rem 0;
    border: none;
}

.table td {
    line-height: 1.71;
    color: #535b75;
    padding: 0.75rem 0;
    border: none;
}

.table th:first-child,
.table td:first-child {
    padding-left: 2rem;
}

.table th:last-child,
.table td:last-child {
    padding-right: 2rem;
}

.table a {
    min-width: 110px;
    color: #4e5364;
    font-family: "SFProTextRegular";
    vertical-align: middle;
    font-size: 0.875rem;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
}

.zones_table {
    width: calc(100% + 4rem);
    border: none;
    margin-left: -2rem;
    margin-left: -2rem;
}

/* zones_table */

.zones_table th {
    padding: 0.8rem 0;
    font-size: 1rem;
    line-height: 1.428;
    color: #212529;
    font-weight: 400;
}

.zones_table th:last-child {
    width: 53%;
}

/* create_info_box */

.create_info_box {
    background: #e2f9fe;
    padding: 1rem 16rem;
    padding-top: 100px;
}

.create_info_box .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* input_box */

.input_box {
    width: 100%;
    height: 2.4rem;
    font-weight: 400;
    font-size: 1rem;
    color: var(--heading-color);
    font-family: var(--primary-font);
    padding: 0 2rem;
    border: 1px solid #dce0ea;
    border-radius: 0.2rem;
}

.input_box a {
    font-size: 10px;
}

.input_box::-webkit-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box::-moz-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box:-ms-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box::-ms-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box::placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.data_center_select .row {
    --bs-gutter-x: 3.8rem;
}

.select_box p {
    color: #333333;
    margin: 0.4rem 0 0.6rem;
    font-size: 13px;
}

/* nice_select */

.nice_select {
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    padding-left: 2rem;
    color: #535b75;
    font-size: 1.4rem;
    border: 1px solid #dce0ea;
    border-radius: 0.8rem;
}

.nice_select .list {
    border: 1px solid #dce0ea;
    width: 100%;
    border-radius: 0.8rem;
}

.nice_select::after {
    border-width: 0.3rem;
    border-style: solid;
    border-color: transparent #111222 #111222 transparent;
    right: 2rem;
    margin-top: -0.5rem;
}

.nice_select.bg_black {
    border: none;
    color: #ffffff;
    background: #111222;
    padding: 0;
}

.nice_select.bg_black .current {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--white);
}

.nice_select.bg_info::after,
.nice_select.bg_black::after {
    border-color: transparent var(--white) var(--white) transparent;
}

.nice_select.bg_black.option {
    text-align: center;
}

.nice_select.bg_info {
    border: none;
    background: var(--info-color);
}

.nice_select.bg_info .current {
    color: var(--white);
}

.number_of_instances_select {
    width: 12rem;
}

.number_of_instances .nice_select:not(.number_of_instances_select) {
    width: 32rem;
}

/* summary_wrap */

.summary_wrap {
    border: 1px solid #dce0ea;
    border-radius: 0.8rem;
    padding: 0 2rem;
}

.summary_wrap .row {
    --bs-gutter-x: 2rem;
}

.summary_info_box {
    padding: 2rem 0;
    border-bottom: 1px solid #f2f4f9;
}

.summary_info_box h3 {
    margin-bottom: 0.4rem;
    font-size: 14px;
    line-height: 1.57;
    font-weight: bold;
}

/* map_wrap */

.map_wrap {
    position: relative;
    border-radius: 0.8rem;
}

.map_wrap iframe {
    width: 100%;
    height: 46rem;
    border-radius: 0.8rem;
    border: none;
}

/* delivery_wrap */

.delivery_wrap {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 11;
    width: 24rem;
}

.delivery_info_box {
    background: var(--white);
    border-radius: 0.8rem;
}

.delivery_info_box_hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 0rem 0.5rem 2rem;
}

.delivery_info_box .list_hd {
    border-top: 1px solid #dce0ea;
    border-bottom: 1px solid #e3e5eb;
    padding: 0.8rem 2rem;
}

.delivery_info_box .list_hd h3 {
    color: #cad0dd;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.delivery_info_box .list_group li {
    line-height: 1;
    padding: 1.2rem 2rem;
}

.delivery_info_box .list_group li:nth-child(odd) {
    background: #f2f4f9;
}

.delivery_info_box .btn_wrap {
    padding: 2rem;
    padding-bottom: 2.4rem;
}

.delivery_info_box .btn_wrap p {
    color: var(--heading-color);
    margin-bottom: 1.2rem;
}

.delivery_duration_wrap.row {
    --bs-gutter-x: 1.2rem;
}

.delivery_duration_info {
    padding: 1.6rem;
    border-radius: 0.8rem;
    background: var(--white);
    margin-top: 1.2rem;
}

.delivery_duration_info p {
    margin-bottom: 0.6rem;
    color: #111222;
    font-size: 0.75rem;
    font-weight: bold;
}

.drone_img {
    padding: 0 2rem 3rem 2rem;
    text-align: center;
}

.drone_img img {
    width: 20rem;
}

/*=======================================================
Content area start
=========================================================*/

/* resources_box */

.resources_box {
    border: 1px solid #e3e5eb;
    border-radius: 0.8rem;
    padding: 1.6rem;
}

.resources_box p {
    margin-bottom: 1.6rem;
    color: #969fbc;
}

.resources_img_box {
    border: 1px solid #e3e5eb;
    border-radius: 0.8rem;
    overflow: hidden;
    position: relative;
}

.resources_img_box img {
    width: 100%;
    height: 16.2rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.resources_img_box h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* box */

.box {
    padding: 2rem 2rem 2rem 2rem;
    border: 1px solid #e3e5eb;
    border-radius: 0.8rem;
}

.resources_area .row3 {
    --bs-gutter-x: 4rem;
}

.service_health h3 {
    margin-bottom: 0.8rem;
    color: #535b75;
    font-size: 14px;
}

.service_health .table_wrap {
    overflow: unset;
}

/* table */

.table_wrap {
    max-width: 100%;
    overflow: auto;
    border: 1px solid #dce0ea;
    border-radius: 0.8rem;
}

.table {
    width: 100%;
    margin: 0;
}

.table th {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #535b75;
    padding: 1.8rem 0;
    border: none;
}

.table td {
    line-height: 1.71;
    color: #535b75;
    padding: 0.75rem 0;
    border: none;
}

.table th:first-child,
.table td:first-child {
    padding-left: 2rem;
}

.table th:last-child,
.table td:last-child {
    padding-right: 2rem;
}

.table a {
    color: var(--primary-color);
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
}

.zones_table {
    width: calc(100% + 4rem);
    border: none;
    margin-left: -2rem;
    margin-left: -2rem;
}

/* zones_table */

.zones_table th {
    padding: 0.8rem 0;
    font-size: 1rem;
    line-height: 1.428;
    color: #212529;
    font-weight: 400;
}

.zones_table th:last-child {
    width: 53%;
}

.bottom-break {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
    border-top: 1px solid #e1e1e1;
    margin-top: 30px;
}

/* create_info_box */

.create_info_box {
    background: #e2f9fe;
    padding: 1rem 16rem;
    padding-top: 100px;
}

.create_info_box .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* input_box */

.input_box {
    width: 100%;
    height: 2.4rem;
    font-weight: 400;
    font-size: 1rem;
    color: var(--heading-color);
    font-family: var(--primary-font);
    padding: 0 2rem;
    border: 1px solid #dce0ea;
    border-radius: 0.2rem;
}

.input_box a {
    font-size: 10px;
}

.input_box::-webkit-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box::-moz-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box:-ms-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box::-ms-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.input_box::placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 1.4rem;
    color: #969fbc;
    font-family: var(--primary-font);
}

.data_center_select .row {
    --bs-gutter-x: 3.8rem;
}

.select_box p {
    color: #333333;
    margin: 0.4rem 0 0.6rem;
    font-size: 13px;
}

/* nice_select */

.nice_select {
    width: 100%;
    height: 3rem;
    line-height: 4rem;
    padding-left: 2rem;
    color: #535b75;
    font-size: 1.4rem;
    border: 1px solid #dce0ea;
    border-radius: 10rem;
}

.nice_select .list {
    border: 1px solid #dce0ea;
    width: 100%;
    border-radius: 0.8rem;
}

.nice_select::after {
    border-width: 0.3rem;
    border-style: solid;
    border-color: transparent #111222 #111222 transparent;
    right: 2rem;
    margin-top: -0.5rem;
}

.nice_select.bg_black {
    border: none;
    background: #ffffff;
    background: #111222;
    padding: 0;
    font-size: 15px;
    text-align: center;
}

.nice_select.bg_black .current {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--white);
}

.nice_select.bg_info::after,
.nice_select.bg_black::after {
    border-color: transparent var(--white) var(--white) transparent;
}

.nice_select.bg_black.option {
    text-align: center;
}

.nice_select.bg_info {
    border: none;
    font-size: 15px;
    background: #00a5e2;
    color: #fff;
}

.nice_select.bg_info .current {
    color: var(--white);
}

.number_of_instances_select {
    width: 12rem;
}

.number_of_instances .nice_select:not(.number_of_instances_select) {
    width: 32rem;
    font-size: 13px;
    color: #333;
}

/* summary_wrap */

.summary_wrap {
    border: 1px solid #dce0ea;
    border-radius: 0.8rem;
    padding: 0 2rem;
}

.summary_wrap .row {
    --bs-gutter-x: 2rem;
}

.summary_info_box {
    padding: 1rem 0;
    border-bottom: 1px solid #f2f4f9;
}

.summary_info_box h3 {
    margin-bottom: 0.4rem;
}

/* map_wrap */

.map_wrap {
    position: relative;
    border-radius: 0.8rem;
    margin-top: 0;
}

.map_wrap iframe {
    width: 100%;
    height: 46rem;
    border-radius: 0.8rem;
    border: none;
}

.hide-bullet-point {
    list-style-type: none;
    padding-inline-start: 0px;
    font-size: 15px;
}

/* delivery_wrap */

.delivery_wrap {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 11;
    width: 24rem;
}

.delivery_info_box {
    background: var(--white);
    border-radius: 0.8rem;
}

.delivery_info_box_hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 0rem 0.5rem 2rem;
}

.delivery_info_box .list_hd {
    border-top: 1px solid #dce0ea;
    border-bottom: 1px solid #e3e5eb;
    padding: 0.8rem 2rem;
}

.delivery_info_box .list_hd h3 {
    color: #cad0dd;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.delivery_info_box .list_group li {
    line-height: 1;
    padding: 1.2rem 2rem;
}

.delivery_info_box .list_group li:nth-child(odd) {
    background: #f2f4f9;
}

.delivery_info_box .btn_wrap {
    padding: 0rem 2rem;
    padding-bottom: 2.4rem;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}

.delivery_info_box .btn_wrap p {
    color: var(--heading-color);
    margin-bottom: 1.2rem;
}

.delivery_duration_wrap.row {
    --bs-gutter-x: 1.2rem;
}

.delivery_duration_info {
    padding: 1.6rem;
    border-radius: 0.8rem;
    background: var(--white);
    margin-top: 1.2rem;
}

.delivery_duration_info p {
    margin-bottom: 0.6rem;
    color: #111222;
    font-size: 0.75rem;
    font-weight: bold;
}

.drone_img {
    padding: 0 2rem 3rem 2rem;
    text-align: center;
}

.drone_img img {
    width: 20rem;
}

/* button */

.button {
    text-align: center;
    display: inline-block;
    padding: 1.2rem 2.4rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.28;
    color: #ffffff;
    background: #12b378;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 28px;
    border-radius: 2.8rem;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

.button:hover {
    background: #12b378;
    color: #ffffff;
}

.button_white {
    background: var(--white);
    -webkit-box-shadow: 0 0.2rem 0.4rem rgba(17, 18, 34, 0.05);
    box-shadow: 0 0.2rem 0.4rem rgba(17, 18, 34, 0.05);
    color: var(--heading-color);
}

.button_white:hover {
    background: var(--dark-color);
    color: var(--white);
}

.button_dis {
    color: var(--white);
}

.button_dis:hover {
    background: var(--dark-color);
}

.button_danger {
    background: #dc3545;
    color: var(--white);
}

.button_danger:hover {
    background: #cd2525;
}

.button_outline {
    background: transparent;
    color: var(--dark-color);
    border: 1px solid var(--dark-color);
}

.button_outline:hover {
    background: var(--dark-color);
}

/* create_info_box */

.create_info_box {
    background: #e2f9fe;
    padding: 1rem 16rem;
    padding-top: 100px;
}

.create_info_box .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* summary_wrap */

.summary_wrap {
    border: 1px solid #dce0ea;
    border-radius: 0.8rem;
    padding: 0 2rem;
}

.summary_wrap .row {
    --bs-gutter-x: 2rem;
}

.summary_info_box {
    padding: 1rem 0;
    border-bottom: 1px solid #f2f4f9;
}

.summary_info_box h3 {
    margin-bottom: 0.4rem;
}

.notification-wrap {
    padding: 10px;
    cursor: pointer;
}

.notification-box {
    position: relative;
}

.notification-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ff0000;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 2px solid #fff;
}

.cursor-pointer {
    cursor: pointer;
}