@font-face {
    font-family: "Cairo";
    src: local("Cairo"), local("Cairo"), url("../fonts/ar/Cairo-Regular.ttf") format("truetype");
    src: local("Cairo-Black"), local("Cairo-Black"), url("../fonts/ar/Cairo-Black.ttf") format("truetype");
    src: local("Cairo-Bold"), local("Cairo-Bold"), url("../fonts/ar/Cairo-Bold.ttf") format("truetype");
    src: local("Cairo-ExtraBold"), local("Cairo-ExtraBold"), url("../fonts/ar/Cairo-ExtraBold.ttf") format("truetype");
    src: local("Cairo-ExtraLight"), local("Cairo-ExtraLight"), url("../fonts/ar/Cairo-ExtraLight.ttf") format("truetype");
    src: local("Cairo-Light"), local("Cairo-Light"), url("../fonts/ar/Cairo-Light.ttf") format("truetype");
    src: local("Cairo-Medium"), local("Cairo-Medium"), url("../fonts/ar/Cairo-Medium.ttf") format("truetype");
    src: local("Cairo-SemiBold"), local("Cairo-SemiBold"), url("../fonts/ar/Cairo-SemiBold.ttf") format("truetype");
}

.text-main-color {
    color: var(--main-color)
}

.text-black-color {
    color: var(--black-000)
}

.text-second-main-color {
    color: var(--second-main-color)
}

.bg-main-color {
    background-color: var(--main-color)
}

.text-link_water {
    color: #F4F7FC
}

.bg-link_water {
    background-color: #F4F7FC !important
}

.text-minsk {
    color: #4D338A
}

.bg-minsk {
    background-color: #4D338A !important
}

.text-purple {
    color: #9B59B6
}

.bg-purple {
    background-color: #9B59B6 !important
}

.text-gray_waikawa {
    color: #5868A3
}

.bg-gray_waikawa {
    background-color: #5868A3 !important
}

.text-blue_IK {
    color: #0339A6
}

.bg-blue_IK {
    background-color: #0339A6 !important
}

.text-blue {
    color: #2980B9
}

.bg-blue {
    background-color: #2980B9 !important
}

.text-blue-0 {
    color: #3498DB
}

.bg-blue-0 {
    background-color: #3498DB !important
}

.text-blue-1 {
    color: #21B2C8
}

.bg-blue-1 {
    background-color: #21B2C8 !important
}

.text-orange {
    color: #E67E22
}

.bg-orange {
    background-color: #E67E22 !important
}

.text-orange-0 {
    color: #F5A558
}

.bg-orange-0 {
    background-color: #F5A558 !important
}

.text-brown_sandy {
    color: #F29C50
}

.bg-brown_sandy {
    background-color: #F29C50 !important
}

.text-california {
    color: #F29F05
}

.bg-california {
    background-color: #F29F05 !important
}

.text-rose_texas {
    color: #FFA455
}

.bg-rose_texas {
    background-color: #FFA455 !important
}

.text-rose_brandy {
    color: #BF8C80
}

.bg-rose_brandy {
    background-color: #BF8C80 !important
}

.text-golden_tainoi {
    color: #FFC857
}

.bg-golden_tainoi {
    background-color: #FFC857 !important
}

.text-corn {
    color: #F2B705
}

.bg-corn {
    background-color: #F2B705 !important
}

.text-yellow {
    color: #F1C40F
}

.bg-yellow {
    background-color: #F1C40F
}

.text-blue_pacific {
    color: #04ADBF
}

.bg-blue_pacific {
    background-color: #04ADBF !important
}

.text-green_persian {
    color: #009D85
}

.bg-green_persian {
    background-color: #009D85 !important
}

.text-green {
    color: #2ECC71
}

.bg-green {
    background-color: #2ECC71 !important
}

.text-green-0 {
    color: #1ABC9C
}

.bg-green-0 {
    background-color: #1ABC9C !important
}

.text-red {
    color: #F20519
}

.bg-red {
    background-color: #F20519 !important
}

.text-red-0 {
    color: #C0392B
}

.bg-red-0 {
    background-color: #C0392B !important
}

.text-red-1 {
    color: #DA4950
}

.bg-red-1 {
    background-color: #DA4950 !important
}

.text-red-2 {
    color: #E74C3C
}

.bg-red-2 {
    background-color: #E74C3C !important
}

.text-red_persimmon {
    color: #f55
}

.bg-red_persimmon {
    background-color: #f55 !important
}

.text-pink {
    color: #C2558E
}

.bg-pink {
    background-color: #C2558E !important
}

.text-gray_0 {
    color: #343434
}

.bg-gray_0 {
    background-color: #343434 !important
}

.text-gray_1 {
    color: #575756 !important
}

.bg-gray_1 {
    background-color: #575756 !important
}

.text-gray_2 {
    color: #0f0e0e
}

.bg-gray_2 {
    background-color: #0f0e0e !important
}

.text-gray_3 {
    color: #C6C6C6
}

.bg-gray_3 {
    background-color: #C6C6C6 !important
}

.text-gray_4 {
    color: #F7F7F7
}

.bg-gray_4 {
    background-color: #F7F7F7 !important
}

.text-gray_5 {
    color: rgba(0, 0, 0, 0.141176)
}

.bg-gray_5 {
    background-color: rgba(0, 0, 0, 0.141176) !important
}

.text-gray_6 {
    color: rgba(112, 112, 112, 0.588235)
}

.bg-gray_6 {
    background-color: rgba(112, 112, 112, 0.588235) !important
}

.text-gray_7 {
    color: #707070
}

.bg-gray_7 {
    background-color: #707070 !important
}

.text-gray_8 {
    color: rgba(0, 0, 0, 0.0705882)
}

.bg-gray_8 {
    background-color: rgba(0, 0, 0, 0.0705882) !important
}

.text-gray_9 {
    color: rgba(0, 0, 0, 0.0196078)
}

.bg-gray_9 {
    background-color: rgba(0, 0, 0, 0.0196078) !important
}

.text-gray_10 {
    color: rgba(0, 0, 0, 0.0588235)
}

.bg-gray_10 {
    background-color: rgba(0, 0, 0, 0.0588235) !important
}

.text-gray_11 {
    color: #384954
}

.bg-gray_11 {
    background-color: #384954 !important
}

.text-gray_12 {
    color: #999
}

.bg-gray_12 {
    background-color: #999 !important
}

.text-white {
    color: #fff !important
}

.bg-white {
    background-color: #fff !important
}

.d-input-group .form-control,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box .form-control,
.contact-us>.container>.row .form-container .input-group .form-control,
.login>.container>.row .form-container .input-group .form-control,
.register>.container>.row .form-container .input-group .form-control {
    border-radius: 0;
    height: 40px
}

.d-input-group .form-control:focus-visible,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box .form-control:focus-visible,
.contact-us>.container>.row .form-container .input-group .form-control:focus-visible,
.login>.container>.row .form-container .input-group .form-control:focus-visible,
.register>.container>.row .form-container .input-group .form-control:focus-visible,
.d-input-group .form-control:focus,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box .form-control:focus,
.contact-us>.container>.row .form-container .input-group .form-control:focus,
.login>.container>.row .form-container .input-group .form-control:focus,
.register>.container>.row .form-container .input-group .form-control:focus {
    outline: none;
    border: 1px solid var(--main-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}

.d-input-group textarea.form-control,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box textarea.form-control,
.contact-us>.container>.row .form-container .input-group textarea.form-control,
.login>.container>.row .form-container .input-group textarea.form-control,
.register>.container>.row .form-container .input-group textarea.form-control {
    height: auto !important
}

.d-input-group span.input-group-btn,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box span.input-group-btn,
.contact-us>.container>.row .form-container .input-group span.input-group-btn,
.login>.container>.row .form-container .input-group span.input-group-btn,
.register>.container>.row .form-container .input-group span.input-group-btn {
    height: 40px
}

.d-input-group span.input-group-btn button.btn,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box span.input-group-btn button.btn,
.contact-us>.container>.row .form-container .input-group span.input-group-btn button.btn,
.login>.container>.row .form-container .input-group span.input-group-btn button.btn,
.register>.container>.row .form-container .input-group span.input-group-btn button.btn {
    border-radius: 0;
    background-color: var(--main-color);
    color: var(--black-000);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    height: 100%
}

.d-input-group span.input-group-btn button.btn:hover,
.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .search-box span.input-group-btn button.btn:hover,
.contact-us>.container>.row .form-container .input-group span.input-group-btn button.btn:hover,
.login>.container>.row .form-container .input-group span.input-group-btn button.btn:hover,
.register>.container>.row .form-container .input-group span.input-group-btn button.btn:hover {
    color: var(--main-color);
    background-color: var(--black-000);
    border: 1px solid
}

.btn.btn-primary {
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-1) 50%, var(--main-color-1) 100%) !important;
    border-color: var(--main-color-1) !important;
    color: white !important
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
    background: linear-gradient(135deg, #cc0000 0%, var(--main-color-1) 50%, #cc0000 100%) !important;
    border-color: var(--main-color-1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn.btn-outline-primary {
    background-color: transparent;
    color: var(--main-color-1);
    border-color: var(--main-color-1);
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active {
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-1) 100%) !important;
    color: #FFF;
    border-color: var(--main-color-1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn.btn-default {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    color: #575756
}

.btn.btn-default:hover {
    background-color: #CCC;
    border-color: #CCC
}

.btn.btn-outline-default {
    background-color: transparent;
    color: #DDDDDD;
    border-color: #DDDDDD
}

.btn.btn-outline-default:hover {
    background-color: #CCC;
    color: #575756;
    border-color: #CCC
}

.btn.btn-success {
    background-color: #28a745;
    border-color: #28a745
}

.btn.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34
}

.btn.btn-outline-success {
    background-color: transparent;
    color: #8D69A7;
    border-color: #8D69A7
}

.btn.btn-outline-success:hover {
    background-color: #795791;
    color: #FFF;
    border-color: #795791
}

.btn.btn-danger {
    background-color: #F44336;
    border-color: #F44336
}

.btn.btn-danger:hover {
    background-color: #bf2e24;
    border-color: #bf2e24
}

.btn.btn-outline-danger {
    background-color: transparent;
    color: #F44336;
    border-color: #F44336
}

.btn.btn-outline-danger:hover {
    background-color: #bf2e24;
    color: #FFF;
    border-color: #bf2e24
}

.btn.btn-white {
    background-color: #FFF;
    border-color: var(--main-color)
}

.btn.btn-white:hover {
    background-color: #bf2e24;
    border-color: #bf2e24
}

.btn.sha-300 {
    -webkit-box-shadow: var(--shadow-black-300);
    box-shadow: var(--shadow-black-300)
}

.btn.sha-100 {
    -webkit-box-shadow: var(--shadow-black-100);
    box-shadow: var(--shadow-black-100)
}

.btn.r-btn-primary {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 30px;
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--black-000)
}

.btn.r-btn-primary:hover {
    background-color: var(--black-000);
    border-color: var(--main-color);
    color: var(--main-color)
}

.btn.r-btn-outline-primary {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 30px;
    background-color: var(--black-000);
    color: var(--main-color);
    border-color: var(--main-color)
}

.btn.r-btn-outline-primary:hover {
    background-color: var(--main-color);
    color: var(--black-000);
    border-color: var(--main-color)
}


.btn.r-btn-danger {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-1) 100%);
    border-color: var(--main-color-1);
    color: white
}

.btn.r-btn-danger:hover {
    background: linear-gradient(135deg, #cc0000 0%, var(--main-color-1) 100%);
    border-color: var(--main-color-1);
    color: white
}

.btn.d-btn-default {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    color: #575756
}

.btn.d-btn-default:hover {
    background-color: #CCC;
    border-color: #CCC
}

.btn.d-btn-outline-default {
    background-color: transparent;
    color: #DDDDDD;
    border-color: #DDDDDD
}

.btn.d-btn-outline-default:hover {
    background-color: #CCC;
    color: #575756;
    border-color: #CCC
}

.btn.d-btn-success {
    background-color: #8D69A7;
    border-color: #8D69A7
}

.btn.d-btn-success:hover {
    background-color: #795791;
    border-color: #795791
}

.btn.d-btn-outline-success {
    background-color: transparent;
    color: #8D69A7;
    border-color: #8D69A7
}

.btn.d-btn-outline-success:hover {
    background-color: #795791;
    color: #FFF;
    border-color: #795791
}

.btn.multiselect-dropbtn {
    background-color: #8D69A7;
    border-color: #8D69A7;
    color: #FFF
}

.btn.multiselect-dropbtn:hover {
    background-color: #795791;
    border-color: #795791
}

.btn.multiselect-dropbtn.active {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.btn.multiselect-dropbtn.active:hover {
    background-color: #1a99aa;
    border-color: #1a99aa
}

.d-dropdown-multiselect {
    position: relative;
    width: 20%
}

.d-dropdown-multiselect button {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-dropdown-multiselect button::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    position: absolute;
    left: 15px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.d-dropdown-multiselect button.active::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.d-dropdown-multiselect button.active::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f067";
    margin: 0 5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.d-dropdown-multiselect .dropdown-content {
    display: none
}

.d-dropdown-multiselect .dropdown-content.active {
    z-index: 999;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    background-color: #FFF;
    overflow-y: scroll;
    height: 150px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    padding: 10px 10px 5px 0
}

.d-custom-checkbox-container {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.d-custom-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.d-custom-checkbox-container input:checked~.checkmark {
    background-color: #2196F3
}

.d-custom-checkbox-container input:checked~.checkmark:after {
    display: block;
    font-size: 70%;
    color: #FFF
}

.d-custom-checkbox-container .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-custom-checkbox-container .checkmark:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    position: absolute;
    display: none
}

.d-custom-checkbox-container:hover input~.checkmark {
    background-color: #ccc
}

.q-a {
    list-style: none;
    padding: 0 10px
}

.q-a li a {
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

.q-a li a .title {
    font-size: 16px;
    color: #575756;
    margin-bottom: 5px
}

.q-a li a .breif {
    font-size: 14px;
    color: #888888;
    white-space: normal;
    text-align: right
}

.q-a li a:hover {
    text-decoration: none
}

.q-a li a:hover .title,
.q-a li a:hover .breif {
    color: #000;
    text-shadow: -1px 1px #707070c4
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input::before {
    content: 'Select some files';
    display: inline-block;
    background: -webkit-gradient(linear, right top, right bottom, from(#f9f9f9), to(#e3e3e3));
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: -1px 1px #fff;
    font-weight: 700;
    font-size: 10pt
}

.custom-file-input:hover::before {
    border-color: black
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9)
}

.d-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

.d-tabs li {
    padding: 0 5px !important;
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ddd;
    border-left: 0.5px solid #c6c6c6;
    border-right: 0.5px solid #c6c6c6
}

.d-tabs li.active,
.d-tabs li:hover {
    background-color: #FFF !important
}

.d-tabs li.active div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    overflow: hidden;
    padding: 0 2px
}

.d-tabs li.active div .link-itself {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #575756;
    white-space: nowrap;
    max-width: none;
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s
}

.d-tabs li.active div .link-itself i {
    padding: 0 5px
}

.d-tabs li.active div .link-itself:hover {
    color: #C6C6C6 !important;
    text-decoration: none
}

.d-tabs li.active div .del-tab {
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    color: #575756
}

.d-tabs li.active div .del-tab:hover {
    color: #C6C6C6 !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border: 1px solid #C6C6C6;
    text-decoration: none
}

.d-tabs li div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    width: 150px;
    overflow: hidden;
    padding: 0 2px
}

.d-tabs li div .link-itself {
    color: #575756;
    white-space: nowrap;
    overflow: hidden;
    max-width: 115px;
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s
}

.d-tabs li div .link-itself i {
    padding: 0 5px
}

.d-tabs li div .link-itself:hover {
    color: #C6C6C6 !important;
    text-decoration: none
}

.d-tabs li div .del-tab {
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    color: #575756
}

.d-tabs li div .del-tab:hover {
    color: #C6C6C6 !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border: 1px solid #C6C6C6;
    text-decoration: none
}

.tabs-scroll-arrow {
    position: absolute;
    text-decoration: none;
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    color: #575756;
    background-color: #ddd;
    text-decoration: none;
    outline: none
}

.tabs-scroll-arrow:focus {
    color: #575756;
    text-decoration: none
}

.tabs-scroll-arrow:hover {
    text-decoration: none;
    background-color: #67b0c4;
    text-decoration: none;
    color: #FFF
}

.tabs-scroll-arrow.prev,
.tabs-scroll-arrow.next {
    width: 40px;
    height: 40px;
    display: none;
    top: 0
}

.tabs-scroll-arrow.prev:after,
.tabs-scroll-arrow.next:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f107"
}

.tabs-scroll-arrow.prev {
    left: 0
}

.tabs-scroll-arrow.next {
    right: 0
}

.container-lg-90,
.navbar>.container,
.footer-content-container .footer,
.home-tabs .container,
.home-steps .container,
.home-map .container,
.home-price .container,
.contact-us>.container,
.login>.container,
.order-status .container {
    width: 90vw;
    max-width: 90vw
}

@media screen and (max-width: 767px) {
    .container-lg-90,
    .navbar>.container,
    .footer-content-container .footer,
    .home-tabs .container,
    .home-steps .container,
    .home-map .container,
    .home-price .container,
    .contact-us>.container,
    .login>.container,
    .order-status .container {
        width: 95vw;
        max-width: 95vw
    }
}

.footer-social-anchor,
.navbar>.container .nav-item.social a,
.footer-content-container .sm-footer .social a,
.footer-content-container .opening-hours .social a,
.footer-content-container .social a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 25px;
    max-width: 50px;
    height: 50px;
    width: 50px;
    background-color: #FFF;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    border: 1px solid;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

.footer-social-anchor:hover,
.navbar>.container .nav-item.social a:hover,
.footer-content-container .social a:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    text-decoration: none
}

.footer-social-anchor:hover i[class*="facebook"],
.navbar>.container .nav-item.social a:hover i[class*="facebook"],
.footer-content-container .social a:hover i[class*="facebook"] {
    color: #4267B2
}

.footer-social-anchor:hover i[class*="twitter"],
.navbar>.container .nav-item.social a:hover i[class*="twitter"],
.footer-content-container .social a:hover i[class*="twitter"] {
    color: #1DA1F2
}

.footer-social-anchor i[class*="facebook"],
.navbar>.container .nav-item.social a i[class*="facebook"],
.footer-content-container .social a i[class*="facebook"] {
    color: #4267B2
}

.footer-social-anchor i[class*="twitter"],
.navbar>.container .nav-item.social a i[class*="twitter"],
.footer-content-container .social a i[class*="twitter"] {
    color: #1DA1F2
}

.d-badge,
.frm-header .content .step {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f55;
    color: #fff;
    text-shadow: 0.5px 1px #000
}

.enhanced,
.enhanced-text-primary,
.enhanced-text-success,
.enhanced-text-danger {
    padding: 5px;
    position: relative;
    border-radius: 3px
}

.enhanced-text-primary {
    color: var(--primary);
    background-color: #9bc2e67d
}

.enhanced-text-success {
    color: var(--success);
    background-color: #FFD70047
}

.enhanced-text-danger {
    color: var(--danger);
    background-color: #dc354538
}

@-webkit-keyframes move {
    0% {
        opacity: 1
    }
    25% {
        left: -20px;
        opacity: 1
    }
    50% {
        opacity: .8;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
        left: 2000px
    }
}

@keyframes move {
    0% {
        opacity: 1
    }
    25% {
        left: -20px;
        opacity: 1
    }
    50% {
        opacity: .8;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
        left: 2000px
    }
}

:root {
    --main-color: #ecfafc;
    --second-main-color: #ff0000;
    --main-color-1: #ff0000;
    --main-color-2: #ADD8E6;
    --main-color-3: #FFD700;
    --color-1: #E91E63;
    --color-2: #F5EA10;
    --color-3: #09D69C;
    --bg-dark: #2B2C2F;
    --main-to-dark-color: var(--main-color);
    --dark-to-main-color: var(var(--bg-dark));
    --shadow-black-100: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-black-300: 0 5px 15px rgba(0, 0, 0, 0.3);
    --black-900: #000000;
    --black-400: #555555;
    --black-100: #F7F7F7;
    --black-000: #667085;
    --black-alpha-100: rgba(0, 0, 0, 0.05)
}

* {
    padding: 0;
    margin: 0;
    outline: none !important
}

img {
    max-width: 100%;
    vertical-align: middle
}

ul {
    list-style: none
}


body {
    font-family: "Cairo","Cairo-Black","Cairo-Bold","Cairo-ExtraBold"
    ,"Cairo-ExtraLight","Cairo-Light","Cairo-Medium","Cairo-SemiBold" !important;
    background-color: #F4F7FC !important;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
    line-height: 1.5
}

.bold {
    font-weight: bold
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.d-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.d-flex-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.d-columns-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.d-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.d-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.d-w-100 {
    width: 100%
}

/* Modern Header RTL Styles */
.modern-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    box-shadow: 0 4px 20px rgba(228, 16, 29, 0.2);
    position: relative;
    z-index: 1000;
    direction: rtl;
}

.modern-header .navbar {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
    direction: rtl;
}

.modern-header .container {
    padding: 0 15px;
    direction: rtl;
}

/* Modern Brand RTL */
.modern-brand {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 1.5rem;
    transition: all 0.3s ease;
    direction: rtl;
}

.modern-brand:hover {
    color: white;
    text-decoration: none;
    transform: scale(1.05);
}

.brand-logo {
    height: 50px;
    width: auto;
    margin-left: 12px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    filter: brightness(0) invert(1);
}

.brand-text {
    font-family: 'Cairo', sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
    direction: rtl;
}

/* Modern Toggler RTL */
.modern-toggler {
    border: none;
    padding: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease;
    order: -1; /* Move toggler to the right in RTL */
}

.modern-toggler:hover {
    background: rgba(255, 255, 255, 0.2);
}

.modern-toggler:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.hamburger-line {
    display: block;
    width: 25px;
    height: 3px;
    background: white;
    margin: 4px 0;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.modern-toggler[aria-expanded="true"] .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.modern-toggler[aria-expanded="true"] .hamburger-line:nth-child(2) {
    opacity: 0;
}

.modern-toggler[aria-expanded="true"] .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

/* Modern Navigation RTL */
.modern-nav {
    align-items: center;
    gap: 0;
    direction: rtl;
}

.modern-nav .nav-item {
    margin: 0 8px;
}

.modern-link {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none;
    padding: 12px 16px !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    direction: rtl;
    text-align: right;
}

.modern-link i {
    margin-left: 8px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1.1rem;
    width: 20px;
    text-align: center;
}

.modern-link:hover {
    color: white !important;
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
    text-decoration: none;
}

.modern-link.active {
    background: rgba(255, 255, 255, 0.2);
    color: white !important;
}

.modern-link.active::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%; /* RTL: right instead of left */
    left: auto;
    transform: translateX(50%); /* RTL: translateX instead of translateX(-50%) */
    width: 30px;
    height: 3px;
    background: white;
    border-radius: 2px;
}

/* Language Switcher RTL */
.language-switcher .flag-icon {
    width: 20px;
    height: 15px;
    border-radius: 3px;
    margin-left: 8px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    object-fit: cover;
}

/* Contact Link RTL */
.contact-link {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-link:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

/* Social Link RTL */
.social-link {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.social-link i {
    margin: 0;
    font-size: 1.2rem;
    /* RTL: Center the Facebook 'f' icon properly */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1;
}

/* RTL: Specific Facebook icon centering */
.social-link i.fab.fa-facebook-f {
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.social-link:hover {
    background: #4267B2;
    border-color: #4267B2;
    transform: scale(1.1);
}

/* Auth Buttons RTL */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 20px; /* RTL: margin-right instead of margin-left */
    margin-left: 0;
    direction: rtl;
}

.modern-btn {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid;
    font-size: 0.9rem;
    min-width: 120px;
    justify-content: center;
    direction: rtl;
}

.modern-btn i {
    margin-left: 8px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1rem;
}

.modern-btn.btn-primary {
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-2) 50%, var(--main-color-3) 100%);
    color: white;
    border-color: var(--main-color-1);
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
    font-weight: 700;
    position: relative;
    overflow: hidden;
}

.modern-btn.btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    left: auto;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: right 0.5s;
}

.modern-btn.btn-primary:hover::before {
    right: 100%;
}

.modern-btn.btn-primary:hover {
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-3) 50%, var(--main-color-2) 100%);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 0, 0, 0.4);
    border-color: var(--main-color-1);
}

.modern-btn.btn-primary:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
}

.modern-btn.btn-outline-primary {
    background: linear-gradient(135deg, var(--main-color-2) 0%, var(--main-color-2) 100%);
    color: white;
    border-color: #ADD8E6;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    font-weight: 700;
}

.modern-btn.btn-outline-primary:hover {
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-1) 100%);
    color: white;
    border-color: #5a6fd8;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.modern-btn.btn-outline-primary:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.modern-btn.btn-outline-danger {
    background: linear-gradient(135deg, #ff3333 0%, #ff6666 100%);
    color: white;
    border-color: #ff3333;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3);
    font-weight: 700;
}

.modern-btn.btn-outline-danger:hover {
    background: linear-gradient(135deg, #ff3742 0%, #ff5252 100%);
    color: white;
    border-color: #ff3742;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 71, 87, 0.4);
}

.modern-btn.btn-outline-danger:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3);
}

/* Enhanced Auth Buttons RTL */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
}

.auth-buttons .modern-btn {
    position: relative;
    overflow: hidden;
}

.auth-buttons .modern-btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: right 0.5s;
}

.auth-buttons .modern-btn:hover::before {
    right: 100%;
}

/* Logout Button Special Styling RTL */
.modern-btn.btn-outline-danger {
    position: relative;
    overflow: hidden;
}

.modern-btn.btn-outline-danger::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.modern-btn.btn-outline-danger:hover::after {
    width: 300px;
    height: 300px;
}

/* RTL Responsive Design */
@media (max-width: 991.98px) {
    .modern-nav {
        background: rgba(255, 255, 255, 0.95);
        border-radius: 12px;
        margin-top: 15px;
        padding: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        direction: rtl;
    }
    
    .modern-nav .nav-item {
        margin: 5px 0;
    }
    
    .modern-link {
        color: #333 !important;
        padding: 15px 20px !important;
        border-radius: 8px;
        margin: 2px 0;
        text-align: right;
    }
    
    .modern-link:hover {
        background: #f8f9fa;
        color: #ADD8E6 !important;
    }
    
    .modern-link.active {
        background: #ADD8E6;
        color: white !important;
    }
    
    .auth-buttons {
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .modern-btn {
        min-width: 140px;
        margin: 5px;
    }
    
    .contact-link {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .modern-brand {
        font-size: 1.3rem;
    }
    
    .brand-logo {
        height: 40px;
    }
    
    .modern-btn {
        min-width: 120px;
        padding: 8px 16px;
        font-size: 0.85rem;
    }
    
    .auth-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .modern-btn {
        width: 100%;
        margin: 5px 0;
    }
}

/* RTL Animation for smooth transitions */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft { /* RTL: slideInLeft instead of slideInRight */
    from {
        opacity: 0;
        transform: translateX(-30px); /* RTL: negative X instead of positive */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.modern-header {
    animation: fadeInDown 0.6s ease-out;
}

.modern-nav .nav-item {
    animation: slideInLeft 0.6s ease-out; /* RTL: slideInLeft */
    animation-fill-mode: both;
}

.modern-nav .nav-item:nth-child(1) { animation-delay: 0.1s; }
.modern-nav .nav-item:nth-child(2) { animation-delay: 0.2s; }
.modern-nav .nav-item:nth-child(3) { animation-delay: 0.3s; }
.modern-nav .nav-item:nth-child(4) { animation-delay: 0.4s; }
.modern-nav .nav-item:nth-child(5) { animation-delay: 0.5s; }
.modern-nav .nav-item:nth-child(6) { animation-delay: 0.6s; }

.modern-btn:hover {
    animation: pulse 0.6s ease-in-out;
}

/* Loading animation for brand RTL */
.brand-logo {
    animation: fadeInDown 0.8s ease-out;
}

.brand-text {
    animation: slideInLeft 0.8s ease-out; /* RTL: slideInLeft */
    animation-delay: 0.2s;
    animation-fill-mode: both;
}

/* Sticky header effect RTL */
.modern-header.sticky {
    position: fixed;
    top: 0;
    right: 0; /* RTL: right instead of left */
    left: 0;
    z-index: 1000;
    background: rgba(228, 16, 29, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(228, 16, 29, 0.3);
    transition: all 0.3s ease;
}

/* Enhanced mobile experience RTL */
@media (max-width: 991.98px) {
    .modern-header {
        position: relative;
    }
    
    .modern-header.sticky {
        position: fixed;
        background: rgba(228, 16, 29, 0.98);
    }
    
    .modern-nav {
        max-height: 80vh;
        overflow-y: auto;
        direction: rtl;
    }
    
    .modern-nav::-webkit-scrollbar {
        width: 4px;
    }
    
    .modern-nav::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 2px;
    }
    
    .modern-nav::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }
}

/* High contrast mode support RTL */
@media (prefers-contrast: high) {
    .modern-header {
        background: #000;
        border-bottom: 2px solid #fff;
    }
    
    .modern-link {
        color: #fff !important;
        border: 1px solid transparent;
    }
    
    .modern-link:hover {
        border-color: #fff;
        background: rgba(255, 255, 255, 0.2);
    }
}

/* Reduced motion support RTL */
@media (prefers-reduced-motion: reduce) {
    .modern-header,
    .modern-nav .nav-item,
    .brand-logo,
    .brand-text,
    .modern-btn:hover {
        animation: none;
    }
    
    .modern-link,
    .modern-btn {
        transition: none;
    }
}

/* RTL-specific hover effects */
.rtl-hover {
    transform: translateY(-2px) translateX(2px); /* RTL: slight right movement */
}

.rtl-btn-hover {
    transform: translateY(-2px) scale(1.02);
}

/* RTL-specific text alignment */
.modern-header .container {
    text-align: right;
}

.modern-nav {
    text-align: right;
}

.modern-link {
    text-align: right;
    justify-content: flex-end; /* RTL: align content to the right */
}

.modern-btn {
    text-align: center;
    direction: rtl;
}

/* RTL-specific spacing adjustments */
.modern-nav .nav-item:first-child {
    margin-right: 0; /* RTL: no margin on first item */
}

.modern-nav .nav-item:last-child {
    margin-left: 0; /* RTL: no margin on last item */
}

/* RTL-specific active indicator positioning */
.modern-link.active::before {
    right: 50%; /* RTL: position from right */
    left: auto;
    transform: translateX(50%); /* RTL: center from right */
}

/* RTL-specific mobile menu positioning */
@media (max-width: 991.98px) {
    .modern-nav {
        text-align: right;
        right: 0; /* RTL: align to right */
        left: auto;
    }
    
    .modern-link {
        text-align: right;
        justify-content: flex-end;
    }
}

/* RTL-specific brand positioning */
.modern-brand {
    flex-direction: row-reverse; /* RTL: reverse brand layout */
}

.brand-logo {
    order: 2; /* RTL: logo after text */
}

.brand-text {
    order: 1; /* RTL: text before logo */
}

/* RTL-specific button group alignment */
.auth-buttons {
    flex-direction: row-reverse; /* RTL: reverse button order */
}

/* RTL-specific social link positioning */
.social-link {
    order: -1; /* RTL: move social to far right */
}

/* RTL-specific language switcher */
.language-switcher {
    order: -2; /* RTL: move language switcher to right */
}

/* RTL-specific contact link */
.contact-link {
    order: -3; /* RTL: move contact to right */
}

/* Print styles RTL */
@media print {
    .modern-header {
        display: none;
    }
}

/* Modern Home Page RTL Styles */
.modern-hero {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(135deg, #ADD8E6 0%, #B8D9E8 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    direction: rtl;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.hero-particles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 50%, var(--main-color-2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--main-color-1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, var(--main-color-3) 0%, transparent 50%);
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}

.hero-content {
    position: relative;
    z-index: 2;
    color: white;
    text-align: right; /* RTL: Right align text */
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 16px;
    border-radius: 25px;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    direction: rtl;
}

.hero-badge i {
    margin-left: 8px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1.2rem;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    font-family: 'Cairo', sans-serif;
    text-align: right; /* RTL: Right align title */
}

.text-gradient {
    background: linear-gradient(45deg, var(--main-color-3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
    max-width: 500px;
    text-align: right; /* RTL: Right align subtitle */
}

.hero-stats {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    justify-content: flex-end; /* RTL: Align stats to the right */
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #FFD700;
    display: block;
    line-height: 1;
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-top: 5px;
}

.hero-actions {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-end; /* RTL: Align actions to the right */
}

.modern-btn-hero {
    display: inline-flex;
    align-items: center;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    min-width: 200px;
    justify-content: center;
    direction: rtl;
}

.modern-btn-hero i {
    margin-left: 10px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1.1rem;
}

.modern-btn-hero.btn-primary {
    background: linear-gradient(135deg, var(--main-color-1) 0%, var(--main-color-2) 50%, var(--main-color-3) 100%);
    color: white;
    border-color: var(--main-color-1);
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
}

.modern-btn-hero.btn-primary:hover {
    background: linear-gradient(135deg, var(--main-color-3) 0%, var(--main-color-2) 50%, var(--main-color-1) 100%);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 0, 0, 0.4);
}

.modern-btn-hero.btn-outline-light {
    background: transparent;
    color: white;
    border-color: rgba(255, 255, 255, 0.5);
}

.modern-btn-hero.btn-outline-light:hover {
    background: white;
    color: #ff0000; /* RTL: Use brand red instead of blue */
    border-color: white;
    transform: translateY(-2px);
}

.hero-visual {
    position: relative;
    z-index: 2;
}

.hero-image-container {
    position: relative;
    text-align: center;
}

.hero-image {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
    animation: float 6s ease-in-out infinite;
}

.floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.floating-card {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    padding: 15px 20px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    font-weight: 600;
    backdrop-filter: blur(10px);
    animation: float 4s ease-in-out infinite;
    direction: rtl; /* RTL: Right-to-left text direction */
}

.floating-card i {
    font-size: 1.5rem;
    color: #ff0000; /* RTL: Use brand red instead of blue */
}

.card-1 {
    top: 20%;
    left: 10%; /* RTL: left instead of right */
    animation-delay: 0s;
}

.card-2 {
    top: 50%;
    right: 5%; /* RTL: right instead of left */
    animation-delay: 1s;
}

.card-3 {
    bottom: 30%;
    left: 20%; /* RTL: left instead of right */
    animation-delay: 2s;
}

/* Modern Features Section RTL */
.modern-features {
    padding: 100px 0;
    background: #f8f9fa;
    direction: rtl;
}

.section-header {
    margin-bottom: 60px;
    text-align: center;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    text-align: right;
}

.features-grid {
    margin-top: 60px;
}

.feature-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(45deg, #ff0000, #ff3333); /* RTL: Use brand colors */
}

.feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #ff0000, #ff3333); /* RTL: Use brand colors */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: white;
    font-size: 2rem;
}

.feature-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

.feature-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}

.feature-image {
    margin-top: 20px;
}

.pricing-tabs {
    margin-top: 20px;
}

.pricing-nav {
    justify-content: center;
    margin-bottom: 20px;
}

.pricing-nav .nav-link {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    margin: 0 5px;
    padding: 10px 20px;
    color: #666;
    transition: all 0.3s ease;
    direction: rtl;
}

.pricing-nav .nav-link.active {
    background: #ff0000; /* RTL: Use brand red */
    border-color: #ff0000;
    color: white;
}

.pricing-content {
    text-align: center;
}

.payment-methods {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.payment-method {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #f8f9fa;
    border-radius: 10px;
    font-weight: 600;
    color: #333;
    direction: rtl;
}

.payment-method i {
    color: #ff0000; /* RTL: Use brand red */
    font-size: 1.2rem;
}

/* Modern Services Section RTL */
.modern-services {
    padding: 100px 0;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%); /* RTL: Use brand colors */
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.services-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.services-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
                      radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}

.modern-services .section-title {
    color: white;
    text-align: center;
}

.modern-services .section-subtitle {
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
}

.services-grid {
    position: relative;
    z-index: 2;
}

.service-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    direction: rtl;
}

.service-card:hover {
    transform: translateY(-10px);
    background: white;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.service-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #ff0000, #ff3333); /* RTL: Use brand colors */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: white;
    font-size: 2rem;
}

.service-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

.service-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}

.service-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8f9fa;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    direction: rtl;
}

.service-badge i {
    color: #FFD700;
}

/* Modern Coverage Section RTL */
.modern-coverage {
    padding: 100px 0;
    background: white;
    direction: rtl;
}

.coverage-content {
    padding-left: 40px; /* RTL: padding-left instead of padding-right */
    padding-right: 0;
}

.coverage-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(45deg, #ff0000, #ff3333); /* RTL: Use brand colors */
    color: white;
    padding: 8px 20px;
    border-radius: 25px;
    margin-bottom: 20px;
    font-weight: 600;
    direction: rtl;
}

.coverage-badge i {
    margin-left: 8px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1.2rem;
}

.coverage-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Cairo', sans-serif;
    text-align: right; /* RTL: Right align title */
}

.coverage-description {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: right; /* RTL: Right align description */
}

.coverage-features {
    margin-bottom: 40px;
}

.coverage-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333;
    direction: rtl;
}

.coverage-feature i {
    color: #FFD700;
    font-size: 1.2rem;
}

.coverage-actions {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-end; /* RTL: Align actions to the right */
}

.modern-btn-coverage {
    display: inline-flex;
    align-items: center;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    min-width: 200px;
    justify-content: center;
    direction: rtl;
}

.modern-btn-coverage i {
    margin-left: 10px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1.1rem;
}

.coverage-visual {
    position: relative;
}

.map-container {
    position: relative;
    text-align: center;
}

.coverage-map {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
}

.map-pins {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.map-pin {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #ff0000; /* RTL: Use brand red */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    animation: pulse 2s infinite;
    cursor: pointer;
}

.map-pin::after {
    content: attr(data-city);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.8rem;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
    direction: rtl;
}

.map-pin:hover::after {
    opacity: 1;
}

.pin-1 { top: 30%; right: 45%; left: auto; } /* RTL: right instead of left */
.pin-2 { top: 20%; right: 20%; left: auto; } /* RTL: right instead of left */
.pin-3 { top: 35%; right: 40%; left: auto; } /* RTL: right instead of left */
.pin-4 { top: 60%; right: 30%; left: auto; } /* RTL: right instead of left */

/* Modern Pricing Section RTL */
.modern-pricing {
    padding: 100px 0;
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.pricing-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pricing-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 80%, rgba(228, 16, 29, 0.1) 0%, transparent 50%), /* RTL: Use brand red */
                      radial-gradient(circle at 80% 20%, rgba(255, 71, 87, 0.1) 0%, transparent 50%); /* RTL: Use brand red */
}

.pricing-content {
    position: relative;
    z-index: 2;
}

.pricing-card {
    background: white;
    border-radius: 20px;
    padding: 50px 40px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.pricing-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(45deg, #ff0000, #ff3333); /* RTL: Use brand colors */
}

.pricing-header {
    margin-bottom: 40px;
}

.price-display {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 20px;
    direction: rtl;
}

.currency {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
    margin-left: 5px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
}

.amount {
    font-size: 4rem;
    font-weight: 800;
    color: #ff0000; /* RTL: Use brand red */
    line-height: 1;
}

.period {
    font-size: 1rem;
    color: #666;
    margin-right: 10px; /* RTL: margin-right instead of margin-left */
    margin-left: 0;
}

.pricing-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333;
    text-align: center;
}

.pricing-features {
    margin-bottom: 40px;
}

.pricing-feature {
    text-align: center;
    padding: 20px;
}

.pricing-feature i {
    font-size: 2.5rem;
    color: #ff0000; /* RTL: Use brand red */
    margin-bottom: 15px;
}

.pricing-feature h4 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    text-align: center;
}

.pricing-feature p {
    color: #666;
    line-height: 1.5;
    text-align: center;
}

.pricing-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.modern-btn-pricing {
    display: inline-flex;
    align-items: center;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    min-width: 200px;
    justify-content: center;
    direction: rtl;
}

.modern-btn-pricing i {
    margin-left: 10px; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    font-size: 1.1rem;
}

/* RTL Responsive Design */
@media (max-width: 991.98px) {
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-stats {
        justify-content: center;
        gap: 20px;
    }
    
    .hero-actions {
        justify-content: center;
    }
    
    .modern-btn-hero,
    .modern-btn-coverage,
    .modern-btn-pricing {
        min-width: 180px;
    }
    
    .coverage-content {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    
    .coverage-actions {
        justify-content: center;
    }
    
    .pricing-actions {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-stats {
        flex-direction: column;
        gap: 15px;
    }
    
    .hero-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .modern-btn-hero,
    .modern-btn-coverage,
    .modern-btn-pricing {
        width: 100%;
        max-width: 300px;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .feature-card,
    .service-card {
        padding: 30px 20px;
    }
    
    .pricing-card {
        padding: 40px 20px;
    }
    
    .amount {
        font-size: 3rem;
    }
}

/* RTL Animation delays for staggered effects */
[data-aos="fade-up"] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

[data-aos="fade-up"].aos-animate {
    opacity: 1;
    transform: translateY(0);
}

[data-aos="zoom-in"] {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.6s ease;
}

[data-aos="zoom-in"].aos-animate {
    opacity: 1;
    transform: scale(1);
}

/* Original Home Section RTL Styles with Modern Design */
.home {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    direction: rtl;
}

.home .container {
    position: relative;
    z-index: 2;
}

.home .hero-content {
    color: white;
    text-align: right; /* RTL: Right align text */
}

.home .hero-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    font-family: 'Cairo', sans-serif;
    text-align: right; /* RTL: Right align title */
}

.home .hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
    max-width: 500px;
    text-align: right; /* RTL: Right align subtitle */
}

.home .hero-actions {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-end; /* RTL: Align actions to the right */
}

.home .hero-visual {
    text-align: center;
}

.home .hero-image {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
    animation: float 6s ease-in-out infinite;
}

/* Original Home Tabs Section RTL with Modern Design */
.home-tabs {
    padding: 100px 0;
    background: #f8f9fa;
    direction: rtl;
}

.home-tabs .section-header {
    margin-bottom: 60px;
    text-align: center;
}

.home-tabs .section-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

.home-tabs .section-subtitle {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.home-tabs .features-grid {
    margin-top: 60px;
}

.home-tabs .feature-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.home-tabs .feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.home-tabs .feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(45deg, #ff0000, #ff3333);
}

.home-tabs .feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #ff0000, #ff3333);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: white;
    font-size: 2rem;
}

.home-tabs .feature-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

.home-tabs .feature-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}

.home-tabs .feature-image {
    margin-top: 20px;
}

.home-tabs .pricing-tabs {
    margin-top: 20px;
}

.home-tabs .pricing-nav {
    justify-content: center;
    margin-bottom: 20px;
}

.home-tabs .pricing-nav .nav-link {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    margin: 0 5px;
    padding: 10px 20px;
    color: #666;
    transition: all 0.3s ease;
    direction: rtl;
}

.home-tabs .pricing-nav .nav-link.active {
    background: #ff0000;
    border-color: #ff0000;
    color: white;
}

.home-tabs .pricing-content {
    text-align: center;
}

.home-tabs .payment-methods {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.home-tabs .payment-method {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #f8f9fa;
    border-radius: 10px;
    font-weight: 600;
    color: #333;
    direction: rtl;
}

.home-tabs .payment-method i {
    color: #ff0000;
    font-size: 1.2rem;
}

/* Original Home Steps Section RTL with Modern Design */
.home-steps {
    padding: 100px 0;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.home-steps .services-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-steps .services-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
                      radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}

.home-steps .container {
    position: relative;
    z-index: 2;
}

.home-steps .section-header {
    margin-bottom: 60px;
    text-align: center;
}

.home-steps .section-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: white;
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

.home-steps .section-subtitle {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.home-steps .services-grid {
    margin-top: 60px;
}

.home-steps .service-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    direction: rtl;
}

.home-steps .service-card:hover {
    transform: translateY(-10px);
    background: white;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.home-steps .service-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #ff0000, #ff3333);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: white;
    font-size: 2rem;
}

.home-steps .service-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

.home-steps .service-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}

.home-steps .service-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8f9fa;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    direction: rtl;
}

.home-steps .service-badge i {
    color: #FFD700;
}

/* Original Home Map Section RTL with Modern Design */
.home-map {
    padding: 100px 0;
    background: white;
    direction: rtl;
}

.home-map .coverage-content {
    padding-left: 40px; /* RTL: padding-left instead of padding-right */
    padding-right: 0;
}

.home-map h1 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Cairo', sans-serif;
    text-align: right; /* RTL: Right align title */
}

.home-map p {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: right; /* RTL: Right align paragraphs */
}

.home-map .coverage-visual {
    text-align: center;
}

.home-map .map-container {
    position: relative;
}

.home-map .coverage-map {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
}

/* Original Home Price Section RTL with Modern Design */
.home-price {
    padding: 100px 0;
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.home-price .pricing-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-price .pricing-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 80%, rgba(228, 16, 29, 0.1) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(255, 71, 87, 0.1) 0%, transparent 50%);
}

.home-price .container {
    position: relative;
    z-index: 2;
}

.home-price .section-header {
    margin-bottom: 60px;
    text-align: center;
}

.home-price .section-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

.home-price .section-subtitle {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.home-price .pricing-content {
    margin-top: 40px;
}

.home-price .pricing-card {
    background: white;
    border-radius: 20px;
    padding: 50px 40px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.home-price .pricing-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(45deg, #ff0000, #ff3333);
}

.home-price .pricing-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* RTL Responsive Design for Original Sections */
@media (max-width: 991.98px) {
    .home .hero-title {
        font-size: 2.5rem;
    }
    
    .home .hero-actions {
        justify-content: center;
    }
    
    .home-map .coverage-content {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    
    .home-map .coverage-actions {
        justify-content: center;
    }
    
    .home-price .pricing-actions {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .home .hero-title {
        font-size: 2rem;
    }
    
    .home .hero-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .home .modern-btn-hero,
    .home-map .modern-btn-coverage,
    .home-price .modern-btn-pricing {
        width: 100%;
        max-width: 300px;
    }
    
    .home-tabs .section-title,
    .home-steps .section-title,
    .home-map h1,
    .home-price .section-title {
        font-size: 2rem;
    }
    
    .home-tabs .feature-card,
    .home-steps .service-card {
        padding: 30px 20px;
    }
    
    .home-price .pricing-card {
        padding: 40px 20px;
    }
}

/* Legacy navbar styles for backward compatibility */
.navbar {
    background-color: var(--white);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-bottom: 1px solid var(--black-alpha-100)
}

.navbar.sticky-header {
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    left: 0;
    padding: 0
}

.navbar>.container {
    padding: 15px 0
}

.navbar>.container .navbar-toggler {
    color: var(--black-000)
}

.navbar>.container .navbar-toggler .bar1,
.navbar>.container .navbar-toggler .bar2,
.navbar>.container .navbar-toggler .bar3 {
    width: 35px;
    height: 5px;
    background-color: var(--black-000);
    margin: 6px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.navbar>.container .navbar-toggler .bar1 {
    -webkit-transform: rotate(45deg) translate(9px, 6px);
    transform: rotate(45deg) translate(9px, 6px)
}

.navbar>.container .navbar-toggler .bar2 {
    opacity: 0
}

.navbar>.container .navbar-toggler .bar3 {
    -webkit-transform: rotate(-45deg) translate(8px, -8px);
    transform: rotate(-45deg) translate(8px, -8px)
}

.navbar>.container .navbar-toggler.collapsed .bar1,
.navbar>.container .navbar-toggler.collapsed .bar2,
.navbar>.container .navbar-toggler.collapsed .bar3 {
    opacity: 1 !important;
    -webkit-transform: rotate(0deg) translate(0px, 0px) !important;
    transform: rotate(0deg) translate(0px, 0px) !important
}

.navbar>.container .navbar-brand img {
    max-width: 160px
}

@media screen and (max-width: 767px) {
    .navbar>.container .login-form-container .form-inline input {
        max-width: 44vw !important;
    }
}

.navbar>.container .login-form-container .form-inline button {
    border-radius: 0
}

.navbar>.container .login-form-container .form-inline button:hover {
    border: 1px solid #000;
    color: inherit;
    background-color: var(--black-000);
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar>.container .login-form-container .form-inline input {
    margin: 0.25vw;
    border-radius: 0;
    max-width: 12vw
}

.navbar>.container .login-form-container .form-inline input:focus {
    outline: none !important;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar>.container ul.navbar-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .navbar>.container ul.navbar-nav {
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal
    }
}

.navbar>.container .nav-item {
    margin: 0 25px 0 0
}

.navbar>.container .nav-item .nav-link {
    color: var(--black-000);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 5px 0;
    position: relative
}

.navbar>.container .nav-item .nav-link:before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0;
    left: 100%;
    height: 10%;
    background-color: var(--second-main-color);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

.navbar>.container .nav-item .nav-link.active:before,
.navbar>.container .nav-item .nav-link:hover:before {
    bottom: 0%;
    left: 0%
}

@media screen and (max-width: 767px) {
    .navbar>.container .nav-item .nav-link.active:before,
    .navbar>.container .nav-item .nav-link:hover:before {
        left: 50%
    }
}

.navbar>.container .nav-item .lang-link>img {
    width: 45px
}

.navbar>.container .nav-item.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .navbar>.container .nav-item.social {
        margin: 10px 0
    }
}

.to-up-container {
    position: relative;
    height: 50px
}

.to-up-container a.to-up {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    border: 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--gray-2);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

@media screen and (max-width: 767px) {
    .to-up-container a.to-up {
        bottom: 10px;
        left: 50%;
        -webkit-transform: translate(-50%, -10px);
        transform: translate(-50%, -10px)
    }
}

.to-up-container a.to-up:hover {
    color: var(--body);
    margin-bottom: 10px
}

.footer-content-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--bg-dark);
    width: 100%
}

.footer-content-container .footer {
    color: #fff;
    width: 90vw;
    padding: 2vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .footer-content-container .footer .col-md-3,
    .footer-content-container .footer .col-md-4 {
        border-left: 1px solid rgba(207, 207, 207, 0.5)
    }
    .footer-content-container .footer .col-md-3:last-child,
    .footer-content-container .footer .col-md-4:last-child {
        border-left: 0
    }
}

@media (max-width: 767px) {
    .footer-content-container .footer.lg-footer {
        display: none
    }
}

.footer-content-container .sm-footer {
    display: none
}

@media (max-width: 767px) {
    .footer-content-container .sm-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 75%
    }
}

.footer-content-container .sm-footer .hr {
    margin: 10px;
    border-top: 2px solid #FFF;
    width: 80%;
    height: 0
}

.footer-content-container .sm-footer #quick-links-accordion {
    width: 100%
}

.footer-content-container .sm-footer #quick-links-accordion .card {
    border: 0;
    border-radius: 0
}

.footer-content-container .sm-footer #quick-links-accordion .card .card-header {
    padding: 0
}

.footer-content-container .sm-footer #quick-links-accordion .card .card-header a {
    background-color: var(--black-900);
    color: var(--black-000);
    border-radius: 0;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

.footer-content-container .sm-footer #quick-links-accordion .card .card-header a:hover {
    color: var(--black-900);
    background-color: var(--black-000)
}

.footer-content-container .sm-footer #quick-links-accordion .card .card-body {
    background-color: var(--black-900)
}

.footer-content-container .sm-footer .social {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.footer-content-container h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--white);
    font-size: 1.6vw;
    padding-bottom: .75vw
}

@media (max-width: 767px) {
    .footer-content-container h2 {
        font-size: 3.25vw
    }
}

.footer-content-container h4 {
    text-transform: uppercase;
    color: var(--white);
    font-weight: 600;
    font-size: 1.5vw
}

@media (max-width: 767px) {
    .footer-content-container h4 {
        font-size: 20px
    }
}

.footer-content-container p {
    text-transform: uppercase;
    font-size: 1.25vw;
    color: var(--white);
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .footer-content-container p {
        font-size: 16px
    }
}

.footer-content-container .contact-us .panel-group a,
.footer-content-container .contact-us .panel-group {
    color: #000
}

.footer-content-container .contact-us,
.footer-content-container .quick-links,
.footer-content-container .opening-hours {
    padding: 0 1vw
}

.footer-content-container .opening-hours .map iframe {
    width: 100%
}

.footer-content-container .contact-us .phone,
.footer-content-container .hours .hour,
.footer-content-container p a {
    font-size: 1.3vw;
    color: var(--white);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

@media screen and (max-width: 767px) {
    .footer-content-container .contact-us .phone,
    .footer-content-container .hours .hour,
    .footer-content-container p a {
        font-size: 16px
    }
}

.footer-content-container .contact-us .phone:hover,
.footer-content-container .hours .hour:hover,
.footer-content-container p a:hover {
    color: var(--main-color);
    text-decoration: none;
    padding: 0 0.5vw
}

.footer-content-container .hours .hour strong {
    display: block
}

@media (max-width: 992px) and (min-width: 768px) {
    .footer-content-container .contact-us .phone,
    .footer-content-container .hours .hour {
        font-size: 1.75vw
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .footer-content-container .contact-us .phone,
    .footer-content-container .hours .hour {
        font-size: 2vw
    }
}

@media (max-width: 575px) {
    .footer-content-container .contact-us .phone,
    .footer-content-container .hours .hour {
        font-size: 16px
    }
}

.footer-content-container .opening-hours .departments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-content-container .opening-hours .departments span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3vw 0
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-content-container .opening-hours .departments span {
        font-size: 2vw;
        text-align: center
    }
}

@media only screen and (max-width: 575px) {
    .footer-content-container .opening-hours .departments span {
        font-size: 3.25vw;
        text-align: center
    }
}

.footer-content-container .opening-hours .social,
.footer-content-container .social {
    padding-top: 0.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .footer-content-container .opening-hours .social a,
    .footer-content-container .social a {
        text-align: center;
        font-size: 2vw
    }
}

.footer-content-container .child {
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%
}

.footer-content-container ul {
    color: #FFF;
    margin-top: 10px;
    list-style: none;
    padding-right: 0
}

.footer-content-container ul li a {
    color: var(--whitr);
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 1.25vw;
    text-transform: uppercase
}

.footer-content-container ul li a:hover {
    color: var(--main-color)
}

@media (max-width: 992px) and (min-width: 768px) {
    .footer-content-container ul li a {
        font-size: 2vw
    }
}

@media (max-width: 767px) {
    .footer-content-container ul li a {
        font-size: 2.75vw
    }
}

.footer-content-container svg {
    margin: 1vh;
    fill: currentColor;
    width: 200px;
    color: #fff
}

.footer-content-container .social .social-link {
    position: relative;
    padding: 0;
    z-index: 98;
    color: #ED0000;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-color: #fff !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-align: center;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 8px
}

.footer-content-container .social .social-link i {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -7px;
    margin-top: -7px;
    width: 15px;
    height: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

#copyright {
    background-color: var(--black);
    color: #CACACA;
    text-align: center;
    font-size: 12px;
    padding: 15px 0px 15px 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100vw
}

#copyright .container {
    padding: 1vw;
    font-size: 1vw
}

@media (max-width: 992px) and (min-width: 768px) {
    #copyright .container {
        font-size: 1.5vw
    }
}

@media (max-width: 767px) {
    #copyright {
        padding: 15px 0px 15px 0px !important
    }
    #copyright .container {
        font-size: 16px
    }
}

#copyright a {
    color: #fff
}

.footer-bottom {
    width: 100%;
    padding: 1.2vw 4vw;
    background-color: #000;
    font-size: 1.25vw;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .footer-bottom {
        font-size: 3.1vw
    }
}

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

.footer-bottom__elem {
    color: #fff;
    text-align: right
}

@media screen and (max-width: 767px) {
    .footer-bottom__elem {
        padding: 5px 0
    }
}

.footer-bottom__elem a {
    color: #dedede;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

.footer-bottom__elem a:hover {
    color: var(--main-color);
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .footer-row.footer-row--bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.d-card {
    margin: 0;
    background-color: #fff
}

.d-card.brdr-top {
    border-top: 7px solid
}

.d-card.brdr-0 {
    border-top: 0 !important
}

.d-card .d-card-heading {
    padding: 0px 15px;
    margin-bottom: 2rem;
    background-color: #F7F7F7;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-card .d-card-heading p {
    color: #575756
}

.d-card .d-card-heading .d-content {
    padding: 5px 0px;
    border-bottom: 2px solid #F7F7F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    max-height: 50px;
    width: 100%
}

.d-card.pad-0 .d-card-body {
    padding: 0 !important
}

.d-card .d-card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    padding: 10px 20px
}

@media screen and (max-width: 767px) {
    .d-card .d-card-body {
        padding: 10px 10px
    }
}

.d-card p {
    margin: 0
}

@media screen and (min-width: 768px) {
    .d-card {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .d-card {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .d-card .d-card-heading .d-content {
        font-size: 14px
    }
}

.header-round-btn-icon {
    font-size: 15px;
    color: #575756;
    border: 1px solid #707070;
    border-radius: 16px;
    padding: 6px 20px;
    cursor: pointer
}

.header-round-btn-icon:hover {
    text-decoration: none;
    color: #575756
}

.header-round-btn-icon i {
    font-size: 16px;
    color: #707070;
    padding-left: 5px
}

.frm-light-header {
    background-color: var(--bg-form-light) !important;
    border-color: var(--brdr-form-light) !important;
    margin-bottom: 1rem !important
}

.frm-header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.frm-header .content .step {
    height: 30px;
    width: 30px;
    font-size: 14px;
    background-color: var(--main-color);
    color: var(--black-000)
}

.frm-header .content b {
    color: var(--main-color)
}

.custom-radio-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-radio-wrapper .custom-radio-label {
    margin: 10px
}

.custom-radio-wrapper .custom-radio-label>input {
    display: none
}

.custom-radio-wrapper .custom-radio-label>input:checked+.custom-radio-content {
    background-color: var(--bg-form-light);
    border: 2px solid var(--main-color)
}

.custom-radio-wrapper .custom-radio-label>input:checked+.custom-radio-content .content i {
    color: var(--second-main-color)
}

.custom-radio-wrapper .custom-radio-label>input:checked+.custom-radio-content .custom-radio-inner-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content {
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid var(--black-100);
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) -1.95px 1.95px 2.6px;
    box-shadow: rgba(0, 0, 0, 0.15) -1.95px 1.95px 2.6px
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .content i {
    margin-left: 10px;
    font-size: 25px;
    line-height: 25px;
    color: #999
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .content span {
    color: var(--main-color);
    font-size: 90%
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .content span b {
    font-size: 120%
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .custom-radio-inner-label {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ccc
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .custom-radio-inner-label label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .custom-radio-inner-label label input {
    margin-left: 5px
}

.custom-radio-wrapper .custom-radio-label .custom-radio-content .custom-radio-inner-label label div {
    color: #999
}

.track-shipment-form .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #f9f9f9;
    min-width: 150px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

@media screen and (max-width: 767px) {
    .track-shipment-form .dropdown-content {
        right: 0
    }
}

.track-shipment-form .dropdown-content.left {
    right: 0;
    left: auto
}

.track-shipment-form .dropdown-content.open {
    display: block;
    opacity: 1;
    z-index: 9999
}

.track-shipment-form .dropdown-content .track-shipment-form-container {
    position: relative
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content {
    width: 400px;
    background-color: #FFF
}

@media screen and (max-width: 767px) {
    .track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content {
        width: auto
    }
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content.hidden {
    height: 0;
    visibility: hidden
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content.sub-menu {
    height: 0;
    visibility: hidden;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: all ease-in-out 0.10s;
    transition: all ease-in-out 0.10s
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content.sub-menu.open {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
    height: auto
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content.sub-menu .search {
    background-color: #1FB2C6
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content.sub-menu .search .title {
    color: #FFF;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 25px
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 20px
}

.track-shipment-form .dropdown-content .track-shipment-form-container .track-shipment-form-content .search .title {
    margin: 10px 0;
    color: var(--second-main-color);
    font-size: 22px;
    font-weight: bold
}

.input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.input-wrapper label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important
}

.input-wrapper .input-group {
    border: 1px solid #ced4da
}

.input-wrapper .input-group:focus,
.input-wrapper .input-group:focus-within {
    border: 1px solid var(--main-color)
}

.input-wrapper .input-group input,
.input-wrapper .input-group textarea {
    border-radius: 0;
    border-left: 0;
    font-size: 14px;
    border: 0
}

.input-wrapper .input-group input:focus,
.input-wrapper .input-group input:focus-within,
.input-wrapper .input-group textarea:focus,
.input-wrapper .input-group textarea:focus-within {
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-wrapper .input-group .input-group-prepend,
.input-wrapper .input-group .input-group-append {
    background-color: transparent
}

.input-wrapper .input-group .input-group-prepend span,
.input-wrapper .input-group .input-group-append span {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s
}

.input-wrapper .input-group .input-group-prepend span:hover,
.input-wrapper .input-group .input-group-append span:hover {
    color: var(--main-color)
}

.intl-tel-input {
    width: 100%;
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 36px;
    margin-left: 0
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 1px
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 8px 0 0
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 6px;
    width: 0;
    height: 0;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: right;
    padding: 0;
    margin: 0 -1px 0 0;
    -webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    vertical-align: middle
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    margin-left: 6px
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 6px;
    padding-right: 52px;
    margin-right: 0
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    left: auto;
    right: 0
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-right: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-right: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-right: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-right: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-right: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-right: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-right: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-right: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-right: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    right: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px
}

.iti-flag {
    width: 20px;
    height: 15px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../images/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("img/flags@2x.png")
    }
}

.iti-flag.np {
    background-color: transparent
}

.home {
    position: relative;
    max-height: 100vh;
    padding: 150px 0;
    background-blend-mode: overlay;
    background-image: url(/images/new-banner-ar.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.home .container .home-text h1 {
    font-size: 57px;
    font-weight: 700;
    color: var(--white)
}

@media screen and (max-width: 991px) {
    .home .container .home-text h1 {
        font-size: 30px
    }
}

.home .container .home-text p {
    font-size: 30px;
    color: var(--main-color);
    line-height: 28px;
    margin: 0;
    font-weight: 300
}

@media screen and (max-width: 991px) {
    .home .container .home-text p {
        font-size: 16px
    }
}

.home .container .home-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home .container .home-img img {
    max-width: 250px;
    width: 100%
}

.home .delivery {
    position: absolute;
    top: 50%;
    left: 0;
    width: 250px;
    border-radius: 50%;
    opacity: 0.5;
    z-index: 1050;
    -webkit-animation: move 5s infinite;
    animation: move 5s infinite
}

.home-tabs {
    background-color: var(--main-color);
    padding: 5vw 0
}

.home-tabs .container .title {
    color: var(--main-color)
}

@media screen and (max-width: 767px) {
    .home-tabs .container .title {
        font-size: 25px;
        margin-bottom: 10px
    }
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0.5vw 0;
    border: 1px solid var(--light);
    color: var(--second-main-color);
    opacity: 0.8;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link:hover,
.home-tabs .container.vertical-tabs .nav-pills a.nav-link.active {
    background-color: #dc3545;
    border-color: #dc3545 #dc3545 #dc3545 #dc3545;
    color: var(--black-000);
    opacity: 1
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link:hover {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link span {
    font-size: 2vw;
    margin-left: 0.5vw
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link div {
    margin: 0.5vw 0
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link div h2 {
    font-size: 20px;
    font-weight: bold
}

.home-tabs .container.vertical-tabs .nav-pills a.nav-link div p {
    font-size: 15px
}

.home-steps {
    position: relative;
    background-color: var(--main-color);
    padding-top: 5vw;
    padding-bottom: 120px;
    color: var(--second-main-color);
}

.home-steps .animation {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    overflow: hidden
}

.home-steps .animation .circle-container {
    position: absolute;
    -webkit-transform: translateY(-10vh);
    transform: translateY(-10vh);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.home-steps .animation .circle-container .circle {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    mix-blend-mode: screen;
    background-image: radial-gradient(#fff, #fff 10%, rgba(153, 255, 255, 0) 56%);
    -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
    animation: fadein-frames 200ms infinite, scale-frames 2s infinite
}

@-webkit-keyframes fade-frames {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.7
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-frames {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.7
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-frames {
    0% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }
    50% {
        -webkit-transform: scale3d(2.2, 2.2, 1);
        transform: scale3d(2.2, 2.2, 1)
    }
    100% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }
}

@keyframes scale-frames {
    0% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }
    50% {
        -webkit-transform: scale3d(2.2, 2.2, 1);
        transform: scale3d(2.2, 2.2, 1)
    }
    100% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }
}

.home-steps .animation .circle-container:nth-child(1) {
    width: 42px;
    height: 42px;
    -webkit-animation-name: move-frames-1;
    animation-name: move-frames-1;
    -webkit-animation-duration: 30413ms;
    animation-duration: 30413ms;
    -webkit-animation-delay: 28733ms;
    animation-delay: 28733ms
}

@-webkit-keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(-74vw, 109vh, 0);
        transform: translate3d(-74vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-62vw, -112vh, 0);
        transform: translate3d(-62vw, -112vh, 0)
    }
}

@keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(-74vw, 109vh, 0);
        transform: translate3d(-74vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-62vw, -112vh, 0);
        transform: translate3d(-62vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(1) .circle {
    -webkit-animation-delay: 1429ms;
    animation-delay: 1429ms
}

.home-steps .animation .circle-container:nth-child(2) {
    width: 93px;
    height: 93px;
    -webkit-animation-name: move-frames-2;
    animation-name: move-frames-2;
    -webkit-animation-duration: 35936ms;
    animation-duration: 35936ms;
    -webkit-animation-delay: 3296ms;
    animation-delay: 3296ms
}

@-webkit-keyframes move-frames-2 {
    from {
        -webkit-transform: translate3d(-50vw, 108vh, 0);
        transform: translate3d(-50vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -117vh, 0);
        transform: translate3d(-50vw, -117vh, 0)
    }
}

@keyframes move-frames-2 {
    from {
        -webkit-transform: translate3d(-50vw, 108vh, 0);
        transform: translate3d(-50vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -117vh, 0);
        transform: translate3d(-50vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(2) .circle {
    -webkit-animation-delay: 1798ms;
    animation-delay: 1798ms
}

.home-steps .animation .circle-container:nth-child(3) {
    width: 82px;
    height: 82px;
    -webkit-animation-name: move-frames-3;
    animation-name: move-frames-3;
    -webkit-animation-duration: 29597ms;
    animation-duration: 29597ms;
    -webkit-animation-delay: 31536ms;
    animation-delay: 31536ms
}

@-webkit-keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(-54vw, 105vh, 0);
        transform: translate3d(-54vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-14vw, -122vh, 0);
        transform: translate3d(-14vw, -122vh, 0)
    }
}

@keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(-54vw, 105vh, 0);
        transform: translate3d(-54vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-14vw, -122vh, 0);
        transform: translate3d(-14vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(3) .circle {
    -webkit-animation-delay: 1197ms;
    animation-delay: 1197ms
}

.home-steps .animation .circle-container:nth-child(4) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 30430ms;
    animation-duration: 30430ms;
    -webkit-animation-delay: 15028ms;
    animation-delay: 15028ms
}

@-webkit-keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(-64vw, 103vh, 0);
        transform: translate3d(-64vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-11vw, -104vh, 0);
        transform: translate3d(-11vw, -104vh, 0)
    }
}

@keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(-64vw, 103vh, 0);
        transform: translate3d(-64vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-11vw, -104vh, 0);
        transform: translate3d(-11vw, -104vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(4) .circle {
    -webkit-animation-delay: 2686ms;
    animation-delay: 2686ms
}

.home-steps .animation .circle-container:nth-child(5) {
    width: 67px;
    height: 67px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 33133ms;
    animation-duration: 33133ms;
    -webkit-animation-delay: 10615ms;
    animation-delay: 10615ms
}

@-webkit-keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(-71vw, 104vh, 0);
        transform: translate3d(-71vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -129vh, 0);
        transform: translate3d(-60vw, -129vh, 0)
    }
}

@keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(-71vw, 104vh, 0);
        transform: translate3d(-71vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -129vh, 0);
        transform: translate3d(-60vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(5) .circle {
    -webkit-animation-delay: 1110ms;
    animation-delay: 1110ms
}

.home-steps .animation .circle-container:nth-child(6) {
    width: 24px;
    height: 24px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 35849ms;
    animation-duration: 35849ms;
    -webkit-animation-delay: 31167ms;
    animation-delay: 31167ms
}

@-webkit-keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(-12vw, 102vh, 0);
        transform: translate3d(-12vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-88vw, -131vh, 0);
        transform: translate3d(-88vw, -131vh, 0)
    }
}

@keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(-12vw, 102vh, 0);
        transform: translate3d(-12vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-88vw, -131vh, 0);
        transform: translate3d(-88vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(6) .circle {
    -webkit-animation-delay: 1307ms;
    animation-delay: 1307ms
}

.home-steps .animation .circle-container:nth-child(7) {
    width: 75px;
    height: 75px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 35735ms;
    animation-duration: 35735ms;
    -webkit-animation-delay: 6133ms;
    animation-delay: 6133ms
}

@-webkit-keyframes move-frames-7 {
    from {
        -webkit-transform: translate3d(-77vw, 110vh, 0);
        transform: translate3d(-77vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-70vw, -128vh, 0);
        transform: translate3d(-70vw, -128vh, 0)
    }
}

@keyframes move-frames-7 {
    from {
        -webkit-transform: translate3d(-77vw, 110vh, 0);
        transform: translate3d(-77vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-70vw, -128vh, 0);
        transform: translate3d(-70vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(7) .circle {
    -webkit-animation-delay: 2026ms;
    animation-delay: 2026ms
}

.home-steps .animation .circle-container:nth-child(8) {
    width: 14px;
    height: 14px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 29458ms;
    animation-duration: 29458ms;
    -webkit-animation-delay: 4502ms;
    animation-delay: 4502ms
}

@-webkit-keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(-55vw, 106vh, 0);
        transform: translate3d(-55vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-81vw, -130vh, 0);
        transform: translate3d(-81vw, -130vh, 0)
    }
}

@keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(-55vw, 106vh, 0);
        transform: translate3d(-55vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-81vw, -130vh, 0);
        transform: translate3d(-81vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(8) .circle {
    -webkit-animation-delay: 2110ms;
    animation-delay: 2110ms
}

.home-steps .animation .circle-container:nth-child(9) {
    width: 64px;
    height: 64px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 32174ms;
    animation-duration: 32174ms;
    -webkit-animation-delay: 9348ms;
    animation-delay: 9348ms
}

@-webkit-keyframes move-frames-9 {
    from {
        -webkit-transform: translate3d(-40vw, 106vh, 0);
        transform: translate3d(-40vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -116vh, 0);
        transform: translate3d(-71vw, -116vh, 0)
    }
}

@keyframes move-frames-9 {
    from {
        -webkit-transform: translate3d(-40vw, 106vh, 0);
        transform: translate3d(-40vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -116vh, 0);
        transform: translate3d(-71vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(9) .circle {
    -webkit-animation-delay: 3506ms;
    animation-delay: 3506ms
}

.home-steps .animation .circle-container:nth-child(10) {
    width: 35px;
    height: 35px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 29457ms;
    animation-duration: 29457ms;
    -webkit-animation-delay: 26820ms;
    animation-delay: 26820ms
}

@-webkit-keyframes move-frames-10 {
    from {
        -webkit-transform: translate3d(-49vw, 110vh, 0);
        transform: translate3d(-49vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-20vw, -112vh, 0);
        transform: translate3d(-20vw, -112vh, 0)
    }
}

@keyframes move-frames-10 {
    from {
        -webkit-transform: translate3d(-49vw, 110vh, 0);
        transform: translate3d(-49vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-20vw, -112vh, 0);
        transform: translate3d(-20vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(10) .circle {
    -webkit-animation-delay: 2013ms;
    animation-delay: 2013ms
}

.home-steps .animation .circle-container:nth-child(11) {
    width: 80px;
    height: 80px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 33521ms;
    animation-duration: 33521ms;
    -webkit-animation-delay: 22190ms;
    animation-delay: 22190ms
}

@-webkit-keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(-95vw, 108vh, 0);
        transform: translate3d(-95vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-32vw, -135vh, 0);
        transform: translate3d(-32vw, -135vh, 0)
    }
}

@keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(-95vw, 108vh, 0);
        transform: translate3d(-95vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-32vw, -135vh, 0);
        transform: translate3d(-32vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(11) .circle {
    -webkit-animation-delay: 73ms;
    animation-delay: 73ms
}

.home-steps .animation .circle-container:nth-child(12) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 36578ms;
    animation-duration: 36578ms;
    -webkit-animation-delay: 24735ms;
    animation-delay: 24735ms
}

@-webkit-keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(-45vw, 102vh, 0);
        transform: translate3d(-45vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-72vw, -124vh, 0);
        transform: translate3d(-72vw, -124vh, 0)
    }
}

@keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(-45vw, 102vh, 0);
        transform: translate3d(-45vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-72vw, -124vh, 0);
        transform: translate3d(-72vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(12) .circle {
    -webkit-animation-delay: 1716ms;
    animation-delay: 1716ms
}

.home-steps .animation .circle-container:nth-child(13) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 30090ms;
    animation-duration: 30090ms;
    -webkit-animation-delay: 6007ms;
    animation-delay: 6007ms
}

@-webkit-keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(-62vw, 102vh, 0);
        transform: translate3d(-62vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-49vw, -131vh, 0);
        transform: translate3d(-49vw, -131vh, 0)
    }
}

@keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(-62vw, 102vh, 0);
        transform: translate3d(-62vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-49vw, -131vh, 0);
        transform: translate3d(-49vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(13) .circle {
    -webkit-animation-delay: 3488ms;
    animation-delay: 3488ms
}

.home-steps .animation .circle-container:nth-child(14) {
    width: 82px;
    height: 82px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 28905ms;
    animation-duration: 28905ms;
    -webkit-animation-delay: 23345ms;
    animation-delay: 23345ms
}

@-webkit-keyframes move-frames-14 {
    from {
        -webkit-transform: translate3d(-16vw, 109vh, 0);
        transform: translate3d(-16vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-64vw, -114vh, 0);
        transform: translate3d(-64vw, -114vh, 0)
    }
}

@keyframes move-frames-14 {
    from {
        -webkit-transform: translate3d(-16vw, 109vh, 0);
        transform: translate3d(-16vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-64vw, -114vh, 0);
        transform: translate3d(-64vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(14) .circle {
    -webkit-animation-delay: 2025ms;
    animation-delay: 2025ms
}

.home-steps .animation .circle-container:nth-child(15) {
    width: 44px;
    height: 44px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 35452ms;
    animation-duration: 35452ms;
    -webkit-animation-delay: 4662ms;
    animation-delay: 4662ms
}

@-webkit-keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(-83vw, 109vh, 0);
        transform: translate3d(-83vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -112vh, 0);
        transform: translate3d(-42vw, -112vh, 0)
    }
}

@keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(-83vw, 109vh, 0);
        transform: translate3d(-83vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -112vh, 0);
        transform: translate3d(-42vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(15) .circle {
    -webkit-animation-delay: 3611ms;
    animation-delay: 3611ms
}

.home-steps .animation .circle-container:nth-child(16) {
    width: 59px;
    height: 59px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 32339ms;
    animation-duration: 32339ms;
    -webkit-animation-delay: 13117ms;
    animation-delay: 13117ms
}

@-webkit-keyframes move-frames-16 {
    from {
        -webkit-transform: translate3d(-50vw, 102vh, 0);
        transform: translate3d(-50vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-33vw, -118vh, 0);
        transform: translate3d(-33vw, -118vh, 0)
    }
}

@keyframes move-frames-16 {
    from {
        -webkit-transform: translate3d(-50vw, 102vh, 0);
        transform: translate3d(-50vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-33vw, -118vh, 0);
        transform: translate3d(-33vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(16) .circle {
    -webkit-animation-delay: 815ms;
    animation-delay: 815ms
}

.home-steps .animation .circle-container:nth-child(17) {
    width: 76px;
    height: 76px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 31629ms;
    animation-duration: 31629ms;
    -webkit-animation-delay: 10997ms;
    animation-delay: 10997ms
}

@-webkit-keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(-39vw, 102vh, 0);
        transform: translate3d(-39vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -114vh, 0);
        transform: translate3d(-60vw, -114vh, 0)
    }
}

@keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(-39vw, 102vh, 0);
        transform: translate3d(-39vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -114vh, 0);
        transform: translate3d(-60vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(17) .circle {
    -webkit-animation-delay: 643ms;
    animation-delay: 643ms
}

.home-steps .animation .circle-container:nth-child(18) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 32219ms;
    animation-duration: 32219ms;
    -webkit-animation-delay: 32281ms;
    animation-delay: 32281ms
}

@-webkit-keyframes move-frames-18 {
    from {
        -webkit-transform: translate3d(-88vw, 104vh, 0);
        transform: translate3d(-88vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -116vh, 0);
        transform: translate3d(-52vw, -116vh, 0)
    }
}

@keyframes move-frames-18 {
    from {
        -webkit-transform: translate3d(-88vw, 104vh, 0);
        transform: translate3d(-88vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -116vh, 0);
        transform: translate3d(-52vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(18) .circle {
    -webkit-animation-delay: 2699ms;
    animation-delay: 2699ms
}

.home-steps .animation .circle-container:nth-child(19) {
    width: 52px;
    height: 52px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 35864ms;
    animation-duration: 35864ms;
    -webkit-animation-delay: 6469ms;
    animation-delay: 6469ms
}

@-webkit-keyframes move-frames-19 {
    from {
        -webkit-transform: translate3d(-16vw, 110vh, 0);
        transform: translate3d(-16vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-74vw, -114vh, 0);
        transform: translate3d(-74vw, -114vh, 0)
    }
}

@keyframes move-frames-19 {
    from {
        -webkit-transform: translate3d(-16vw, 110vh, 0);
        transform: translate3d(-16vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-74vw, -114vh, 0);
        transform: translate3d(-74vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(19) .circle {
    -webkit-animation-delay: 689ms;
    animation-delay: 689ms
}

.home-steps .animation .circle-container:nth-child(20) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-20;
    animation-name: move-frames-20;
    -webkit-animation-duration: 28918ms;
    animation-duration: 28918ms;
    -webkit-animation-delay: 12140ms;
    animation-delay: 12140ms
}

@-webkit-keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(-29vw, 107vh, 0);
        transform: translate3d(-29vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -113vh, 0);
        transform: translate3d(-52vw, -113vh, 0)
    }
}

@keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(-29vw, 107vh, 0);
        transform: translate3d(-29vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -113vh, 0);
        transform: translate3d(-52vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(20) .circle {
    -webkit-animation-delay: 1898ms;
    animation-delay: 1898ms
}

.home-steps .animation .circle-container:nth-child(21) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 35895ms;
    animation-duration: 35895ms;
    -webkit-animation-delay: 3098ms;
    animation-delay: 3098ms
}

@-webkit-keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(-12vw, 104vh, 0);
        transform: translate3d(-12vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-89vw, -124vh, 0);
        transform: translate3d(-89vw, -124vh, 0)
    }
}

@keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(-12vw, 104vh, 0);
        transform: translate3d(-12vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-89vw, -124vh, 0);
        transform: translate3d(-89vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(21) .circle {
    -webkit-animation-delay: 3230ms;
    animation-delay: 3230ms
}

.home-steps .animation .circle-container:nth-child(22) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 34040ms;
    animation-duration: 34040ms;
    -webkit-animation-delay: 11830ms;
    animation-delay: 11830ms
}

@-webkit-keyframes move-frames-22 {
    from {
        -webkit-transform: translate3d(-17vw, 103vh, 0);
        transform: translate3d(-17vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-54vw, -117vh, 0);
        transform: translate3d(-54vw, -117vh, 0)
    }
}

@keyframes move-frames-22 {
    from {
        -webkit-transform: translate3d(-17vw, 103vh, 0);
        transform: translate3d(-17vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-54vw, -117vh, 0);
        transform: translate3d(-54vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(22) .circle {
    -webkit-animation-delay: 2363ms;
    animation-delay: 2363ms
}

.home-steps .animation .circle-container:nth-child(23) {
    width: 26px;
    height: 26px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 28511ms;
    animation-duration: 28511ms;
    -webkit-animation-delay: 6971ms;
    animation-delay: 6971ms
}

@-webkit-keyframes move-frames-23 {
    from {
        -webkit-transform: translate3d(-13vw, 102vh, 0);
        transform: translate3d(-13vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-48vw, -126vh, 0);
        transform: translate3d(-48vw, -126vh, 0)
    }
}

@keyframes move-frames-23 {
    from {
        -webkit-transform: translate3d(-13vw, 102vh, 0);
        transform: translate3d(-13vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-48vw, -126vh, 0);
        transform: translate3d(-48vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(23) .circle {
    -webkit-animation-delay: 239ms;
    animation-delay: 239ms
}

.home-steps .animation .circle-container:nth-child(24) {
    width: 24px;
    height: 24px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 33695ms;
    animation-duration: 33695ms;
    -webkit-animation-delay: 22020ms;
    animation-delay: 22020ms
}

@-webkit-keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(-73vw, 101vh, 0);
        transform: translate3d(-73vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -108vh, 0);
        transform: translate3d(-85vw, -108vh, 0)
    }
}

@keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(-73vw, 101vh, 0);
        transform: translate3d(-73vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -108vh, 0);
        transform: translate3d(-85vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(24) .circle {
    -webkit-animation-delay: 3768ms;
    animation-delay: 3768ms
}

.home-steps .animation .circle-container:nth-child(25) {
    width: 88px;
    height: 88px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 35589ms;
    animation-duration: 35589ms;
    -webkit-animation-delay: 1392ms;
    animation-delay: 1392ms
}

@-webkit-keyframes move-frames-25 {
    from {
        -webkit-transform: translate3d(-5vw, 104vh, 0);
        transform: translate3d(-5vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -124vh, 0);
        transform: translate3d(-71vw, -124vh, 0)
    }
}

@keyframes move-frames-25 {
    from {
        -webkit-transform: translate3d(-5vw, 104vh, 0);
        transform: translate3d(-5vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -124vh, 0);
        transform: translate3d(-71vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(25) .circle {
    -webkit-animation-delay: 1353ms;
    animation-delay: 1353ms
}

.home-steps .animation .circle-container:nth-child(26) {
    width: 70px;
    height: 70px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 33930ms;
    animation-duration: 33930ms;
    -webkit-animation-delay: 14851ms;
    animation-delay: 14851ms
}

@-webkit-keyframes move-frames-26 {
    from {
        -webkit-transform: translate3d(-73vw, 103vh, 0);
        transform: translate3d(-73vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-21vw, -133vh, 0);
        transform: translate3d(-21vw, -133vh, 0)
    }
}

@keyframes move-frames-26 {
    from {
        -webkit-transform: translate3d(-73vw, 103vh, 0);
        transform: translate3d(-73vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-21vw, -133vh, 0);
        transform: translate3d(-21vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(26) .circle {
    -webkit-animation-delay: 3217ms;
    animation-delay: 3217ms
}

.home-steps .animation .circle-container:nth-child(27) {
    width: 75px;
    height: 75px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;
    -webkit-animation-duration: 28943ms;
    animation-duration: 28943ms;
    -webkit-animation-delay: 17653ms;
    animation-delay: 17653ms
}

@-webkit-keyframes move-frames-27 {
    from {
        -webkit-transform: translate3d(-51vw, 104vh, 0);
        transform: translate3d(-51vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-32vw, -119vh, 0);
        transform: translate3d(-32vw, -119vh, 0)
    }
}

@keyframes move-frames-27 {
    from {
        -webkit-transform: translate3d(-51vw, 104vh, 0);
        transform: translate3d(-51vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-32vw, -119vh, 0);
        transform: translate3d(-32vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(27) .circle {
    -webkit-animation-delay: 490ms;
    animation-delay: 490ms
}

.home-steps .animation .circle-container:nth-child(28) {
    width: 37px;
    height: 37px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 36824ms;
    animation-duration: 36824ms;
    -webkit-animation-delay: 31771ms;
    animation-delay: 31771ms
}

@-webkit-keyframes move-frames-28 {
    from {
        -webkit-transform: translate3d(-73vw, 103vh, 0);
        transform: translate3d(-73vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-80vw, -113vh, 0);
        transform: translate3d(-80vw, -113vh, 0)
    }
}

@keyframes move-frames-28 {
    from {
        -webkit-transform: translate3d(-73vw, 103vh, 0);
        transform: translate3d(-73vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-80vw, -113vh, 0);
        transform: translate3d(-80vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(28) .circle {
    -webkit-animation-delay: 2706ms;
    animation-delay: 2706ms
}

.home-steps .animation .circle-container:nth-child(29) {
    width: 33px;
    height: 33px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 33127ms;
    animation-duration: 33127ms;
    -webkit-animation-delay: 28955ms;
    animation-delay: 28955ms
}

@-webkit-keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(-78vw, 104vh, 0);
        transform: translate3d(-78vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-20vw, -128vh, 0);
        transform: translate3d(-20vw, -128vh, 0)
    }
}

@keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(-78vw, 104vh, 0);
        transform: translate3d(-78vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-20vw, -128vh, 0);
        transform: translate3d(-20vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(29) .circle {
    -webkit-animation-delay: 947ms;
    animation-delay: 947ms
}

.home-steps .animation .circle-container:nth-child(30) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 33668ms;
    animation-duration: 33668ms;
    -webkit-animation-delay: 35450ms;
    animation-delay: 35450ms
}

@-webkit-keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(-57vw, 103vh, 0);
        transform: translate3d(-57vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-99vw, -128vh, 0);
        transform: translate3d(-99vw, -128vh, 0)
    }
}

@keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(-57vw, 103vh, 0);
        transform: translate3d(-57vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-99vw, -128vh, 0);
        transform: translate3d(-99vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(30) .circle {
    -webkit-animation-delay: 851ms;
    animation-delay: 851ms
}

.home-steps .animation .circle-container:nth-child(31) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 28023ms;
    animation-duration: 28023ms;
    -webkit-animation-delay: 36785ms;
    animation-delay: 36785ms
}

@-webkit-keyframes move-frames-31 {
    from {
        -webkit-transform: translate3d(-27vw, 106vh, 0);
        transform: translate3d(-27vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-20vw, -130vh, 0);
        transform: translate3d(-20vw, -130vh, 0)
    }
}

@keyframes move-frames-31 {
    from {
        -webkit-transform: translate3d(-27vw, 106vh, 0);
        transform: translate3d(-27vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-20vw, -130vh, 0);
        transform: translate3d(-20vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(31) .circle {
    -webkit-animation-delay: 3537ms;
    animation-delay: 3537ms
}

.home-steps .animation .circle-container:nth-child(32) {
    width: 22px;
    height: 22px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 31773ms;
    animation-duration: 31773ms;
    -webkit-animation-delay: 20822ms;
    animation-delay: 20822ms
}

@-webkit-keyframes move-frames-32 {
    from {
        -webkit-transform: translate3d(-30vw, 102vh, 0);
        transform: translate3d(-30vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -107vh, 0);
        transform: translate3d(-50vw, -107vh, 0)
    }
}

@keyframes move-frames-32 {
    from {
        -webkit-transform: translate3d(-30vw, 102vh, 0);
        transform: translate3d(-30vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -107vh, 0);
        transform: translate3d(-50vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(32) .circle {
    -webkit-animation-delay: 1122ms;
    animation-delay: 1122ms
}

.home-steps .animation .circle-container:nth-child(33) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 36400ms;
    animation-duration: 36400ms;
    -webkit-animation-delay: 11463ms;
    animation-delay: 11463ms
}

@-webkit-keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(-51vw, 102vh, 0);
        transform: translate3d(-51vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -114vh, 0);
        transform: translate3d(-31vw, -114vh, 0)
    }
}

@keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(-51vw, 102vh, 0);
        transform: translate3d(-51vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -114vh, 0);
        transform: translate3d(-31vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(33) .circle {
    -webkit-animation-delay: 2663ms;
    animation-delay: 2663ms
}

.home-steps .animation .circle-container:nth-child(34) {
    width: 73px;
    height: 73px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 33233ms;
    animation-duration: 33233ms;
    -webkit-animation-delay: 35388ms;
    animation-delay: 35388ms
}

@-webkit-keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(-12vw, 106vh, 0);
        transform: translate3d(-12vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-18vw, -107vh, 0);
        transform: translate3d(-18vw, -107vh, 0)
    }
}

@keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(-12vw, 106vh, 0);
        transform: translate3d(-12vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-18vw, -107vh, 0);
        transform: translate3d(-18vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(34) .circle {
    -webkit-animation-delay: 1053ms;
    animation-delay: 1053ms
}

.home-steps .animation .circle-container:nth-child(35) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 31208ms;
    animation-duration: 31208ms;
    -webkit-animation-delay: 24169ms;
    animation-delay: 24169ms
}

@-webkit-keyframes move-frames-35 {
    from {
        -webkit-transform: translate3d(-97vw, 108vh, 0);
        transform: translate3d(-97vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-14vw, -120vh, 0);
        transform: translate3d(-14vw, -120vh, 0)
    }
}

@keyframes move-frames-35 {
    from {
        -webkit-transform: translate3d(-97vw, 108vh, 0);
        transform: translate3d(-97vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-14vw, -120vh, 0);
        transform: translate3d(-14vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(35) .circle {
    -webkit-animation-delay: 3973ms;
    animation-delay: 3973ms
}

.home-steps .animation .circle-container:nth-child(36) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 33177ms;
    animation-duration: 33177ms;
    -webkit-animation-delay: 13923ms;
    animation-delay: 13923ms
}

@-webkit-keyframes move-frames-36 {
    from {
        -webkit-transform: translate3d(-68vw, 104vh, 0);
        transform: translate3d(-68vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -127vh, 0);
        transform: translate3d(-71vw, -127vh, 0)
    }
}

@keyframes move-frames-36 {
    from {
        -webkit-transform: translate3d(-68vw, 104vh, 0);
        transform: translate3d(-68vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -127vh, 0);
        transform: translate3d(-71vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(36) .circle {
    -webkit-animation-delay: 2418ms;
    animation-delay: 2418ms
}

.home-steps .animation .circle-container:nth-child(37) {
    width: 59px;
    height: 59px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 35043ms;
    animation-duration: 35043ms;
    -webkit-animation-delay: 22162ms;
    animation-delay: 22162ms
}

@-webkit-keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(-6vw, 105vh, 0);
        transform: translate3d(-6vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-87vw, -123vh, 0);
        transform: translate3d(-87vw, -123vh, 0)
    }
}

@keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(-6vw, 105vh, 0);
        transform: translate3d(-6vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-87vw, -123vh, 0);
        transform: translate3d(-87vw, -123vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(37) .circle {
    -webkit-animation-delay: 2403ms;
    animation-delay: 2403ms
}

.home-steps .animation .circle-container:nth-child(38) {
    width: 32px;
    height: 32px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 28798ms;
    animation-duration: 28798ms;
    -webkit-animation-delay: 1789ms;
    animation-delay: 1789ms
}

@-webkit-keyframes move-frames-38 {
    from {
        -webkit-transform: translate3d(-19vw, 108vh, 0);
        transform: translate3d(-19vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-35vw, -115vh, 0);
        transform: translate3d(-35vw, -115vh, 0)
    }
}

@keyframes move-frames-38 {
    from {
        -webkit-transform: translate3d(-19vw, 108vh, 0);
        transform: translate3d(-19vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-35vw, -115vh, 0);
        transform: translate3d(-35vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(38) .circle {
    -webkit-animation-delay: 789ms;
    animation-delay: 789ms
}

.home-steps .animation .circle-container:nth-child(39) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 35324ms;
    animation-duration: 35324ms;
    -webkit-animation-delay: 19275ms;
    animation-delay: 19275ms
}

@-webkit-keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(-59vw, 107vh, 0);
        transform: translate3d(-59vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-64vw, -135vh, 0);
        transform: translate3d(-64vw, -135vh, 0)
    }
}

@keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(-59vw, 107vh, 0);
        transform: translate3d(-59vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-64vw, -135vh, 0);
        transform: translate3d(-64vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(39) .circle {
    -webkit-animation-delay: 3614ms;
    animation-delay: 3614ms
}

.home-steps .animation .circle-container:nth-child(40) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 34436ms;
    animation-duration: 34436ms;
    -webkit-animation-delay: 5920ms;
    animation-delay: 5920ms
}

@-webkit-keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(-23vw, 110vh, 0);
        transform: translate3d(-23vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -136vh, 0);
        transform: translate3d(-42vw, -136vh, 0)
    }
}

@keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(-23vw, 110vh, 0);
        transform: translate3d(-23vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -136vh, 0);
        transform: translate3d(-42vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(40) .circle {
    -webkit-animation-delay: 1034ms;
    animation-delay: 1034ms
}

.home-steps .animation .circle-container:nth-child(41) {
    width: 99px;
    height: 99px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 35876ms;
    animation-duration: 35876ms;
    -webkit-animation-delay: 26103ms;
    animation-delay: 26103ms
}

@-webkit-keyframes move-frames-41 {
    from {
        -webkit-transform: translate3d(-88vw, 101vh, 0);
        transform: translate3d(-88vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-80vw, -118vh, 0);
        transform: translate3d(-80vw, -118vh, 0)
    }
}

@keyframes move-frames-41 {
    from {
        -webkit-transform: translate3d(-88vw, 101vh, 0);
        transform: translate3d(-88vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-80vw, -118vh, 0);
        transform: translate3d(-80vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(41) .circle {
    -webkit-animation-delay: 779ms;
    animation-delay: 779ms
}

.home-steps .animation .circle-container:nth-child(42) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 33869ms;
    animation-duration: 33869ms;
    -webkit-animation-delay: 22973ms;
    animation-delay: 22973ms
}

@-webkit-keyframes move-frames-42 {
    from {
        -webkit-transform: translate3d(-58vw, 103vh, 0);
        transform: translate3d(-58vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -128vh, 0);
        transform: translate3d(-58vw, -128vh, 0)
    }
}

@keyframes move-frames-42 {
    from {
        -webkit-transform: translate3d(-58vw, 103vh, 0);
        transform: translate3d(-58vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -128vh, 0);
        transform: translate3d(-58vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(42) .circle {
    -webkit-animation-delay: 1421ms;
    animation-delay: 1421ms
}

.home-steps .animation .circle-container:nth-child(43) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 32610ms;
    animation-duration: 32610ms;
    -webkit-animation-delay: 14641ms;
    animation-delay: 14641ms
}

@-webkit-keyframes move-frames-43 {
    from {
        -webkit-transform: translate3d(-12vw, 107vh, 0);
        transform: translate3d(-12vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-30vw, -113vh, 0);
        transform: translate3d(-30vw, -113vh, 0)
    }
}

@keyframes move-frames-43 {
    from {
        -webkit-transform: translate3d(-12vw, 107vh, 0);
        transform: translate3d(-12vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-30vw, -113vh, 0);
        transform: translate3d(-30vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(43) .circle {
    -webkit-animation-delay: 623ms;
    animation-delay: 623ms
}

.home-steps .animation .circle-container:nth-child(44) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 33056ms;
    animation-duration: 33056ms;
    -webkit-animation-delay: 9641ms;
    animation-delay: 9641ms
}

@-webkit-keyframes move-frames-44 {
    from {
        -webkit-transform: translate3d(-67vw, 106vh, 0);
        transform: translate3d(-67vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -119vh, 0);
        transform: translate3d(-71vw, -119vh, 0)
    }
}

@keyframes move-frames-44 {
    from {
        -webkit-transform: translate3d(-67vw, 106vh, 0);
        transform: translate3d(-67vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -119vh, 0);
        transform: translate3d(-71vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(44) .circle {
    -webkit-animation-delay: 3484ms;
    animation-delay: 3484ms
}

.home-steps .animation .circle-container:nth-child(45) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 28284ms;
    animation-duration: 28284ms;
    -webkit-animation-delay: 12233ms;
    animation-delay: 12233ms
}

@-webkit-keyframes move-frames-45 {
    from {
        -webkit-transform: translate3d(-94vw, 103vh, 0);
        transform: translate3d(-94vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -105vh, 0);
        transform: translate3d(-45vw, -105vh, 0)
    }
}

@keyframes move-frames-45 {
    from {
        -webkit-transform: translate3d(-94vw, 103vh, 0);
        transform: translate3d(-94vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -105vh, 0);
        transform: translate3d(-45vw, -105vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(45) .circle {
    -webkit-animation-delay: 3924ms;
    animation-delay: 3924ms
}

.home-steps .animation .circle-container:nth-child(46) {
    width: 25px;
    height: 25px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 33524ms;
    animation-duration: 33524ms;
    -webkit-animation-delay: 32503ms;
    animation-delay: 32503ms
}

@-webkit-keyframes move-frames-46 {
    from {
        -webkit-transform: translate3d(-58vw, 108vh, 0);
        transform: translate3d(-58vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -116vh, 0);
        transform: translate3d(-58vw, -116vh, 0)
    }
}

@keyframes move-frames-46 {
    from {
        -webkit-transform: translate3d(-58vw, 108vh, 0);
        transform: translate3d(-58vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -116vh, 0);
        transform: translate3d(-58vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(46) .circle {
    -webkit-animation-delay: 819ms;
    animation-delay: 819ms
}

.home-steps .animation .circle-container:nth-child(47) {
    width: 62px;
    height: 62px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 36457ms;
    animation-duration: 36457ms;
    -webkit-animation-delay: 23818ms;
    animation-delay: 23818ms
}

@-webkit-keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(-17vw, 101vh, 0);
        transform: translate3d(-17vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-86vw, -128vh, 0);
        transform: translate3d(-86vw, -128vh, 0)
    }
}

@keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(-17vw, 101vh, 0);
        transform: translate3d(-17vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-86vw, -128vh, 0);
        transform: translate3d(-86vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(47) .circle {
    -webkit-animation-delay: 2389ms;
    animation-delay: 2389ms
}

.home-steps .animation .circle-container:nth-child(48) {
    width: 64px;
    height: 64px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 29821ms;
    animation-duration: 29821ms;
    -webkit-animation-delay: 35108ms;
    animation-delay: 35108ms
}

@-webkit-keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(-30vw, 103vh, 0);
        transform: translate3d(-30vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-66vw, -107vh, 0);
        transform: translate3d(-66vw, -107vh, 0)
    }
}

@keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(-30vw, 103vh, 0);
        transform: translate3d(-30vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-66vw, -107vh, 0);
        transform: translate3d(-66vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(48) .circle {
    -webkit-animation-delay: 3493ms;
    animation-delay: 3493ms
}

.home-steps .animation .circle-container:nth-child(49) {
    width: 47px;
    height: 47px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 33972ms;
    animation-duration: 33972ms;
    -webkit-animation-delay: 3368ms;
    animation-delay: 3368ms
}

@-webkit-keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(-5vw, 109vh, 0);
        transform: translate3d(-5vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-7vw, -128vh, 0);
        transform: translate3d(-7vw, -128vh, 0)
    }
}

@keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(-5vw, 109vh, 0);
        transform: translate3d(-5vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-7vw, -128vh, 0);
        transform: translate3d(-7vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(49) .circle {
    -webkit-animation-delay: 2536ms;
    animation-delay: 2536ms
}

.home-steps .animation .circle-container:nth-child(50) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 35447ms;
    animation-duration: 35447ms;
    -webkit-animation-delay: 21560ms;
    animation-delay: 21560ms
}

@-webkit-keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(-47vw, 107vh, 0);
        transform: translate3d(-47vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-5vw, -135vh, 0);
        transform: translate3d(-5vw, -135vh, 0)
    }
}

@keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(-47vw, 107vh, 0);
        transform: translate3d(-47vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-5vw, -135vh, 0);
        transform: translate3d(-5vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(50) .circle {
    -webkit-animation-delay: 948ms;
    animation-delay: 948ms
}

.home-steps .animation .circle-container:nth-child(51) {
    width: 28px;
    height: 28px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 34560ms;
    animation-duration: 34560ms;
    -webkit-animation-delay: 4052ms;
    animation-delay: 4052ms
}

@-webkit-keyframes move-frames-51 {
    from {
        -webkit-transform: translate3d(-33vw, 109vh, 0);
        transform: translate3d(-33vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-91vw, -125vh, 0);
        transform: translate3d(-91vw, -125vh, 0)
    }
}

@keyframes move-frames-51 {
    from {
        -webkit-transform: translate3d(-33vw, 109vh, 0);
        transform: translate3d(-33vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-91vw, -125vh, 0);
        transform: translate3d(-91vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(51) .circle {
    -webkit-animation-delay: 3696ms;
    animation-delay: 3696ms
}

.home-steps .animation .circle-container:nth-child(52) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 35324ms;
    animation-duration: 35324ms;
    -webkit-animation-delay: 18630ms;
    animation-delay: 18630ms
}

@-webkit-keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(-13vw, 110vh, 0);
        transform: translate3d(-13vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-62vw, -120vh, 0);
        transform: translate3d(-62vw, -120vh, 0)
    }
}

@keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(-13vw, 110vh, 0);
        transform: translate3d(-13vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-62vw, -120vh, 0);
        transform: translate3d(-62vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(52) .circle {
    -webkit-animation-delay: 3274ms;
    animation-delay: 3274ms
}

.home-steps .animation .circle-container:nth-child(53) {
    width: 99px;
    height: 99px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 35380ms;
    animation-duration: 35380ms;
    -webkit-animation-delay: 27896ms;
    animation-delay: 27896ms
}

@-webkit-keyframes move-frames-53 {
    from {
        -webkit-transform: translate3d(-1vw, 110vh, 0);
        transform: translate3d(-1vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-32vw, -135vh, 0);
        transform: translate3d(-32vw, -135vh, 0)
    }
}

@keyframes move-frames-53 {
    from {
        -webkit-transform: translate3d(-1vw, 110vh, 0);
        transform: translate3d(-1vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-32vw, -135vh, 0);
        transform: translate3d(-32vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(53) .circle {
    -webkit-animation-delay: 3693ms;
    animation-delay: 3693ms
}

.home-steps .animation .circle-container:nth-child(54) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 32219ms;
    animation-duration: 32219ms;
    -webkit-animation-delay: 22388ms;
    animation-delay: 22388ms
}

@-webkit-keyframes move-frames-54 {
    from {
        -webkit-transform: translate3d(-25vw, 110vh, 0);
        transform: translate3d(-25vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-39vw, -130vh, 0);
        transform: translate3d(-39vw, -130vh, 0)
    }
}

@keyframes move-frames-54 {
    from {
        -webkit-transform: translate3d(-25vw, 110vh, 0);
        transform: translate3d(-25vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-39vw, -130vh, 0);
        transform: translate3d(-39vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(54) .circle {
    -webkit-animation-delay: 2028ms;
    animation-delay: 2028ms
}

.home-steps .animation .circle-container:nth-child(55) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 36573ms;
    animation-duration: 36573ms;
    -webkit-animation-delay: 247ms;
    animation-delay: 247ms
}

@-webkit-keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(-78vw, 108vh, 0);
        transform: translate3d(-78vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-56vw, -132vh, 0);
        transform: translate3d(-56vw, -132vh, 0)
    }
}

@keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(-78vw, 108vh, 0);
        transform: translate3d(-78vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-56vw, -132vh, 0);
        transform: translate3d(-56vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(55) .circle {
    -webkit-animation-delay: 1637ms;
    animation-delay: 1637ms
}

.home-steps .animation .circle-container:nth-child(56) {
    width: 53px;
    height: 53px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 32163ms;
    animation-duration: 32163ms;
    -webkit-animation-delay: 6615ms;
    animation-delay: 6615ms
}

@-webkit-keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(-9vw, 101vh, 0);
        transform: translate3d(-9vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -112vh, 0);
        transform: translate3d(-100vw, -112vh, 0)
    }
}

@keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(-9vw, 101vh, 0);
        transform: translate3d(-9vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -112vh, 0);
        transform: translate3d(-100vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(56) .circle {
    -webkit-animation-delay: 3764ms;
    animation-delay: 3764ms
}

.home-steps .animation .circle-container:nth-child(57) {
    width: 70px;
    height: 70px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 31022ms;
    animation-duration: 31022ms;
    -webkit-animation-delay: 33219ms;
    animation-delay: 33219ms
}

@-webkit-keyframes move-frames-57 {
    from {
        -webkit-transform: translate3d(-65vw, 103vh, 0);
        transform: translate3d(-65vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-66vw, -131vh, 0);
        transform: translate3d(-66vw, -131vh, 0)
    }
}

@keyframes move-frames-57 {
    from {
        -webkit-transform: translate3d(-65vw, 103vh, 0);
        transform: translate3d(-65vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-66vw, -131vh, 0);
        transform: translate3d(-66vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(57) .circle {
    -webkit-animation-delay: 425ms;
    animation-delay: 425ms
}

.home-steps .animation .circle-container:nth-child(58) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 28882ms;
    animation-duration: 28882ms;
    -webkit-animation-delay: 28731ms;
    animation-delay: 28731ms
}

@-webkit-keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(-93vw, 102vh, 0);
        transform: translate3d(-93vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -117vh, 0);
        transform: translate3d(-100vw, -117vh, 0)
    }
}

@keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(-93vw, 102vh, 0);
        transform: translate3d(-93vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -117vh, 0);
        transform: translate3d(-100vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(58) .circle {
    -webkit-animation-delay: 951ms;
    animation-delay: 951ms
}

.home-steps .animation .circle-container:nth-child(59) {
    width: 52px;
    height: 52px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 34636ms;
    animation-duration: 34636ms;
    -webkit-animation-delay: 28655ms;
    animation-delay: 28655ms
}

@-webkit-keyframes move-frames-59 {
    from {
        -webkit-transform: translate3d(-20vw, 104vh, 0);
        transform: translate3d(-20vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -119vh, 0);
        transform: translate3d(-73vw, -119vh, 0)
    }
}

@keyframes move-frames-59 {
    from {
        -webkit-transform: translate3d(-20vw, 104vh, 0);
        transform: translate3d(-20vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -119vh, 0);
        transform: translate3d(-73vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(59) .circle {
    -webkit-animation-delay: 3399ms;
    animation-delay: 3399ms
}

.home-steps .animation .circle-container:nth-child(60) {
    width: 35px;
    height: 35px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 35962ms;
    animation-duration: 35962ms;
    -webkit-animation-delay: 29270ms;
    animation-delay: 29270ms
}

@-webkit-keyframes move-frames-60 {
    from {
        -webkit-transform: translate3d(-97vw, 110vh, 0);
        transform: translate3d(-97vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-19vw, -137vh, 0);
        transform: translate3d(-19vw, -137vh, 0)
    }
}

@keyframes move-frames-60 {
    from {
        -webkit-transform: translate3d(-97vw, 110vh, 0);
        transform: translate3d(-97vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-19vw, -137vh, 0);
        transform: translate3d(-19vw, -137vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(60) .circle {
    -webkit-animation-delay: 2410ms;
    animation-delay: 2410ms
}

.home-steps .animation .circle-container:nth-child(61) {
    width: 14px;
    height: 14px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 28730ms;
    animation-duration: 28730ms;
    -webkit-animation-delay: 22935ms;
    animation-delay: 22935ms
}

@-webkit-keyframes move-frames-61 {
    from {
        -webkit-transform: translate3d(-80vw, 110vh, 0);
        transform: translate3d(-80vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -139vh, 0);
        transform: translate3d(-31vw, -139vh, 0)
    }
}

@keyframes move-frames-61 {
    from {
        -webkit-transform: translate3d(-80vw, 110vh, 0);
        transform: translate3d(-80vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -139vh, 0);
        transform: translate3d(-31vw, -139vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(61) .circle {
    -webkit-animation-delay: 3345ms;
    animation-delay: 3345ms
}

.home-steps .animation .circle-container:nth-child(62) {
    width: 95px;
    height: 95px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 35929ms;
    animation-duration: 35929ms;
    -webkit-animation-delay: 7943ms;
    animation-delay: 7943ms
}

@-webkit-keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(-25vw, 107vh, 0);
        transform: translate3d(-25vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -127vh, 0);
        transform: translate3d(-85vw, -127vh, 0)
    }
}

@keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(-25vw, 107vh, 0);
        transform: translate3d(-25vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -127vh, 0);
        transform: translate3d(-85vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(62) .circle {
    -webkit-animation-delay: 1840ms;
    animation-delay: 1840ms
}

.home-steps .animation .circle-container:nth-child(63) {
    width: 32px;
    height: 32px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 32960ms;
    animation-duration: 32960ms;
    -webkit-animation-delay: 2962ms;
    animation-delay: 2962ms
}

@-webkit-keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(-73vw, 107vh, 0);
        transform: translate3d(-73vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-24vw, -114vh, 0);
        transform: translate3d(-24vw, -114vh, 0)
    }
}

@keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(-73vw, 107vh, 0);
        transform: translate3d(-73vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-24vw, -114vh, 0);
        transform: translate3d(-24vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(63) .circle {
    -webkit-animation-delay: 535ms;
    animation-delay: 535ms
}

.home-steps .animation .circle-container:nth-child(64) {
    width: 45px;
    height: 45px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 36230ms;
    animation-duration: 36230ms;
    -webkit-animation-delay: 27955ms;
    animation-delay: 27955ms
}

@-webkit-keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(-48vw, 109vh, 0);
        transform: translate3d(-48vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -138vh, 0);
        transform: translate3d(-75vw, -138vh, 0)
    }
}

@keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(-48vw, 109vh, 0);
        transform: translate3d(-48vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -138vh, 0);
        transform: translate3d(-75vw, -138vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(64) .circle {
    -webkit-animation-delay: 2115ms;
    animation-delay: 2115ms
}

.home-steps .animation .circle-container:nth-child(65) {
    width: 70px;
    height: 70px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 31620ms;
    animation-duration: 31620ms;
    -webkit-animation-delay: 3223ms;
    animation-delay: 3223ms
}

@-webkit-keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(-81vw, 101vh, 0);
        transform: translate3d(-81vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-69vw, -106vh, 0);
        transform: translate3d(-69vw, -106vh, 0)
    }
}

@keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(-81vw, 101vh, 0);
        transform: translate3d(-81vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-69vw, -106vh, 0);
        transform: translate3d(-69vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(65) .circle {
    -webkit-animation-delay: 3858ms;
    animation-delay: 3858ms
}

.home-steps .animation .circle-container:nth-child(66) {
    width: 31px;
    height: 31px;
    -webkit-animation-name: move-frames-66;
    animation-name: move-frames-66;
    -webkit-animation-duration: 32200ms;
    animation-duration: 32200ms;
    -webkit-animation-delay: 17993ms;
    animation-delay: 17993ms
}

@-webkit-keyframes move-frames-66 {
    from {
        -webkit-transform: translate3d(-93vw, 103vh, 0);
        transform: translate3d(-93vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-91vw, -132vh, 0);
        transform: translate3d(-91vw, -132vh, 0)
    }
}

@keyframes move-frames-66 {
    from {
        -webkit-transform: translate3d(-93vw, 103vh, 0);
        transform: translate3d(-93vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-91vw, -132vh, 0);
        transform: translate3d(-91vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(66) .circle {
    -webkit-animation-delay: 1036ms;
    animation-delay: 1036ms
}

.home-steps .animation .circle-container:nth-child(67) {
    width: 48px;
    height: 48px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 30921ms;
    animation-duration: 30921ms;
    -webkit-animation-delay: 21248ms;
    animation-delay: 21248ms
}

@-webkit-keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(-33vw, 109vh, 0);
        transform: translate3d(-33vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-46vw, -116vh, 0);
        transform: translate3d(-46vw, -116vh, 0)
    }
}

@keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(-33vw, 109vh, 0);
        transform: translate3d(-33vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-46vw, -116vh, 0);
        transform: translate3d(-46vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(67) .circle {
    -webkit-animation-delay: 2465ms;
    animation-delay: 2465ms
}

.home-steps .animation .circle-container:nth-child(68) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 28745ms;
    animation-duration: 28745ms;
    -webkit-animation-delay: 26509ms;
    animation-delay: 26509ms
}

@-webkit-keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(-55vw, 104vh, 0);
        transform: translate3d(-55vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-2vw, -112vh, 0);
        transform: translate3d(-2vw, -112vh, 0)
    }
}

@keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(-55vw, 104vh, 0);
        transform: translate3d(-55vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-2vw, -112vh, 0);
        transform: translate3d(-2vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(68) .circle {
    -webkit-animation-delay: 2222ms;
    animation-delay: 2222ms
}

.home-steps .animation .circle-container:nth-child(69) {
    width: 22px;
    height: 22px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 34312ms;
    animation-duration: 34312ms;
    -webkit-animation-delay: 12403ms;
    animation-delay: 12403ms
}

@-webkit-keyframes move-frames-69 {
    from {
        -webkit-transform: translate3d(-31vw, 107vh, 0);
        transform: translate3d(-31vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-13vw, -124vh, 0);
        transform: translate3d(-13vw, -124vh, 0)
    }
}

@keyframes move-frames-69 {
    from {
        -webkit-transform: translate3d(-31vw, 107vh, 0);
        transform: translate3d(-31vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-13vw, -124vh, 0);
        transform: translate3d(-13vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(69) .circle {
    -webkit-animation-delay: 2700ms;
    animation-delay: 2700ms
}

.home-steps .animation .circle-container:nth-child(70) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 30923ms;
    animation-duration: 30923ms;
    -webkit-animation-delay: 34351ms;
    animation-delay: 34351ms
}

@-webkit-keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(-8vw, 106vh, 0);
        transform: translate3d(-8vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-89vw, -122vh, 0);
        transform: translate3d(-89vw, -122vh, 0)
    }
}

@keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(-8vw, 106vh, 0);
        transform: translate3d(-8vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-89vw, -122vh, 0);
        transform: translate3d(-89vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(70) .circle {
    -webkit-animation-delay: 378ms;
    animation-delay: 378ms
}

.home-steps .animation .circle-container:nth-child(71) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-71;
    animation-name: move-frames-71;
    -webkit-animation-duration: 30058ms;
    animation-duration: 30058ms;
    -webkit-animation-delay: 8030ms;
    animation-delay: 8030ms
}

@-webkit-keyframes move-frames-71 {
    from {
        -webkit-transform: translate3d(-5vw, 105vh, 0);
        transform: translate3d(-5vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -118vh, 0);
        transform: translate3d(-58vw, -118vh, 0)
    }
}

@keyframes move-frames-71 {
    from {
        -webkit-transform: translate3d(-5vw, 105vh, 0);
        transform: translate3d(-5vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -118vh, 0);
        transform: translate3d(-58vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(71) .circle {
    -webkit-animation-delay: 897ms;
    animation-delay: 897ms
}

.home-steps .animation .circle-container:nth-child(72) {
    width: 14px;
    height: 14px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 35824ms;
    animation-duration: 35824ms;
    -webkit-animation-delay: 2862ms;
    animation-delay: 2862ms
}

@-webkit-keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(-24vw, 104vh, 0);
        transform: translate3d(-24vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-14vw, -127vh, 0);
        transform: translate3d(-14vw, -127vh, 0)
    }
}

@keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(-24vw, 104vh, 0);
        transform: translate3d(-24vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-14vw, -127vh, 0);
        transform: translate3d(-14vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(72) .circle {
    -webkit-animation-delay: 2071ms;
    animation-delay: 2071ms
}

.home-steps .animation .circle-container:nth-child(73) {
    width: 56px;
    height: 56px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 35828ms;
    animation-duration: 35828ms;
    -webkit-animation-delay: 10474ms;
    animation-delay: 10474ms
}

@-webkit-keyframes move-frames-73 {
    from {
        -webkit-transform: translate3d(-48vw, 107vh, 0);
        transform: translate3d(-48vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -130vh, 0);
        transform: translate3d(-6vw, -130vh, 0)
    }
}

@keyframes move-frames-73 {
    from {
        -webkit-transform: translate3d(-48vw, 107vh, 0);
        transform: translate3d(-48vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -130vh, 0);
        transform: translate3d(-6vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(73) .circle {
    -webkit-animation-delay: 2935ms;
    animation-delay: 2935ms
}

.home-steps .animation .circle-container:nth-child(74) {
    width: 77px;
    height: 77px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 30180ms;
    animation-duration: 30180ms;
    -webkit-animation-delay: 17842ms;
    animation-delay: 17842ms
}

@-webkit-keyframes move-frames-74 {
    from {
        -webkit-transform: translate3d(-82vw, 105vh, 0);
        transform: translate3d(-82vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -127vh, 0);
        transform: translate3d(-71vw, -127vh, 0)
    }
}

@keyframes move-frames-74 {
    from {
        -webkit-transform: translate3d(-82vw, 105vh, 0);
        transform: translate3d(-82vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-71vw, -127vh, 0);
        transform: translate3d(-71vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(74) .circle {
    -webkit-animation-delay: 154ms;
    animation-delay: 154ms
}

.home-steps .animation .circle-container:nth-child(75) {
    width: 35px;
    height: 35px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 30577ms;
    animation-duration: 30577ms;
    -webkit-animation-delay: 21957ms;
    animation-delay: 21957ms
}

@-webkit-keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(-27vw, 103vh, 0);
        transform: translate3d(-27vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-83vw, -116vh, 0);
        transform: translate3d(-83vw, -116vh, 0)
    }
}

@keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(-27vw, 103vh, 0);
        transform: translate3d(-27vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-83vw, -116vh, 0);
        transform: translate3d(-83vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(75) .circle {
    -webkit-animation-delay: 1171ms;
    animation-delay: 1171ms
}

.home-steps .animation .circle-container:nth-child(76) {
    width: 21px;
    height: 21px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 33120ms;
    animation-duration: 33120ms;
    -webkit-animation-delay: 27286ms;
    animation-delay: 27286ms
}

@-webkit-keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(-33vw, 110vh, 0);
        transform: translate3d(-33vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-97vw, -114vh, 0);
        transform: translate3d(-97vw, -114vh, 0)
    }
}

@keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(-33vw, 110vh, 0);
        transform: translate3d(-33vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-97vw, -114vh, 0);
        transform: translate3d(-97vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(76) .circle {
    -webkit-animation-delay: 2210ms;
    animation-delay: 2210ms
}

.home-steps .animation .circle-container:nth-child(77) {
    width: 82px;
    height: 82px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 31477ms;
    animation-duration: 31477ms;
    -webkit-animation-delay: 3567ms;
    animation-delay: 3567ms
}

@-webkit-keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(-23vw, 109vh, 0);
        transform: translate3d(-23vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-21vw, -133vh, 0);
        transform: translate3d(-21vw, -133vh, 0)
    }
}

@keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(-23vw, 109vh, 0);
        transform: translate3d(-23vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-21vw, -133vh, 0);
        transform: translate3d(-21vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(77) .circle {
    -webkit-animation-delay: 2509ms;
    animation-delay: 2509ms
}

.home-steps .animation .circle-container:nth-child(78) {
    width: 44px;
    height: 44px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 33896ms;
    animation-duration: 33896ms;
    -webkit-animation-delay: 33592ms;
    animation-delay: 33592ms
}

@-webkit-keyframes move-frames-78 {
    from {
        -webkit-transform: translate3d(-64vw, 105vh, 0);
        transform: translate3d(-64vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-96vw, -119vh, 0);
        transform: translate3d(-96vw, -119vh, 0)
    }
}

@keyframes move-frames-78 {
    from {
        -webkit-transform: translate3d(-64vw, 105vh, 0);
        transform: translate3d(-64vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-96vw, -119vh, 0);
        transform: translate3d(-96vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(78) .circle {
    -webkit-animation-delay: 773ms;
    animation-delay: 773ms
}

.home-steps .animation .circle-container:nth-child(79) {
    width: 60px;
    height: 60px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 36821ms;
    animation-duration: 36821ms;
    -webkit-animation-delay: 26905ms;
    animation-delay: 26905ms
}

@-webkit-keyframes move-frames-79 {
    from {
        -webkit-transform: translate3d(-48vw, 110vh, 0);
        transform: translate3d(-48vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-33vw, -133vh, 0);
        transform: translate3d(-33vw, -133vh, 0)
    }
}

@keyframes move-frames-79 {
    from {
        -webkit-transform: translate3d(-48vw, 110vh, 0);
        transform: translate3d(-48vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-33vw, -133vh, 0);
        transform: translate3d(-33vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(79) .circle {
    -webkit-animation-delay: 965ms;
    animation-delay: 965ms
}

.home-steps .animation .circle-container:nth-child(80) {
    width: 25px;
    height: 25px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 36101ms;
    animation-duration: 36101ms;
    -webkit-animation-delay: 5613ms;
    animation-delay: 5613ms
}

@-webkit-keyframes move-frames-80 {
    from {
        -webkit-transform: translate3d(-76vw, 106vh, 0);
        transform: translate3d(-76vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -113vh, 0);
        transform: translate3d(-22vw, -113vh, 0)
    }
}

@keyframes move-frames-80 {
    from {
        -webkit-transform: translate3d(-76vw, 106vh, 0);
        transform: translate3d(-76vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -113vh, 0);
        transform: translate3d(-22vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(80) .circle {
    -webkit-animation-delay: 3382ms;
    animation-delay: 3382ms
}

.home-steps .animation .circle-container:nth-child(81) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 30209ms;
    animation-duration: 30209ms;
    -webkit-animation-delay: 9113ms;
    animation-delay: 9113ms
}

@-webkit-keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(-19vw, 108vh, 0);
        transform: translate3d(-19vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-35vw, -110vh, 0);
        transform: translate3d(-35vw, -110vh, 0)
    }
}

@keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(-19vw, 108vh, 0);
        transform: translate3d(-19vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-35vw, -110vh, 0);
        transform: translate3d(-35vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(81) .circle {
    -webkit-animation-delay: 1449ms;
    animation-delay: 1449ms
}

.home-steps .animation .circle-container:nth-child(82) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 33698ms;
    animation-duration: 33698ms;
    -webkit-animation-delay: 25370ms;
    animation-delay: 25370ms
}

@-webkit-keyframes move-frames-82 {
    from {
        -webkit-transform: translate3d(-18vw, 106vh, 0);
        transform: translate3d(-18vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -133vh, 0);
        transform: translate3d(-45vw, -133vh, 0)
    }
}

@keyframes move-frames-82 {
    from {
        -webkit-transform: translate3d(-18vw, 106vh, 0);
        transform: translate3d(-18vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -133vh, 0);
        transform: translate3d(-45vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(82) .circle {
    -webkit-animation-delay: 2177ms;
    animation-delay: 2177ms
}

.home-steps .animation .circle-container:nth-child(83) {
    width: 97px;
    height: 97px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 31286ms;
    animation-duration: 31286ms;
    -webkit-animation-delay: 21629ms;
    animation-delay: 21629ms
}

@-webkit-keyframes move-frames-83 {
    from {
        -webkit-transform: translate3d(-31vw, 104vh, 0);
        transform: translate3d(-31vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-74vw, -116vh, 0);
        transform: translate3d(-74vw, -116vh, 0)
    }
}

@keyframes move-frames-83 {
    from {
        -webkit-transform: translate3d(-31vw, 104vh, 0);
        transform: translate3d(-31vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-74vw, -116vh, 0);
        transform: translate3d(-74vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(83) .circle {
    -webkit-animation-delay: 1810ms;
    animation-delay: 1810ms
}

.home-steps .animation .circle-container:nth-child(84) {
    width: 50px;
    height: 50px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 34437ms;
    animation-duration: 34437ms;
    -webkit-animation-delay: 35887ms;
    animation-delay: 35887ms
}

@-webkit-keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(-14vw, 105vh, 0);
        transform: translate3d(-14vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-88vw, -106vh, 0);
        transform: translate3d(-88vw, -106vh, 0)
    }
}

@keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(-14vw, 105vh, 0);
        transform: translate3d(-14vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-88vw, -106vh, 0);
        transform: translate3d(-88vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(84) .circle {
    -webkit-animation-delay: 3281ms;
    animation-delay: 3281ms
}

.home-steps .animation .circle-container:nth-child(85) {
    width: 21px;
    height: 21px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 29640ms;
    animation-duration: 29640ms;
    -webkit-animation-delay: 3875ms;
    animation-delay: 3875ms
}

@-webkit-keyframes move-frames-85 {
    from {
        -webkit-transform: translate3d(-98vw, 109vh, 0);
        transform: translate3d(-98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -138vh, 0);
        transform: translate3d(-85vw, -138vh, 0)
    }
}

@keyframes move-frames-85 {
    from {
        -webkit-transform: translate3d(-98vw, 109vh, 0);
        transform: translate3d(-98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -138vh, 0);
        transform: translate3d(-85vw, -138vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(85) .circle {
    -webkit-animation-delay: 2693ms;
    animation-delay: 2693ms
}

.home-steps .animation .circle-container:nth-child(86) {
    width: 94px;
    height: 94px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 32471ms;
    animation-duration: 32471ms;
    -webkit-animation-delay: 7623ms;
    animation-delay: 7623ms
}

@-webkit-keyframes move-frames-86 {
    from {
        -webkit-transform: translate3d(-28vw, 109vh, 0);
        transform: translate3d(-28vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-94vw, -133vh, 0);
        transform: translate3d(-94vw, -133vh, 0)
    }
}

@keyframes move-frames-86 {
    from {
        -webkit-transform: translate3d(-28vw, 109vh, 0);
        transform: translate3d(-28vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-94vw, -133vh, 0);
        transform: translate3d(-94vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(86) .circle {
    -webkit-animation-delay: 1088ms;
    animation-delay: 1088ms
}

.home-steps .animation .circle-container:nth-child(87) {
    width: 32px;
    height: 32px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 29276ms;
    animation-duration: 29276ms;
    -webkit-animation-delay: 36112ms;
    animation-delay: 36112ms
}

@-webkit-keyframes move-frames-87 {
    from {
        -webkit-transform: translate3d(-72vw, 107vh, 0);
        transform: translate3d(-72vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-92vw, -136vh, 0);
        transform: translate3d(-92vw, -136vh, 0)
    }
}

@keyframes move-frames-87 {
    from {
        -webkit-transform: translate3d(-72vw, 107vh, 0);
        transform: translate3d(-72vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-92vw, -136vh, 0);
        transform: translate3d(-92vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(87) .circle {
    -webkit-animation-delay: 417ms;
    animation-delay: 417ms
}

.home-steps .animation .circle-container:nth-child(88) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 34818ms;
    animation-duration: 34818ms;
    -webkit-animation-delay: 14202ms;
    animation-delay: 14202ms
}

@-webkit-keyframes move-frames-88 {
    from {
        -webkit-transform: translate3d(-64vw, 103vh, 0);
        transform: translate3d(-64vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-94vw, -131vh, 0);
        transform: translate3d(-94vw, -131vh, 0)
    }
}

@keyframes move-frames-88 {
    from {
        -webkit-transform: translate3d(-64vw, 103vh, 0);
        transform: translate3d(-64vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-94vw, -131vh, 0);
        transform: translate3d(-94vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(88) .circle {
    -webkit-animation-delay: 3219ms;
    animation-delay: 3219ms
}

.home-steps .animation .circle-container:nth-child(89) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 36753ms;
    animation-duration: 36753ms;
    -webkit-animation-delay: 17991ms;
    animation-delay: 17991ms
}

@-webkit-keyframes move-frames-89 {
    from {
        -webkit-transform: translate3d(-16vw, 103vh, 0);
        transform: translate3d(-16vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-9vw, -124vh, 0);
        transform: translate3d(-9vw, -124vh, 0)
    }
}

@keyframes move-frames-89 {
    from {
        -webkit-transform: translate3d(-16vw, 103vh, 0);
        transform: translate3d(-16vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-9vw, -124vh, 0);
        transform: translate3d(-9vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(89) .circle {
    -webkit-animation-delay: 2443ms;
    animation-delay: 2443ms
}

.home-steps .animation .circle-container:nth-child(90) {
    width: 98px;
    height: 98px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 30719ms;
    animation-duration: 30719ms;
    -webkit-animation-delay: 4987ms;
    animation-delay: 4987ms
}

@-webkit-keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(-91vw, 101vh, 0);
        transform: translate3d(-91vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -125vh, 0);
        transform: translate3d(-79vw, -125vh, 0)
    }
}

@keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(-91vw, 101vh, 0);
        transform: translate3d(-91vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -125vh, 0);
        transform: translate3d(-79vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(90) .circle {
    -webkit-animation-delay: 2515ms;
    animation-delay: 2515ms
}

.home-steps .animation .circle-container:nth-child(91) {
    width: 81px;
    height: 81px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 32384ms;
    animation-duration: 32384ms;
    -webkit-animation-delay: 14372ms;
    animation-delay: 14372ms
}

@-webkit-keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(-17vw, 110vh, 0);
        transform: translate3d(-17vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -131vh, 0);
        transform: translate3d(-45vw, -131vh, 0)
    }
}

@keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(-17vw, 110vh, 0);
        transform: translate3d(-17vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -131vh, 0);
        transform: translate3d(-45vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(91) .circle {
    -webkit-animation-delay: 2893ms;
    animation-delay: 2893ms
}

.home-steps .animation .circle-container:nth-child(92) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 30308ms;
    animation-duration: 30308ms;
    -webkit-animation-delay: 17541ms;
    animation-delay: 17541ms
}

@-webkit-keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(-90vw, 109vh, 0);
        transform: translate3d(-90vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -132vh, 0);
        transform: translate3d(-31vw, -132vh, 0)
    }
}

@keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(-90vw, 109vh, 0);
        transform: translate3d(-90vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -132vh, 0);
        transform: translate3d(-31vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(92) .circle {
    -webkit-animation-delay: 2235ms;
    animation-delay: 2235ms
}

.home-steps .animation .circle-container:nth-child(93) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 34570ms;
    animation-duration: 34570ms;
    -webkit-animation-delay: 26537ms;
    animation-delay: 26537ms
}

@-webkit-keyframes move-frames-93 {
    from {
        -webkit-transform: translate3d(-66vw, 102vh, 0);
        transform: translate3d(-66vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -130vh, 0);
        transform: translate3d(-52vw, -130vh, 0)
    }
}

@keyframes move-frames-93 {
    from {
        -webkit-transform: translate3d(-66vw, 102vh, 0);
        transform: translate3d(-66vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -130vh, 0);
        transform: translate3d(-52vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(93) .circle {
    -webkit-animation-delay: 1308ms;
    animation-delay: 1308ms
}

.home-steps .animation .circle-container:nth-child(94) {
    width: 18px;
    height: 18px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 31171ms;
    animation-duration: 31171ms;
    -webkit-animation-delay: 29622ms;
    animation-delay: 29622ms
}

@-webkit-keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(-21vw, 103vh, 0);
        transform: translate3d(-21vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-36vw, -109vh, 0);
        transform: translate3d(-36vw, -109vh, 0)
    }
}

@keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(-21vw, 103vh, 0);
        transform: translate3d(-21vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-36vw, -109vh, 0);
        transform: translate3d(-36vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(94) .circle {
    -webkit-animation-delay: 1294ms;
    animation-delay: 1294ms
}

.home-steps .animation .circle-container:nth-child(95) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 33274ms;
    animation-duration: 33274ms;
    -webkit-animation-delay: 10847ms;
    animation-delay: 10847ms
}

@-webkit-keyframes move-frames-95 {
    from {
        -webkit-transform: translate3d(-65vw, 108vh, 0);
        transform: translate3d(-65vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -118vh, 0);
        transform: translate3d(-31vw, -118vh, 0)
    }
}

@keyframes move-frames-95 {
    from {
        -webkit-transform: translate3d(-65vw, 108vh, 0);
        transform: translate3d(-65vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -118vh, 0);
        transform: translate3d(-31vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(95) .circle {
    -webkit-animation-delay: 1762ms;
    animation-delay: 1762ms
}

.home-steps .animation .circle-container:nth-child(96) {
    width: 25px;
    height: 25px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 31958ms;
    animation-duration: 31958ms;
    -webkit-animation-delay: 32778ms;
    animation-delay: 32778ms
}

@-webkit-keyframes move-frames-96 {
    from {
        -webkit-transform: translate3d(-78vw, 101vh, 0);
        transform: translate3d(-78vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -129vh, 0);
        transform: translate3d(-73vw, -129vh, 0)
    }
}

@keyframes move-frames-96 {
    from {
        -webkit-transform: translate3d(-78vw, 101vh, 0);
        transform: translate3d(-78vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -129vh, 0);
        transform: translate3d(-73vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(96) .circle {
    -webkit-animation-delay: 3468ms;
    animation-delay: 3468ms
}

.home-steps .animation .circle-container:nth-child(97) {
    width: 96px;
    height: 96px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 36464ms;
    animation-duration: 36464ms;
    -webkit-animation-delay: 29797ms;
    animation-delay: 29797ms
}

@-webkit-keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(-57vw, 109vh, 0);
        transform: translate3d(-57vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -133vh, 0);
        transform: translate3d(-100vw, -133vh, 0)
    }
}

@keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(-57vw, 109vh, 0);
        transform: translate3d(-57vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -133vh, 0);
        transform: translate3d(-100vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(97) .circle {
    -webkit-animation-delay: 2163ms;
    animation-delay: 2163ms
}

.home-steps .animation .circle-container:nth-child(98) {
    width: 68px;
    height: 68px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 32493ms;
    animation-duration: 32493ms;
    -webkit-animation-delay: 31398ms;
    animation-delay: 31398ms
}

@-webkit-keyframes move-frames-98 {
    from {
        -webkit-transform: translate3d(-39vw, 103vh, 0);
        transform: translate3d(-39vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -128vh, 0);
        transform: translate3d(-79vw, -128vh, 0)
    }
}

@keyframes move-frames-98 {
    from {
        -webkit-transform: translate3d(-39vw, 103vh, 0);
        transform: translate3d(-39vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -128vh, 0);
        transform: translate3d(-79vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(98) .circle {
    -webkit-animation-delay: 1394ms;
    animation-delay: 1394ms
}

.home-steps .animation .circle-container:nth-child(99) {
    width: 49px;
    height: 49px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 35222ms;
    animation-duration: 35222ms;
    -webkit-animation-delay: 17238ms;
    animation-delay: 17238ms
}

@-webkit-keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(-70vw, 106vh, 0);
        transform: translate3d(-70vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -120vh, 0);
        transform: translate3d(-85vw, -120vh, 0)
    }
}

@keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(-70vw, 106vh, 0);
        transform: translate3d(-70vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-85vw, -120vh, 0);
        transform: translate3d(-85vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(99) .circle {
    -webkit-animation-delay: 914ms;
    animation-delay: 914ms
}

.home-steps .animation .circle-container:nth-child(100) {
    width: 51px;
    height: 51px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 36994ms;
    animation-duration: 36994ms;
    -webkit-animation-delay: 25450ms;
    animation-delay: 25450ms
}

@-webkit-keyframes move-frames-100 {
    from {
        -webkit-transform: translate3d(-2vw, 108vh, 0);
        transform: translate3d(-2vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-3vw, -132vh, 0);
        transform: translate3d(-3vw, -132vh, 0)
    }
}

@keyframes move-frames-100 {
    from {
        -webkit-transform: translate3d(-2vw, 108vh, 0);
        transform: translate3d(-2vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-3vw, -132vh, 0);
        transform: translate3d(-3vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(100) .circle {
    -webkit-animation-delay: 444ms;
    animation-delay: 444ms
}

.home-steps .animation .circle-container:nth-child(101) {
    width: 25px;
    height: 25px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 29698ms;
    animation-duration: 29698ms;
    -webkit-animation-delay: 17188ms;
    animation-delay: 17188ms
}

@-webkit-keyframes move-frames-101 {
    from {
        -webkit-transform: translate3d(-66vw, 106vh, 0);
        transform: translate3d(-66vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -128vh, 0);
        transform: translate3d(-73vw, -128vh, 0)
    }
}

@keyframes move-frames-101 {
    from {
        -webkit-transform: translate3d(-66vw, 106vh, 0);
        transform: translate3d(-66vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -128vh, 0);
        transform: translate3d(-73vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(101) .circle {
    -webkit-animation-delay: 2649ms;
    animation-delay: 2649ms
}

.home-steps .animation .circle-container:nth-child(102) {
    width: 31px;
    height: 31px;
    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 31613ms;
    animation-duration: 31613ms;
    -webkit-animation-delay: 5815ms;
    animation-delay: 5815ms
}

@-webkit-keyframes move-frames-102 {
    from {
        -webkit-transform: translate3d(-48vw, 105vh, 0);
        transform: translate3d(-48vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-16vw, -120vh, 0);
        transform: translate3d(-16vw, -120vh, 0)
    }
}

@keyframes move-frames-102 {
    from {
        -webkit-transform: translate3d(-48vw, 105vh, 0);
        transform: translate3d(-48vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-16vw, -120vh, 0);
        transform: translate3d(-16vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(102) .circle {
    -webkit-animation-delay: 1952ms;
    animation-delay: 1952ms
}

.home-steps .animation .circle-container:nth-child(103) {
    width: 16px;
    height: 16px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 34237ms;
    animation-duration: 34237ms;
    -webkit-animation-delay: 29760ms;
    animation-delay: 29760ms
}

@-webkit-keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(-49vw, 107vh, 0);
        transform: translate3d(-49vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-13vw, -134vh, 0);
        transform: translate3d(-13vw, -134vh, 0)
    }
}

@keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(-49vw, 107vh, 0);
        transform: translate3d(-49vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-13vw, -134vh, 0);
        transform: translate3d(-13vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(103) .circle {
    -webkit-animation-delay: 2608ms;
    animation-delay: 2608ms
}

.home-steps .animation .circle-container:nth-child(104) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 31395ms;
    animation-duration: 31395ms;
    -webkit-animation-delay: 27804ms;
    animation-delay: 27804ms
}

@-webkit-keyframes move-frames-104 {
    from {
        -webkit-transform: translate3d(-67vw, 107vh, 0);
        transform: translate3d(-67vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -126vh, 0);
        transform: translate3d(-73vw, -126vh, 0)
    }
}

@keyframes move-frames-104 {
    from {
        -webkit-transform: translate3d(-67vw, 107vh, 0);
        transform: translate3d(-67vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-73vw, -126vh, 0);
        transform: translate3d(-73vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(104) .circle {
    -webkit-animation-delay: 2895ms;
    animation-delay: 2895ms
}

.home-steps .animation .circle-container:nth-child(105) {
    width: 36px;
    height: 36px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 31276ms;
    animation-duration: 31276ms;
    -webkit-animation-delay: 26346ms;
    animation-delay: 26346ms
}

@-webkit-keyframes move-frames-105 {
    from {
        -webkit-transform: translate3d(-48vw, 104vh, 0);
        transform: translate3d(-48vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-1vw, -122vh, 0);
        transform: translate3d(-1vw, -122vh, 0)
    }
}

@keyframes move-frames-105 {
    from {
        -webkit-transform: translate3d(-48vw, 104vh, 0);
        transform: translate3d(-48vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-1vw, -122vh, 0);
        transform: translate3d(-1vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(105) .circle {
    -webkit-animation-delay: 1170ms;
    animation-delay: 1170ms
}

.home-steps .animation .circle-container:nth-child(106) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 29679ms;
    animation-duration: 29679ms;
    -webkit-animation-delay: 27395ms;
    animation-delay: 27395ms
}

@-webkit-keyframes move-frames-106 {
    from {
        -webkit-transform: translate3d(-40vw, 108vh, 0);
        transform: translate3d(-40vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-47vw, -127vh, 0);
        transform: translate3d(-47vw, -127vh, 0)
    }
}

@keyframes move-frames-106 {
    from {
        -webkit-transform: translate3d(-40vw, 108vh, 0);
        transform: translate3d(-40vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-47vw, -127vh, 0);
        transform: translate3d(-47vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(106) .circle {
    -webkit-animation-delay: 3186ms;
    animation-delay: 3186ms
}

.home-steps .animation .circle-container:nth-child(107) {
    width: 47px;
    height: 47px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 30083ms;
    animation-duration: 30083ms;
    -webkit-animation-delay: 27296ms;
    animation-delay: 27296ms
}

@-webkit-keyframes move-frames-107 {
    from {
        -webkit-transform: translate3d(-37vw, 101vh, 0);
        transform: translate3d(-37vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-37vw, -116vh, 0);
        transform: translate3d(-37vw, -116vh, 0)
    }
}

@keyframes move-frames-107 {
    from {
        -webkit-transform: translate3d(-37vw, 101vh, 0);
        transform: translate3d(-37vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-37vw, -116vh, 0);
        transform: translate3d(-37vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(107) .circle {
    -webkit-animation-delay: 2724ms;
    animation-delay: 2724ms
}

.home-steps .animation .circle-container:nth-child(108) {
    width: 70px;
    height: 70px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 32437ms;
    animation-duration: 32437ms;
    -webkit-animation-delay: 18578ms;
    animation-delay: 18578ms
}

@-webkit-keyframes move-frames-108 {
    from {
        -webkit-transform: translate3d(-22vw, 108vh, 0);
        transform: translate3d(-22vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -115vh, 0);
        transform: translate3d(-100vw, -115vh, 0)
    }
}

@keyframes move-frames-108 {
    from {
        -webkit-transform: translate3d(-22vw, 108vh, 0);
        transform: translate3d(-22vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -115vh, 0);
        transform: translate3d(-100vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(108) .circle {
    -webkit-animation-delay: 195ms;
    animation-delay: 195ms
}

.home-steps .animation .circle-container:nth-child(109) {
    width: 85px;
    height: 85px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 30206ms;
    animation-duration: 30206ms;
    -webkit-animation-delay: 2455ms;
    animation-delay: 2455ms
}

@-webkit-keyframes move-frames-109 {
    from {
        -webkit-transform: translate3d(-48vw, 105vh, 0);
        transform: translate3d(-48vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -114vh, 0);
        transform: translate3d(-42vw, -114vh, 0)
    }
}

@keyframes move-frames-109 {
    from {
        -webkit-transform: translate3d(-48vw, 105vh, 0);
        transform: translate3d(-48vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -114vh, 0);
        transform: translate3d(-42vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(109) .circle {
    -webkit-animation-delay: 3351ms;
    animation-delay: 3351ms
}

.home-steps .animation .circle-container:nth-child(110) {
    width: 83px;
    height: 83px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 33004ms;
    animation-duration: 33004ms;
    -webkit-animation-delay: 61ms;
    animation-delay: 61ms
}

@-webkit-keyframes move-frames-110 {
    from {
        -webkit-transform: translate3d(-24vw, 109vh, 0);
        transform: translate3d(-24vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -121vh, 0);
        transform: translate3d(-79vw, -121vh, 0)
    }
}

@keyframes move-frames-110 {
    from {
        -webkit-transform: translate3d(-24vw, 109vh, 0);
        transform: translate3d(-24vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -121vh, 0);
        transform: translate3d(-79vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(110) .circle {
    -webkit-animation-delay: 111ms;
    animation-delay: 111ms
}

.home-steps .animation .circle-container:nth-child(111) {
    width: 34px;
    height: 34px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 30246ms;
    animation-duration: 30246ms;
    -webkit-animation-delay: 16652ms;
    animation-delay: 16652ms
}

@-webkit-keyframes move-frames-111 {
    from {
        -webkit-transform: translate3d(-67vw, 107vh, 0);
        transform: translate3d(-67vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -136vh, 0);
        transform: translate3d(-45vw, -136vh, 0)
    }
}

@keyframes move-frames-111 {
    from {
        -webkit-transform: translate3d(-67vw, 107vh, 0);
        transform: translate3d(-67vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -136vh, 0);
        transform: translate3d(-45vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(111) .circle {
    -webkit-animation-delay: 1066ms;
    animation-delay: 1066ms
}

.home-steps .animation .circle-container:nth-child(112) {
    width: 61px;
    height: 61px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 29713ms;
    animation-duration: 29713ms;
    -webkit-animation-delay: 32791ms;
    animation-delay: 32791ms
}

@-webkit-keyframes move-frames-112 {
    from {
        -webkit-transform: translate3d(-65vw, 109vh, 0);
        transform: translate3d(-65vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-70vw, -138vh, 0);
        transform: translate3d(-70vw, -138vh, 0)
    }
}

@keyframes move-frames-112 {
    from {
        -webkit-transform: translate3d(-65vw, 109vh, 0);
        transform: translate3d(-65vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-70vw, -138vh, 0);
        transform: translate3d(-70vw, -138vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(112) .circle {
    -webkit-animation-delay: 3144ms;
    animation-delay: 3144ms
}

.home-steps .animation .circle-container:nth-child(113) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 28682ms;
    animation-duration: 28682ms;
    -webkit-animation-delay: 5578ms;
    animation-delay: 5578ms
}

@-webkit-keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(-34vw, 105vh, 0);
        transform: translate3d(-34vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-47vw, -121vh, 0);
        transform: translate3d(-47vw, -121vh, 0)
    }
}

@keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(-34vw, 105vh, 0);
        transform: translate3d(-34vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-47vw, -121vh, 0);
        transform: translate3d(-47vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(113) .circle {
    -webkit-animation-delay: 865ms;
    animation-delay: 865ms
}

.home-steps .animation .circle-container:nth-child(114) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 32011ms;
    animation-duration: 32011ms;
    -webkit-animation-delay: 1264ms;
    animation-delay: 1264ms
}

@-webkit-keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(-22vw, 104vh, 0);
        transform: translate3d(-22vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-66vw, -107vh, 0);
        transform: translate3d(-66vw, -107vh, 0)
    }
}

@keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(-22vw, 104vh, 0);
        transform: translate3d(-22vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-66vw, -107vh, 0);
        transform: translate3d(-66vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(114) .circle {
    -webkit-animation-delay: 2998ms;
    animation-delay: 2998ms
}

.home-steps .animation .circle-container:nth-child(115) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 29974ms;
    animation-duration: 29974ms;
    -webkit-animation-delay: 734ms;
    animation-delay: 734ms
}

@-webkit-keyframes move-frames-115 {
    from {
        -webkit-transform: translate3d(-97vw, 102vh, 0);
        transform: translate3d(-97vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-1vw, -115vh, 0);
        transform: translate3d(-1vw, -115vh, 0)
    }
}

@keyframes move-frames-115 {
    from {
        -webkit-transform: translate3d(-97vw, 102vh, 0);
        transform: translate3d(-97vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-1vw, -115vh, 0);
        transform: translate3d(-1vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(115) .circle {
    -webkit-animation-delay: 1977ms;
    animation-delay: 1977ms
}

.home-steps .animation .circle-container:nth-child(116) {
    width: 74px;
    height: 74px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 34673ms;
    animation-duration: 34673ms;
    -webkit-animation-delay: 6317ms;
    animation-delay: 6317ms
}

@-webkit-keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(-100vw, 103vh, 0);
        transform: translate3d(-100vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -108vh, 0);
        transform: translate3d(-52vw, -108vh, 0)
    }
}

@keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(-100vw, 103vh, 0);
        transform: translate3d(-100vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -108vh, 0);
        transform: translate3d(-52vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(116) .circle {
    -webkit-animation-delay: 1498ms;
    animation-delay: 1498ms
}

.home-steps .animation .circle-container:nth-child(117) {
    width: 55px;
    height: 55px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 30074ms;
    animation-duration: 30074ms;
    -webkit-animation-delay: 1822ms;
    animation-delay: 1822ms
}

@-webkit-keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(-29vw, 103vh, 0);
        transform: translate3d(-29vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -129vh, 0);
        transform: translate3d(-75vw, -129vh, 0)
    }
}

@keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(-29vw, 103vh, 0);
        transform: translate3d(-29vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -129vh, 0);
        transform: translate3d(-75vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(117) .circle {
    -webkit-animation-delay: 1663ms;
    animation-delay: 1663ms
}

.home-steps .animation .circle-container:nth-child(118) {
    width: 82px;
    height: 82px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 35286ms;
    animation-duration: 35286ms;
    -webkit-animation-delay: 31948ms;
    animation-delay: 31948ms
}

@-webkit-keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(-60vw, 101vh, 0);
        transform: translate3d(-60vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-77vw, -116vh, 0);
        transform: translate3d(-77vw, -116vh, 0)
    }
}

@keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(-60vw, 101vh, 0);
        transform: translate3d(-60vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-77vw, -116vh, 0);
        transform: translate3d(-77vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(118) .circle {
    -webkit-animation-delay: 2631ms;
    animation-delay: 2631ms
}

.home-steps .animation .circle-container:nth-child(119) {
    width: 30px;
    height: 30px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 28345ms;
    animation-duration: 28345ms;
    -webkit-animation-delay: 21262ms;
    animation-delay: 21262ms
}

@-webkit-keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(-23vw, 104vh, 0);
        transform: translate3d(-23vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -105vh, 0);
        transform: translate3d(-60vw, -105vh, 0)
    }
}

@keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(-23vw, 104vh, 0);
        transform: translate3d(-23vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -105vh, 0);
        transform: translate3d(-60vw, -105vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(119) .circle {
    -webkit-animation-delay: 1384ms;
    animation-delay: 1384ms
}

.home-steps .animation .circle-container:nth-child(120) {
    width: 41px;
    height: 41px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 32878ms;
    animation-duration: 32878ms;
    -webkit-animation-delay: 11339ms;
    animation-delay: 11339ms
}

@-webkit-keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(-38vw, 108vh, 0);
        transform: translate3d(-38vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-5vw, -131vh, 0);
        transform: translate3d(-5vw, -131vh, 0)
    }
}

@keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(-38vw, 108vh, 0);
        transform: translate3d(-38vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-5vw, -131vh, 0);
        transform: translate3d(-5vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(120) .circle {
    -webkit-animation-delay: 3406ms;
    animation-delay: 3406ms
}

.home-steps .animation .circle-container:nth-child(121) {
    width: 29px;
    height: 29px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 33478ms;
    animation-duration: 33478ms;
    -webkit-animation-delay: 16087ms;
    animation-delay: 16087ms
}

@-webkit-keyframes move-frames-121 {
    from {
        -webkit-transform: translate3d(-67vw, 106vh, 0);
        transform: translate3d(-67vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-87vw, -122vh, 0);
        transform: translate3d(-87vw, -122vh, 0)
    }
}

@keyframes move-frames-121 {
    from {
        -webkit-transform: translate3d(-67vw, 106vh, 0);
        transform: translate3d(-67vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-87vw, -122vh, 0);
        transform: translate3d(-87vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(121) .circle {
    -webkit-animation-delay: 3420ms;
    animation-delay: 3420ms
}

.home-steps .animation .circle-container:nth-child(122) {
    width: 56px;
    height: 56px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 32683ms;
    animation-duration: 32683ms;
    -webkit-animation-delay: 22348ms;
    animation-delay: 22348ms
}

@-webkit-keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(-22vw, 104vh, 0);
        transform: translate3d(-22vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-16vw, -129vh, 0);
        transform: translate3d(-16vw, -129vh, 0)
    }
}

@keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(-22vw, 104vh, 0);
        transform: translate3d(-22vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-16vw, -129vh, 0);
        transform: translate3d(-16vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(122) .circle {
    -webkit-animation-delay: 1072ms;
    animation-delay: 1072ms
}

.home-steps .animation .circle-container:nth-child(123) {
    width: 86px;
    height: 86px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 32735ms;
    animation-duration: 32735ms;
    -webkit-animation-delay: 24623ms;
    animation-delay: 24623ms
}

@-webkit-keyframes move-frames-123 {
    from {
        -webkit-transform: translate3d(-67vw, 104vh, 0);
        transform: translate3d(-67vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-55vw, -106vh, 0);
        transform: translate3d(-55vw, -106vh, 0)
    }
}

@keyframes move-frames-123 {
    from {
        -webkit-transform: translate3d(-67vw, 104vh, 0);
        transform: translate3d(-67vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-55vw, -106vh, 0);
        transform: translate3d(-55vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(123) .circle {
    -webkit-animation-delay: 3001ms;
    animation-delay: 3001ms
}

.home-steps .animation .circle-container:nth-child(124) {
    width: 30px;
    height: 30px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 28301ms;
    animation-duration: 28301ms;
    -webkit-animation-delay: 18432ms;
    animation-delay: 18432ms
}

@-webkit-keyframes move-frames-124 {
    from {
        -webkit-transform: translate3d(-92vw, 101vh, 0);
        transform: translate3d(-92vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-13vw, -115vh, 0);
        transform: translate3d(-13vw, -115vh, 0)
    }
}

@keyframes move-frames-124 {
    from {
        -webkit-transform: translate3d(-92vw, 101vh, 0);
        transform: translate3d(-92vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-13vw, -115vh, 0);
        transform: translate3d(-13vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(124) .circle {
    -webkit-animation-delay: 3185ms;
    animation-delay: 3185ms
}

.home-steps .animation .circle-container:nth-child(125) {
    width: 28px;
    height: 28px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 34955ms;
    animation-duration: 34955ms;
    -webkit-animation-delay: 1900ms;
    animation-delay: 1900ms
}

@-webkit-keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(-78vw, 109vh, 0);
        transform: translate3d(-78vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-78vw, -135vh, 0);
        transform: translate3d(-78vw, -135vh, 0)
    }
}

@keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(-78vw, 109vh, 0);
        transform: translate3d(-78vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-78vw, -135vh, 0);
        transform: translate3d(-78vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(125) .circle {
    -webkit-animation-delay: 531ms;
    animation-delay: 531ms
}

.home-steps .animation .circle-container:nth-child(126) {
    width: 47px;
    height: 47px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 36919ms;
    animation-duration: 36919ms;
    -webkit-animation-delay: 25546ms;
    animation-delay: 25546ms
}

@-webkit-keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(-77vw, 103vh, 0);
        transform: translate3d(-77vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-77vw, -125vh, 0);
        transform: translate3d(-77vw, -125vh, 0)
    }
}

@keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(-77vw, 103vh, 0);
        transform: translate3d(-77vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-77vw, -125vh, 0);
        transform: translate3d(-77vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(126) .circle {
    -webkit-animation-delay: 109ms;
    animation-delay: 109ms
}

.home-steps .animation .circle-container:nth-child(127) {
    width: 61px;
    height: 61px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 35817ms;
    animation-duration: 35817ms;
    -webkit-animation-delay: 32439ms;
    animation-delay: 32439ms
}

@-webkit-keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(-96vw, 110vh, 0);
        transform: translate3d(-96vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-48vw, -135vh, 0);
        transform: translate3d(-48vw, -135vh, 0)
    }
}

@keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(-96vw, 110vh, 0);
        transform: translate3d(-96vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-48vw, -135vh, 0);
        transform: translate3d(-48vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(127) .circle {
    -webkit-animation-delay: 3605ms;
    animation-delay: 3605ms
}

.home-steps .animation .circle-container:nth-child(128) {
    width: 50px;
    height: 50px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 30875ms;
    animation-duration: 30875ms;
    -webkit-animation-delay: 24299ms;
    animation-delay: 24299ms
}

@-webkit-keyframes move-frames-128 {
    from {
        -webkit-transform: translate3d(-71vw, 107vh, 0);
        transform: translate3d(-71vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -119vh, 0);
        transform: translate3d(-79vw, -119vh, 0)
    }
}

@keyframes move-frames-128 {
    from {
        -webkit-transform: translate3d(-71vw, 107vh, 0);
        transform: translate3d(-71vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-79vw, -119vh, 0);
        transform: translate3d(-79vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(128) .circle {
    -webkit-animation-delay: 162ms;
    animation-delay: 162ms
}

.home-steps .animation .circle-container:nth-child(129) {
    width: 94px;
    height: 94px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 28119ms;
    animation-duration: 28119ms;
    -webkit-animation-delay: 8272ms;
    animation-delay: 8272ms
}

@-webkit-keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(-60vw, 103vh, 0);
        transform: translate3d(-60vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-29vw, -111vh, 0);
        transform: translate3d(-29vw, -111vh, 0)
    }
}

@keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(-60vw, 103vh, 0);
        transform: translate3d(-60vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-29vw, -111vh, 0);
        transform: translate3d(-29vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(129) .circle {
    -webkit-animation-delay: 65ms;
    animation-delay: 65ms
}

.home-steps .animation .circle-container:nth-child(130) {
    width: 96px;
    height: 96px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 29105ms;
    animation-duration: 29105ms;
    -webkit-animation-delay: 9933ms;
    animation-delay: 9933ms
}

@-webkit-keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(-85vw, 109vh, 0);
        transform: translate3d(-85vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -113vh, 0);
        transform: translate3d(-22vw, -113vh, 0)
    }
}

@keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(-85vw, 109vh, 0);
        transform: translate3d(-85vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -113vh, 0);
        transform: translate3d(-22vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(130) .circle {
    -webkit-animation-delay: 2242ms;
    animation-delay: 2242ms
}

.home-steps .animation .circle-container:nth-child(131) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 31358ms;
    animation-duration: 31358ms;
    -webkit-animation-delay: 21705ms;
    animation-delay: 21705ms
}

@-webkit-keyframes move-frames-131 {
    from {
        -webkit-transform: translate3d(-63vw, 101vh, 0);
        transform: translate3d(-63vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-69vw, -127vh, 0);
        transform: translate3d(-69vw, -127vh, 0)
    }
}

@keyframes move-frames-131 {
    from {
        -webkit-transform: translate3d(-63vw, 101vh, 0);
        transform: translate3d(-63vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-69vw, -127vh, 0);
        transform: translate3d(-69vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(131) .circle {
    -webkit-animation-delay: 2383ms;
    animation-delay: 2383ms
}

.home-steps .animation .circle-container:nth-child(132) {
    width: 29px;
    height: 29px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 31238ms;
    animation-duration: 31238ms;
    -webkit-animation-delay: 11465ms;
    animation-delay: 11465ms
}

@-webkit-keyframes move-frames-132 {
    from {
        -webkit-transform: translate3d(-9vw, 110vh, 0);
        transform: translate3d(-9vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-53vw, -121vh, 0);
        transform: translate3d(-53vw, -121vh, 0)
    }
}

@keyframes move-frames-132 {
    from {
        -webkit-transform: translate3d(-9vw, 110vh, 0);
        transform: translate3d(-9vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-53vw, -121vh, 0);
        transform: translate3d(-53vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(132) .circle {
    -webkit-animation-delay: 2805ms;
    animation-delay: 2805ms
}

.home-steps .animation .circle-container:nth-child(133) {
    width: 83px;
    height: 83px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 30599ms;
    animation-duration: 30599ms;
    -webkit-animation-delay: 20691ms;
    animation-delay: 20691ms
}

@-webkit-keyframes move-frames-133 {
    from {
        -webkit-transform: translate3d(-79vw, 104vh, 0);
        transform: translate3d(-79vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-27vw, -105vh, 0);
        transform: translate3d(-27vw, -105vh, 0)
    }
}

@keyframes move-frames-133 {
    from {
        -webkit-transform: translate3d(-79vw, 104vh, 0);
        transform: translate3d(-79vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-27vw, -105vh, 0);
        transform: translate3d(-27vw, -105vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(133) .circle {
    -webkit-animation-delay: 1283ms;
    animation-delay: 1283ms
}

.home-steps .animation .circle-container:nth-child(134) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 34644ms;
    animation-duration: 34644ms;
    -webkit-animation-delay: 3617ms;
    animation-delay: 3617ms
}

@-webkit-keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(-63vw, 107vh, 0);
        transform: translate3d(-63vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -126vh, 0);
        transform: translate3d(-58vw, -126vh, 0)
    }
}

@keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(-63vw, 107vh, 0);
        transform: translate3d(-63vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -126vh, 0);
        transform: translate3d(-58vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(134) .circle {
    -webkit-animation-delay: 3019ms;
    animation-delay: 3019ms
}

.home-steps .animation .circle-container:nth-child(135) {
    width: 40px;
    height: 40px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 31162ms;
    animation-duration: 31162ms;
    -webkit-animation-delay: 17118ms;
    animation-delay: 17118ms
}

@-webkit-keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(-27vw, 105vh, 0);
        transform: translate3d(-27vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -131vh, 0);
        transform: translate3d(-15vw, -131vh, 0)
    }
}

@keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(-27vw, 105vh, 0);
        transform: translate3d(-27vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -131vh, 0);
        transform: translate3d(-15vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(135) .circle {
    -webkit-animation-delay: 1320ms;
    animation-delay: 1320ms
}

.home-steps .animation .circle-container:nth-child(136) {
    width: 98px;
    height: 98px;
    -webkit-animation-name: move-frames-136;
    animation-name: move-frames-136;
    -webkit-animation-duration: 36566ms;
    animation-duration: 36566ms;
    -webkit-animation-delay: 25795ms;
    animation-delay: 25795ms
}

@-webkit-keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(-98vw, 109vh, 0);
        transform: translate3d(-98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-86vw, -124vh, 0);
        transform: translate3d(-86vw, -124vh, 0)
    }
}

@keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(-98vw, 109vh, 0);
        transform: translate3d(-98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-86vw, -124vh, 0);
        transform: translate3d(-86vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(136) .circle {
    -webkit-animation-delay: 2034ms;
    animation-delay: 2034ms
}

.home-steps .animation .circle-container:nth-child(137) {
    width: 24px;
    height: 24px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 31062ms;
    animation-duration: 31062ms;
    -webkit-animation-delay: 30656ms;
    animation-delay: 30656ms
}

@-webkit-keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(-70vw, 108vh, 0);
        transform: translate3d(-70vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -121vh, 0);
        transform: translate3d(-6vw, -121vh, 0)
    }
}

@keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(-70vw, 108vh, 0);
        transform: translate3d(-70vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -121vh, 0);
        transform: translate3d(-6vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(137) .circle {
    -webkit-animation-delay: 726ms;
    animation-delay: 726ms
}

.home-steps .animation .circle-container:nth-child(138) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 30507ms;
    animation-duration: 30507ms;
    -webkit-animation-delay: 16340ms;
    animation-delay: 16340ms
}

@-webkit-keyframes move-frames-138 {
    from {
        -webkit-transform: translate3d(-16vw, 110vh, 0);
        transform: translate3d(-16vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-72vw, -139vh, 0);
        transform: translate3d(-72vw, -139vh, 0)
    }
}

@keyframes move-frames-138 {
    from {
        -webkit-transform: translate3d(-16vw, 110vh, 0);
        transform: translate3d(-16vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-72vw, -139vh, 0);
        transform: translate3d(-72vw, -139vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(138) .circle {
    -webkit-animation-delay: 2072ms;
    animation-delay: 2072ms
}

.home-steps .animation .circle-container:nth-child(139) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 35041ms;
    animation-duration: 35041ms;
    -webkit-animation-delay: 23135ms;
    animation-delay: 23135ms
}

@-webkit-keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(-26vw, 106vh, 0);
        transform: translate3d(-26vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-81vw, -116vh, 0);
        transform: translate3d(-81vw, -116vh, 0)
    }
}

@keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(-26vw, 106vh, 0);
        transform: translate3d(-26vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-81vw, -116vh, 0);
        transform: translate3d(-81vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(139) .circle {
    -webkit-animation-delay: 2037ms;
    animation-delay: 2037ms
}

.home-steps .animation .circle-container:nth-child(140) {
    width: 45px;
    height: 45px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 29372ms;
    animation-duration: 29372ms;
    -webkit-animation-delay: 17743ms;
    animation-delay: 17743ms
}

@-webkit-keyframes move-frames-140 {
    from {
        -webkit-transform: translate3d(-82vw, 110vh, 0);
        transform: translate3d(-82vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-38vw, -113vh, 0);
        transform: translate3d(-38vw, -113vh, 0)
    }
}

@keyframes move-frames-140 {
    from {
        -webkit-transform: translate3d(-82vw, 110vh, 0);
        transform: translate3d(-82vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-38vw, -113vh, 0);
        transform: translate3d(-38vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(140) .circle {
    -webkit-animation-delay: 901ms;
    animation-delay: 901ms
}

.home-steps .animation .circle-container:nth-child(141) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 28120ms;
    animation-duration: 28120ms;
    -webkit-animation-delay: 15169ms;
    animation-delay: 15169ms
}

@-webkit-keyframes move-frames-141 {
    from {
        -webkit-transform: translate3d(-88vw, 109vh, 0);
        transform: translate3d(-88vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-91vw, -112vh, 0);
        transform: translate3d(-91vw, -112vh, 0)
    }
}

@keyframes move-frames-141 {
    from {
        -webkit-transform: translate3d(-88vw, 109vh, 0);
        transform: translate3d(-88vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-91vw, -112vh, 0);
        transform: translate3d(-91vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(141) .circle {
    -webkit-animation-delay: 1404ms;
    animation-delay: 1404ms
}

.home-steps .animation .circle-container:nth-child(142) {
    width: 55px;
    height: 55px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 29548ms;
    animation-duration: 29548ms;
    -webkit-animation-delay: 1669ms;
    animation-delay: 1669ms
}

@-webkit-keyframes move-frames-142 {
    from {
        -webkit-transform: translate3d(-9vw, 105vh, 0);
        transform: translate3d(-9vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -131vh, 0);
        transform: translate3d(-6vw, -131vh, 0)
    }
}

@keyframes move-frames-142 {
    from {
        -webkit-transform: translate3d(-9vw, 105vh, 0);
        transform: translate3d(-9vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -131vh, 0);
        transform: translate3d(-6vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(142) .circle {
    -webkit-animation-delay: 3481ms;
    animation-delay: 3481ms
}

.home-steps .animation .circle-container:nth-child(143) {
    width: 80px;
    height: 80px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 35261ms;
    animation-duration: 35261ms;
    -webkit-animation-delay: 24819ms;
    animation-delay: 24819ms
}

@-webkit-keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(-56vw, 102vh, 0);
        transform: translate3d(-56vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-8vw, -128vh, 0);
        transform: translate3d(-8vw, -128vh, 0)
    }
}

@keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(-56vw, 102vh, 0);
        transform: translate3d(-56vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-8vw, -128vh, 0);
        transform: translate3d(-8vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(143) .circle {
    -webkit-animation-delay: 2839ms;
    animation-delay: 2839ms
}

.home-steps .animation .circle-container:nth-child(144) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-144;
    animation-name: move-frames-144;
    -webkit-animation-duration: 35492ms;
    animation-duration: 35492ms;
    -webkit-animation-delay: 18952ms;
    animation-delay: 18952ms
}

@-webkit-keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(-50vw, 107vh, 0);
        transform: translate3d(-50vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-76vw, -132vh, 0);
        transform: translate3d(-76vw, -132vh, 0)
    }
}

@keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(-50vw, 107vh, 0);
        transform: translate3d(-50vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-76vw, -132vh, 0);
        transform: translate3d(-76vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(144) .circle {
    -webkit-animation-delay: 2619ms;
    animation-delay: 2619ms
}

.home-steps .animation .circle-container:nth-child(145) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 28479ms;
    animation-duration: 28479ms;
    -webkit-animation-delay: 12352ms;
    animation-delay: 12352ms
}

@-webkit-keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(-34vw, 101vh, 0);
        transform: translate3d(-34vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -102vh, 0);
        transform: translate3d(-15vw, -102vh, 0)
    }
}

@keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(-34vw, 101vh, 0);
        transform: translate3d(-34vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -102vh, 0);
        transform: translate3d(-15vw, -102vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(145) .circle {
    -webkit-animation-delay: 3426ms;
    animation-delay: 3426ms
}

.home-steps .animation .circle-container:nth-child(146) {
    width: 43px;
    height: 43px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 31475ms;
    animation-duration: 31475ms;
    -webkit-animation-delay: 16424ms;
    animation-delay: 16424ms
}

@-webkit-keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(-87vw, 109vh, 0);
        transform: translate3d(-87vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-93vw, -111vh, 0);
        transform: translate3d(-93vw, -111vh, 0)
    }
}

@keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(-87vw, 109vh, 0);
        transform: translate3d(-87vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-93vw, -111vh, 0);
        transform: translate3d(-93vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(146) .circle {
    -webkit-animation-delay: 661ms;
    animation-delay: 661ms
}

.home-steps .animation .circle-container:nth-child(147) {
    width: 30px;
    height: 30px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 31927ms;
    animation-duration: 31927ms;
    -webkit-animation-delay: 7544ms;
    animation-delay: 7544ms
}

@-webkit-keyframes move-frames-147 {
    from {
        -webkit-transform: translate3d(-42vw, 104vh, 0);
        transform: translate3d(-42vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -125vh, 0);
        transform: translate3d(-22vw, -125vh, 0)
    }
}

@keyframes move-frames-147 {
    from {
        -webkit-transform: translate3d(-42vw, 104vh, 0);
        transform: translate3d(-42vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -125vh, 0);
        transform: translate3d(-22vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(147) .circle {
    -webkit-animation-delay: 1536ms;
    animation-delay: 1536ms
}

.home-steps .animation .circle-container:nth-child(148) {
    width: 27px;
    height: 27px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 34732ms;
    animation-duration: 34732ms;
    -webkit-animation-delay: 3425ms;
    animation-delay: 3425ms
}

@-webkit-keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(-2vw, 103vh, 0);
        transform: translate3d(-2vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-11vw, -116vh, 0);
        transform: translate3d(-11vw, -116vh, 0)
    }
}

@keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(-2vw, 103vh, 0);
        transform: translate3d(-2vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-11vw, -116vh, 0);
        transform: translate3d(-11vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(148) .circle {
    -webkit-animation-delay: 3314ms;
    animation-delay: 3314ms
}

.home-steps .animation .circle-container:nth-child(149) {
    width: 41px;
    height: 41px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 34955ms;
    animation-duration: 34955ms;
    -webkit-animation-delay: 1145ms;
    animation-delay: 1145ms
}

@-webkit-keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(-91vw, 101vh, 0);
        transform: translate3d(-91vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-82vw, -117vh, 0);
        transform: translate3d(-82vw, -117vh, 0)
    }
}

@keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(-91vw, 101vh, 0);
        transform: translate3d(-91vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-82vw, -117vh, 0);
        transform: translate3d(-82vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(149) .circle {
    -webkit-animation-delay: 1633ms;
    animation-delay: 1633ms
}

.home-steps .animation .circle-container:nth-child(150) {
    width: 99px;
    height: 99px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 29300ms;
    animation-duration: 29300ms;
    -webkit-animation-delay: 22949ms;
    animation-delay: 22949ms
}

@-webkit-keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(-61vw, 107vh, 0);
        transform: translate3d(-61vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -128vh, 0);
        transform: translate3d(-31vw, -128vh, 0)
    }
}

@keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(-61vw, 107vh, 0);
        transform: translate3d(-61vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-31vw, -128vh, 0);
        transform: translate3d(-31vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(150) .circle {
    -webkit-animation-delay: 355ms;
    animation-delay: 355ms
}

.home-steps .animation .circle-container:nth-child(151) {
    width: 52px;
    height: 52px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 33758ms;
    animation-duration: 33758ms;
    -webkit-animation-delay: 26812ms;
    animation-delay: 26812ms
}

@-webkit-keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(-86vw, 107vh, 0);
        transform: translate3d(-86vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -125vh, 0);
        transform: translate3d(-58vw, -125vh, 0)
    }
}

@keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(-86vw, 107vh, 0);
        transform: translate3d(-86vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-58vw, -125vh, 0);
        transform: translate3d(-58vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(151) .circle {
    -webkit-animation-delay: 293ms;
    animation-delay: 293ms
}

.home-steps .animation .circle-container:nth-child(152) {
    width: 44px;
    height: 44px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 32857ms;
    animation-duration: 32857ms;
    -webkit-animation-delay: 1460ms;
    animation-delay: 1460ms
}

@-webkit-keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(-50vw, 108vh, 0);
        transform: translate3d(-50vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -121vh, 0);
        transform: translate3d(-15vw, -121vh, 0)
    }
}

@keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(-50vw, 108vh, 0);
        transform: translate3d(-50vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -121vh, 0);
        transform: translate3d(-15vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(152) .circle {
    -webkit-animation-delay: 3950ms;
    animation-delay: 3950ms
}

.home-steps .animation .circle-container:nth-child(153) {
    width: 51px;
    height: 51px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 29832ms;
    animation-duration: 29832ms;
    -webkit-animation-delay: 16900ms;
    animation-delay: 16900ms
}

@-webkit-keyframes move-frames-153 {
    from {
        -webkit-transform: translate3d(-46vw, 110vh, 0);
        transform: translate3d(-46vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-16vw, -131vh, 0);
        transform: translate3d(-16vw, -131vh, 0)
    }
}

@keyframes move-frames-153 {
    from {
        -webkit-transform: translate3d(-46vw, 110vh, 0);
        transform: translate3d(-46vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-16vw, -131vh, 0);
        transform: translate3d(-16vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(153) .circle {
    -webkit-animation-delay: 991ms;
    animation-delay: 991ms
}

.home-steps .animation .circle-container:nth-child(154) {
    width: 50px;
    height: 50px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 34355ms;
    animation-duration: 34355ms;
    -webkit-animation-delay: 11382ms;
    animation-delay: 11382ms
}

@-webkit-keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(-86vw, 101vh, 0);
        transform: translate3d(-86vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -106vh, 0);
        transform: translate3d(-42vw, -106vh, 0)
    }
}

@keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(-86vw, 101vh, 0);
        transform: translate3d(-86vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -106vh, 0);
        transform: translate3d(-42vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(154) .circle {
    -webkit-animation-delay: 1318ms;
    animation-delay: 1318ms
}

.home-steps .animation .circle-container:nth-child(155) {
    width: 54px;
    height: 54px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 35654ms;
    animation-duration: 35654ms;
    -webkit-animation-delay: 15878ms;
    animation-delay: 15878ms
}

@-webkit-keyframes move-frames-155 {
    from {
        -webkit-transform: translate3d(-64vw, 109vh, 0);
        transform: translate3d(-64vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-56vw, -116vh, 0);
        transform: translate3d(-56vw, -116vh, 0)
    }
}

@keyframes move-frames-155 {
    from {
        -webkit-transform: translate3d(-64vw, 109vh, 0);
        transform: translate3d(-64vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-56vw, -116vh, 0);
        transform: translate3d(-56vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(155) .circle {
    -webkit-animation-delay: 1879ms;
    animation-delay: 1879ms
}

.home-steps .animation .circle-container:nth-child(156) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 30258ms;
    animation-duration: 30258ms;
    -webkit-animation-delay: 6402ms;
    animation-delay: 6402ms
}

@-webkit-keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(-71vw, 101vh, 0);
        transform: translate3d(-71vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -119vh, 0);
        transform: translate3d(-50vw, -119vh, 0)
    }
}

@keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(-71vw, 101vh, 0);
        transform: translate3d(-71vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -119vh, 0);
        transform: translate3d(-50vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(156) .circle {
    -webkit-animation-delay: 3025ms;
    animation-delay: 3025ms
}

.home-steps .animation .circle-container:nth-child(157) {
    width: 52px;
    height: 52px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 35808ms;
    animation-duration: 35808ms;
    -webkit-animation-delay: 27729ms;
    animation-delay: 27729ms
}

@-webkit-keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(-63vw, 110vh, 0);
        transform: translate3d(-63vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-38vw, -130vh, 0);
        transform: translate3d(-38vw, -130vh, 0)
    }
}

@keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(-63vw, 110vh, 0);
        transform: translate3d(-63vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-38vw, -130vh, 0);
        transform: translate3d(-38vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(157) .circle {
    -webkit-animation-delay: 3228ms;
    animation-delay: 3228ms
}

.home-steps .animation .circle-container:nth-child(158) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 35421ms;
    animation-duration: 35421ms;
    -webkit-animation-delay: 23500ms;
    animation-delay: 23500ms
}

@-webkit-keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(-80vw, 101vh, 0);
        transform: translate3d(-80vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -110vh, 0);
        transform: translate3d(-50vw, -110vh, 0)
    }
}

@keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(-80vw, 101vh, 0);
        transform: translate3d(-80vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-50vw, -110vh, 0);
        transform: translate3d(-50vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(158) .circle {
    -webkit-animation-delay: 1866ms;
    animation-delay: 1866ms
}

.home-steps .animation .circle-container:nth-child(159) {
    width: 46px;
    height: 46px;
    -webkit-animation-name: move-frames-159;
    animation-name: move-frames-159;
    -webkit-animation-duration: 29596ms;
    animation-duration: 29596ms;
    -webkit-animation-delay: 22876ms;
    animation-delay: 22876ms
}

@-webkit-keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(-83vw, 107vh, 0);
        transform: translate3d(-83vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-74vw, -124vh, 0);
        transform: translate3d(-74vw, -124vh, 0)
    }
}

@keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(-83vw, 107vh, 0);
        transform: translate3d(-83vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-74vw, -124vh, 0);
        transform: translate3d(-74vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(159) .circle {
    -webkit-animation-delay: 2605ms;
    animation-delay: 2605ms
}

.home-steps .animation .circle-container:nth-child(160) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 28524ms;
    animation-duration: 28524ms;
    -webkit-animation-delay: 20277ms;
    animation-delay: 20277ms
}

@-webkit-keyframes move-frames-160 {
    from {
        -webkit-transform: translate3d(-41vw, 104vh, 0);
        transform: translate3d(-41vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-51vw, -112vh, 0);
        transform: translate3d(-51vw, -112vh, 0)
    }
}

@keyframes move-frames-160 {
    from {
        -webkit-transform: translate3d(-41vw, 104vh, 0);
        transform: translate3d(-41vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-51vw, -112vh, 0);
        transform: translate3d(-51vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(160) .circle {
    -webkit-animation-delay: 3460ms;
    animation-delay: 3460ms
}

.home-steps .animation .circle-container:nth-child(161) {
    width: 81px;
    height: 81px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 36179ms;
    animation-duration: 36179ms;
    -webkit-animation-delay: 19306ms;
    animation-delay: 19306ms
}

@-webkit-keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(-33vw, 109vh, 0);
        transform: translate3d(-33vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-76vw, -110vh, 0);
        transform: translate3d(-76vw, -110vh, 0)
    }
}

@keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(-33vw, 109vh, 0);
        transform: translate3d(-33vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-76vw, -110vh, 0);
        transform: translate3d(-76vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(161) .circle {
    -webkit-animation-delay: 3815ms;
    animation-delay: 3815ms
}

.home-steps .animation .circle-container:nth-child(162) {
    width: 49px;
    height: 49px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 30533ms;
    animation-duration: 30533ms;
    -webkit-animation-delay: 22651ms;
    animation-delay: 22651ms
}

@-webkit-keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(-13vw, 101vh, 0);
        transform: translate3d(-13vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-11vw, -115vh, 0);
        transform: translate3d(-11vw, -115vh, 0)
    }
}

@keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(-13vw, 101vh, 0);
        transform: translate3d(-13vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-11vw, -115vh, 0);
        transform: translate3d(-11vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(162) .circle {
    -webkit-animation-delay: 1623ms;
    animation-delay: 1623ms
}

.home-steps .animation .circle-container:nth-child(163) {
    width: 14px;
    height: 14px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 32408ms;
    animation-duration: 32408ms;
    -webkit-animation-delay: 4137ms;
    animation-delay: 4137ms
}

@-webkit-keyframes move-frames-163 {
    from {
        -webkit-transform: translate3d(-20vw, 108vh, 0);
        transform: translate3d(-20vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -122vh, 0);
        transform: translate3d(-15vw, -122vh, 0)
    }
}

@keyframes move-frames-163 {
    from {
        -webkit-transform: translate3d(-20vw, 108vh, 0);
        transform: translate3d(-20vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-15vw, -122vh, 0);
        transform: translate3d(-15vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(163) .circle {
    -webkit-animation-delay: 2799ms;
    animation-delay: 2799ms
}

.home-steps .animation .circle-container:nth-child(164) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 35122ms;
    animation-duration: 35122ms;
    -webkit-animation-delay: 28198ms;
    animation-delay: 28198ms
}

@-webkit-keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(-8vw, 107vh, 0);
        transform: translate3d(-8vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-34vw, -125vh, 0);
        transform: translate3d(-34vw, -125vh, 0)
    }
}

@keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(-8vw, 107vh, 0);
        transform: translate3d(-8vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-34vw, -125vh, 0);
        transform: translate3d(-34vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(164) .circle {
    -webkit-animation-delay: 2759ms;
    animation-delay: 2759ms
}

.home-steps .animation .circle-container:nth-child(165) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-165;
    animation-name: move-frames-165;
    -webkit-animation-duration: 34614ms;
    animation-duration: 34614ms;
    -webkit-animation-delay: 33569ms;
    animation-delay: 33569ms
}

@-webkit-keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(-34vw, 101vh, 0);
        transform: translate3d(-34vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-48vw, -103vh, 0);
        transform: translate3d(-48vw, -103vh, 0)
    }
}

@keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(-34vw, 101vh, 0);
        transform: translate3d(-34vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-48vw, -103vh, 0);
        transform: translate3d(-48vw, -103vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(165) .circle {
    -webkit-animation-delay: 1793ms;
    animation-delay: 1793ms
}

.home-steps .animation .circle-container:nth-child(166) {
    width: 91px;
    height: 91px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 28662ms;
    animation-duration: 28662ms;
    -webkit-animation-delay: 19521ms;
    animation-delay: 19521ms
}

@-webkit-keyframes move-frames-166 {
    from {
        -webkit-transform: translate3d(-28vw, 107vh, 0);
        transform: translate3d(-28vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-83vw, -117vh, 0);
        transform: translate3d(-83vw, -117vh, 0)
    }
}

@keyframes move-frames-166 {
    from {
        -webkit-transform: translate3d(-28vw, 107vh, 0);
        transform: translate3d(-28vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-83vw, -117vh, 0);
        transform: translate3d(-83vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(166) .circle {
    -webkit-animation-delay: 3120ms;
    animation-delay: 3120ms
}

.home-steps .animation .circle-container:nth-child(167) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 30479ms;
    animation-duration: 30479ms;
    -webkit-animation-delay: 32669ms;
    animation-delay: 32669ms
}

@-webkit-keyframes move-frames-167 {
    from {
        -webkit-transform: translate3d(-45vw, 107vh, 0);
        transform: translate3d(-45vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -122vh, 0);
        transform: translate3d(-60vw, -122vh, 0)
    }
}

@keyframes move-frames-167 {
    from {
        -webkit-transform: translate3d(-45vw, 107vh, 0);
        transform: translate3d(-45vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-60vw, -122vh, 0);
        transform: translate3d(-60vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(167) .circle {
    -webkit-animation-delay: 794ms;
    animation-delay: 794ms
}

.home-steps .animation .circle-container:nth-child(168) {
    width: 32px;
    height: 32px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 35965ms;
    animation-duration: 35965ms;
    -webkit-animation-delay: 2828ms;
    animation-delay: 2828ms
}

@-webkit-keyframes move-frames-168 {
    from {
        -webkit-transform: translate3d(-94vw, 102vh, 0);
        transform: translate3d(-94vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-80vw, -124vh, 0);
        transform: translate3d(-80vw, -124vh, 0)
    }
}

@keyframes move-frames-168 {
    from {
        -webkit-transform: translate3d(-94vw, 102vh, 0);
        transform: translate3d(-94vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-80vw, -124vh, 0);
        transform: translate3d(-80vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(168) .circle {
    -webkit-animation-delay: 2654ms;
    animation-delay: 2654ms
}

.home-steps .animation .circle-container:nth-child(169) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 30889ms;
    animation-duration: 30889ms;
    -webkit-animation-delay: 2667ms;
    animation-delay: 2667ms
}

@-webkit-keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(-75vw, 108vh, 0);
        transform: translate3d(-75vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-10vw, -126vh, 0);
        transform: translate3d(-10vw, -126vh, 0)
    }
}

@keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(-75vw, 108vh, 0);
        transform: translate3d(-75vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-10vw, -126vh, 0);
        transform: translate3d(-10vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(169) .circle {
    -webkit-animation-delay: 2767ms;
    animation-delay: 2767ms
}

.home-steps .animation .circle-container:nth-child(170) {
    width: 31px;
    height: 31px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 28056ms;
    animation-duration: 28056ms;
    -webkit-animation-delay: 19988ms;
    animation-delay: 19988ms
}

@-webkit-keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(-85vw, 104vh, 0);
        transform: translate3d(-85vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-12vw, -105vh, 0);
        transform: translate3d(-12vw, -105vh, 0)
    }
}

@keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(-85vw, 104vh, 0);
        transform: translate3d(-85vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-12vw, -105vh, 0);
        transform: translate3d(-12vw, -105vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(170) .circle {
    -webkit-animation-delay: 1821ms;
    animation-delay: 1821ms
}

.home-steps .animation .circle-container:nth-child(171) {
    width: 22px;
    height: 22px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 32627ms;
    animation-duration: 32627ms;
    -webkit-animation-delay: 11150ms;
    animation-delay: 11150ms
}

@-webkit-keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(-20vw, 105vh, 0);
        transform: translate3d(-20vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-96vw, -112vh, 0);
        transform: translate3d(-96vw, -112vh, 0)
    }
}

@keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(-20vw, 105vh, 0);
        transform: translate3d(-20vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-96vw, -112vh, 0);
        transform: translate3d(-96vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(171) .circle {
    -webkit-animation-delay: 2300ms;
    animation-delay: 2300ms
}

.home-steps .animation .circle-container:nth-child(172) {
    width: 82px;
    height: 82px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 30296ms;
    animation-duration: 30296ms;
    -webkit-animation-delay: 5254ms;
    animation-delay: 5254ms
}

@-webkit-keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(-43vw, 102vh, 0);
        transform: translate3d(-43vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-53vw, -108vh, 0);
        transform: translate3d(-53vw, -108vh, 0)
    }
}

@keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(-43vw, 102vh, 0);
        transform: translate3d(-43vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-53vw, -108vh, 0);
        transform: translate3d(-53vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(172) .circle {
    -webkit-animation-delay: 742ms;
    animation-delay: 742ms
}

.home-steps .animation .circle-container:nth-child(173) {
    width: 73px;
    height: 73px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 31916ms;
    animation-duration: 31916ms;
    -webkit-animation-delay: 5001ms;
    animation-delay: 5001ms
}

@-webkit-keyframes move-frames-173 {
    from {
        -webkit-transform: translate3d(-30vw, 103vh, 0);
        transform: translate3d(-30vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-39vw, -121vh, 0);
        transform: translate3d(-39vw, -121vh, 0)
    }
}

@keyframes move-frames-173 {
    from {
        -webkit-transform: translate3d(-30vw, 103vh, 0);
        transform: translate3d(-30vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-39vw, -121vh, 0);
        transform: translate3d(-39vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(173) .circle {
    -webkit-animation-delay: 1438ms;
    animation-delay: 1438ms
}

.home-steps .animation .circle-container:nth-child(174) {
    width: 62px;
    height: 62px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 28438ms;
    animation-duration: 28438ms;
    -webkit-animation-delay: 31023ms;
    animation-delay: 31023ms
}

@-webkit-keyframes move-frames-174 {
    from {
        -webkit-transform: translate3d(-6vw, 109vh, 0);
        transform: translate3d(-6vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-40vw, -125vh, 0);
        transform: translate3d(-40vw, -125vh, 0)
    }
}

@keyframes move-frames-174 {
    from {
        -webkit-transform: translate3d(-6vw, 109vh, 0);
        transform: translate3d(-6vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-40vw, -125vh, 0);
        transform: translate3d(-40vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(174) .circle {
    -webkit-animation-delay: 137ms;
    animation-delay: 137ms
}

.home-steps .animation .circle-container:nth-child(175) {
    width: 51px;
    height: 51px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 33270ms;
    animation-duration: 33270ms;
    -webkit-animation-delay: 5083ms;
    animation-delay: 5083ms
}

@-webkit-keyframes move-frames-175 {
    from {
        -webkit-transform: translate3d(-24vw, 110vh, 0);
        transform: translate3d(-24vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-57vw, -111vh, 0);
        transform: translate3d(-57vw, -111vh, 0)
    }
}

@keyframes move-frames-175 {
    from {
        -webkit-transform: translate3d(-24vw, 110vh, 0);
        transform: translate3d(-24vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-57vw, -111vh, 0);
        transform: translate3d(-57vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(175) .circle {
    -webkit-animation-delay: 3821ms;
    animation-delay: 3821ms
}

.home-steps .animation .circle-container:nth-child(176) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 32167ms;
    animation-duration: 32167ms;
    -webkit-animation-delay: 8749ms;
    animation-delay: 8749ms
}

@-webkit-keyframes move-frames-176 {
    from {
        -webkit-transform: translate3d(-74vw, 108vh, 0);
        transform: translate3d(-74vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-35vw, -109vh, 0);
        transform: translate3d(-35vw, -109vh, 0)
    }
}

@keyframes move-frames-176 {
    from {
        -webkit-transform: translate3d(-74vw, 108vh, 0);
        transform: translate3d(-74vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-35vw, -109vh, 0);
        transform: translate3d(-35vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(176) .circle {
    -webkit-animation-delay: 722ms;
    animation-delay: 722ms
}

.home-steps .animation .circle-container:nth-child(177) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 32919ms;
    animation-duration: 32919ms;
    -webkit-animation-delay: 753ms;
    animation-delay: 753ms
}

@-webkit-keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(-91vw, 103vh, 0);
        transform: translate3d(-91vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -114vh, 0);
        transform: translate3d(-75vw, -114vh, 0)
    }
}

@keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(-91vw, 103vh, 0);
        transform: translate3d(-91vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -114vh, 0);
        transform: translate3d(-75vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(177) .circle {
    -webkit-animation-delay: 950ms;
    animation-delay: 950ms
}

.home-steps .animation .circle-container:nth-child(178) {
    width: 91px;
    height: 91px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 33652ms;
    animation-duration: 33652ms;
    -webkit-animation-delay: 10510ms;
    animation-delay: 10510ms
}

@-webkit-keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(-86vw, 106vh, 0);
        transform: translate3d(-86vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -111vh, 0);
        transform: translate3d(-22vw, -111vh, 0)
    }
}

@keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(-86vw, 106vh, 0);
        transform: translate3d(-86vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-22vw, -111vh, 0);
        transform: translate3d(-22vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(178) .circle {
    -webkit-animation-delay: 3893ms;
    animation-delay: 3893ms
}

.home-steps .animation .circle-container:nth-child(179) {
    width: 70px;
    height: 70px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 30056ms;
    animation-duration: 30056ms;
    -webkit-animation-delay: 31401ms;
    animation-delay: 31401ms
}

@-webkit-keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(-30vw, 105vh, 0);
        transform: translate3d(-30vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-69vw, -126vh, 0);
        transform: translate3d(-69vw, -126vh, 0)
    }
}

@keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(-30vw, 105vh, 0);
        transform: translate3d(-30vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-69vw, -126vh, 0);
        transform: translate3d(-69vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(179) .circle {
    -webkit-animation-delay: 1958ms;
    animation-delay: 1958ms
}

.home-steps .animation .circle-container:nth-child(180) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 30990ms;
    animation-duration: 30990ms;
    -webkit-animation-delay: 29699ms;
    animation-delay: 29699ms
}

@-webkit-keyframes move-frames-180 {
    from {
        -webkit-transform: translate3d(-75vw, 109vh, 0);
        transform: translate3d(-75vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -124vh, 0);
        transform: translate3d(-6vw, -124vh, 0)
    }
}

@keyframes move-frames-180 {
    from {
        -webkit-transform: translate3d(-75vw, 109vh, 0);
        transform: translate3d(-75vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-6vw, -124vh, 0);
        transform: translate3d(-6vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(180) .circle {
    -webkit-animation-delay: 1781ms;
    animation-delay: 1781ms
}

.home-steps .animation .circle-container:nth-child(181) {
    width: 45px;
    height: 45px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 33700ms;
    animation-duration: 33700ms;
    -webkit-animation-delay: 25417ms;
    animation-delay: 25417ms
}

@-webkit-keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(-31vw, 101vh, 0);
        transform: translate3d(-31vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -106vh, 0);
        transform: translate3d(-52vw, -106vh, 0)
    }
}

@keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(-31vw, 101vh, 0);
        transform: translate3d(-31vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-52vw, -106vh, 0);
        transform: translate3d(-52vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(181) .circle {
    -webkit-animation-delay: 3597ms;
    animation-delay: 3597ms
}

.home-steps .animation .circle-container:nth-child(182) {
    width: 66px;
    height: 66px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 29018ms;
    animation-duration: 29018ms;
    -webkit-animation-delay: 16104ms;
    animation-delay: 16104ms
}

@-webkit-keyframes move-frames-182 {
    from {
        -webkit-transform: translate3d(-59vw, 104vh, 0);
        transform: translate3d(-59vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-98vw, -106vh, 0);
        transform: translate3d(-98vw, -106vh, 0)
    }
}

@keyframes move-frames-182 {
    from {
        -webkit-transform: translate3d(-59vw, 104vh, 0);
        transform: translate3d(-59vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-98vw, -106vh, 0);
        transform: translate3d(-98vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(182) .circle {
    -webkit-animation-delay: 394ms;
    animation-delay: 394ms
}

.home-steps .animation .circle-container:nth-child(183) {
    width: 24px;
    height: 24px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 32562ms;
    animation-duration: 32562ms;
    -webkit-animation-delay: 24527ms;
    animation-delay: 24527ms
}

@-webkit-keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(-66vw, 101vh, 0);
        transform: translate3d(-66vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-54vw, -121vh, 0);
        transform: translate3d(-54vw, -121vh, 0)
    }
}

@keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(-66vw, 101vh, 0);
        transform: translate3d(-66vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-54vw, -121vh, 0);
        transform: translate3d(-54vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(183) .circle {
    -webkit-animation-delay: 471ms;
    animation-delay: 471ms
}

.home-steps .animation .circle-container:nth-child(184) {
    width: 60px;
    height: 60px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 31926ms;
    animation-duration: 31926ms;
    -webkit-animation-delay: 16733ms;
    animation-delay: 16733ms
}

@-webkit-keyframes move-frames-184 {
    from {
        -webkit-transform: translate3d(-51vw, 102vh, 0);
        transform: translate3d(-51vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-90vw, -109vh, 0);
        transform: translate3d(-90vw, -109vh, 0)
    }
}

@keyframes move-frames-184 {
    from {
        -webkit-transform: translate3d(-51vw, 102vh, 0);
        transform: translate3d(-51vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-90vw, -109vh, 0);
        transform: translate3d(-90vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(184) .circle {
    -webkit-animation-delay: 1386ms;
    animation-delay: 1386ms
}

.home-steps .animation .circle-container:nth-child(185) {
    width: 29px;
    height: 29px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 35882ms;
    animation-duration: 35882ms;
    -webkit-animation-delay: 12138ms;
    animation-delay: 12138ms
}

@-webkit-keyframes move-frames-185 {
    from {
        -webkit-transform: translate3d(-37vw, 103vh, 0);
        transform: translate3d(-37vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -117vh, 0);
        transform: translate3d(-42vw, -117vh, 0)
    }
}

@keyframes move-frames-185 {
    from {
        -webkit-transform: translate3d(-37vw, 103vh, 0);
        transform: translate3d(-37vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-42vw, -117vh, 0);
        transform: translate3d(-42vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 2710ms;
    animation-delay: 2710ms
}

.home-steps .animation .circle-container:nth-child(186) {
    width: 88px;
    height: 88px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 31575ms;
    animation-duration: 31575ms;
    -webkit-animation-delay: 22096ms;
    animation-delay: 22096ms
}

@-webkit-keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(-13vw, 110vh, 0);
        transform: translate3d(-13vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-43vw, -132vh, 0);
        transform: translate3d(-43vw, -132vh, 0)
    }
}

@keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(-13vw, 110vh, 0);
        transform: translate3d(-13vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(-43vw, -132vh, 0);
        transform: translate3d(-43vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 2935ms;
    animation-delay: 2935ms
}

.home-steps .animation .circle-container:nth-child(187) {
    width: 9px;
    height: 9px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 30576ms;
    animation-duration: 30576ms;
    -webkit-animation-delay: 34666ms;
    animation-delay: 34666ms
}

@-webkit-keyframes move-frames-187 {
    from {
        -webkit-transform: translate3d(-85vw, 108vh, 0);
        transform: translate3d(-85vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-28vw, -122vh, 0);
        transform: translate3d(-28vw, -122vh, 0)
    }
}

@keyframes move-frames-187 {
    from {
        -webkit-transform: translate3d(-85vw, 108vh, 0);
        transform: translate3d(-85vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(-28vw, -122vh, 0);
        transform: translate3d(-28vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 767ms;
    animation-delay: 767ms
}

.home-steps .animation .circle-container:nth-child(188) {
    width: 86px;
    height: 86px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 34008ms;
    animation-duration: 34008ms;
    -webkit-animation-delay: 5366ms;
    animation-delay: 5366ms
}

@-webkit-keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(-31vw, 105vh, 0);
        transform: translate3d(-31vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-38vw, -133vh, 0);
        transform: translate3d(-38vw, -133vh, 0)
    }
}

@keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(-31vw, 105vh, 0);
        transform: translate3d(-31vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-38vw, -133vh, 0);
        transform: translate3d(-38vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 821ms;
    animation-delay: 821ms
}

.home-steps .animation .circle-container:nth-child(189) {
    width: 18px;
    height: 18px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 30535ms;
    animation-duration: 30535ms;
    -webkit-animation-delay: 4225ms;
    animation-delay: 4225ms
}

@-webkit-keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(-27vw, 104vh, 0);
        transform: translate3d(-27vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-59vw, -120vh, 0);
        transform: translate3d(-59vw, -120vh, 0)
    }
}

@keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(-27vw, 104vh, 0);
        transform: translate3d(-27vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-59vw, -120vh, 0);
        transform: translate3d(-59vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms
}

.home-steps .animation .circle-container:nth-child(190) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 30759ms;
    animation-duration: 30759ms;
    -webkit-animation-delay: 29215ms;
    animation-delay: 29215ms
}

@-webkit-keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(-98vw, 109vh, 0);
        transform: translate3d(-98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -123vh, 0);
        transform: translate3d(-75vw, -123vh, 0)
    }
}

@keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(-98vw, 109vh, 0);
        transform: translate3d(-98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(-75vw, -123vh, 0);
        transform: translate3d(-75vw, -123vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(190) .circle {
    -webkit-animation-delay: 3122ms;
    animation-delay: 3122ms
}

.home-steps .animation .circle-container:nth-child(191) {
    width: 93px;
    height: 93px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 31084ms;
    animation-duration: 31084ms;
    -webkit-animation-delay: 28296ms;
    animation-delay: 28296ms
}

@-webkit-keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(-48vw, 103vh, 0);
        transform: translate3d(-48vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-67vw, -118vh, 0);
        transform: translate3d(-67vw, -118vh, 0)
    }
}

@keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(-48vw, 103vh, 0);
        transform: translate3d(-48vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-67vw, -118vh, 0);
        transform: translate3d(-67vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 3136ms;
    animation-delay: 3136ms
}

.home-steps .animation .circle-container:nth-child(192) {
    width: 38px;
    height: 38px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 29040ms;
    animation-duration: 29040ms;
    -webkit-animation-delay: 24587ms;
    animation-delay: 24587ms
}

@-webkit-keyframes move-frames-192 {
    from {
        -webkit-transform: translate3d(-47vw, 102vh, 0);
        transform: translate3d(-47vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-10vw, -130vh, 0);
        transform: translate3d(-10vw, -130vh, 0)
    }
}

@keyframes move-frames-192 {
    from {
        -webkit-transform: translate3d(-47vw, 102vh, 0);
        transform: translate3d(-47vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(-10vw, -130vh, 0);
        transform: translate3d(-10vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(192) .circle {
    -webkit-animation-delay: 1012ms;
    animation-delay: 1012ms
}

.home-steps .animation .circle-container:nth-child(193) {
    width: 98px;
    height: 98px;
    -webkit-animation-name: move-frames-193;
    animation-name: move-frames-193;
    -webkit-animation-duration: 36918ms;
    animation-duration: 36918ms;
    -webkit-animation-delay: 21507ms;
    animation-delay: 21507ms
}

@-webkit-keyframes move-frames-193 {
    from {
        -webkit-transform: translate3d(-78vw, 107vh, 0);
        transform: translate3d(-78vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -131vh, 0);
        transform: translate3d(-45vw, -131vh, 0)
    }
}

@keyframes move-frames-193 {
    from {
        -webkit-transform: translate3d(-78vw, 107vh, 0);
        transform: translate3d(-78vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(-45vw, -131vh, 0);
        transform: translate3d(-45vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(193) .circle {
    -webkit-animation-delay: 3440ms;
    animation-delay: 3440ms
}

.home-steps .animation .circle-container:nth-child(194) {
    width: 50px;
    height: 50px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 33004ms;
    animation-duration: 33004ms;
    -webkit-animation-delay: 36066ms;
    animation-delay: 36066ms
}

@-webkit-keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(-63vw, 101vh, 0);
        transform: translate3d(-63vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-5vw, -130vh, 0);
        transform: translate3d(-5vw, -130vh, 0)
    }
}

@keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(-63vw, 101vh, 0);
        transform: translate3d(-63vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-5vw, -130vh, 0);
        transform: translate3d(-5vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(194) .circle {
    -webkit-animation-delay: 3091ms;
    animation-delay: 3091ms
}

.home-steps .animation .circle-container:nth-child(195) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 35998ms;
    animation-duration: 35998ms;
    -webkit-animation-delay: 33007ms;
    animation-delay: 33007ms
}

@-webkit-keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(-57vw, 106vh, 0);
        transform: translate3d(-57vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -110vh, 0);
        transform: translate3d(-100vw, -110vh, 0)
    }
}

@keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(-57vw, 106vh, 0);
        transform: translate3d(-57vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-100vw, -110vh, 0);
        transform: translate3d(-100vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(195) .circle {
    -webkit-animation-delay: 1833ms;
    animation-delay: 1833ms
}

.home-steps .animation .circle-container:nth-child(196) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-196;
    animation-name: move-frames-196;
    -webkit-animation-duration: 30165ms;
    animation-duration: 30165ms;
    -webkit-animation-delay: 32374ms;
    animation-delay: 32374ms
}

@-webkit-keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(-8vw, 101vh, 0);
        transform: translate3d(-8vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-25vw, -120vh, 0);
        transform: translate3d(-25vw, -120vh, 0)
    }
}

@keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(-8vw, 101vh, 0);
        transform: translate3d(-8vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(-25vw, -120vh, 0);
        transform: translate3d(-25vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(196) .circle {
    -webkit-animation-delay: 2727ms;
    animation-delay: 2727ms
}

.home-steps .animation .circle-container:nth-child(197) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-197;
    animation-name: move-frames-197;
    -webkit-animation-duration: 33201ms;
    animation-duration: 33201ms;
    -webkit-animation-delay: 8541ms;
    animation-delay: 8541ms
}

@-webkit-keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(-98vw, 104vh, 0);
        transform: translate3d(-98vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-86vw, -133vh, 0);
        transform: translate3d(-86vw, -133vh, 0)
    }
}

@keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(-98vw, 104vh, 0);
        transform: translate3d(-98vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(-86vw, -133vh, 0);
        transform: translate3d(-86vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(197) .circle {
    -webkit-animation-delay: 1430ms;
    animation-delay: 1430ms
}

.home-steps .animation .circle-container:nth-child(198) {
    width: 56px;
    height: 56px;
    -webkit-animation-name: move-frames-198;
    animation-name: move-frames-198;
    -webkit-animation-duration: 36752ms;
    animation-duration: 36752ms;
    -webkit-animation-delay: 11474ms;
    animation-delay: 11474ms
}

@-webkit-keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(-45vw, 105vh, 0);
        transform: translate3d(-45vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-18vw, -108vh, 0);
        transform: translate3d(-18vw, -108vh, 0)
    }
}

@keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(-45vw, 105vh, 0);
        transform: translate3d(-45vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(-18vw, -108vh, 0);
        transform: translate3d(-18vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(198) .circle {
    -webkit-animation-delay: 2204ms;
    animation-delay: 2204ms
}

.home-steps .animation .circle-container:nth-child(199) {
    width: 37px;
    height: 37px;
    -webkit-animation-name: move-frames-199;
    animation-name: move-frames-199;
    -webkit-animation-duration: 36258ms;
    animation-duration: 36258ms;
    -webkit-animation-delay: 5382ms;
    animation-delay: 5382ms
}

@-webkit-keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(-45vw, 106vh, 0);
        transform: translate3d(-45vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-9vw, -129vh, 0);
        transform: translate3d(-9vw, -129vh, 0)
    }
}

@keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(-45vw, 106vh, 0);
        transform: translate3d(-45vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(-9vw, -129vh, 0);
        transform: translate3d(-9vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(199) .circle {
    -webkit-animation-delay: 903ms;
    animation-delay: 903ms
}

.home-steps .animation .circle-container:nth-child(200) {
    width: 64px;
    height: 64px;
    -webkit-animation-name: move-frames-200;
    animation-name: move-frames-200;
    -webkit-animation-duration: 36512ms;
    animation-duration: 36512ms;
    -webkit-animation-delay: 2197ms;
    animation-delay: 2197ms
}

@-webkit-keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(-17vw, 103vh, 0);
        transform: translate3d(-17vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-23vw, -131vh, 0);
        transform: translate3d(-23vw, -131vh, 0)
    }
}

@keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(-17vw, 103vh, 0);
        transform: translate3d(-17vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(-23vw, -131vh, 0);
        transform: translate3d(-23vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 2593ms;
    animation-delay: 2593ms
}

.home-steps .container .header-section {
    margin-bottom: 35px
}

@media screen and (max-width: 767px) {
    .home-steps .container .header-section {
        margin-bottom: 10px
    }
}

.home-steps .container .header-section .title {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .home-steps .container .header-section .title {
        font-size: 25px;
        margin-bottom: 10px
    }
}

.home-steps .container .header-section .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 140px;
    height: 1px;
    background-color: var(--main-color)
}

.home-steps .container .header-section .title:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 45px;
    height: 3px;
    background-color: var(--main-color)
}

.home-steps .container .header-section .title span {
    color: var(--second-main-color)
}

.home-steps .container .header-section .description {
    color: #6f6f71
}

.home-steps .container .single-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    margin-top: 40px;
    background-color: var(--black-000);
    -webkit-box-shadow: var(--shadow-black-300);
    box-shadow: var(--shadow-black-300);
    border-radius: 10px;
    border: 1px solid var(--black-400);
    -webkit-transition: all ease-in-out 0.40s;
    transition: all ease-in-out 0.40s
}

@media screen and (max-width: 767px) {
    .home-steps .container .single-service {
        margin-bottom: 0px;
        height: 90%
    }
}

.home-steps .container .single-service:hover {
    margin-top: 30px
}

.home-steps .container .single-service:hover .part-1 i {
    background-color: var(--main-color);
    color: #FFF;
    margin-bottom: 25px;
    right: 60%
}

.home-steps .container .single-service .part-1 {
    padding: 40px 40px 25px
}

@media screen and (max-width: 767px) {
    .home-steps .container .single-service .part-1 {
        padding: 10px 40px 10px
    }
}

.home-steps .container .single-service .part-1 i {
    font-size: 40px;
    margin-bottom: 25px;
    color: var(--second-main-color);
    position: absolute;
    top: -10px;
    right: 10%;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 1vw;
    width: 90px;
    height: 90px;
    background-color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--shadow-black-300);
    box-shadow: var(--shadow-black-300);
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s
}

@media screen and (max-width: 767px) {
    .home-steps .container .single-service .part-1 i {
        font-size: 30px;
        width: 60px;
        height: 60px;
        position: static;
        margin-bottom: 0
    }
}

.home-steps .container .single-service .part-1 .title {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.8em;
    color: var(--main-color)
}

@media screen and (max-width: 767px) {
    .home-steps .container .single-service .part-1 .title {
        font-size: 20px
    }
}

.home-steps .container .single-service .part-2 {
    padding: 10px 40px 10px
}

@media screen and (max-width: 767px) {
    .home-steps .container .single-service .part-2 {
        padding: 10px 40px 10px
    }
}

.home-steps .container .single-service .part-2 .description {
    color: var(--main-color);
    font-size: 18px;
    line-height: 1.8em
}

@media screen and (max-width: 767px) {
    .home-steps .container .single-service .part-2 .description {
        font-size: 16px;
        text-align: center;
        line-height: 1
    }
}

.home-steps .container .single-service .part-2 a {
    color: var(--main-color);
    font-size: 14px;
    text-decoration: none
}

.home-steps .container .single-service .part-2 a i {
    margin-left: 10px;
    color: var(--main-color)
}

.home-map {
    background-image: url("../images/cairo-at-night.jpg") !important;
    background-color: var(--dark);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.home-map .container .map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home-map .container .map img {
    max-height: 30vw;
    opacity: 0.4
}

@media screen and (max-width: 767px) {
    .home-map .container .map img {
        display: none
    }
}

.home-map .container .content {
    color: var(--black-000);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .home-map .container .content {
        padding: 20px 0
    }
}

@media screen and (max-width: 767px) {
    .home-map .container .content h1 {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .home-map .container .content p {
        font-size: 16px;
        text-align: center
    }
}

.home-price {
    background-color: var(--black-000);
    padding: 2vw 0
}

.home-price .container .content {
    color: var(--main-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-price .container .content h1 {
    margin: 2vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-price .container .content h1 span {
    font-size: 120%;
    font-weight: bold;
    color: var(--orange)
}

@media screen and (max-width: 767px) {
    .home-price .container .content h1 {
        font-size: 20px
    }
}

.home-price .container .content small {
    color: var(--black-400)
}

.contact-us>.container>.row>[class*="col-"] {
    padding: 0
}

@media screen and (max-width: 991px) {
    .contact-us>.container>.row>[class*="col-"]:nth-child(1) {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .contact-us>.container>.row>[class*="col-"]:nth-child(2) {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.contact-us>.container>.row .content-container {
    background-color: var(--main-color);
    color: var(--black-000);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-us>.container>.row .form-container {
    padding: 2vw 15px
}

@media screen and (max-width: 991px) {
    .contact-us>.container>.row .form-container {
        width: 90vw;
        max-width: none
    }
}

.contact-us>.container>.row .form-container .input-group {
    margin: 0.5rem 0
}

.login {
    height: 100vh
}

.login>.container {
    height: 100vh
}

.login>.container>.row {
    height: 100vh
}

.login>.container>.row>[class*="col-"] {
    padding: 0
}

@media screen and (max-width: 991px) {
    .login>.container>.row>[class*="col-"]:nth-child(1) {
        display: none
    }
}

.login>.container>.row>[class*="col-"]:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .login>.container>.row>[class*="col-"]:nth-child(2) {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.login>.container>.row .content-container {
    background-color: var(--main-color);
    color: var(--black-000);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login>.container>.row .form-container {
    padding: 2vw 15px
}

@media screen and (max-width: 991px) {
    .login>.container>.row .form-container {
        width: 90vw;
        max-width: none
    }
}

.login>.container>.row .form-container .input-group {
    margin: 0.5rem 0
}

.register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.register .breif {
    background-color: var(--main-color)
}

@media screen and (min-width: 992px) {
    .register .breif {
        width: 30%
    }
}

.register>.container {
    margin: auto;
    max-width: none
}

@media screen and (min-width: 992px) {
    .register>.container {
        width: 70%
    }
}

.register>.container.container-90 {
    width: 90vw
}

@media screen and (min-width: 992px) {
    .register>.container {
        height: 130vh
    }
}

.register>.container>.row {
    width: 100%;
    margin: 0
}

.register>.container>.row>[class*="col-"]:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .register>.container>.row>[class*="col-"]:nth-child(2) {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.register>.container>.row .content-container {
    background-color: var(--main-color);
    color: var(--black-000);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.register>.container>.row .form-container {
    padding: 2vw 3vw
}

@media screen and (max-width: 991px) {
    .register>.container>.row .form-container {
        padding: 2vw 15px;
        width: 90vw;
        max-width: none
    }
}

.register>.container>.row .form-container .input-group {
    margin: 0.5rem 0
}

a {
    display: inline-block;
    text-decoration: none
}

input {
    outline: none !important
}

h1 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 700
}

section#formHolder {
    padding: 50px 0
}

.brand {
    padding: 20px;
    color: var(--black-000);
    min-height: 540px;
    position: relative;
    -webkit-box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.3);
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.6s cubic-bezier(1, -0.375, 0.285, 0.995);
    transition: all 0.6s cubic-bezier(1, -0.375, 0.285, 0.995);
    z-index: 1040
}

.brand.active {
    width: 100%
}

.brand::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--main-color);
    z-index: -1
}

.brand a.logo {
    color: var(--main-color);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1em
}

.brand a.logo span {
    font-size: 30px;
    color: #fff;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    display: inline-block
}

.brand .heading {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    text-align: center;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

.brand .heading.active {
    top: 100px;
    right: 100px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.brand .heading h2 {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

.brand .heading p {
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    white-space: 4px
}

.brand .success-msg {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    margin-top: 60px
}

.brand .success-msg p {
    font-size: 25px;
    font-weight: 400
}

.brand .success-msg a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 30px;
    background: var(--main-color);
    text-decoration: none;
    color: #fff;
    border-radius: 30px
}

.brand .success-msg p,
.brand .success-msg a {
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.brand .success-msg p.active,
.brand .success-msg a.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.form {
    position: relative
}

.form .form-peice {
    height: auto;
    background: #fff;
    min-height: 480px;
    margin-top: 30px;
    -webkit-box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.2);
    color: #bbb;
    padding: 30px 0 60px;
    -webkit-transition: all 0.9s cubic-bezier(1, -0.375, 0.285, 0.995);
    transition: all 0.9s cubic-bezier(1, -0.375, 0.285, 0.995);
    position: absolute;
    top: 0;
    right: -30%;
    width: 130%;
    overflow: hidden
}

.form .form-peice.switched {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    right: 0
}

.form .form-peice.y-scroll {
    overflow-y: scroll
}

.form .form-peice.y-scroll form {
    padding: 15px 20px;
    top: 0%;
    right: 60%;
    -webkit-transform: translate(50%, 0%);
    transform: translate(50%, 0%)
}

.form form {
    padding: 0 20px;
    margin: 0;
    width: 70%;
    position: absolute;
    top: 50%;
    right: 60%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.form form .form-group {
    margin-bottom: 5px;
    position: relative
}

.form form .form-group.hasError input {
    border-color: var(--main-color) !important
}

.form form .form-group.hasError label {
    color: var(--main-color) !important
}

.form form label {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    cursor: text;
    z-index: -1
}

.form form label.active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    font-size: 10px
}

.form form label.fontSwitch {
    font-weight: 600
}

.form form span.error {
    color: var(--main-color);
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none
}

.form form input[type=password] {
    color: #5a5357;
}

.form form .CTA {
    margin-top: 30px
}

.form form .CTA input {
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 30px;
    background: var(--main-color);
    color: #fff;
    border-radius: 30px;
    margin-left: 20px;
    border: none
}

.form form .CTA a.switch {
    font-size: 13px;
    font-weight: 400;
    color: #bbb;
    text-decoration: underline;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.form form .CTA a.switch:hover {
    color: var(--main-color)
}

footer {
    text-align: center
}

footer p {
    color: #777
}

footer p a,
footer p a:focus {
    color: #b8b09f;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none !important
}

footer p a:hover,
footer p a:focus:hover {
    color: var(--main-color)
}

@media (max-width: 768px) {
    .container {
        overflow: hidden
    }
    section#formHolder {
        padding: 0
    }
    section#formHolder div.brand {
        min-height: 200px !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: unset
    }
    section#formHolder div.brand.active {
        min-height: 100vh !important
    }
    section#formHolder div.brand .heading.active {
        top: 200px;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
    section#formHolder div.brand .success-msg p {
        font-size: 16px
    }
    section#formHolder div.brand .success-msg a {
        padding: 5px 30px;
        font-size: 10px
    }
    section#formHolder .form {
        width: 80vw;
        min-height: 500px;
        margin-right: 0vw;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
    section#formHolder .form .form-peice {
        margin: 0;
        top: 0;
        right: 0;
        width: 100% !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
    section#formHolder .form .form-peice.switched {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%;
        right: 0
    }
    section#formHolder .form .form-peice>form {
        width: 100% !important;
        padding: 60px;
        right: 50%
    }
}

@media (max-width: 480px) {
    section#formHolder .form {
        width: 100vw;
        margin-right: 0
    }
    h2 {
        font-size: 50px !important
    }
}

body {
    background-color: #F4F7FC
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

::-webkit-scrollbar-thumb {
    background: rgba(82, 89, 101, 0.1);
    border: 0px none #ffffff;
    border-radius: 0px
}

::-webkit-scrollbar-thumb:hover {
    background: #525965
}

::-webkit-scrollbar-thumb:active {
    background: #525965
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px
}

::-webkit-scrollbar-track:hover {
    background: transparent
}

::-webkit-scrollbar-track:active {
    background: transparent
}

::-webkit-scrollbar-corner {
    background: transparent
}

body,
body * {
    scrollbar-face-color: #525965;
    scrollbar-track-color: #ffffff;
    scrollbar-color: #525965 #ffffff;
    scrollbar-width: thin !important
}
.text-align-site{
    text-align: right !important;
}

/* Modern Footer RTL Styles */
.modern-footer {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 4rem 0 2rem;
    direction: rtl;
}

.footer-background {
    position: absolute;
    top: 0;
    right: 0; /* RTL: right instead of left */
    left: 0;
    bottom: 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    z-index: 1;
}

.footer-pattern {
    position: absolute;
    top: 0;
    right: 0; /* RTL: right instead of left */
    left: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 80% 80%, rgba(228, 16, 29, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 20% 20%, rgba(255, 71, 87, 0.1) 0%, transparent 50%);
    z-index: 2;
}

.footer-widget {
    position: relative;
    z-index: 3;
    margin-bottom: 2rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-direction: row-reverse; /* RTL: reverse direction */
}

.footer-logo-img {
    width: 60px;
    height: 60px;
    margin-left: 1rem; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    border-radius: 10px;
}

.footer-brand {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.footer-description {
    color: #b0b0b0;
    line-height: 1.6;
    margin-bottom: 2rem;
    font-size: 0.95rem;
    text-align: right; /* RTL: right alignment */
}

.footer-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.5rem;
    text-align: right; /* RTL: right alignment */
}

.footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0; /* RTL: right instead of left */
    left: auto;
    width: 30px;
    height: 2px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 1px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 0.8rem;
}

.footer-links a {
    color: #b0b0b0;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    text-align: right; /* RTL: right alignment */
}

.footer-links a:hover {
    color: #ff0000;
    transform: translateX(-5px); /* RTL: negative translateX */
}

.footer-contact {
    margin-bottom: 2rem;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: #b0b0b0;
    font-size: 0.95rem;
    flex-direction: row-reverse; /* RTL: reverse direction */
}

.contact-item i {
    color: #ff0000;
    margin-left: 0.8rem; /* RTL: margin-left instead of margin-right */
    margin-right: 0;
    width: 16px;
    text-align: center;
}

.contact-item a {
    color: #b0b0b0;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-item a:hover {
    color: #ff0000;
}

.footer-social {
    display: flex;
    gap: 1rem;
    justify-content: flex-end; /* RTL: align to end */
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.social-link:hover {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(228, 16, 29, 0.3);
}

.footer-map {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
    margin-top: 2rem;
}

.copyright,
.powered-by {
    color: #b0b0b0;
    margin: 0;
    font-size: 0.9rem;
    text-align: right; /* RTL: right alignment */
}

.powered-by strong {
    color: #ff0000;
    font-weight: 600;
}

/* Footer RTL Responsive Design */
@media (max-width: 992px) {
    .modern-footer {
        padding: 3rem 0 1.5rem;
    }
    
    .footer-widget {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 768px) {
    .modern-footer {
        padding: 2.5rem 0 1rem;
    }
    
    .footer-logo {
        justify-content: center;
        text-align: center;
        flex-direction: row; /* RTL: normal direction for mobile */
    }
    
    .footer-logo-img {
        margin-right: 1rem; /* RTL: margin-right for mobile */
        margin-left: 0;
    }
    
    .footer-brand {
        font-size: 1.5rem;
    }
    
    .footer-title {
        text-align: center;
    }
    
    .footer-title::after {
        right: 50%; /* RTL: right instead of left */
        left: auto;
        transform: translateX(50%); /* RTL: positive translateX */
    }
    
    .footer-social {
        justify-content: center;
    }
    
    .footer-bottom {
        text-align: center;
    }
    
    .footer-bottom .text-md-right {
        text-align: center !important;
        margin-top: 1rem;
    }
    
    .copyright,
    .powered-by {
        text-align: center; /* RTL: center alignment for mobile */
    }
}

/* Image Overlay Text RTL Styles */
.image-overlay-text {
    position: absolute;
    top: 50%;
    right: 50%; /* RTL: right instead of left */
    left: auto;
    transform: translate(50%, -50%); /* RTL: positive translateX */
    text-align: center;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    padding: 2rem;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.overlay-brand {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem 0;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    direction: rtl; /* RTL: right-to-left text */
}

.overlay-tagline {
    font-size: 1.1rem;
    color: #ffffff;
    margin: 0;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    direction: rtl; /* RTL: right-to-left text */
}

/* Motorcycle Delivery Person RTL Styles */
.motorcycle-delivery {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    z-index: 3;
    animation: motorcycleMoveRTL 8s ease-in-out infinite;
}

.delivery-person {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-direction: row-reverse; /* RTL: reverse direction */
}

.person-body {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.8rem;
    box-shadow: 0 6px 20px rgba(228, 16, 29, 0.4);
    animation: personBounce 2s ease-in-out infinite;
}

.person-helmet {
    margin-right: 10px; /* RTL: margin-right instead of margin-left */
    margin-left: 0;
    font-size: 2.5rem;
    color: #ff0000;
    animation: helmetRotate 3s ease-in-out infinite;
}

.delivery-box {
    position: absolute;
    top: -30px;
    right: 60px; /* RTL: right instead of left */
    left: auto;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #ff0000;
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    animation: boxFloat 3s ease-in-out infinite;
}

.box-content {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row-reverse; /* RTL: reverse direction */
}

.box-logo-img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
}

.box-text {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ff0000;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    direction: rtl; /* RTL: right-to-left text */
}

.delivery-trail {
    position: absolute;
    bottom: -15px;
    right: 0; /* RTL: right instead of left */
    left: auto;
    display: flex;
    gap: 5px;
    opacity: 0.6;
    flex-direction: row-reverse; /* RTL: reverse direction */
}

.trail-dot {
    width: 6px;
    height: 6px;
    background: #ff0000;
    border-radius: 50%;
    animation: trailMove 1.5s ease-in-out infinite;
}

.trail-dot:nth-child(2) {
    animation-delay: 0.3s;
}

.trail-dot:nth-child(3) {
    animation-delay: 0.6s;
}

/* RTL Animations */
@keyframes motorcycleMoveRTL {
    0%, 100% {
        transform: translateX(0) translateY(0);
    }
    25% {
        transform: translateX(-20px) translateY(-5px); /* RTL: negative translateX */
    }
    50% {
        transform: translateX(-40px) translateY(0); /* RTL: negative translateX */
    }
    75% {
        transform: translateX(-20px) translateY(5px); /* RTL: negative translateX */
    }
}

@keyframes personBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@keyframes helmetRotate {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-5deg); /* RTL: negative rotation */
    }
    75% {
        transform: rotate(5deg); /* RTL: positive rotation */
    }
}

@keyframes boxFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-5px) rotate(-2deg); /* RTL: negative rotation */
    }
}

@keyframes trailMove {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

/* RTL Responsive overlay text */
@media (max-width: 768px) {
    .image-overlay-text {
        padding: 1.5rem;
        width: 90%;
        right: 50%; /* RTL: maintain right positioning */
        left: auto;
        transform: translate(50%, -50%); /* RTL: positive translateX */
    }
    
    .overlay-brand {
        font-size: 2rem;
    }
    
    .overlay-tagline {
        font-size: 1rem;
    }
    
    .motorcycle-delivery {
        min-height: 300px;
    }
    
    .person-body {
        width: 50px;
        height: 50px;
        font-size: 1.4rem;
    }
    
    .person-helmet {
        font-size: 2rem;
    }
    
    .delivery-box {
        padding: 8px 12px;
        right: 50px; /* RTL: right instead of left */
        left: auto;
    }
    
    .box-logo-img {
        width: 40px;
        height: 40px;
    }
    
    .box-text {
        font-size: 1rem;
    }
}

/* Home Prices Section RTL Styles */
.home-prices-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.home-prices-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0; /* RTL: right instead of left */
    left: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 80% 80%, rgba(228, 16, 29, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 20% 20%, rgba(255, 71, 87, 0.05) 0%, transparent 50%);
    z-index: 1;
}

.prices-tables {
    position: relative;
    z-index: 2;
}

.price-table-container {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.price-table-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.table-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    padding: 1.5rem 2rem;
    text-align: center;
}

.table-title {
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    direction: rtl; /* RTL: right-to-left text */
}

.table-title i {
    font-size: 1.3rem;
}

.modern-prices-table {
    margin: 0;
    border: none;
    direction: rtl; /* RTL: right-to-left table */
    flex: 1;
}

.modern-prices-table thead th {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    color: #495057;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9rem;
    padding: 1.2rem 1rem;
    border: none;
    border-bottom: 3px solid #ff0000;
    text-align: right; /* RTL: right alignment */
}

.modern-prices-table tbody tr {
    transition: all 0.3s ease;
    border-bottom: 1px solid #f1f3f4;
}

.modern-prices-table tbody tr:hover {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);
    transform: scale(1.01);
}

.modern-prices-table tbody td {
    padding: 1.2rem 1rem;
    vertical-align: middle;
    border: none;
    font-size: 1rem;
    text-align: right; /* RTL: right alignment */
}

.price-value {
    font-weight: 700;
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    background: linear-gradient(135deg, var(--main-color-3) 0%, var(--main-color-1) 100%);
    color: white;
}

.delivery-cost {
    background: var(--main-color-1);
    color: white;
}

.return-cost {
    background: var(--main-color-2);
    color: white;
}

.period {
    background: var(--main-color-3);
    color: white;
}

/* Track Shipment Page RTL Styles */
.track-hero {
    background: linear-gradient(135deg, #ADD8E6 0%, #B8D9E8 100%);
    color: white;
    padding: 6rem 0 4rem;
    direction: rtl;
}

.tracking-illustration {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    z-index: 3;
}

.package-tracking {
    display: flex;
    align-items: center;
    gap: 2rem;
    animation: packageMoveRTL 6s ease-in-out infinite;
    flex-direction: row-reverse;
}

.package-box {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    box-shadow: 0 10px 30px rgba(228, 16, 29, 0.3);
}

.tracking-line {
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #ff0000 0%, #ff3333 100%);
    border-radius: 2px;
    position: relative;
}

.tracking-line::after {
    content: '';
    position: absolute;
    top: -3px;
    right: 0;
    width: 10px;
    height: 10px;
    background: #ff0000;
    border-radius: 50%;
    animation: trackingDotRTL 2s ease-in-out infinite;
}

.delivery-truck {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #FFD700 0%, #FFD700 100%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    box-shadow: 0 10px 30px rgba(40, 167, 69, 0.3);
}

@keyframes packageMoveRTL {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    50% { transform: translateY(-10px) translateX(5px); }
}

@keyframes trackingDotRTL {
    0%, 100% { transform: translateX(0px); }
    50% { transform: translateX(-90px); }
}

.tracking-form-section {
    padding: 4rem 0;
    background: #f8f9fa;
    direction: rtl;
}

.tracking-card {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
}

.tracking-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.tracking-card .card-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: white;
    padding: 2rem;
    text-align: center;
}

.tracking-card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.tracking-card .card-body {
    padding: 2rem;
}

.tracking-form .form-group {
    margin-bottom: 0;
}

.tracking-form .form-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 1rem;
    display: block;
}

.tracking-form .form-label i {
    margin-left: 0.5rem;
    color: #ff0000;
}

.shipment-input {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    text-align: right;
}

.shipment-input:focus {
    border-color: #ff0000;
    box-shadow: 0 0 0 0.2rem rgba(228, 16, 29, 0.25);
}

.track-btn {
    border-radius: 10px 0 0 10px;
    padding: 1rem 2rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.track-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(228, 16, 29, 0.3);
}

.tracking-results-section {
    padding: 4rem 0;
    direction: rtl;
}

.results-card {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.results-card .card-header {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
    color: white;
    padding: 2rem;
}

.results-card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.modern-tabs {
    border-bottom: 3px solid #ff0000;
}

.modern-tabs .nav-link {
    border: none;
    border-radius: 0;
    padding: 1rem 2rem;
    font-weight: 600;
    color: #6c757d;
    transition: all 0.3s ease;
}

.modern-tabs .nav-link:hover {
    color: #ff0000;
    background: #f8f9fa;
}

.modern-tabs .nav-link.active {
    color: #ff0000;
    background: white;
    border-bottom: 3px solid #ff0000;
}

.timeline-container {
    padding: 2rem;
}

.no-data {
    text-align: center;
    padding: 4rem 2rem;
    color: #6c757d;
}

.no-data-icon {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-data h4 {
    color: #495057;
    margin-bottom: 1rem;
}

.timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.timeline-item {
    position: relative;
    padding-right: 3rem;
    margin-bottom: 2rem;
}

.timeline-item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #e9ecef;
}

.timeline-item:last-child::before {
    display: none;
}

.timeline-marker {
    position: absolute;
    right: -1rem;
    top: 0;
    width: 2rem;
    height: 2rem;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    z-index: 2;
}

.timeline-content {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 10px;
    border-right: 4px solid #ff0000;
    text-align: right;
}

.timeline-title {
    color: #495057;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.timeline-date {
    color: #6c757d;
    font-size: 0.9rem;
    margin: 0;
}

.timeline-date i {
    margin-left: 0.5rem;
}

.order-details {
    padding: 2rem;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #e9ecef;
    flex-direction: row-reverse;
}

.detail-item:last-child {
    border-bottom: none;
}

.detail-item label {
    font-weight: 600;
    color: #495057;
    margin: 0;
}

.detail-item span {
    color: #6c757d;
}

.status-badge {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

/* Terms & Conditions Page RTL Styles */
.terms-hero {
    background: linear-gradient(135deg, #ADD8E6 0%, #B8D9E8 100%);
    color: white;
    padding: 6rem 0 4rem;
    direction: rtl;
}

.legal-illustration {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    z-index: 3;
}

.document-icon {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 3rem;
    box-shadow: 0 20px 40px rgba(228, 16, 29, 0.3);
    animation: documentFloatRTL 4s ease-in-out infinite;
}

@keyframes documentFloatRTL {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(-2deg); }
}

.terms-content-section {
    padding: 4rem 0;
    background: #f8f9fa;
    direction: rtl;
}

.terms-sidebar {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 2rem;
}

.terms-sidebar h4 {
    color: #ff0000;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #ff0000;
}

.terms-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.terms-nav li {
    margin-bottom: 0.5rem;
}

.terms-nav a {
    display: block;
    padding: 0.75rem 1rem;
    color: #6c757d;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
}

.terms-nav a:hover {
    background: #f8f9fa;
    color: #ff0000;
    transform: translateX(-5px);
}

.terms-content {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.content-card .card-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: white;
    padding: 2rem;
    text-align: center;
}

.content-card .card-title {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.content-card .card-subtitle {
    margin: 0;
    opacity: 0.9;
}

.content-card .card-body {
    padding: 3rem;
}

.terms-document {
    line-height: 1.8;
    text-align: right;
}

.section-title {
    color: #ff0000;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #ff0000;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.section-title i {
    margin-left: 0.75rem;
    font-size: 1.2rem;
}

.content-block {
    margin-bottom: 2rem;
}

.highlight-text {
    font-weight: 700;
    color: #ff0000;
    font-size: 1.1rem;
    margin: 1.5rem 0 1rem 0;
}

.terms-list {
    padding-right: 1.5rem;
    margin: 1rem 0;
}

.terms-list li {
    margin-bottom: 0.75rem;
    color: #495057;
}

.prohibited-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.prohibited-category {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 10px;
    border-right: 4px solid #ff0000;
    text-align: right;
}

.prohibited-category h4 {
    color: #ff0000;
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.prohibited-category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.prohibited-category li {
    padding: 0.5rem 0;
    color: #495057;
    position: relative;
    padding-right: 1.5rem;
}

.prohibited-category li::before {
    content: '⚠️';
    position: absolute;
    right: 0;
    top: 0.5rem;
}

/* RTL Responsive Design for Track Shipment */
@media (max-width: 768px) {
    .track-hero, .terms-hero {
        padding: 4rem 0 2rem;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .package-tracking {
        flex-direction: column;
        gap: 1rem;
    }
    
    .tracking-line {
        width: 4px;
        height: 60px;
        transform: rotate(90deg);
    }
    
    .tracking-line::after {
        top: 0;
        right: -3px;
        animation: trackingDotVerticalRTL 2s ease-in-out infinite;
    }
    
    @keyframes trackingDotVerticalRTL {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(50px); }
    }
    
    .tracking-card .card-body {
        padding: 1.5rem;
    }
    
    .shipment-input {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }
    
    .track-btn {
        padding: 0.75rem 1.5rem;
    }
    
    .terms-sidebar {
        position: static;
        margin-bottom: 2rem;
    }
    
    .content-card .card-body {
        padding: 2rem 1.5rem;
    }
    
    .prohibited-grid {
        grid-template-columns: 1fr;
    }
}

/* Enhanced Header RTL Styles */
.modern-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    box-shadow: 0 4px 20px rgba(228, 16, 29, 0.2);
    position: relative;
    z-index: 1000;
    transition: all 0.3s ease;
    direction: rtl;
}

/* Enhanced Modern Features RTL Styles */
.modern-features {
    padding: 6rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.modern-features::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23E4101D" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
    opacity: 0.3;
    z-index: 1;
}

.modern-features .container {
    position: relative;
    z-index: 2;
}

/* Enhanced Feature Card RTL Styles */
.enhanced-feature-card {
    background: white;
    border-radius: 20px;
    padding: 2.5rem 2rem;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
}

.enhanced-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.enhanced-feature-card:hover::before {
    transform: scaleX(1);
}

.enhanced-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(228, 16, 29, 0.15);
    border-color: rgba(228, 16, 29, 0.2);
}

/* Enhanced Feature Card Text Styles RTL */
.enhanced-feature-card .feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    box-shadow: 0 8px 25px rgba(228, 16, 29, 0.3);
}

.enhanced-feature-card .feature-icon i {
    font-size: 2rem;
    color: white;
}

.enhanced-feature-card .feature-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ADD8E6;
    margin-bottom: 1rem;
    line-height: 1.3;
    text-align: center;
}

.enhanced-feature-card .feature-description {
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    text-align: center;
}

/* Feature Stats RTL */
.feature-stats {
    margin-top: 1.5rem;
    padding: 1rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 15px;
    border: 1px solid rgba(228, 16, 29, 0.1);
}

.feature-stats .stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.feature-stats .stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ff0000;
    line-height: 1;
}

.feature-stats .stat-label {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
}

/* Feature Badge RTL */
.feature-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    box-shadow: 0 4px 15px rgba(228, 16, 29, 0.3);
}

.feature-badge i {
    font-size: 0.7rem;
}

/* Trust Indicators RTL */
.trust-indicators {
    margin-top: 4rem;
    padding: 3rem 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

.trust-stats {
    padding: 0 2rem;
}

.trust-stat {
    padding: 1.5rem 1rem;
    transition: all 0.3s ease;
}

.trust-stat:hover {
    transform: translateY(-5px);
}

.trust-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ff0000;
    line-height: 1;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.trust-label {
    font-size: 1rem;
    color: #495057;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Why Choose CTA Section RTL */
.why-choose-cta {
    margin: 4rem 0;
    padding: 3rem 0;
    background: linear-gradient(135deg, rgba(228, 16, 29, 0.05) 0%, rgba(255, 71, 87, 0.05) 100%);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.why-choose-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="cta-dots" width="30" height="30" patternUnits="userSpaceOnUse"><circle cx="15" cy="15" r="2" fill="%23E4101D" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23cta-dots)"/></svg>');
    opacity: 0.5;
    z-index: 1;
}

.why-choose-cta .container {
    position: relative;
    z-index: 2;
}

.cta-content {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(228, 16, 29, 0.1);
}

.cta-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ADD8E6;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    text-align: right;
}

.cta-description {
    font-size: 1.2rem;
    color: #6c757d;
    margin-bottom: 2rem;
    line-height: 1.6;
    text-align: right;
}

.cta-features {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2rem;
    justify-content: flex-end;
}

.cta-feature {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #495057;
    flex-direction: row-reverse;
}

.cta-feature i {
    color: #FFD700;
    font-size: 1.1rem;
}

.cta-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.cta-btn {
    width: 100%;
    padding: 1rem 2rem;
    border-radius: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-direction: row-reverse;
}

.cta-btn.btn-primary {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    border: none;
    color: white;
    box-shadow: 0 8px 25px rgba(228, 16, 29, 0.3);
}

.cta-btn.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(228, 16, 29, 0.4);
    color: white;
}

.cta-btn.btn-outline-primary {
    border: 2px solid #ff0000;
    color: #ff0000;
    background: transparent;
}

.cta-btn.btn-outline-primary:hover {
    background: #ff0000;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(228, 16, 29, 0.3);
}

/* CTA Section Responsive RTL */
@media (max-width: 768px) {
    .why-choose-cta {
        margin: 2rem 0;
        padding: 2rem 0;
    }
    
    .cta-content {
        padding: 2rem;
    }
    
    .cta-title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    
    .cta-description {
        font-size: 1.1rem;
        margin-bottom: 1.5rem;
    }
    
    .cta-features {
        gap: 1rem;
        margin-bottom: 1.5rem;
        justify-content: flex-start;
    }
    
    .cta-actions {
        margin-top: 2rem;
    }
}

@media (max-width: 576px) {
    .cta-content {
        padding: 1.5rem;
    }
    
    .cta-title {
        font-size: 1.8rem;
    }
    
    .cta-description {
        font-size: 1rem;
    }
    
    .cta-features {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .cta-btn {
        padding: 0.875rem 1.5rem;
        font-size: 0.95rem;
    }
}

/* Enhanced Feature Cards Responsive RTL */
@media (max-width: 768px) {
    .enhanced-feature-card {
        padding: 2rem 1.5rem;
    }
    
    .enhanced-feature-card .feature-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 1rem;
    }
    
    .enhanced-feature-card .feature-icon i {
        font-size: 1.8rem;
    }
    
    .enhanced-feature-card .feature-title {
        font-size: 1.3rem;
        margin-bottom: 0.75rem;
    }
    
    .enhanced-feature-card .feature-description {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 576px) {
    .enhanced-feature-card {
        padding: 1.5rem 1rem;
    }
    
    .enhanced-feature-card .feature-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 0.75rem;
    }
    
    .enhanced-feature-card .feature-icon i {
        font-size: 1.5rem;
    }
    
    .enhanced-feature-card .feature-title {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    
    .enhanced-feature-card .feature-description {
        font-size: 0.85rem;
        margin-bottom: 0.75rem;
    }
}

.modern-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 50%, #ff6666 100%);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(228, 16, 29, 0.3);
    transition: all 0.3s ease;
    animation: slideDownRTL 0.3s ease-out;
}

@keyframes slideDownRTL {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Enhanced Login Page RTL Styles */
.login-hero-enhanced {
    background: linear-gradient(135deg, #ADD8E6 0%, #B8D9E8 100%);
    direction: rtl;
}

/* Login Form RTL Enhancements */
.login-container {
    direction: rtl;
}

.login-card {
    direction: rtl;
    text-align: right;
}

.login-title {
    text-align: center;
}

.login-subtitle {
    text-align: center;
}

.login-form {
    direction: rtl;
}

/* Form Input RTL Styling */
.form-control {
    text-align: right;
    direction: rtl;
}

.form-control::placeholder {
    text-align: right;
    direction: rtl;
}

/* Input Group RTL */
.input-group {
    direction: rtl;
}

.input-group-prepend {
    order: 2;
}

.input-group .form-control {
    order: 1;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.input-group-prepend + .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-right: 0;
    border-left: 1px solid var(--border-color);
}

/* Password Toggle RTL */
.password-input-group {
    direction: rtl;
}

.password-input-group .form-control {
    padding-right: 3rem;
    padding-left: 1rem;
}

/* Checkbox RTL */
.custom-checkbox {
    direction: rtl;
    text-align: right;
}

/* Button RTL */
.login-btn {
    direction: rtl;
    text-align: center;
}

.google-btn {
    direction: rtl;
    text-align: center;
}

/* Register Section RTL */
.register-section {
    direction: rtl;
    text-align: center;
}

.register-text {
    direction: rtl;
    text-align: center;
}

.login-floating-elements .floating-card.card-1 {
    top: 15%;
    right: 8%;
    left: auto;
    animation-delay: 0s;
}

.login-floating-elements .floating-card.card-2 {
    top: 55%;
    left: 12%;
    right: auto;
    animation-delay: 2s;
}

.login-floating-elements .floating-card.card-3 {
    bottom: 15%;
    right: 15%;
    left: auto;
    animation-delay: 4s;
}

@keyframes floatCardRTL {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-10px) scale(1.02); }
}

.login-floating-elements .floating-card {
    animation: floatCardRTL 6s ease-in-out infinite;
}

.form-label {
    flex-direction: row;
    justify-content: flex-start;
}

.form-label i {
    margin-right: 0.5rem;
    margin-left: 0;
}

.required {
    margin-left: 0;
    margin-right: 0.25rem;
}

.password-toggle {
    right: auto;
    left: 1rem;
}

.form-options {
    flex-direction: row-reverse;
}

.custom-checkbox {
    flex-direction: row-reverse;
}

.checkmark {
    margin-right: 0;
    margin-left: 0.5rem;
}

.forgot-link {
    text-align: left;
}

.register-text {
    text-align: center;
}

.register-link {
    margin-left: 0;
    margin-right: 0.5rem;
}

.invalid-feedback {
    flex-direction: row-reverse;
}

.invalid-feedback i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Responsive RTL Design */
@media (max-width: 768px) {
    .login-floating-elements .floating-card.card-1 {
        top: 10%;
        right: 5%;
        left: auto;
    }
    
    .login-floating-elements .floating-card.card-2 {
        top: 60%;
        left: 8%;
        right: auto;
    }
    
    .login-floating-elements .floating-card.card-3 {
        bottom: 10%;
        right: 10%;
        left: auto;
    }
}

@media (max-width: 576px) {
    .form-options {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-end;
    }
    
    .custom-checkbox {
        flex-direction: row-reverse;
    }
}

/* Login Footer RTL Styles */
.login-footer {
    direction: rtl;
}

.footer-logo {
    flex-direction: row-reverse;
}

.footer-logo img {
    margin-right: 0;
    margin-left: 1rem;
}

.footer-list a:hover {
    transform: translateX(-5px);
}

.footer-social {
    justify-content: flex-start;
}

.footer-bottom .row {
    flex-direction: row-reverse;
}

/* Login Footer RTL Responsive */
@media (max-width: 768px) {
    .footer-social {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .footer-logo {
        justify-content: center;
    }
    
    .footer-logo img {
        margin-left: 0.75rem;
        margin-right: 0;
    }
}

/* Enhanced Register Page RTL Styles */
.register-hero-enhanced {
    background: linear-gradient(135deg, #ADD8E6 0%, #B8D9E8 100%);
    color: white;
    padding: 6rem 0 4rem;
    direction: rtl;
    position: relative;
    overflow: hidden;
}

/* Global Section Title RTL Fixes */
.section-title {
    text-align: right !important;
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.section-title i {
    margin-right: 0.75rem !important;
    margin-left: 0 !important;
    order: 1 !important;
}

.section-title span,
.section-title:not(:has(i)) {
    order: 2 !important;
}

/* Home Page Section Titles RTL */
.home-tabs .section-title,
.home-steps .section-title,
.home-price .section-title,
.modern-features .section-title,
.why-choose-cta .section-title {
    text-align: right !important;
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.home-tabs .section-title i,
.home-steps .section-title i,
.home-price .section-title i,
.modern-features .section-title i,
.why-choose-cta .section-title i {
    margin-right: 0.75rem !important;
    margin-left: 0 !important;
    order: 1 !important;
}

.home-tabs .section-title span,
.home-steps .section-title span,
.home-price .section-title span,
.modern-features .section-title span,
.why-choose-cta .section-title span {
    order: 2 !important;
}

/* Register Form RTL Enhancements */
.register-form-section {
    direction: rtl;
}

.register-card {
    direction: rtl;
    text-align: right;
}

.card-header {
    direction: rtl;
    text-align: center;
}

.card-title {
    direction: rtl;
    text-align: center;
}

.card-subtitle {
    direction: rtl;
    text-align: center;
}

.register-form {
    direction: rtl;
}

/* Form Sections RTL */
.form-section {
    direction: rtl;
    text-align: right;
}

.section-title {
    direction: rtl;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.section-title i {
    margin-right: 0.75rem;
    margin-left: 0;
    order: 1;
}

.section-title span,
.section-title:not(:has(i)) {
    order: 2;
}

/* Form Groups RTL */
.form-group {
    direction: rtl;
    text-align: right;
}

.form-label {
    direction: rtl;
    text-align: right;
    justify-content: flex-start;
    flex-direction: row;
}

/* Input Groups RTL */
.input-group {
    direction: rtl;
}

.input-group-prepend {
    order: 2;
}

.input-group .form-control {
    order: 1;
    text-align: right;
    direction: rtl;
}

.input-group .form-control::placeholder {
    text-align: right;
    direction: rtl;
}

.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-right: 0;
    border-left: 1px solid var(--border-color);
}

/* Password Strength RTL */
.password-strength {
    direction: rtl;
    text-align: right;
}

.strength-bar {
    direction: rtl;
}

.strength-text {
    direction: rtl;
    text-align: right;
}

/* Terms Section RTL */
.terms-section {
    direction: rtl;
    text-align: right;
}

.terms-checkbox {
    direction: rtl;
    text-align: right;
}

.terms-label {
    direction: rtl;
    text-align: right;
}

.terms-text {
    direction: rtl;
    text-align: right;
}

.terms-link {
    direction: rtl;
}

/* Buttons RTL */
.register-btn {
    direction: rtl;
    text-align: center;
}

.login-link {
    direction: rtl;
    text-align: center;
}

.login-link-text {
    direction: rtl;
    text-align: center;
}

/* Invalid Feedback RTL */
.invalid-feedback {
    direction: rtl;
    text-align: right;
}

/* Modal RTL */
.modal-content {
    direction: rtl;
}

.modal-header {
    direction: rtl;
    text-align: right;
}

.modal-title {
    direction: rtl;
    text-align: right;
}

.modal-body {
    direction: rtl;
    text-align: right;
}

.modal-footer {
    direction: rtl;
    text-align: right;
}

/* Floating Elements RTL */
.floating-elements {
    direction: rtl;
}

.floating-card {
    direction: rtl;
    text-align: center;
}

/* Hero Features RTL */
.hero-features {
    direction: rtl;
}

.feature-item {
    direction: rtl;
    text-align: right;
}

.feature-item i {
    margin-right: 0;
    margin-left: 0.5rem;
}

.register-hero-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
    z-index: 1;
}

.register-hero-enhanced .container {
    position: relative;
    z-index: 2;
}

.register-illustration {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    z-index: 3;
}

.illustration-card {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 3rem;
    box-shadow: 0 20px 40px rgba(228, 16, 29, 0.3);
    animation: registerFloatRTL 4s ease-in-out infinite;
}

@keyframes registerFloatRTL {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(-2deg); }
}

.floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.floating-card {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    animation: floatCardRTL 6s ease-in-out infinite;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 80px;
    max-width: 100px;
    text-align: center;
}

.floating-card i {
    font-size: 1.2rem;
    color: #ff0000;
    margin-bottom: 0.25rem;
}

.floating-card.card-1 {
    top: 15%;
    right: 8%;
    animation-delay: 0s;
}

.floating-card.card-2 {
    top: 55%;
    left: 12%;
    animation-delay: 2s;
}

.floating-card.card-3 {
    bottom: 15%;
    right: 15%;
    animation-delay: 4s;
}

@keyframes floatCardRTL {
    0%, 100% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-10px) scale(1.02); }
}

/* Responsive Floating Cards RTL */
@media (max-width: 768px) {
    .floating-card {
        padding: 0.5rem 0.75rem;
        font-size: 0.7rem;
        min-width: 70px;
        max-width: 85px;
        border-radius: 10px;
    }
    
    .floating-card i {
        font-size: 1rem;
    }
    
    .floating-card.card-1 {
        top: 10%;
        right: 5%;
    }
    
    .floating-card.card-2 {
        top: 50%;
        left: 8%;
    }
    
    .floating-card.card-3 {
        bottom: 10%;
        right: 10%;
    }
}

@media (max-width: 576px) {
    .floating-card {
        padding: 0.4rem 0.6rem;
        font-size: 0.65rem;
        min-width: 60px;
        max-width: 75px;
    }
    
    .floating-card i {
        font-size: 0.9rem;
    }
    
    .floating-card.card-1 {
        top: 8%;
        right: 3%;
    }
    
    .floating-card.card-2 {
        top: 45%;
        left: 5%;
    }
    
    .floating-card.card-3 {
        bottom: 8%;
        right: 8%;
    }
}

.hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 2rem;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    opacity: 0.9;
}

.feature-item i {
    color: #FFD700;
    font-size: 1.1rem;
}

.register-form-section {
    padding: 4rem 0;
    background: #f8f9fa;
    direction: rtl;
}

.register-card {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
}

.register-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.register-card .card-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: white;
    padding: 3rem 2rem;
    text-align: center;
}

.register-card .card-title {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.register-card .card-subtitle {
    margin: 0;
    opacity: 0.9;
    font-size: 1.1rem;
}

.register-card .card-body {
    padding: 3rem;
}

.register-form {
    max-width: 100%;
}

.form-section {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e9ecef;
}

.form-section:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.section-title {
    color: #ff0000;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #ff0000;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.section-title i {
    margin-left: 0.75rem;
    font-size: 1.1rem;
}

.form-group {
    position: relative;
}

.form-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.75rem;
    display: block;
    font-size: 0.95rem;
}

.form-label i {
    margin-left: 0.5rem;
    color: #ff0000;
    width: 16px;
}

.required {
    color: #dc3545;
    font-weight: 700;
}

.form-control {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8f9fa;
    text-align: right;
}

.form-control:focus {
    border-color: #ff0000;
    box-shadow: 0 0 0 0.2rem rgba(228, 16, 29, 0.25);
    background: white;
}

/* Enhanced Input Group RTL Styles */
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    flex-direction: row-reverse;
}

.input-group-prepend {
    display: flex;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #ff0000;
    border: 2px solid #ff0000;
    border-radius: 0 10px 10px 0;
    color: white;
    transition: all 0.3s ease;
}

.input-group .form-control {
    border-radius: 10px 0 0 10px;
    border-right: none;
    text-align: right;
}

.input-group .form-control:focus {
    border-right: none;
    box-shadow: 0 0 0 0.2rem rgba(228, 16, 29, 0.25);
}

.input-group .form-control:focus + .input-group-text {
    background-color: #ff3333;
    border-color: #ff3333;
}

.form-control.is-invalid {
    border-color: #dc3545;
}

.password-input-group {
    position: relative;
}

.password-toggle {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0.5rem;
    transition: color 0.3s ease;
}

.password-toggle:hover {
    color: #ff0000;
}

.password-strength {
    margin-top: 0.5rem;
}

.strength-bar {
    height: 4px;
    background: #e9ecef;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 0.25rem;
}

.strength-fill {
    height: 100%;
    width: 0%;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.strength-text {
    color: #6c757d;
    font-size: 0.8rem;
    font-weight: 500;
}

.terms-section {
    background: #f8f9fa;
    padding: 2rem;
    border-radius: 10px;
    border: 1px solid #e9ecef;
}

.terms-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-direction: row-reverse;
}

.terms-checkbox input[type="checkbox"] {
    display: none;
}

.checkbox-custom {
    width: 20px;
    height: 20px;
    border: 2px solid #ff0000;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-top: 2px;
}

.terms-checkbox input[type="checkbox"]:checked + .terms-label .checkbox-custom {
    background: #ff0000;
}

.terms-checkbox input[type="checkbox"]:checked + .terms-label .checkbox-custom::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.terms-label {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0;
    flex-direction: row-reverse;
}

.terms-text {
    color: #495057;
    line-height: 1.5;
    text-align: right;
}

.terms-link {
    color: #ff0000;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.terms-link:hover {
    color: #ff3333;
    text-decoration: underline;
}

.register-btn {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    border: none;
    border-radius: 10px;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-bottom: 1.5rem;
}

.register-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(228, 16, 29, 0.3);
}

.register-btn:active {
    transform: translateY(0);
}

.login-link {
    text-align: center;
    margin: 0;
    color: #6c757d;
}

.login-link-text {
    color: #ff0000;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.login-link-text:hover {
    color: #ff3333;
    text-decoration: underline;
}

/* Modal RTL Enhancements */
.modal-content {
    border-radius: 15px;
    border: none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.modal-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%);
    color: white;
    border-radius: 15px 15px 0 0;
    padding: 1.5rem 2rem;
}

.modal-title {
    font-weight: 700;
    margin: 0;
}

.modal-title i {
    margin-left: 0.5rem;
}

.modal-body {
    padding: 2rem;
    max-height: 60vh;
    overflow-y: auto;
    direction: rtl;
}

.modal-footer {
    border-top: 1px solid #e9ecef;
    padding: 1.5rem 2rem;
}

/* RTL Responsive Design for Register Page */
@media (max-width: 768px) {
    .register-hero {
        padding: 4rem 0 2rem;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-features {
        flex-direction: column;
        gap: 1rem;
    }
    
    .register-card .card-header {
        padding: 2rem 1.5rem;
    }
    
    .register-card .card-body {
        padding: 2rem 1.5rem;
    }
    
    .form-section {
        margin-bottom: 2rem;
    }
    
    .section-title {
        font-size: 1.1rem;
    }
    
    .terms-section {
        padding: 1.5rem;
    }
    
    .terms-checkbox {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .terms-label {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* RTL Responsive Design for Home Prices */
@media (max-width: 1200px) {
    .price-table-container {
        margin-bottom: 2rem;
    }
}

@media (max-width: 992px) {
    .prices-tables .row .col-lg-6 {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .home-prices-section {
        padding: 3rem 0;
    }
    
    .table-header {
        padding: 1rem;
    }
    
    .table-title {
        font-size: 1.2rem;
    }
    
    .modern-prices-table thead th {
        padding: 0.8rem 0.5rem;
        font-size: 0.8rem;
    }
    
    .modern-prices-table tbody td {
        padding: 0.8rem 0.5rem;
        font-size: 0.9rem;
    }
    
    .price-value {
        font-size: 0.9rem;
        padding: 0.3rem 0.6rem;
        min-width: 60px;
    }
}

@media (max-width: 576px) {
    .table-title {
        font-size: 1rem;
        flex-direction: column;
        gap: 0.3rem;
    }
    
    .modern-prices-table thead th {
        font-size: 0.7rem;
        padding: 0.6rem 0.3rem;
    }
    
    .modern-prices-table tbody td {
        padding: 0.6rem 0.3rem;
        font-size: 0.8rem;
    }
    
    .price-value {
        font-size: 0.8rem;
        padding: 0.2rem 0.4rem;
        min-width: 50px;
    }
}

/*# sourceMappingURL=site-main-rtl.css.map */