@font-face {
    font-family: "Roboto";
    src: local("Roboto-Regular"), local("Roboto-Regular"), url("../fonts/en/Roboto-Regular.ttf") format("truetype");
    src: local("Roboto-Black"), local("Roboto-Black"), url("../fonts/en/Roboto-Black.ttf") format("truetype");
    src: local("Roboto-BlackItalic"), local("Roboto-BlackItalic"), url("../fonts/en/Roboto-BlackItalic.ttf") format("truetype");
    src: local("Roboto-Bold"), local("Roboto-Bold"), url("../fonts/en/Roboto-Bold.ttf") format("truetype");
    src: local("Roboto-BoldItalic"), local("Roboto-BoldItalic"), url("../fonts/en/Roboto-BoldItalic.ttf") format("truetype");
    src: local("Roboto-Italic"), local("Roboto-Italic"), url("../fonts/en/Roboto-Italic.ttf") format("truetype");
    src: local("Roboto-Light"), local("Roboto-Light"), url("../fonts/en/Roboto-Light.ttf") format("truetype");
    src: local("Roboto-LightItalic"), local("Roboto-LightItalic"), url("../fonts/en/Roboto-LightItalic.ttf") format("truetype");
    src: local("Roboto-Medium"), local("Roboto-Medium"), url("../fonts/en/Roboto-Medium.ttf") format("truetype");
    src: local("Roboto-MediumItalic"), local("Roboto-MediumItalic"), url("../fonts/en/Roboto-MediumItalic.ttf") format("truetype");
    src: local("Roboto-Thin"), local("Roboto-Thin"), url("../fonts/en/Roboto-Thin.ttf") format("truetype");
    src: local("Roboto-ThinItalic"), local("Roboto-ThinItalic"), url("../fonts/en/Roboto-ThinItalic.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.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;
    right: 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;
    left: 0;
    right: 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 0 5px 10px
}

.d-custom-checkbox-container {
    display: block;
    position: relative;
    padding-left: 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;
    left: 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: left
}

.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, left top, left 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-right: 0.5px solid #c6c6c6;
    border-left: 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 {
    right: 0
}

.tabs-scroll-arrow.next {
    left: 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: #28a74547
}

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

@-webkit-keyframes move {
    0% {
        opacity: 1
    }
    25% {
        right: -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);
        right: 2000px
    }
}

@keyframes move {
    0% {
        opacity: 1
    }
    25% {
        right: -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);
        right: 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: "Roboto-Regular","Roboto-Black","Roboto-BlackItalic","Roboto-Bold","Roboto-BoldItalic"
    ,"Roboto-Italic","Roboto-Light","Roboto-LightItalic","Roboto-Medium"
    ,"Roboto-MediumItalic","Roboto-Thin","Roboto-ThinItalic","Almarai","Cairo","sans-serif" !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 Styles */
.modern-header {
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 50%, #ff6b6b 100%);
    box-shadow: 0 4px 20px rgba(228, 16, 29, 0.2);
    position: relative;
    z-index: 1000;
    transition: all 0.3s ease;
}

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

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

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

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

.brand-logo {
    height: 50px;
    width: auto;
    margin-right: 12px;
    filter: brightness(0) invert(1);
}

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

/* Modern Toggler */
.modern-toggler {
    border: none;
    padding: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.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 */
.modern-nav {
    align-items: center;
    gap: 0;
}

.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;
}

.modern-link i {
    margin-right: 8px;
    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;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background: white;
    border-radius: 2px;
}

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

/* Contact Link */
.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 */
.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;
}

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

/* Auth Buttons */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 20px;
}

.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;
}

.modern-btn i {
    margin-right: 8px;
    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;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.modern-btn.btn-primary:hover::before {
    left: 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, #ff4757 0%, #ff6b6b 100%);
    color: white;
    border-color: #ff4757;
    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 */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

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

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

/* Logout Button Special Styling */
.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;
}

/* 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);
    }
    
    .modern-nav .nav-item {
        margin: 5px 0;
    }
    
    .modern-link {
        color: #333 !important;
        padding: 15px 20px !important;
        border-radius: 8px;
        margin: 2px 0;
    }
    
    .modern-link:hover {
        background: #f8f9fa;
        color: #667eea !important;
    }
    
    .modern-link.active {
        background: #667eea;
        color: white !important;
    }
    
    .auth-buttons {
        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;
    }
}

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

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Body padding when header is sticky */
body.header-sticky {
    padding-top: 80px;
}

@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: slideInRight 0.6s ease-out;
    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 */
.brand-logo {
    animation: fadeInDown 0.8s ease-out;
}

.brand-text {
    animation: slideInRight 0.8s ease-out;
    animation-delay: 0.2s;
    animation-fill-mode: both;
}

/* Sticky header effect */
.modern-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 50%, #ff6b6b 100%);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(228, 16, 29, 0.3);
    transition: all 0.3s ease;
    animation: slideDown 0.3s ease-out;
}

/* Enhanced mobile experience */
@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;
    }
    
    .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 */
@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 */
@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;
    }
}

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

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

.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;
}

.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);
}

.hero-badge i {
    margin-right: 8px;
    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-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;
}

.hero-stats {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.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;
}

.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;
}

.modern-btn-hero i {
    margin-right: 10px;
    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;
    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;
}

.floating-card i {
    font-size: 1.5rem;
    color: #ff0000;
}

.card-1 {
    top: 20%;
    right: 10%;
    animation-delay: 0s;
}

.card-2 {
    top: 50%;
    left: 5%;
    animation-delay: 1s;
}

.card-3 {
    bottom: 30%;
    right: 20%;
    animation-delay: 2s;
}

/* Enhanced Modern Features Section */
.modern-features {
    padding: 6rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
    overflow: hidden;
}

.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="%23ff0000" 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;
}

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

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

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

.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;
}

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

/* Enhanced Feature Card 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%, #ff4757 50%, #ff6b6b 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 */
.enhanced-feature-card .feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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: #2c3e50;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.enhanced-feature-card .feature-description {
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Feature Stats */
.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 */
.feature-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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 */
.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%, #ff4757 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 */
.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;
}

.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="%23ff0000" 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: #2c3e50;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.cta-description {
    font-size: 1.2rem;
    color: #6c757d;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.cta-features {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.cta-feature {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #495057;
}

.cta-feature i {
    color: #28a745;
    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;
}

.cta-btn.btn-primary {
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 50%, #ff6b6b 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 */
@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;
    }
    
    .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 */
@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;
    }
}

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

.feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #ff0000, #ff4757);
    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;
}

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

.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;
}

.pricing-nav .nav-link.active {
    background: #ff0000;
    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;
}

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

/* Modern Services Section */
.modern-services {
    padding: 100px 0;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 50%, #ff6b6b 100%);
    position: relative;
    overflow: hidden;
}

.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;
}

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

.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);
}

.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, #ff4757);
    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;
}

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

.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;
}

.service-badge i {
    color: #28a745;
}

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

.coverage-content {
    padding-right: 40px;
}

.coverage-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(45deg, #ff0000, #ff4757);
    color: white;
    padding: 8px 20px;
    border-radius: 25px;
    margin-bottom: 20px;
    font-weight: 600;
}

.coverage-badge i {
    margin-right: 8px;
    font-size: 1.2rem;
}

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

.coverage-description {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 30px;
}

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

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

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

.coverage-actions {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.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;
}

.modern-btn-coverage i {
    margin-right: 10px;
    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;
    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;
}

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

.pin-1 { top: 30%; left: 45%; }
.pin-2 { top: 20%; left: 20%; }
.pin-3 { top: 35%; left: 40%; }
.pin-4 { top: 60%; left: 30%; }

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

.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%),
                      radial-gradient(circle at 80% 20%, rgba(255, 71, 87, 0.1) 0%, transparent 50%);
}

.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;
}

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

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

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

.currency {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
    margin-right: 5px;
}

.amount {
    font-size: 4rem;
    font-weight: 800;
    color: #ff0000;
    line-height: 1;
}

.period {
    font-size: 1rem;
    color: #666;
    margin-left: 10px;
}

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

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

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

.pricing-feature i {
    font-size: 2.5rem;
    color: #ff0000;
    margin-bottom: 15px;
}

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

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

.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;
}

.modern-btn-pricing i {
    margin-right: 10px;
    font-size: 1.1rem;
}

/* 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-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;
    }
}

/* 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 Styles with Modern Design */
.home {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 50%, #ff6b6b 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
}

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

.home .hero-content {
    color: white;
    text-align: left;
}

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

.home .hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
    max-width: 500px;
}

.home .hero-actions {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.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 with Modern Design */
.home-tabs {
    padding: 100px 0;
    background: #f8f9fa;
}

.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: center;
}

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

.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;
}

.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, #ff4757);
}

.home-tabs .feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #ff0000, #ff4757);
    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;
}

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

.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;
}

.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;
}

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

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

.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: center;
}

.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;
}

.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);
}

.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, #ff4757);
    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;
}

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

.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;
}

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

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

.home-map .coverage-content {
    padding-right: 40px;
}

.home-map h1 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Cairo', sans-serif;
}

.home-map p {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.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 with Modern Design */
.home-price {
    padding: 100px 0;
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
}

.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: center;
}

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

.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;
}

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

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

/* 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-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;
    left: 0;
    right: 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
}

.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 0 0 25px
}

.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%;
    left: 0;
    right: 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%;
    right: 0%
}

@media screen and (max-width: 767px) {
    .navbar>.container .nav-item .nav-link.active:before,
    .navbar>.container .nav-item .nav-link:hover:before {
        right: 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;
    right: 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;
        right: 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-right: 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-right: 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-left: 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: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 10px;
    margin-bottom: 8px
}

.footer-content-container .social .social-link i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -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: left
}

@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-right: 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-right: 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-right: 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;
    right: 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 {
        left: 0
    }
}

.track-shipment-form .dropdown-content.left {
    left: 0;
    right: 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-right: 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-right: 36px;
    margin-right: 0
}

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

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

.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;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 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: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -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-right: 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-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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;
    left: -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;
    left: 30px;
    right: 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-en.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%;
    right: 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-right: 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;
    left: 0;
    right: 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: 22px;
    height: 22px;
    -webkit-animation-name: move-frames-1;
    animation-name: move-frames-1;
    -webkit-animation-duration: 36557ms;
    animation-duration: 36557ms;
    -webkit-animation-delay: 8148ms;
    animation-delay: 8148ms
}

@-webkit-keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(83vw, 110vh, 0);
        transform: translate3d(83vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -114vh, 0);
        transform: translate3d(93vw, -114vh, 0)
    }
}

@keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(83vw, 110vh, 0);
        transform: translate3d(83vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -114vh, 0);
        transform: translate3d(93vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(1) .circle {
    -webkit-animation-delay: 1305ms;
    animation-delay: 1305ms
}

.home-steps .animation .circle-container:nth-child(2) {
    width: 35px;
    height: 35px;
    -webkit-animation-name: move-frames-2;
    animation-name: move-frames-2;
    -webkit-animation-duration: 34605ms;
    animation-duration: 34605ms;
    -webkit-animation-delay: 6667ms;
    animation-delay: 6667ms
}

@-webkit-keyframes move-frames-2 {
    from {
        -webkit-transform: translate3d(57vw, 108vh, 0);
        transform: translate3d(57vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(47vw, -133vh, 0);
        transform: translate3d(47vw, -133vh, 0)
    }
}

@keyframes move-frames-2 {
    from {
        -webkit-transform: translate3d(57vw, 108vh, 0);
        transform: translate3d(57vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(47vw, -133vh, 0);
        transform: translate3d(47vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(2) .circle {
    -webkit-animation-delay: 2404ms;
    animation-delay: 2404ms
}

.home-steps .animation .circle-container:nth-child(3) {
    width: 25px;
    height: 25px;
    -webkit-animation-name: move-frames-3;
    animation-name: move-frames-3;
    -webkit-animation-duration: 31613ms;
    animation-duration: 31613ms;
    -webkit-animation-delay: 27031ms;
    animation-delay: 27031ms
}

@-webkit-keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(32vw, 101vh, 0);
        transform: translate3d(32vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -108vh, 0);
        transform: translate3d(29vw, -108vh, 0)
    }
}

@keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(32vw, 101vh, 0);
        transform: translate3d(32vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -108vh, 0);
        transform: translate3d(29vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(3) .circle {
    -webkit-animation-delay: 2865ms;
    animation-delay: 2865ms
}

.home-steps .animation .circle-container:nth-child(4) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 28784ms;
    animation-duration: 28784ms;
    -webkit-animation-delay: 4475ms;
    animation-delay: 4475ms
}

@-webkit-keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(93vw, 105vh, 0);
        transform: translate3d(93vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -110vh, 0);
        transform: translate3d(83vw, -110vh, 0)
    }
}

@keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(93vw, 105vh, 0);
        transform: translate3d(93vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -110vh, 0);
        transform: translate3d(83vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(4) .circle {
    -webkit-animation-delay: 2495ms;
    animation-delay: 2495ms
}

.home-steps .animation .circle-container:nth-child(5) {
    width: 94px;
    height: 94px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 33067ms;
    animation-duration: 33067ms;
    -webkit-animation-delay: 25239ms;
    animation-delay: 25239ms
}

@-webkit-keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(50vw, 110vh, 0);
        transform: translate3d(50vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(66vw, -115vh, 0);
        transform: translate3d(66vw, -115vh, 0)
    }
}

@keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(50vw, 110vh, 0);
        transform: translate3d(50vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(66vw, -115vh, 0);
        transform: translate3d(66vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(5) .circle {
    -webkit-animation-delay: 1335ms;
    animation-delay: 1335ms
}

.home-steps .animation .circle-container:nth-child(6) {
    width: 98px;
    height: 98px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 29973ms;
    animation-duration: 29973ms;
    -webkit-animation-delay: 21426ms;
    animation-delay: 21426ms
}

@-webkit-keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(31vw, 103vh, 0);
        transform: translate3d(31vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(47vw, -107vh, 0);
        transform: translate3d(47vw, -107vh, 0)
    }
}

@keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(31vw, 103vh, 0);
        transform: translate3d(31vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(47vw, -107vh, 0);
        transform: translate3d(47vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(6) .circle {
    -webkit-animation-delay: 3509ms;
    animation-delay: 3509ms
}

.home-steps .animation .circle-container:nth-child(7) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 30918ms;
    animation-duration: 30918ms;
    -webkit-animation-delay: 27312ms;
    animation-delay: 27312ms
}

@-webkit-keyframes move-frames-7 {
    from {
        -webkit-transform: translate3d(7vw, 109vh, 0);
        transform: translate3d(7vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(90vw, -138vh, 0);
        transform: translate3d(90vw, -138vh, 0)
    }
}

@keyframes move-frames-7 {
    from {
        -webkit-transform: translate3d(7vw, 109vh, 0);
        transform: translate3d(7vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(90vw, -138vh, 0);
        transform: translate3d(90vw, -138vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(7) .circle {
    -webkit-animation-delay: 3871ms;
    animation-delay: 3871ms
}

.home-steps .animation .circle-container:nth-child(8) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 31449ms;
    animation-duration: 31449ms;
    -webkit-animation-delay: 36045ms;
    animation-delay: 36045ms
}

@-webkit-keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(38vw, 107vh, 0);
        transform: translate3d(38vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -113vh, 0);
        transform: translate3d(72vw, -113vh, 0)
    }
}

@keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(38vw, 107vh, 0);
        transform: translate3d(38vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -113vh, 0);
        transform: translate3d(72vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(8) .circle {
    -webkit-animation-delay: 1008ms;
    animation-delay: 1008ms
}

.home-steps .animation .circle-container:nth-child(9) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 29969ms;
    animation-duration: 29969ms;
    -webkit-animation-delay: 2423ms;
    animation-delay: 2423ms
}

@-webkit-keyframes move-frames-9 {
    from {
        -webkit-transform: translate3d(66vw, 106vh, 0);
        transform: translate3d(66vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(41vw, -112vh, 0);
        transform: translate3d(41vw, -112vh, 0)
    }
}

@keyframes move-frames-9 {
    from {
        -webkit-transform: translate3d(66vw, 106vh, 0);
        transform: translate3d(66vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(41vw, -112vh, 0);
        transform: translate3d(41vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(9) .circle {
    -webkit-animation-delay: 2138ms;
    animation-delay: 2138ms
}

.home-steps .animation .circle-container:nth-child(10) {
    width: 51px;
    height: 51px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 32547ms;
    animation-duration: 32547ms;
    -webkit-animation-delay: 34315ms;
    animation-delay: 34315ms
}

@-webkit-keyframes move-frames-10 {
    from {
        -webkit-transform: translate3d(69vw, 107vh, 0);
        transform: translate3d(69vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(21vw, -126vh, 0);
        transform: translate3d(21vw, -126vh, 0)
    }
}

@keyframes move-frames-10 {
    from {
        -webkit-transform: translate3d(69vw, 107vh, 0);
        transform: translate3d(69vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(21vw, -126vh, 0);
        transform: translate3d(21vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(10) .circle {
    -webkit-animation-delay: 853ms;
    animation-delay: 853ms
}

.home-steps .animation .circle-container:nth-child(11) {
    width: 28px;
    height: 28px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 36989ms;
    animation-duration: 36989ms;
    -webkit-animation-delay: 983ms;
    animation-delay: 983ms
}

@-webkit-keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(86vw, 102vh, 0);
        transform: translate3d(86vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(21vw, -131vh, 0);
        transform: translate3d(21vw, -131vh, 0)
    }
}

@keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(86vw, 102vh, 0);
        transform: translate3d(86vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(21vw, -131vh, 0);
        transform: translate3d(21vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(11) .circle {
    -webkit-animation-delay: 3147ms;
    animation-delay: 3147ms
}

.home-steps .animation .circle-container:nth-child(12) {
    width: 59px;
    height: 59px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 28100ms;
    animation-duration: 28100ms;
    -webkit-animation-delay: 18398ms;
    animation-delay: 18398ms
}

@-webkit-keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(34vw, 103vh, 0);
        transform: translate3d(34vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -116vh, 0);
        transform: translate3d(29vw, -116vh, 0)
    }
}

@keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(34vw, 103vh, 0);
        transform: translate3d(34vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -116vh, 0);
        transform: translate3d(29vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(12) .circle {
    -webkit-animation-delay: 2267ms;
    animation-delay: 2267ms
}

.home-steps .animation .circle-container:nth-child(13) {
    width: 60px;
    height: 60px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 30632ms;
    animation-duration: 30632ms;
    -webkit-animation-delay: 490ms;
    animation-delay: 490ms
}

@-webkit-keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(23vw, 102vh, 0);
        transform: translate3d(23vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(76vw, -108vh, 0);
        transform: translate3d(76vw, -108vh, 0)
    }
}

@keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(23vw, 102vh, 0);
        transform: translate3d(23vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(76vw, -108vh, 0);
        transform: translate3d(76vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(13) .circle {
    -webkit-animation-delay: 2382ms;
    animation-delay: 2382ms
}

.home-steps .animation .circle-container:nth-child(14) {
    width: 34px;
    height: 34px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 32287ms;
    animation-duration: 32287ms;
    -webkit-animation-delay: 26420ms;
    animation-delay: 26420ms
}

@-webkit-keyframes move-frames-14 {
    from {
        -webkit-transform: translate3d(67vw, 104vh, 0);
        transform: translate3d(67vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -132vh, 0);
        transform: translate3d(48vw, -132vh, 0)
    }
}

@keyframes move-frames-14 {
    from {
        -webkit-transform: translate3d(67vw, 104vh, 0);
        transform: translate3d(67vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -132vh, 0);
        transform: translate3d(48vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(14) .circle {
    -webkit-animation-delay: 3228ms;
    animation-delay: 3228ms
}

.home-steps .animation .circle-container:nth-child(15) {
    width: 34px;
    height: 34px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 33743ms;
    animation-duration: 33743ms;
    -webkit-animation-delay: 30481ms;
    animation-delay: 30481ms
}

@-webkit-keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(98vw, 108vh, 0);
        transform: translate3d(98vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(13vw, -116vh, 0);
        transform: translate3d(13vw, -116vh, 0)
    }
}

@keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(98vw, 108vh, 0);
        transform: translate3d(98vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(13vw, -116vh, 0);
        transform: translate3d(13vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(15) .circle {
    -webkit-animation-delay: 2556ms;
    animation-delay: 2556ms
}

.home-steps .animation .circle-container:nth-child(16) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 34802ms;
    animation-duration: 34802ms;
    -webkit-animation-delay: 27373ms;
    animation-delay: 27373ms
}

@-webkit-keyframes move-frames-16 {
    from {
        -webkit-transform: translate3d(29vw, 105vh, 0);
        transform: translate3d(29vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(52vw, -131vh, 0);
        transform: translate3d(52vw, -131vh, 0)
    }
}

@keyframes move-frames-16 {
    from {
        -webkit-transform: translate3d(29vw, 105vh, 0);
        transform: translate3d(29vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(52vw, -131vh, 0);
        transform: translate3d(52vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(16) .circle {
    -webkit-animation-delay: 843ms;
    animation-delay: 843ms
}

.home-steps .animation .circle-container:nth-child(17) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 36348ms;
    animation-duration: 36348ms;
    -webkit-animation-delay: 27252ms;
    animation-delay: 27252ms
}

@-webkit-keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(61vw, 101vh, 0);
        transform: translate3d(61vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(40vw, -123vh, 0);
        transform: translate3d(40vw, -123vh, 0)
    }
}

@keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(61vw, 101vh, 0);
        transform: translate3d(61vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(40vw, -123vh, 0);
        transform: translate3d(40vw, -123vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(17) .circle {
    -webkit-animation-delay: 1697ms;
    animation-delay: 1697ms
}

.home-steps .animation .circle-container:nth-child(18) {
    width: 46px;
    height: 46px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 29872ms;
    animation-duration: 29872ms;
    -webkit-animation-delay: 30104ms;
    animation-delay: 30104ms
}

@-webkit-keyframes move-frames-18 {
    from {
        -webkit-transform: translate3d(12vw, 101vh, 0);
        transform: translate3d(12vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -129vh, 0);
        transform: translate3d(48vw, -129vh, 0)
    }
}

@keyframes move-frames-18 {
    from {
        -webkit-transform: translate3d(12vw, 101vh, 0);
        transform: translate3d(12vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -129vh, 0);
        transform: translate3d(48vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(18) .circle {
    -webkit-animation-delay: 1513ms;
    animation-delay: 1513ms
}

.home-steps .animation .circle-container:nth-child(19) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 34402ms;
    animation-duration: 34402ms;
    -webkit-animation-delay: 7354ms;
    animation-delay: 7354ms
}

@-webkit-keyframes move-frames-19 {
    from {
        -webkit-transform: translate3d(100vw, 109vh, 0);
        transform: translate3d(100vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -111vh, 0);
        transform: translate3d(46vw, -111vh, 0)
    }
}

@keyframes move-frames-19 {
    from {
        -webkit-transform: translate3d(100vw, 109vh, 0);
        transform: translate3d(100vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -111vh, 0);
        transform: translate3d(46vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(19) .circle {
    -webkit-animation-delay: 3867ms;
    animation-delay: 3867ms
}

.home-steps .animation .circle-container:nth-child(20) {
    width: 40px;
    height: 40px;
    -webkit-animation-name: move-frames-20;
    animation-name: move-frames-20;
    -webkit-animation-duration: 30220ms;
    animation-duration: 30220ms;
    -webkit-animation-delay: 18008ms;
    animation-delay: 18008ms
}

@-webkit-keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(96vw, 101vh, 0);
        transform: translate3d(96vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(96vw, -124vh, 0);
        transform: translate3d(96vw, -124vh, 0)
    }
}

@keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(96vw, 101vh, 0);
        transform: translate3d(96vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(96vw, -124vh, 0);
        transform: translate3d(96vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(20) .circle {
    -webkit-animation-delay: 1539ms;
    animation-delay: 1539ms
}

.home-steps .animation .circle-container:nth-child(21) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 31653ms;
    animation-duration: 31653ms;
    -webkit-animation-delay: 24170ms;
    animation-delay: 24170ms
}

@-webkit-keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(2vw, 108vh, 0);
        transform: translate3d(2vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(76vw, -130vh, 0);
        transform: translate3d(76vw, -130vh, 0)
    }
}

@keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(2vw, 108vh, 0);
        transform: translate3d(2vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(76vw, -130vh, 0);
        transform: translate3d(76vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(21) .circle {
    -webkit-animation-delay: 145ms;
    animation-delay: 145ms
}

.home-steps .animation .circle-container:nth-child(22) {
    width: 73px;
    height: 73px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 32090ms;
    animation-duration: 32090ms;
    -webkit-animation-delay: 36387ms;
    animation-delay: 36387ms
}

@-webkit-keyframes move-frames-22 {
    from {
        -webkit-transform: translate3d(57vw, 109vh, 0);
        transform: translate3d(57vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(96vw, -133vh, 0);
        transform: translate3d(96vw, -133vh, 0)
    }
}

@keyframes move-frames-22 {
    from {
        -webkit-transform: translate3d(57vw, 109vh, 0);
        transform: translate3d(57vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(96vw, -133vh, 0);
        transform: translate3d(96vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(22) .circle {
    -webkit-animation-delay: 3736ms;
    animation-delay: 3736ms
}

.home-steps .animation .circle-container:nth-child(23) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 34801ms;
    animation-duration: 34801ms;
    -webkit-animation-delay: 2399ms;
    animation-delay: 2399ms
}

@-webkit-keyframes move-frames-23 {
    from {
        -webkit-transform: translate3d(6vw, 109vh, 0);
        transform: translate3d(6vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -139vh, 0);
        transform: translate3d(93vw, -139vh, 0)
    }
}

@keyframes move-frames-23 {
    from {
        -webkit-transform: translate3d(6vw, 109vh, 0);
        transform: translate3d(6vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -139vh, 0);
        transform: translate3d(93vw, -139vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(23) .circle {
    -webkit-animation-delay: 1317ms;
    animation-delay: 1317ms
}

.home-steps .animation .circle-container:nth-child(24) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 35433ms;
    animation-duration: 35433ms;
    -webkit-animation-delay: 14615ms;
    animation-delay: 14615ms
}

@-webkit-keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(58vw, 110vh, 0);
        transform: translate3d(58vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(84vw, -128vh, 0);
        transform: translate3d(84vw, -128vh, 0)
    }
}

@keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(58vw, 110vh, 0);
        transform: translate3d(58vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(84vw, -128vh, 0);
        transform: translate3d(84vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(24) .circle {
    -webkit-animation-delay: 2246ms;
    animation-delay: 2246ms
}

.home-steps .animation .circle-container:nth-child(25) {
    width: 68px;
    height: 68px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 33525ms;
    animation-duration: 33525ms;
    -webkit-animation-delay: 26942ms;
    animation-delay: 26942ms
}

@-webkit-keyframes move-frames-25 {
    from {
        -webkit-transform: translate3d(10vw, 108vh, 0);
        transform: translate3d(10vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -121vh, 0);
        transform: translate3d(46vw, -121vh, 0)
    }
}

@keyframes move-frames-25 {
    from {
        -webkit-transform: translate3d(10vw, 108vh, 0);
        transform: translate3d(10vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -121vh, 0);
        transform: translate3d(46vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(25) .circle {
    -webkit-animation-delay: 1350ms;
    animation-delay: 1350ms
}

.home-steps .animation .circle-container:nth-child(26) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 32449ms;
    animation-duration: 32449ms;
    -webkit-animation-delay: 12620ms;
    animation-delay: 12620ms
}

@-webkit-keyframes move-frames-26 {
    from {
        -webkit-transform: translate3d(1vw, 102vh, 0);
        transform: translate3d(1vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(56vw, -115vh, 0);
        transform: translate3d(56vw, -115vh, 0)
    }
}

@keyframes move-frames-26 {
    from {
        -webkit-transform: translate3d(1vw, 102vh, 0);
        transform: translate3d(1vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(56vw, -115vh, 0);
        transform: translate3d(56vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(26) .circle {
    -webkit-animation-delay: 861ms;
    animation-delay: 861ms
}

.home-steps .animation .circle-container:nth-child(27) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;
    -webkit-animation-duration: 36119ms;
    animation-duration: 36119ms;
    -webkit-animation-delay: 8975ms;
    animation-delay: 8975ms
}

@-webkit-keyframes move-frames-27 {
    from {
        -webkit-transform: translate3d(86vw, 103vh, 0);
        transform: translate3d(86vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -122vh, 0);
        transform: translate3d(83vw, -122vh, 0)
    }
}

@keyframes move-frames-27 {
    from {
        -webkit-transform: translate3d(86vw, 103vh, 0);
        transform: translate3d(86vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -122vh, 0);
        transform: translate3d(83vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(27) .circle {
    -webkit-animation-delay: 1179ms;
    animation-delay: 1179ms
}

.home-steps .animation .circle-container:nth-child(28) {
    width: 50px;
    height: 50px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 34522ms;
    animation-duration: 34522ms;
    -webkit-animation-delay: 21385ms;
    animation-delay: 21385ms
}

@-webkit-keyframes move-frames-28 {
    from {
        -webkit-transform: translate3d(35vw, 104vh, 0);
        transform: translate3d(35vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -110vh, 0);
        transform: translate3d(28vw, -110vh, 0)
    }
}

@keyframes move-frames-28 {
    from {
        -webkit-transform: translate3d(35vw, 104vh, 0);
        transform: translate3d(35vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -110vh, 0);
        transform: translate3d(28vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(28) .circle {
    -webkit-animation-delay: 977ms;
    animation-delay: 977ms
}

.home-steps .animation .circle-container:nth-child(29) {
    width: 80px;
    height: 80px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 36024ms;
    animation-duration: 36024ms;
    -webkit-animation-delay: 10695ms;
    animation-delay: 10695ms
}

@-webkit-keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(77vw, 110vh, 0);
        transform: translate3d(77vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -126vh, 0);
        transform: translate3d(72vw, -126vh, 0)
    }
}

@keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(77vw, 110vh, 0);
        transform: translate3d(77vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -126vh, 0);
        transform: translate3d(72vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(29) .circle {
    -webkit-animation-delay: 920ms;
    animation-delay: 920ms
}

.home-steps .animation .circle-container:nth-child(30) {
    width: 26px;
    height: 26px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 34221ms;
    animation-duration: 34221ms;
    -webkit-animation-delay: 32295ms;
    animation-delay: 32295ms
}

@-webkit-keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(54vw, 103vh, 0);
        transform: translate3d(54vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -119vh, 0);
        transform: translate3d(29vw, -119vh, 0)
    }
}

@keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(54vw, 103vh, 0);
        transform: translate3d(54vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -119vh, 0);
        transform: translate3d(29vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(30) .circle {
    -webkit-animation-delay: 1004ms;
    animation-delay: 1004ms
}

.home-steps .animation .circle-container:nth-child(31) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 30299ms;
    animation-duration: 30299ms;
    -webkit-animation-delay: 23908ms;
    animation-delay: 23908ms
}

@-webkit-keyframes move-frames-31 {
    from {
        -webkit-transform: translate3d(36vw, 109vh, 0);
        transform: translate3d(36vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(73vw, -128vh, 0);
        transform: translate3d(73vw, -128vh, 0)
    }
}

@keyframes move-frames-31 {
    from {
        -webkit-transform: translate3d(36vw, 109vh, 0);
        transform: translate3d(36vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(73vw, -128vh, 0);
        transform: translate3d(73vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(31) .circle {
    -webkit-animation-delay: 3876ms;
    animation-delay: 3876ms
}

.home-steps .animation .circle-container:nth-child(32) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 36429ms;
    animation-duration: 36429ms;
    -webkit-animation-delay: 28772ms;
    animation-delay: 28772ms
}

@-webkit-keyframes move-frames-32 {
    from {
        -webkit-transform: translate3d(53vw, 107vh, 0);
        transform: translate3d(53vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(69vw, -133vh, 0);
        transform: translate3d(69vw, -133vh, 0)
    }
}

@keyframes move-frames-32 {
    from {
        -webkit-transform: translate3d(53vw, 107vh, 0);
        transform: translate3d(53vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(69vw, -133vh, 0);
        transform: translate3d(69vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(32) .circle {
    -webkit-animation-delay: 1279ms;
    animation-delay: 1279ms
}

.home-steps .animation .circle-container:nth-child(33) {
    width: 27px;
    height: 27px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 31974ms;
    animation-duration: 31974ms;
    -webkit-animation-delay: 32212ms;
    animation-delay: 32212ms
}

@-webkit-keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(19vw, 105vh, 0);
        transform: translate3d(19vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(54vw, -121vh, 0);
        transform: translate3d(54vw, -121vh, 0)
    }
}

@keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(19vw, 105vh, 0);
        transform: translate3d(19vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(54vw, -121vh, 0);
        transform: translate3d(54vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(33) .circle {
    -webkit-animation-delay: 3092ms;
    animation-delay: 3092ms
}

.home-steps .animation .circle-container:nth-child(34) {
    width: 85px;
    height: 85px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 30855ms;
    animation-duration: 30855ms;
    -webkit-animation-delay: 27750ms;
    animation-delay: 27750ms
}

@-webkit-keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(61vw, 108vh, 0);
        transform: translate3d(61vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(94vw, -137vh, 0);
        transform: translate3d(94vw, -137vh, 0)
    }
}

@keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(61vw, 108vh, 0);
        transform: translate3d(61vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(94vw, -137vh, 0);
        transform: translate3d(94vw, -137vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(34) .circle {
    -webkit-animation-delay: 2017ms;
    animation-delay: 2017ms
}

.home-steps .animation .circle-container:nth-child(35) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 35383ms;
    animation-duration: 35383ms;
    -webkit-animation-delay: 22025ms;
    animation-delay: 22025ms
}

@-webkit-keyframes move-frames-35 {
    from {
        -webkit-transform: translate3d(85vw, 108vh, 0);
        transform: translate3d(85vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -131vh, 0);
        transform: translate3d(45vw, -131vh, 0)
    }
}

@keyframes move-frames-35 {
    from {
        -webkit-transform: translate3d(85vw, 108vh, 0);
        transform: translate3d(85vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -131vh, 0);
        transform: translate3d(45vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(35) .circle {
    -webkit-animation-delay: 3961ms;
    animation-delay: 3961ms
}

.home-steps .animation .circle-container:nth-child(36) {
    width: 45px;
    height: 45px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 28815ms;
    animation-duration: 28815ms;
    -webkit-animation-delay: 16452ms;
    animation-delay: 16452ms
}

@-webkit-keyframes move-frames-36 {
    from {
        -webkit-transform: translate3d(82vw, 106vh, 0);
        transform: translate3d(82vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(10vw, -131vh, 0);
        transform: translate3d(10vw, -131vh, 0)
    }
}

@keyframes move-frames-36 {
    from {
        -webkit-transform: translate3d(82vw, 106vh, 0);
        transform: translate3d(82vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(10vw, -131vh, 0);
        transform: translate3d(10vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(36) .circle {
    -webkit-animation-delay: 845ms;
    animation-delay: 845ms
}

.home-steps .animation .circle-container:nth-child(37) {
    width: 99px;
    height: 99px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 33843ms;
    animation-duration: 33843ms;
    -webkit-animation-delay: 33534ms;
    animation-delay: 33534ms
}

@-webkit-keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(52vw, 105vh, 0);
        transform: translate3d(52vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(20vw, -134vh, 0);
        transform: translate3d(20vw, -134vh, 0)
    }
}

@keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(52vw, 105vh, 0);
        transform: translate3d(52vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(20vw, -134vh, 0);
        transform: translate3d(20vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(37) .circle {
    -webkit-animation-delay: 3011ms;
    animation-delay: 3011ms
}

.home-steps .animation .circle-container:nth-child(38) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 32092ms;
    animation-duration: 32092ms;
    -webkit-animation-delay: 31270ms;
    animation-delay: 31270ms
}

@-webkit-keyframes move-frames-38 {
    from {
        -webkit-transform: translate3d(85vw, 106vh, 0);
        transform: translate3d(85vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(79vw, -114vh, 0);
        transform: translate3d(79vw, -114vh, 0)
    }
}

@keyframes move-frames-38 {
    from {
        -webkit-transform: translate3d(85vw, 106vh, 0);
        transform: translate3d(85vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(79vw, -114vh, 0);
        transform: translate3d(79vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(38) .circle {
    -webkit-animation-delay: 3176ms;
    animation-delay: 3176ms
}

.home-steps .animation .circle-container:nth-child(39) {
    width: 59px;
    height: 59px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 35995ms;
    animation-duration: 35995ms;
    -webkit-animation-delay: 11496ms;
    animation-delay: 11496ms
}

@-webkit-keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(50vw, 106vh, 0);
        transform: translate3d(50vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(78vw, -110vh, 0);
        transform: translate3d(78vw, -110vh, 0)
    }
}

@keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(50vw, 106vh, 0);
        transform: translate3d(50vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(78vw, -110vh, 0);
        transform: translate3d(78vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(39) .circle {
    -webkit-animation-delay: 3345ms;
    animation-delay: 3345ms
}

.home-steps .animation .circle-container:nth-child(40) {
    width: 22px;
    height: 22px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 35370ms;
    animation-duration: 35370ms;
    -webkit-animation-delay: 10126ms;
    animation-delay: 10126ms
}

@-webkit-keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(85vw, 106vh, 0);
        transform: translate3d(85vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -125vh, 0);
        transform: translate3d(67vw, -125vh, 0)
    }
}

@keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(85vw, 106vh, 0);
        transform: translate3d(85vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -125vh, 0);
        transform: translate3d(67vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(40) .circle {
    -webkit-animation-delay: 1763ms;
    animation-delay: 1763ms
}

.home-steps .animation .circle-container:nth-child(41) {
    width: 45px;
    height: 45px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 30207ms;
    animation-duration: 30207ms;
    -webkit-animation-delay: 6132ms;
    animation-delay: 6132ms
}

@-webkit-keyframes move-frames-41 {
    from {
        -webkit-transform: translate3d(4vw, 106vh, 0);
        transform: translate3d(4vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(66vw, -114vh, 0);
        transform: translate3d(66vw, -114vh, 0)
    }
}

@keyframes move-frames-41 {
    from {
        -webkit-transform: translate3d(4vw, 106vh, 0);
        transform: translate3d(4vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(66vw, -114vh, 0);
        transform: translate3d(66vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(41) .circle {
    -webkit-animation-delay: 373ms;
    animation-delay: 373ms
}

.home-steps .animation .circle-container:nth-child(42) {
    width: 9px;
    height: 9px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 36071ms;
    animation-duration: 36071ms;
    -webkit-animation-delay: 29789ms;
    animation-delay: 29789ms
}

@-webkit-keyframes move-frames-42 {
    from {
        -webkit-transform: translate3d(13vw, 106vh, 0);
        transform: translate3d(13vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(79vw, -107vh, 0);
        transform: translate3d(79vw, -107vh, 0)
    }
}

@keyframes move-frames-42 {
    from {
        -webkit-transform: translate3d(13vw, 106vh, 0);
        transform: translate3d(13vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(79vw, -107vh, 0);
        transform: translate3d(79vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(42) .circle {
    -webkit-animation-delay: 483ms;
    animation-delay: 483ms
}

.home-steps .animation .circle-container:nth-child(43) {
    width: 22px;
    height: 22px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 30981ms;
    animation-duration: 30981ms;
    -webkit-animation-delay: 26706ms;
    animation-delay: 26706ms
}

@-webkit-keyframes move-frames-43 {
    from {
        -webkit-transform: translate3d(59vw, 109vh, 0);
        transform: translate3d(59vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -120vh, 0);
        transform: translate3d(1vw, -120vh, 0)
    }
}

@keyframes move-frames-43 {
    from {
        -webkit-transform: translate3d(59vw, 109vh, 0);
        transform: translate3d(59vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -120vh, 0);
        transform: translate3d(1vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(43) .circle {
    -webkit-animation-delay: 2927ms;
    animation-delay: 2927ms
}

.home-steps .animation .circle-container:nth-child(44) {
    width: 18px;
    height: 18px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 36845ms;
    animation-duration: 36845ms;
    -webkit-animation-delay: 33760ms;
    animation-delay: 33760ms
}

@-webkit-keyframes move-frames-44 {
    from {
        -webkit-transform: translate3d(38vw, 104vh, 0);
        transform: translate3d(38vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -107vh, 0);
        transform: translate3d(45vw, -107vh, 0)
    }
}

@keyframes move-frames-44 {
    from {
        -webkit-transform: translate3d(38vw, 104vh, 0);
        transform: translate3d(38vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -107vh, 0);
        transform: translate3d(45vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(44) .circle {
    -webkit-animation-delay: 3811ms;
    animation-delay: 3811ms
}

.home-steps .animation .circle-container:nth-child(45) {
    width: 55px;
    height: 55px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 34755ms;
    animation-duration: 34755ms;
    -webkit-animation-delay: 11204ms;
    animation-delay: 11204ms
}

@-webkit-keyframes move-frames-45 {
    from {
        -webkit-transform: translate3d(22vw, 101vh, 0);
        transform: translate3d(22vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -129vh, 0);
        transform: translate3d(45vw, -129vh, 0)
    }
}

@keyframes move-frames-45 {
    from {
        -webkit-transform: translate3d(22vw, 101vh, 0);
        transform: translate3d(22vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -129vh, 0);
        transform: translate3d(45vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(45) .circle {
    -webkit-animation-delay: 1001ms;
    animation-delay: 1001ms
}

.home-steps .animation .circle-container:nth-child(46) {
    width: 73px;
    height: 73px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 36132ms;
    animation-duration: 36132ms;
    -webkit-animation-delay: 11015ms;
    animation-delay: 11015ms
}

@-webkit-keyframes move-frames-46 {
    from {
        -webkit-transform: translate3d(46vw, 102vh, 0);
        transform: translate3d(46vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(15vw, -107vh, 0);
        transform: translate3d(15vw, -107vh, 0)
    }
}

@keyframes move-frames-46 {
    from {
        -webkit-transform: translate3d(46vw, 102vh, 0);
        transform: translate3d(46vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(15vw, -107vh, 0);
        transform: translate3d(15vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(46) .circle {
    -webkit-animation-delay: 7ms;
    animation-delay: 7ms
}

.home-steps .animation .circle-container:nth-child(47) {
    width: 83px;
    height: 83px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 32346ms;
    animation-duration: 32346ms;
    -webkit-animation-delay: 34873ms;
    animation-delay: 34873ms
}

@-webkit-keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(24vw, 107vh, 0);
        transform: translate3d(24vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -136vh, 0);
        transform: translate3d(59vw, -136vh, 0)
    }
}

@keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(24vw, 107vh, 0);
        transform: translate3d(24vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -136vh, 0);
        transform: translate3d(59vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(47) .circle {
    -webkit-animation-delay: 1813ms;
    animation-delay: 1813ms
}

.home-steps .animation .circle-container:nth-child(48) {
    width: 67px;
    height: 67px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 36554ms;
    animation-duration: 36554ms;
    -webkit-animation-delay: 7394ms;
    animation-delay: 7394ms
}

@-webkit-keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(41vw, 108vh, 0);
        transform: translate3d(41vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(63vw, -126vh, 0);
        transform: translate3d(63vw, -126vh, 0)
    }
}

@keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(41vw, 108vh, 0);
        transform: translate3d(41vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(63vw, -126vh, 0);
        transform: translate3d(63vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(48) .circle {
    -webkit-animation-delay: 3189ms;
    animation-delay: 3189ms
}

.home-steps .animation .circle-container:nth-child(49) {
    width: 53px;
    height: 53px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 30829ms;
    animation-duration: 30829ms;
    -webkit-animation-delay: 28561ms;
    animation-delay: 28561ms
}

@-webkit-keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(86vw, 107vh, 0);
        transform: translate3d(86vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(37vw, -111vh, 0);
        transform: translate3d(37vw, -111vh, 0)
    }
}

@keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(86vw, 107vh, 0);
        transform: translate3d(86vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(37vw, -111vh, 0);
        transform: translate3d(37vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(49) .circle {
    -webkit-animation-delay: 2173ms;
    animation-delay: 2173ms
}

.home-steps .animation .circle-container:nth-child(50) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 28774ms;
    animation-duration: 28774ms;
    -webkit-animation-delay: 36971ms;
    animation-delay: 36971ms
}

@-webkit-keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(93vw, 103vh, 0);
        transform: translate3d(93vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(47vw, -117vh, 0);
        transform: translate3d(47vw, -117vh, 0)
    }
}

@keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(93vw, 103vh, 0);
        transform: translate3d(93vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(47vw, -117vh, 0);
        transform: translate3d(47vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(50) .circle {
    -webkit-animation-delay: 147ms;
    animation-delay: 147ms
}

.home-steps .animation .circle-container:nth-child(51) {
    width: 42px;
    height: 42px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 31344ms;
    animation-duration: 31344ms;
    -webkit-animation-delay: 22508ms;
    animation-delay: 22508ms
}

@-webkit-keyframes move-frames-51 {
    from {
        -webkit-transform: translate3d(68vw, 103vh, 0);
        transform: translate3d(68vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(18vw, -120vh, 0);
        transform: translate3d(18vw, -120vh, 0)
    }
}

@keyframes move-frames-51 {
    from {
        -webkit-transform: translate3d(68vw, 103vh, 0);
        transform: translate3d(68vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(18vw, -120vh, 0);
        transform: translate3d(18vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(51) .circle {
    -webkit-animation-delay: 3925ms;
    animation-delay: 3925ms
}

.home-steps .animation .circle-container:nth-child(52) {
    width: 53px;
    height: 53px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 29278ms;
    animation-duration: 29278ms;
    -webkit-animation-delay: 334ms;
    animation-delay: 334ms
}

@-webkit-keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(51vw, 104vh, 0);
        transform: translate3d(51vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -113vh, 0);
        transform: translate3d(39vw, -113vh, 0)
    }
}

@keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(51vw, 104vh, 0);
        transform: translate3d(51vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -113vh, 0);
        transform: translate3d(39vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(52) .circle {
    -webkit-animation-delay: 2695ms;
    animation-delay: 2695ms
}

.home-steps .animation .circle-container:nth-child(53) {
    width: 100px;
    height: 100px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 30936ms;
    animation-duration: 30936ms;
    -webkit-animation-delay: 33164ms;
    animation-delay: 33164ms
}

@-webkit-keyframes move-frames-53 {
    from {
        -webkit-transform: translate3d(67vw, 108vh, 0);
        transform: translate3d(67vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(24vw, -131vh, 0);
        transform: translate3d(24vw, -131vh, 0)
    }
}

@keyframes move-frames-53 {
    from {
        -webkit-transform: translate3d(67vw, 108vh, 0);
        transform: translate3d(67vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(24vw, -131vh, 0);
        transform: translate3d(24vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(53) .circle {
    -webkit-animation-delay: 2061ms;
    animation-delay: 2061ms
}

.home-steps .animation .circle-container:nth-child(54) {
    width: 66px;
    height: 66px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 30702ms;
    animation-duration: 30702ms;
    -webkit-animation-delay: 27687ms;
    animation-delay: 27687ms
}

@-webkit-keyframes move-frames-54 {
    from {
        -webkit-transform: translate3d(17vw, 110vh, 0);
        transform: translate3d(17vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(73vw, -128vh, 0);
        transform: translate3d(73vw, -128vh, 0)
    }
}

@keyframes move-frames-54 {
    from {
        -webkit-transform: translate3d(17vw, 110vh, 0);
        transform: translate3d(17vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(73vw, -128vh, 0);
        transform: translate3d(73vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(54) .circle {
    -webkit-animation-delay: 3809ms;
    animation-delay: 3809ms
}

.home-steps .animation .circle-container:nth-child(55) {
    width: 17px;
    height: 17px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 33151ms;
    animation-duration: 33151ms;
    -webkit-animation-delay: 32866ms;
    animation-delay: 32866ms
}

@-webkit-keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(37vw, 106vh, 0);
        transform: translate3d(37vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -107vh, 0);
        transform: translate3d(71vw, -107vh, 0)
    }
}

@keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(37vw, 106vh, 0);
        transform: translate3d(37vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -107vh, 0);
        transform: translate3d(71vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(55) .circle {
    -webkit-animation-delay: 1025ms;
    animation-delay: 1025ms
}

.home-steps .animation .circle-container:nth-child(56) {
    width: 26px;
    height: 26px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 32132ms;
    animation-duration: 32132ms;
    -webkit-animation-delay: 13328ms;
    animation-delay: 13328ms
}

@-webkit-keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -133vh, 0);
        transform: translate3d(83vw, -133vh, 0)
    }
}

@keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -133vh, 0);
        transform: translate3d(83vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(56) .circle {
    -webkit-animation-delay: 471ms;
    animation-delay: 471ms
}

.home-steps .animation .circle-container:nth-child(57) {
    width: 69px;
    height: 69px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 32003ms;
    animation-duration: 32003ms;
    -webkit-animation-delay: 10760ms;
    animation-delay: 10760ms
}

@-webkit-keyframes move-frames-57 {
    from {
        -webkit-transform: translate3d(70vw, 102vh, 0);
        transform: translate3d(70vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(80vw, -109vh, 0);
        transform: translate3d(80vw, -109vh, 0)
    }
}

@keyframes move-frames-57 {
    from {
        -webkit-transform: translate3d(70vw, 102vh, 0);
        transform: translate3d(70vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(80vw, -109vh, 0);
        transform: translate3d(80vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(57) .circle {
    -webkit-animation-delay: 2495ms;
    animation-delay: 2495ms
}

.home-steps .animation .circle-container:nth-child(58) {
    width: 18px;
    height: 18px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 36388ms;
    animation-duration: 36388ms;
    -webkit-animation-delay: 8569ms;
    animation-delay: 8569ms
}

@-webkit-keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(71vw, 104vh, 0);
        transform: translate3d(71vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(41vw, -110vh, 0);
        transform: translate3d(41vw, -110vh, 0)
    }
}

@keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(71vw, 104vh, 0);
        transform: translate3d(71vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(41vw, -110vh, 0);
        transform: translate3d(41vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(58) .circle {
    -webkit-animation-delay: 3755ms;
    animation-delay: 3755ms
}

.home-steps .animation .circle-container:nth-child(59) {
    width: 87px;
    height: 87px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 33056ms;
    animation-duration: 33056ms;
    -webkit-animation-delay: 30942ms;
    animation-delay: 30942ms
}

@-webkit-keyframes move-frames-59 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -123vh, 0);
        transform: translate3d(71vw, -123vh, 0)
    }
}

@keyframes move-frames-59 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -123vh, 0);
        transform: translate3d(71vw, -123vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(59) .circle {
    -webkit-animation-delay: 190ms;
    animation-delay: 190ms
}

.home-steps .animation .circle-container:nth-child(60) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 35771ms;
    animation-duration: 35771ms;
    -webkit-animation-delay: 4838ms;
    animation-delay: 4838ms
}

@-webkit-keyframes move-frames-60 {
    from {
        -webkit-transform: translate3d(53vw, 108vh, 0);
        transform: translate3d(53vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(64vw, -111vh, 0);
        transform: translate3d(64vw, -111vh, 0)
    }
}

@keyframes move-frames-60 {
    from {
        -webkit-transform: translate3d(53vw, 108vh, 0);
        transform: translate3d(53vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(64vw, -111vh, 0);
        transform: translate3d(64vw, -111vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(60) .circle {
    -webkit-animation-delay: 1866ms;
    animation-delay: 1866ms
}

.home-steps .animation .circle-container:nth-child(61) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 28343ms;
    animation-duration: 28343ms;
    -webkit-animation-delay: 36472ms;
    animation-delay: 36472ms
}

@-webkit-keyframes move-frames-61 {
    from {
        -webkit-transform: translate3d(73vw, 101vh, 0);
        transform: translate3d(73vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(61vw, -118vh, 0);
        transform: translate3d(61vw, -118vh, 0)
    }
}

@keyframes move-frames-61 {
    from {
        -webkit-transform: translate3d(73vw, 101vh, 0);
        transform: translate3d(73vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(61vw, -118vh, 0);
        transform: translate3d(61vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(61) .circle {
    -webkit-animation-delay: 3398ms;
    animation-delay: 3398ms
}

.home-steps .animation .circle-container:nth-child(62) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 34631ms;
    animation-duration: 34631ms;
    -webkit-animation-delay: 19450ms;
    animation-delay: 19450ms
}

@-webkit-keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(91vw, 104vh, 0);
        transform: translate3d(91vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(5vw, -130vh, 0);
        transform: translate3d(5vw, -130vh, 0)
    }
}

@keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(91vw, 104vh, 0);
        transform: translate3d(91vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(5vw, -130vh, 0);
        transform: translate3d(5vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(62) .circle {
    -webkit-animation-delay: 1798ms;
    animation-delay: 1798ms
}

.home-steps .animation .circle-container:nth-child(63) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 36394ms;
    animation-duration: 36394ms;
    -webkit-animation-delay: 5388ms;
    animation-delay: 5388ms
}

@-webkit-keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(96vw, 101vh, 0);
        transform: translate3d(96vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -102vh, 0);
        transform: translate3d(93vw, -102vh, 0)
    }
}

@keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(96vw, 101vh, 0);
        transform: translate3d(96vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -102vh, 0);
        transform: translate3d(93vw, -102vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(63) .circle {
    -webkit-animation-delay: 3498ms;
    animation-delay: 3498ms
}

.home-steps .animation .circle-container:nth-child(64) {
    width: 74px;
    height: 74px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 33636ms;
    animation-duration: 33636ms;
    -webkit-animation-delay: 7554ms;
    animation-delay: 7554ms
}

@-webkit-keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(3vw, -116vh, 0);
        transform: translate3d(3vw, -116vh, 0)
    }
}

@keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(3vw, -116vh, 0);
        transform: translate3d(3vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(64) .circle {
    -webkit-animation-delay: 1770ms;
    animation-delay: 1770ms
}

.home-steps .animation .circle-container:nth-child(65) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 35811ms;
    animation-duration: 35811ms;
    -webkit-animation-delay: 19428ms;
    animation-delay: 19428ms
}

@-webkit-keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(63vw, 102vh, 0);
        transform: translate3d(63vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -104vh, 0);
        transform: translate3d(87vw, -104vh, 0)
    }
}

@keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(63vw, 102vh, 0);
        transform: translate3d(63vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -104vh, 0);
        transform: translate3d(87vw, -104vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(65) .circle {
    -webkit-animation-delay: 1950ms;
    animation-delay: 1950ms
}

.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: 34674ms;
    animation-duration: 34674ms;
    -webkit-animation-delay: 15783ms;
    animation-delay: 15783ms
}

@-webkit-keyframes move-frames-66 {
    from {
        -webkit-transform: translate3d(15vw, 103vh, 0);
        transform: translate3d(15vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(76vw, -131vh, 0);
        transform: translate3d(76vw, -131vh, 0)
    }
}

@keyframes move-frames-66 {
    from {
        -webkit-transform: translate3d(15vw, 103vh, 0);
        transform: translate3d(15vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(76vw, -131vh, 0);
        transform: translate3d(76vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(66) .circle {
    -webkit-animation-delay: 1097ms;
    animation-delay: 1097ms
}

.home-steps .animation .circle-container:nth-child(67) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 31923ms;
    animation-duration: 31923ms;
    -webkit-animation-delay: 8381ms;
    animation-delay: 8381ms
}

@-webkit-keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(49vw, 106vh, 0);
        transform: translate3d(49vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(66vw, -110vh, 0);
        transform: translate3d(66vw, -110vh, 0)
    }
}

@keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(49vw, 106vh, 0);
        transform: translate3d(49vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(66vw, -110vh, 0);
        transform: translate3d(66vw, -110vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(67) .circle {
    -webkit-animation-delay: 2283ms;
    animation-delay: 2283ms
}

.home-steps .animation .circle-container:nth-child(68) {
    width: 95px;
    height: 95px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 35302ms;
    animation-duration: 35302ms;
    -webkit-animation-delay: 32007ms;
    animation-delay: 32007ms
}

@-webkit-keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(70vw, 105vh, 0);
        transform: translate3d(70vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -121vh, 0);
        transform: translate3d(39vw, -121vh, 0)
    }
}

@keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(70vw, 105vh, 0);
        transform: translate3d(70vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -121vh, 0);
        transform: translate3d(39vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(68) .circle {
    -webkit-animation-delay: 3254ms;
    animation-delay: 3254ms
}

.home-steps .animation .circle-container:nth-child(69) {
    width: 48px;
    height: 48px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 33520ms;
    animation-duration: 33520ms;
    -webkit-animation-delay: 31579ms;
    animation-delay: 31579ms
}

@-webkit-keyframes move-frames-69 {
    from {
        -webkit-transform: translate3d(58vw, 105vh, 0);
        transform: translate3d(58vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(2vw, -106vh, 0);
        transform: translate3d(2vw, -106vh, 0)
    }
}

@keyframes move-frames-69 {
    from {
        -webkit-transform: translate3d(58vw, 105vh, 0);
        transform: translate3d(58vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(2vw, -106vh, 0);
        transform: translate3d(2vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(69) .circle {
    -webkit-animation-delay: 668ms;
    animation-delay: 668ms
}

.home-steps .animation .circle-container:nth-child(70) {
    width: 75px;
    height: 75px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 28307ms;
    animation-duration: 28307ms;
    -webkit-animation-delay: 24442ms;
    animation-delay: 24442ms
}

@-webkit-keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(45vw, 109vh, 0);
        transform: translate3d(45vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(57vw, -128vh, 0);
        transform: translate3d(57vw, -128vh, 0)
    }
}

@keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(45vw, 109vh, 0);
        transform: translate3d(45vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(57vw, -128vh, 0);
        transform: translate3d(57vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(70) .circle {
    -webkit-animation-delay: 2015ms;
    animation-delay: 2015ms
}

.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: 34818ms;
    animation-duration: 34818ms;
    -webkit-animation-delay: 27483ms;
    animation-delay: 27483ms
}

@-webkit-keyframes move-frames-71 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(24vw, -114vh, 0);
        transform: translate3d(24vw, -114vh, 0)
    }
}

@keyframes move-frames-71 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(24vw, -114vh, 0);
        transform: translate3d(24vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(71) .circle {
    -webkit-animation-delay: 2977ms;
    animation-delay: 2977ms
}

.home-steps .animation .circle-container:nth-child(72) {
    width: 33px;
    height: 33px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 33911ms;
    animation-duration: 33911ms;
    -webkit-animation-delay: 24766ms;
    animation-delay: 24766ms
}

@-webkit-keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(56vw, 105vh, 0);
        transform: translate3d(56vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(56vw, -109vh, 0);
        transform: translate3d(56vw, -109vh, 0)
    }
}

@keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(56vw, 105vh, 0);
        transform: translate3d(56vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(56vw, -109vh, 0);
        transform: translate3d(56vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(72) .circle {
    -webkit-animation-delay: 2160ms;
    animation-delay: 2160ms
}

.home-steps .animation .circle-container:nth-child(73) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 34843ms;
    animation-duration: 34843ms;
    -webkit-animation-delay: 11563ms;
    animation-delay: 11563ms
}

@-webkit-keyframes move-frames-73 {
    from {
        -webkit-transform: translate3d(75vw, 108vh, 0);
        transform: translate3d(75vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(23vw, -136vh, 0);
        transform: translate3d(23vw, -136vh, 0)
    }
}

@keyframes move-frames-73 {
    from {
        -webkit-transform: translate3d(75vw, 108vh, 0);
        transform: translate3d(75vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(23vw, -136vh, 0);
        transform: translate3d(23vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(73) .circle {
    -webkit-animation-delay: 938ms;
    animation-delay: 938ms
}

.home-steps .animation .circle-container:nth-child(74) {
    width: 74px;
    height: 74px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 29205ms;
    animation-duration: 29205ms;
    -webkit-animation-delay: 27695ms;
    animation-delay: 27695ms
}

@-webkit-keyframes move-frames-74 {
    from {
        -webkit-transform: translate3d(71vw, 109vh, 0);
        transform: translate3d(71vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -136vh, 0);
        transform: translate3d(59vw, -136vh, 0)
    }
}

@keyframes move-frames-74 {
    from {
        -webkit-transform: translate3d(71vw, 109vh, 0);
        transform: translate3d(71vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -136vh, 0);
        transform: translate3d(59vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(74) .circle {
    -webkit-animation-delay: 1888ms;
    animation-delay: 1888ms
}

.home-steps .animation .circle-container:nth-child(75) {
    width: 41px;
    height: 41px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 36569ms;
    animation-duration: 36569ms;
    -webkit-animation-delay: 9797ms;
    animation-delay: 9797ms
}

@-webkit-keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(17vw, 109vh, 0);
        transform: translate3d(17vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(13vw, -133vh, 0);
        transform: translate3d(13vw, -133vh, 0)
    }
}

@keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(17vw, 109vh, 0);
        transform: translate3d(17vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(13vw, -133vh, 0);
        transform: translate3d(13vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(75) .circle {
    -webkit-animation-delay: 2888ms;
    animation-delay: 2888ms
}

.home-steps .animation .circle-container:nth-child(76) {
    width: 82px;
    height: 82px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 35706ms;
    animation-duration: 35706ms;
    -webkit-animation-delay: 24046ms;
    animation-delay: 24046ms
}

@-webkit-keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(48vw, 103vh, 0);
        transform: translate3d(48vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -128vh, 0);
        transform: translate3d(28vw, -128vh, 0)
    }
}

@keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(48vw, 103vh, 0);
        transform: translate3d(48vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -128vh, 0);
        transform: translate3d(28vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(76) .circle {
    -webkit-animation-delay: 2187ms;
    animation-delay: 2187ms
}

.home-steps .animation .circle-container:nth-child(77) {
    width: 23px;
    height: 23px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 30326ms;
    animation-duration: 30326ms;
    -webkit-animation-delay: 15306ms;
    animation-delay: 15306ms
}

@-webkit-keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(81vw, 102vh, 0);
        transform: translate3d(81vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(40vw, -114vh, 0);
        transform: translate3d(40vw, -114vh, 0)
    }
}

@keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(81vw, 102vh, 0);
        transform: translate3d(81vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(40vw, -114vh, 0);
        transform: translate3d(40vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(77) .circle {
    -webkit-animation-delay: 3138ms;
    animation-delay: 3138ms
}

.home-steps .animation .circle-container:nth-child(78) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 35212ms;
    animation-duration: 35212ms;
    -webkit-animation-delay: 556ms;
    animation-delay: 556ms
}

@-webkit-keyframes move-frames-78 {
    from {
        -webkit-transform: translate3d(80vw, 109vh, 0);
        transform: translate3d(80vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(64vw, -119vh, 0);
        transform: translate3d(64vw, -119vh, 0)
    }
}

@keyframes move-frames-78 {
    from {
        -webkit-transform: translate3d(80vw, 109vh, 0);
        transform: translate3d(80vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(64vw, -119vh, 0);
        transform: translate3d(64vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(78) .circle {
    -webkit-animation-delay: 1982ms;
    animation-delay: 1982ms
}

.home-steps .animation .circle-container:nth-child(79) {
    width: 80px;
    height: 80px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 35377ms;
    animation-duration: 35377ms;
    -webkit-animation-delay: 24207ms;
    animation-delay: 24207ms
}

@-webkit-keyframes move-frames-79 {
    from {
        -webkit-transform: translate3d(34vw, 105vh, 0);
        transform: translate3d(34vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(2vw, -108vh, 0);
        transform: translate3d(2vw, -108vh, 0)
    }
}

@keyframes move-frames-79 {
    from {
        -webkit-transform: translate3d(34vw, 105vh, 0);
        transform: translate3d(34vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(2vw, -108vh, 0);
        transform: translate3d(2vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(79) .circle {
    -webkit-animation-delay: 2224ms;
    animation-delay: 2224ms
}

.home-steps .animation .circle-container:nth-child(80) {
    width: 39px;
    height: 39px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 30388ms;
    animation-duration: 30388ms;
    -webkit-animation-delay: 18126ms;
    animation-delay: 18126ms
}

@-webkit-keyframes move-frames-80 {
    from {
        -webkit-transform: translate3d(90vw, 105vh, 0);
        transform: translate3d(90vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(64vw, -108vh, 0);
        transform: translate3d(64vw, -108vh, 0)
    }
}

@keyframes move-frames-80 {
    from {
        -webkit-transform: translate3d(90vw, 105vh, 0);
        transform: translate3d(90vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(64vw, -108vh, 0);
        transform: translate3d(64vw, -108vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(80) .circle {
    -webkit-animation-delay: 3811ms;
    animation-delay: 3811ms
}

.home-steps .animation .circle-container:nth-child(81) {
    width: 54px;
    height: 54px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 35659ms;
    animation-duration: 35659ms;
    -webkit-animation-delay: 31376ms;
    animation-delay: 31376ms
}

@-webkit-keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(36vw, 108vh, 0);
        transform: translate3d(36vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(38vw, -118vh, 0);
        transform: translate3d(38vw, -118vh, 0)
    }
}

@keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(36vw, 108vh, 0);
        transform: translate3d(36vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(38vw, -118vh, 0);
        transform: translate3d(38vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(81) .circle {
    -webkit-animation-delay: 193ms;
    animation-delay: 193ms
}

.home-steps .animation .circle-container:nth-child(82) {
    width: 38px;
    height: 38px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 31446ms;
    animation-duration: 31446ms;
    -webkit-animation-delay: 23981ms;
    animation-delay: 23981ms
}

@-webkit-keyframes move-frames-82 {
    from {
        -webkit-transform: translate3d(65vw, 102vh, 0);
        transform: translate3d(65vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(17vw, -131vh, 0);
        transform: translate3d(17vw, -131vh, 0)
    }
}

@keyframes move-frames-82 {
    from {
        -webkit-transform: translate3d(65vw, 102vh, 0);
        transform: translate3d(65vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(17vw, -131vh, 0);
        transform: translate3d(17vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(82) .circle {
    -webkit-animation-delay: 3940ms;
    animation-delay: 3940ms
}

.home-steps .animation .circle-container:nth-child(83) {
    width: 42px;
    height: 42px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 29508ms;
    animation-duration: 29508ms;
    -webkit-animation-delay: 19907ms;
    animation-delay: 19907ms
}

@-webkit-keyframes move-frames-83 {
    from {
        -webkit-transform: translate3d(15vw, 109vh, 0);
        transform: translate3d(15vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(22vw, -112vh, 0);
        transform: translate3d(22vw, -112vh, 0)
    }
}

@keyframes move-frames-83 {
    from {
        -webkit-transform: translate3d(15vw, 109vh, 0);
        transform: translate3d(15vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(22vw, -112vh, 0);
        transform: translate3d(22vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(83) .circle {
    -webkit-animation-delay: 2358ms;
    animation-delay: 2358ms
}

.home-steps .animation .circle-container:nth-child(84) {
    width: 16px;
    height: 16px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 28451ms;
    animation-duration: 28451ms;
    -webkit-animation-delay: 9513ms;
    animation-delay: 9513ms
}

@-webkit-keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(33vw, 103vh, 0);
        transform: translate3d(33vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -115vh, 0);
        transform: translate3d(46vw, -115vh, 0)
    }
}

@keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(33vw, 103vh, 0);
        transform: translate3d(33vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -115vh, 0);
        transform: translate3d(46vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(84) .circle {
    -webkit-animation-delay: 1121ms;
    animation-delay: 1121ms
}

.home-steps .animation .circle-container:nth-child(85) {
    width: 87px;
    height: 87px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 35431ms;
    animation-duration: 35431ms;
    -webkit-animation-delay: 27873ms;
    animation-delay: 27873ms
}

@-webkit-keyframes move-frames-85 {
    from {
        -webkit-transform: translate3d(22vw, 108vh, 0);
        transform: translate3d(22vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(5vw, -132vh, 0);
        transform: translate3d(5vw, -132vh, 0)
    }
}

@keyframes move-frames-85 {
    from {
        -webkit-transform: translate3d(22vw, 108vh, 0);
        transform: translate3d(22vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(5vw, -132vh, 0);
        transform: translate3d(5vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(85) .circle {
    -webkit-animation-delay: 3853ms;
    animation-delay: 3853ms
}

.home-steps .animation .circle-container:nth-child(86) {
    width: 84px;
    height: 84px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 32742ms;
    animation-duration: 32742ms;
    -webkit-animation-delay: 3405ms;
    animation-delay: 3405ms
}

@-webkit-keyframes move-frames-86 {
    from {
        -webkit-transform: translate3d(25vw, 104vh, 0);
        transform: translate3d(25vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(57vw, -106vh, 0);
        transform: translate3d(57vw, -106vh, 0)
    }
}

@keyframes move-frames-86 {
    from {
        -webkit-transform: translate3d(25vw, 104vh, 0);
        transform: translate3d(25vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(57vw, -106vh, 0);
        transform: translate3d(57vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(86) .circle {
    -webkit-animation-delay: 2140ms;
    animation-delay: 2140ms
}

.home-steps .animation .circle-container:nth-child(87) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 32250ms;
    animation-duration: 32250ms;
    -webkit-animation-delay: 8762ms;
    animation-delay: 8762ms
}

@-webkit-keyframes move-frames-87 {
    from {
        -webkit-transform: translate3d(16vw, 107vh, 0);
        transform: translate3d(16vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -125vh, 0);
        transform: translate3d(48vw, -125vh, 0)
    }
}

@keyframes move-frames-87 {
    from {
        -webkit-transform: translate3d(16vw, 107vh, 0);
        transform: translate3d(16vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -125vh, 0);
        transform: translate3d(48vw, -125vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(87) .circle {
    -webkit-animation-delay: 1203ms;
    animation-delay: 1203ms
}

.home-steps .animation .circle-container:nth-child(88) {
    width: 30px;
    height: 30px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 34424ms;
    animation-duration: 34424ms;
    -webkit-animation-delay: 25106ms;
    animation-delay: 25106ms
}

@-webkit-keyframes move-frames-88 {
    from {
        -webkit-transform: translate3d(7vw, 104vh, 0);
        transform: translate3d(7vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -105vh, 0);
        transform: translate3d(1vw, -105vh, 0)
    }
}

@keyframes move-frames-88 {
    from {
        -webkit-transform: translate3d(7vw, 104vh, 0);
        transform: translate3d(7vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -105vh, 0);
        transform: translate3d(1vw, -105vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(88) .circle {
    -webkit-animation-delay: 382ms;
    animation-delay: 382ms
}

.home-steps .animation .circle-container:nth-child(89) {
    width: 16px;
    height: 16px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 32142ms;
    animation-duration: 32142ms;
    -webkit-animation-delay: 25935ms;
    animation-delay: 25935ms
}

@-webkit-keyframes move-frames-89 {
    from {
        -webkit-transform: translate3d(73vw, 108vh, 0);
        transform: translate3d(73vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(25vw, -124vh, 0);
        transform: translate3d(25vw, -124vh, 0)
    }
}

@keyframes move-frames-89 {
    from {
        -webkit-transform: translate3d(73vw, 108vh, 0);
        transform: translate3d(73vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(25vw, -124vh, 0);
        transform: translate3d(25vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(89) .circle {
    -webkit-animation-delay: 1583ms;
    animation-delay: 1583ms
}

.home-steps .animation .circle-container:nth-child(90) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 28432ms;
    animation-duration: 28432ms;
    -webkit-animation-delay: 9437ms;
    animation-delay: 9437ms
}

@-webkit-keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(88vw, 110vh, 0);
        transform: translate3d(88vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -114vh, 0);
        transform: translate3d(28vw, -114vh, 0)
    }
}

@keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(88vw, 110vh, 0);
        transform: translate3d(88vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -114vh, 0);
        transform: translate3d(28vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(90) .circle {
    -webkit-animation-delay: 890ms;
    animation-delay: 890ms
}

.home-steps .animation .circle-container:nth-child(91) {
    width: 26px;
    height: 26px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 32075ms;
    animation-duration: 32075ms;
    -webkit-animation-delay: 31164ms;
    animation-delay: 31164ms
}

@-webkit-keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(26vw, 101vh, 0);
        transform: translate3d(26vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -113vh, 0);
        transform: translate3d(83vw, -113vh, 0)
    }
}

@keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(26vw, 101vh, 0);
        transform: translate3d(26vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -113vh, 0);
        transform: translate3d(83vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(91) .circle {
    -webkit-animation-delay: 1439ms;
    animation-delay: 1439ms
}

.home-steps .animation .circle-container:nth-child(92) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 36780ms;
    animation-duration: 36780ms;
    -webkit-animation-delay: 33601ms;
    animation-delay: 33601ms
}

@-webkit-keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(46vw, 108vh, 0);
        transform: translate3d(46vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(79vw, -116vh, 0);
        transform: translate3d(79vw, -116vh, 0)
    }
}

@keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(46vw, 108vh, 0);
        transform: translate3d(46vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(79vw, -116vh, 0);
        transform: translate3d(79vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(92) .circle {
    -webkit-animation-delay: 661ms;
    animation-delay: 661ms
}

.home-steps .animation .circle-container:nth-child(93) {
    width: 38px;
    height: 38px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 28541ms;
    animation-duration: 28541ms;
    -webkit-animation-delay: 4316ms;
    animation-delay: 4316ms
}

@-webkit-keyframes move-frames-93 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(75vw, -114vh, 0);
        transform: translate3d(75vw, -114vh, 0)
    }
}

@keyframes move-frames-93 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(75vw, -114vh, 0);
        transform: translate3d(75vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(93) .circle {
    -webkit-animation-delay: 3450ms;
    animation-delay: 3450ms
}

.home-steps .animation .circle-container:nth-child(94) {
    width: 53px;
    height: 53px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 36798ms;
    animation-duration: 36798ms;
    -webkit-animation-delay: 21203ms;
    animation-delay: 21203ms
}

@-webkit-keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(75vw, 104vh, 0);
        transform: translate3d(75vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(77vw, -116vh, 0);
        transform: translate3d(77vw, -116vh, 0)
    }
}

@keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(75vw, 104vh, 0);
        transform: translate3d(75vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(77vw, -116vh, 0);
        transform: translate3d(77vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(94) .circle {
    -webkit-animation-delay: 3049ms;
    animation-delay: 3049ms
}

.home-steps .animation .circle-container:nth-child(95) {
    width: 68px;
    height: 68px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 29386ms;
    animation-duration: 29386ms;
    -webkit-animation-delay: 8647ms;
    animation-delay: 8647ms
}

@-webkit-keyframes move-frames-95 {
    from {
        -webkit-transform: translate3d(88vw, 103vh, 0);
        transform: translate3d(88vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(50vw, -118vh, 0);
        transform: translate3d(50vw, -118vh, 0)
    }
}

@keyframes move-frames-95 {
    from {
        -webkit-transform: translate3d(88vw, 103vh, 0);
        transform: translate3d(88vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(50vw, -118vh, 0);
        transform: translate3d(50vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(95) .circle {
    -webkit-animation-delay: 1111ms;
    animation-delay: 1111ms
}

.home-steps .animation .circle-container:nth-child(96) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 33705ms;
    animation-duration: 33705ms;
    -webkit-animation-delay: 17938ms;
    animation-delay: 17938ms
}

@-webkit-keyframes move-frames-96 {
    from {
        -webkit-transform: translate3d(71vw, 109vh, 0);
        transform: translate3d(71vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(31vw, -132vh, 0);
        transform: translate3d(31vw, -132vh, 0)
    }
}

@keyframes move-frames-96 {
    from {
        -webkit-transform: translate3d(71vw, 109vh, 0);
        transform: translate3d(71vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(31vw, -132vh, 0);
        transform: translate3d(31vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(96) .circle {
    -webkit-animation-delay: 1705ms;
    animation-delay: 1705ms
}

.home-steps .animation .circle-container:nth-child(97) {
    width: 51px;
    height: 51px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 34637ms;
    animation-duration: 34637ms;
    -webkit-animation-delay: 17390ms;
    animation-delay: 17390ms
}

@-webkit-keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(41vw, 105vh, 0);
        transform: translate3d(41vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(91vw, -107vh, 0);
        transform: translate3d(91vw, -107vh, 0)
    }
}

@keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(41vw, 105vh, 0);
        transform: translate3d(41vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(91vw, -107vh, 0);
        transform: translate3d(91vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(97) .circle {
    -webkit-animation-delay: 1070ms;
    animation-delay: 1070ms
}

.home-steps .animation .circle-container:nth-child(98) {
    width: 30px;
    height: 30px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 36319ms;
    animation-duration: 36319ms;
    -webkit-animation-delay: 4534ms;
    animation-delay: 4534ms
}

@-webkit-keyframes move-frames-98 {
    from {
        -webkit-transform: translate3d(79vw, 109vh, 0);
        transform: translate3d(79vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(55vw, -130vh, 0);
        transform: translate3d(55vw, -130vh, 0)
    }
}

@keyframes move-frames-98 {
    from {
        -webkit-transform: translate3d(79vw, 109vh, 0);
        transform: translate3d(79vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(55vw, -130vh, 0);
        transform: translate3d(55vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(98) .circle {
    -webkit-animation-delay: 2069ms;
    animation-delay: 2069ms
}

.home-steps .animation .circle-container:nth-child(99) {
    width: 67px;
    height: 67px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 34109ms;
    animation-duration: 34109ms;
    -webkit-animation-delay: 24285ms;
    animation-delay: 24285ms
}

@-webkit-keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(84vw, 110vh, 0);
        transform: translate3d(84vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -134vh, 0);
        transform: translate3d(1vw, -134vh, 0)
    }
}

@keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(84vw, 110vh, 0);
        transform: translate3d(84vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -134vh, 0);
        transform: translate3d(1vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(99) .circle {
    -webkit-animation-delay: 1769ms;
    animation-delay: 1769ms
}

.home-steps .animation .circle-container:nth-child(100) {
    width: 25px;
    height: 25px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 29917ms;
    animation-duration: 29917ms;
    -webkit-animation-delay: 30497ms;
    animation-delay: 30497ms
}

@-webkit-keyframes move-frames-100 {
    from {
        -webkit-transform: translate3d(25vw, 101vh, 0);
        transform: translate3d(25vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(36vw, -102vh, 0);
        transform: translate3d(36vw, -102vh, 0)
    }
}

@keyframes move-frames-100 {
    from {
        -webkit-transform: translate3d(25vw, 101vh, 0);
        transform: translate3d(25vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(36vw, -102vh, 0);
        transform: translate3d(36vw, -102vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(100) .circle {
    -webkit-animation-delay: 3712ms;
    animation-delay: 3712ms
}

.home-steps .animation .circle-container:nth-child(101) {
    width: 34px;
    height: 34px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 32729ms;
    animation-duration: 32729ms;
    -webkit-animation-delay: 1499ms;
    animation-delay: 1499ms
}

@-webkit-keyframes move-frames-101 {
    from {
        -webkit-transform: translate3d(64vw, 109vh, 0);
        transform: translate3d(64vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -122vh, 0);
        transform: translate3d(39vw, -122vh, 0)
    }
}

@keyframes move-frames-101 {
    from {
        -webkit-transform: translate3d(64vw, 109vh, 0);
        transform: translate3d(64vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -122vh, 0);
        transform: translate3d(39vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(101) .circle {
    -webkit-animation-delay: 3292ms;
    animation-delay: 3292ms
}

.home-steps .animation .circle-container:nth-child(102) {
    width: 96px;
    height: 96px;
    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 28113ms;
    animation-duration: 28113ms;
    -webkit-animation-delay: 16015ms;
    animation-delay: 16015ms
}

@-webkit-keyframes move-frames-102 {
    from {
        -webkit-transform: translate3d(80vw, 110vh, 0);
        transform: translate3d(80vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(23vw, -123vh, 0);
        transform: translate3d(23vw, -123vh, 0)
    }
}

@keyframes move-frames-102 {
    from {
        -webkit-transform: translate3d(80vw, 110vh, 0);
        transform: translate3d(80vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(23vw, -123vh, 0);
        transform: translate3d(23vw, -123vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(102) .circle {
    -webkit-animation-delay: 1911ms;
    animation-delay: 1911ms
}

.home-steps .animation .circle-container:nth-child(103) {
    width: 29px;
    height: 29px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 34254ms;
    animation-duration: 34254ms;
    -webkit-animation-delay: 22343ms;
    animation-delay: 22343ms
}

@-webkit-keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(58vw, 108vh, 0);
        transform: translate3d(58vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(36vw, -118vh, 0);
        transform: translate3d(36vw, -118vh, 0)
    }
}

@keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(58vw, 108vh, 0);
        transform: translate3d(58vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(36vw, -118vh, 0);
        transform: translate3d(36vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(103) .circle {
    -webkit-animation-delay: 417ms;
    animation-delay: 417ms
}

.home-steps .animation .circle-container:nth-child(104) {
    width: 52px;
    height: 52px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 31104ms;
    animation-duration: 31104ms;
    -webkit-animation-delay: 35682ms;
    animation-delay: 35682ms
}

@-webkit-keyframes move-frames-104 {
    from {
        -webkit-transform: translate3d(84vw, 104vh, 0);
        transform: translate3d(84vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(63vw, -128vh, 0);
        transform: translate3d(63vw, -128vh, 0)
    }
}

@keyframes move-frames-104 {
    from {
        -webkit-transform: translate3d(84vw, 104vh, 0);
        transform: translate3d(84vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(63vw, -128vh, 0);
        transform: translate3d(63vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(104) .circle {
    -webkit-animation-delay: 2297ms;
    animation-delay: 2297ms
}

.home-steps .animation .circle-container:nth-child(105) {
    width: 80px;
    height: 80px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 29445ms;
    animation-duration: 29445ms;
    -webkit-animation-delay: 531ms;
    animation-delay: 531ms
}

@-webkit-keyframes move-frames-105 {
    from {
        -webkit-transform: translate3d(64vw, 109vh, 0);
        transform: translate3d(64vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -130vh, 0);
        transform: translate3d(59vw, -130vh, 0)
    }
}

@keyframes move-frames-105 {
    from {
        -webkit-transform: translate3d(64vw, 109vh, 0);
        transform: translate3d(64vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -130vh, 0);
        transform: translate3d(59vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(105) .circle {
    -webkit-animation-delay: 2707ms;
    animation-delay: 2707ms
}

.home-steps .animation .circle-container:nth-child(106) {
    width: 29px;
    height: 29px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 31354ms;
    animation-duration: 31354ms;
    -webkit-animation-delay: 36242ms;
    animation-delay: 36242ms
}

@-webkit-keyframes move-frames-106 {
    from {
        -webkit-transform: translate3d(89vw, 102vh, 0);
        transform: translate3d(89vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(100vw, -122vh, 0);
        transform: translate3d(100vw, -122vh, 0)
    }
}

@keyframes move-frames-106 {
    from {
        -webkit-transform: translate3d(89vw, 102vh, 0);
        transform: translate3d(89vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(100vw, -122vh, 0);
        transform: translate3d(100vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(106) .circle {
    -webkit-animation-delay: 1679ms;
    animation-delay: 1679ms
}

.home-steps .animation .circle-container:nth-child(107) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 35699ms;
    animation-duration: 35699ms;
    -webkit-animation-delay: 28287ms;
    animation-delay: 28287ms
}

@-webkit-keyframes move-frames-107 {
    from {
        -webkit-transform: translate3d(53vw, 101vh, 0);
        transform: translate3d(53vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -114vh, 0);
        transform: translate3d(28vw, -114vh, 0)
    }
}

@keyframes move-frames-107 {
    from {
        -webkit-transform: translate3d(53vw, 101vh, 0);
        transform: translate3d(53vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(28vw, -114vh, 0);
        transform: translate3d(28vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(107) .circle {
    -webkit-animation-delay: 1150ms;
    animation-delay: 1150ms
}

.home-steps .animation .circle-container:nth-child(108) {
    width: 100px;
    height: 100px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 35685ms;
    animation-duration: 35685ms;
    -webkit-animation-delay: 25474ms;
    animation-delay: 25474ms
}

@-webkit-keyframes move-frames-108 {
    from {
        -webkit-transform: translate3d(12vw, 105vh, 0);
        transform: translate3d(12vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -106vh, 0);
        transform: translate3d(87vw, -106vh, 0)
    }
}

@keyframes move-frames-108 {
    from {
        -webkit-transform: translate3d(12vw, 105vh, 0);
        transform: translate3d(12vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -106vh, 0);
        transform: translate3d(87vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(108) .circle {
    -webkit-animation-delay: 1676ms;
    animation-delay: 1676ms
}

.home-steps .animation .circle-container:nth-child(109) {
    width: 100px;
    height: 100px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 31046ms;
    animation-duration: 31046ms;
    -webkit-animation-delay: 18429ms;
    animation-delay: 18429ms
}

@-webkit-keyframes move-frames-109 {
    from {
        -webkit-transform: translate3d(10vw, 110vh, 0);
        transform: translate3d(10vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(38vw, -136vh, 0);
        transform: translate3d(38vw, -136vh, 0)
    }
}

@keyframes move-frames-109 {
    from {
        -webkit-transform: translate3d(10vw, 110vh, 0);
        transform: translate3d(10vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(38vw, -136vh, 0);
        transform: translate3d(38vw, -136vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(109) .circle {
    -webkit-animation-delay: 2891ms;
    animation-delay: 2891ms
}

.home-steps .animation .circle-container:nth-child(110) {
    width: 33px;
    height: 33px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 35205ms;
    animation-duration: 35205ms;
    -webkit-animation-delay: 26756ms;
    animation-delay: 26756ms
}

@-webkit-keyframes move-frames-110 {
    from {
        -webkit-transform: translate3d(31vw, 105vh, 0);
        transform: translate3d(31vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(10vw, -131vh, 0);
        transform: translate3d(10vw, -131vh, 0)
    }
}

@keyframes move-frames-110 {
    from {
        -webkit-transform: translate3d(31vw, 105vh, 0);
        transform: translate3d(31vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(10vw, -131vh, 0);
        transform: translate3d(10vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(110) .circle {
    -webkit-animation-delay: 1379ms;
    animation-delay: 1379ms
}

.home-steps .animation .circle-container:nth-child(111) {
    width: 60px;
    height: 60px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 33404ms;
    animation-duration: 33404ms;
    -webkit-animation-delay: 18175ms;
    animation-delay: 18175ms
}

@-webkit-keyframes move-frames-111 {
    from {
        -webkit-transform: translate3d(40vw, 103vh, 0);
        transform: translate3d(40vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(65vw, -106vh, 0);
        transform: translate3d(65vw, -106vh, 0)
    }
}

@keyframes move-frames-111 {
    from {
        -webkit-transform: translate3d(40vw, 103vh, 0);
        transform: translate3d(40vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(65vw, -106vh, 0);
        transform: translate3d(65vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(111) .circle {
    -webkit-animation-delay: 2954ms;
    animation-delay: 2954ms
}

.home-steps .animation .circle-container:nth-child(112) {
    width: 14px;
    height: 14px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 31279ms;
    animation-duration: 31279ms;
    -webkit-animation-delay: 15906ms;
    animation-delay: 15906ms
}

@-webkit-keyframes move-frames-112 {
    from {
        -webkit-transform: translate3d(79vw, 110vh, 0);
        transform: translate3d(79vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -115vh, 0);
        transform: translate3d(87vw, -115vh, 0)
    }
}

@keyframes move-frames-112 {
    from {
        -webkit-transform: translate3d(79vw, 110vh, 0);
        transform: translate3d(79vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -115vh, 0);
        transform: translate3d(87vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(112) .circle {
    -webkit-animation-delay: 1798ms;
    animation-delay: 1798ms
}

.home-steps .animation .circle-container:nth-child(113) {
    width: 18px;
    height: 18px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 32586ms;
    animation-duration: 32586ms;
    -webkit-animation-delay: 36221ms;
    animation-delay: 36221ms
}

@-webkit-keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(57vw, 110vh, 0);
        transform: translate3d(57vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -130vh, 0);
        transform: translate3d(71vw, -130vh, 0)
    }
}

@keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(57vw, 110vh, 0);
        transform: translate3d(57vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -130vh, 0);
        transform: translate3d(71vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(113) .circle {
    -webkit-animation-delay: 1526ms;
    animation-delay: 1526ms
}

.home-steps .animation .circle-container:nth-child(114) {
    width: 90px;
    height: 90px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 30434ms;
    animation-duration: 30434ms;
    -webkit-animation-delay: 4951ms;
    animation-delay: 4951ms
}

@-webkit-keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(46vw, 103vh, 0);
        transform: translate3d(46vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -115vh, 0);
        transform: translate3d(46vw, -115vh, 0)
    }
}

@keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(46vw, 103vh, 0);
        transform: translate3d(46vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(46vw, -115vh, 0);
        transform: translate3d(46vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(114) .circle {
    -webkit-animation-delay: 2486ms;
    animation-delay: 2486ms
}

.home-steps .animation .circle-container:nth-child(115) {
    width: 40px;
    height: 40px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 32071ms;
    animation-duration: 32071ms;
    -webkit-animation-delay: 8392ms;
    animation-delay: 8392ms
}

@-webkit-keyframes move-frames-115 {
    from {
        -webkit-transform: translate3d(9vw, 104vh, 0);
        transform: translate3d(9vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -129vh, 0);
        transform: translate3d(48vw, -129vh, 0)
    }
}

@keyframes move-frames-115 {
    from {
        -webkit-transform: translate3d(9vw, 104vh, 0);
        transform: translate3d(9vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -129vh, 0);
        transform: translate3d(48vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(115) .circle {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms
}

.home-steps .animation .circle-container:nth-child(116) {
    width: 23px;
    height: 23px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 29402ms;
    animation-duration: 29402ms;
    -webkit-animation-delay: 15384ms;
    animation-delay: 15384ms
}

@-webkit-keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(21vw, 109vh, 0);
        transform: translate3d(21vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(42vw, -126vh, 0);
        transform: translate3d(42vw, -126vh, 0)
    }
}

@keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(21vw, 109vh, 0);
        transform: translate3d(21vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(42vw, -126vh, 0);
        transform: translate3d(42vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(116) .circle {
    -webkit-animation-delay: 2980ms;
    animation-delay: 2980ms
}

.home-steps .animation .circle-container:nth-child(117) {
    width: 56px;
    height: 56px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 36987ms;
    animation-duration: 36987ms;
    -webkit-animation-delay: 26204ms;
    animation-delay: 26204ms
}

@-webkit-keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(52vw, 110vh, 0);
        transform: translate3d(52vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -115vh, 0);
        transform: translate3d(67vw, -115vh, 0)
    }
}

@keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(52vw, 110vh, 0);
        transform: translate3d(52vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -115vh, 0);
        transform: translate3d(67vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(117) .circle {
    -webkit-animation-delay: 318ms;
    animation-delay: 318ms
}

.home-steps .animation .circle-container:nth-child(118) {
    width: 47px;
    height: 47px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 30627ms;
    animation-duration: 30627ms;
    -webkit-animation-delay: 2373ms;
    animation-delay: 2373ms
}

@-webkit-keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(60vw, 104vh, 0);
        transform: translate3d(60vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -126vh, 0);
        transform: translate3d(72vw, -126vh, 0)
    }
}

@keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(60vw, 104vh, 0);
        transform: translate3d(60vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -126vh, 0);
        transform: translate3d(72vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(118) .circle {
    -webkit-animation-delay: 133ms;
    animation-delay: 133ms
}

.home-steps .animation .circle-container:nth-child(119) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 34479ms;
    animation-duration: 34479ms;
    -webkit-animation-delay: 26765ms;
    animation-delay: 26765ms
}

@-webkit-keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(74vw, 105vh, 0);
        transform: translate3d(74vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -127vh, 0);
        transform: translate3d(59vw, -127vh, 0)
    }
}

@keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(74vw, 105vh, 0);
        transform: translate3d(74vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -127vh, 0);
        transform: translate3d(59vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(119) .circle {
    -webkit-animation-delay: 3257ms;
    animation-delay: 3257ms
}

.home-steps .animation .circle-container:nth-child(120) {
    width: 16px;
    height: 16px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 28097ms;
    animation-duration: 28097ms;
    -webkit-animation-delay: 31044ms;
    animation-delay: 31044ms
}

@-webkit-keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(49vw, 105vh, 0);
        transform: translate3d(49vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(6vw, -115vh, 0);
        transform: translate3d(6vw, -115vh, 0)
    }
}

@keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(49vw, 105vh, 0);
        transform: translate3d(49vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(6vw, -115vh, 0);
        transform: translate3d(6vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(120) .circle {
    -webkit-animation-delay: 1690ms;
    animation-delay: 1690ms
}

.home-steps .animation .circle-container:nth-child(121) {
    width: 36px;
    height: 36px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 29787ms;
    animation-duration: 29787ms;
    -webkit-animation-delay: 24122ms;
    animation-delay: 24122ms
}

@-webkit-keyframes move-frames-121 {
    from {
        -webkit-transform: translate3d(63vw, 108vh, 0);
        transform: translate3d(63vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(26vw, -126vh, 0);
        transform: translate3d(26vw, -126vh, 0)
    }
}

@keyframes move-frames-121 {
    from {
        -webkit-transform: translate3d(63vw, 108vh, 0);
        transform: translate3d(63vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(26vw, -126vh, 0);
        transform: translate3d(26vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(121) .circle {
    -webkit-animation-delay: 3483ms;
    animation-delay: 3483ms
}

.home-steps .animation .circle-container:nth-child(122) {
    width: 41px;
    height: 41px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 34544ms;
    animation-duration: 34544ms;
    -webkit-animation-delay: 931ms;
    animation-delay: 931ms
}

@-webkit-keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(56vw, 102vh, 0);
        transform: translate3d(56vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(81vw, -118vh, 0);
        transform: translate3d(81vw, -118vh, 0)
    }
}

@keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(56vw, 102vh, 0);
        transform: translate3d(56vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(81vw, -118vh, 0);
        transform: translate3d(81vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(122) .circle {
    -webkit-animation-delay: 1058ms;
    animation-delay: 1058ms
}

.home-steps .animation .circle-container:nth-child(123) {
    width: 49px;
    height: 49px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 29516ms;
    animation-duration: 29516ms;
    -webkit-animation-delay: 11384ms;
    animation-delay: 11384ms
}

@-webkit-keyframes move-frames-123 {
    from {
        -webkit-transform: translate3d(72vw, 110vh, 0);
        transform: translate3d(72vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -134vh, 0);
        transform: translate3d(83vw, -134vh, 0)
    }
}

@keyframes move-frames-123 {
    from {
        -webkit-transform: translate3d(72vw, 110vh, 0);
        transform: translate3d(72vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(83vw, -134vh, 0);
        transform: translate3d(83vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(123) .circle {
    -webkit-animation-delay: 1327ms;
    animation-delay: 1327ms
}

.home-steps .animation .circle-container:nth-child(124) {
    width: 79px;
    height: 79px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 28737ms;
    animation-duration: 28737ms;
    -webkit-animation-delay: 22836ms;
    animation-delay: 22836ms
}

@-webkit-keyframes move-frames-124 {
    from {
        -webkit-transform: translate3d(48vw, 101vh, 0);
        transform: translate3d(48vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(8vw, -112vh, 0);
        transform: translate3d(8vw, -112vh, 0)
    }
}

@keyframes move-frames-124 {
    from {
        -webkit-transform: translate3d(48vw, 101vh, 0);
        transform: translate3d(48vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(8vw, -112vh, 0);
        transform: translate3d(8vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(124) .circle {
    -webkit-animation-delay: 2274ms;
    animation-delay: 2274ms
}

.home-steps .animation .circle-container:nth-child(125) {
    width: 74px;
    height: 74px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 33884ms;
    animation-duration: 33884ms;
    -webkit-animation-delay: 7761ms;
    animation-delay: 7761ms
}

@-webkit-keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(9vw, 109vh, 0);
        transform: translate3d(9vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(74vw, -130vh, 0);
        transform: translate3d(74vw, -130vh, 0)
    }
}

@keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(9vw, 109vh, 0);
        transform: translate3d(9vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(74vw, -130vh, 0);
        transform: translate3d(74vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(125) .circle {
    -webkit-animation-delay: 1524ms;
    animation-delay: 1524ms
}

.home-steps .animation .circle-container:nth-child(126) {
    width: 83px;
    height: 83px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 36104ms;
    animation-duration: 36104ms;
    -webkit-animation-delay: 30814ms;
    animation-delay: 30814ms
}

@-webkit-keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(96vw, 102vh, 0);
        transform: translate3d(96vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(42vw, -106vh, 0);
        transform: translate3d(42vw, -106vh, 0)
    }
}

@keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(96vw, 102vh, 0);
        transform: translate3d(96vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(42vw, -106vh, 0);
        transform: translate3d(42vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(126) .circle {
    -webkit-animation-delay: 2487ms;
    animation-delay: 2487ms
}

.home-steps .animation .circle-container:nth-child(127) {
    width: 88px;
    height: 88px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 28964ms;
    animation-duration: 28964ms;
    -webkit-animation-delay: 29162ms;
    animation-delay: 29162ms
}

@-webkit-keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(28vw, 110vh, 0);
        transform: translate3d(28vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(50vw, -135vh, 0);
        transform: translate3d(50vw, -135vh, 0)
    }
}

@keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(28vw, 110vh, 0);
        transform: translate3d(28vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(50vw, -135vh, 0);
        transform: translate3d(50vw, -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: 76px;
    height: 76px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 36979ms;
    animation-duration: 36979ms;
    -webkit-animation-delay: 14065ms;
    animation-delay: 14065ms
}

@-webkit-keyframes move-frames-128 {
    from {
        -webkit-transform: translate3d(26vw, 108vh, 0);
        transform: translate3d(26vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -116vh, 0);
        transform: translate3d(71vw, -116vh, 0)
    }
}

@keyframes move-frames-128 {
    from {
        -webkit-transform: translate3d(26vw, 108vh, 0);
        transform: translate3d(26vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -116vh, 0);
        transform: translate3d(71vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(128) .circle {
    -webkit-animation-delay: 1410ms;
    animation-delay: 1410ms
}

.home-steps .animation .circle-container:nth-child(129) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 30597ms;
    animation-duration: 30597ms;
    -webkit-animation-delay: 6420ms;
    animation-delay: 6420ms
}

@-webkit-keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(18vw, 109vh, 0);
        transform: translate3d(18vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(15vw, -124vh, 0);
        transform: translate3d(15vw, -124vh, 0)
    }
}

@keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(18vw, 109vh, 0);
        transform: translate3d(18vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(15vw, -124vh, 0);
        transform: translate3d(15vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(129) .circle {
    -webkit-animation-delay: 1312ms;
    animation-delay: 1312ms
}

.home-steps .animation .circle-container:nth-child(130) {
    width: 37px;
    height: 37px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 34697ms;
    animation-duration: 34697ms;
    -webkit-animation-delay: 25401ms;
    animation-delay: 25401ms
}

@-webkit-keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(46vw, 108vh, 0);
        transform: translate3d(46vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -117vh, 0);
        transform: translate3d(87vw, -117vh, 0)
    }
}

@keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(46vw, 108vh, 0);
        transform: translate3d(46vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -117vh, 0);
        transform: translate3d(87vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(130) .circle {
    -webkit-animation-delay: 1813ms;
    animation-delay: 1813ms
}

.home-steps .animation .circle-container:nth-child(131) {
    width: 66px;
    height: 66px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 29887ms;
    animation-duration: 29887ms;
    -webkit-animation-delay: 4857ms;
    animation-delay: 4857ms
}

@-webkit-keyframes move-frames-131 {
    from {
        -webkit-transform: translate3d(71vw, 103vh, 0);
        transform: translate3d(71vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -115vh, 0);
        transform: translate3d(67vw, -115vh, 0)
    }
}

@keyframes move-frames-131 {
    from {
        -webkit-transform: translate3d(71vw, 103vh, 0);
        transform: translate3d(71vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -115vh, 0);
        transform: translate3d(67vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(131) .circle {
    -webkit-animation-delay: 561ms;
    animation-delay: 561ms
}

.home-steps .animation .circle-container:nth-child(132) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 30466ms;
    animation-duration: 30466ms;
    -webkit-animation-delay: 18881ms;
    animation-delay: 18881ms
}

@-webkit-keyframes move-frames-132 {
    from {
        -webkit-transform: translate3d(82vw, 104vh, 0);
        transform: translate3d(82vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(80vw, -117vh, 0);
        transform: translate3d(80vw, -117vh, 0)
    }
}

@keyframes move-frames-132 {
    from {
        -webkit-transform: translate3d(82vw, 104vh, 0);
        transform: translate3d(82vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(80vw, -117vh, 0);
        transform: translate3d(80vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(132) .circle {
    -webkit-animation-delay: 924ms;
    animation-delay: 924ms
}

.home-steps .animation .circle-container:nth-child(133) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 29896ms;
    animation-duration: 29896ms;
    -webkit-animation-delay: 11872ms;
    animation-delay: 11872ms
}

@-webkit-keyframes move-frames-133 {
    from {
        -webkit-transform: translate3d(39vw, 105vh, 0);
        transform: translate3d(39vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -122vh, 0);
        transform: translate3d(29vw, -122vh, 0)
    }
}

@keyframes move-frames-133 {
    from {
        -webkit-transform: translate3d(39vw, 105vh, 0);
        transform: translate3d(39vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(29vw, -122vh, 0);
        transform: translate3d(29vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(133) .circle {
    -webkit-animation-delay: 732ms;
    animation-delay: 732ms
}

.home-steps .animation .circle-container:nth-child(134) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 33733ms;
    animation-duration: 33733ms;
    -webkit-animation-delay: 19337ms;
    animation-delay: 19337ms
}

@-webkit-keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(33vw, 102vh, 0);
        transform: translate3d(33vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(22vw, -119vh, 0);
        transform: translate3d(22vw, -119vh, 0)
    }
}

@keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(33vw, 102vh, 0);
        transform: translate3d(33vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(22vw, -119vh, 0);
        transform: translate3d(22vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(134) .circle {
    -webkit-animation-delay: 1317ms;
    animation-delay: 1317ms
}

.home-steps .animation .circle-container:nth-child(135) {
    width: 19px;
    height: 19px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 28856ms;
    animation-duration: 28856ms;
    -webkit-animation-delay: 20206ms;
    animation-delay: 20206ms
}

@-webkit-keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(43vw, 103vh, 0);
        transform: translate3d(43vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(26vw, -132vh, 0);
        transform: translate3d(26vw, -132vh, 0)
    }
}

@keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(43vw, 103vh, 0);
        transform: translate3d(43vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(26vw, -132vh, 0);
        transform: translate3d(26vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(135) .circle {
    -webkit-animation-delay: 3208ms;
    animation-delay: 3208ms
}

.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: 32061ms;
    animation-duration: 32061ms;
    -webkit-animation-delay: 10575ms;
    animation-delay: 10575ms
}

@-webkit-keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(60vw, 106vh, 0);
        transform: translate3d(60vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(88vw, -134vh, 0);
        transform: translate3d(88vw, -134vh, 0)
    }
}

@keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(60vw, 106vh, 0);
        transform: translate3d(60vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(88vw, -134vh, 0);
        transform: translate3d(88vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(136) .circle {
    -webkit-animation-delay: 2737ms;
    animation-delay: 2737ms
}

.home-steps .animation .circle-container:nth-child(137) {
    width: 28px;
    height: 28px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 30684ms;
    animation-duration: 30684ms;
    -webkit-animation-delay: 9910ms;
    animation-delay: 9910ms
}

@-webkit-keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(82vw, 102vh, 0);
        transform: translate3d(82vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(30vw, -120vh, 0);
        transform: translate3d(30vw, -120vh, 0)
    }
}

@keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(82vw, 102vh, 0);
        transform: translate3d(82vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(30vw, -120vh, 0);
        transform: translate3d(30vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(137) .circle {
    -webkit-animation-delay: 2037ms;
    animation-delay: 2037ms
}

.home-steps .animation .circle-container:nth-child(138) {
    width: 54px;
    height: 54px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 33451ms;
    animation-duration: 33451ms;
    -webkit-animation-delay: 20503ms;
    animation-delay: 20503ms
}

@-webkit-keyframes move-frames-138 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(90vw, -107vh, 0);
        transform: translate3d(90vw, -107vh, 0)
    }
}

@keyframes move-frames-138 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(90vw, -107vh, 0);
        transform: translate3d(90vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(138) .circle {
    -webkit-animation-delay: 2013ms;
    animation-delay: 2013ms
}

.home-steps .animation .circle-container:nth-child(139) {
    width: 90px;
    height: 90px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 36717ms;
    animation-duration: 36717ms;
    -webkit-animation-delay: 20739ms;
    animation-delay: 20739ms
}

@-webkit-keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(5vw, 106vh, 0);
        transform: translate3d(5vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(85vw, -113vh, 0);
        transform: translate3d(85vw, -113vh, 0)
    }
}

@keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(5vw, 106vh, 0);
        transform: translate3d(5vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(85vw, -113vh, 0);
        transform: translate3d(85vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(139) .circle {
    -webkit-animation-delay: 1507ms;
    animation-delay: 1507ms
}

.home-steps .animation .circle-container:nth-child(140) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 28728ms;
    animation-duration: 28728ms;
    -webkit-animation-delay: 36492ms;
    animation-delay: 36492ms
}

@-webkit-keyframes move-frames-140 {
    from {
        -webkit-transform: translate3d(63vw, 110vh, 0);
        transform: translate3d(63vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(27vw, -114vh, 0);
        transform: translate3d(27vw, -114vh, 0)
    }
}

@keyframes move-frames-140 {
    from {
        -webkit-transform: translate3d(63vw, 110vh, 0);
        transform: translate3d(63vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(27vw, -114vh, 0);
        transform: translate3d(27vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(140) .circle {
    -webkit-animation-delay: 2634ms;
    animation-delay: 2634ms
}

.home-steps .animation .circle-container:nth-child(141) {
    width: 56px;
    height: 56px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 30749ms;
    animation-duration: 30749ms;
    -webkit-animation-delay: 9023ms;
    animation-delay: 9023ms
}

@-webkit-keyframes move-frames-141 {
    from {
        -webkit-transform: translate3d(23vw, 105vh, 0);
        transform: translate3d(23vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(94vw, -135vh, 0);
        transform: translate3d(94vw, -135vh, 0)
    }
}

@keyframes move-frames-141 {
    from {
        -webkit-transform: translate3d(23vw, 105vh, 0);
        transform: translate3d(23vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(94vw, -135vh, 0);
        transform: translate3d(94vw, -135vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(141) .circle {
    -webkit-animation-delay: 1475ms;
    animation-delay: 1475ms
}

.home-steps .animation .circle-container:nth-child(142) {
    width: 81px;
    height: 81px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 32401ms;
    animation-duration: 32401ms;
    -webkit-animation-delay: 5692ms;
    animation-delay: 5692ms
}

@-webkit-keyframes move-frames-142 {
    from {
        -webkit-transform: translate3d(52vw, 110vh, 0);
        transform: translate3d(52vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(27vw, -114vh, 0);
        transform: translate3d(27vw, -114vh, 0)
    }
}

@keyframes move-frames-142 {
    from {
        -webkit-transform: translate3d(52vw, 110vh, 0);
        transform: translate3d(52vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(27vw, -114vh, 0);
        transform: translate3d(27vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(142) .circle {
    -webkit-animation-delay: 830ms;
    animation-delay: 830ms
}

.home-steps .animation .circle-container:nth-child(143) {
    width: 24px;
    height: 24px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 28534ms;
    animation-duration: 28534ms;
    -webkit-animation-delay: 21385ms;
    animation-delay: 21385ms
}

@-webkit-keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(98vw, 109vh, 0);
        transform: translate3d(98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(95vw, -129vh, 0);
        transform: translate3d(95vw, -129vh, 0)
    }
}

@keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(98vw, 109vh, 0);
        transform: translate3d(98vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(95vw, -129vh, 0);
        transform: translate3d(95vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(143) .circle {
    -webkit-animation-delay: 3721ms;
    animation-delay: 3721ms
}

.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: 34835ms;
    animation-duration: 34835ms;
    -webkit-animation-delay: 33092ms;
    animation-delay: 33092ms
}

@-webkit-keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(56vw, 101vh, 0);
        transform: translate3d(56vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(69vw, -119vh, 0);
        transform: translate3d(69vw, -119vh, 0)
    }
}

@keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(56vw, 101vh, 0);
        transform: translate3d(56vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(69vw, -119vh, 0);
        transform: translate3d(69vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(144) .circle {
    -webkit-animation-delay: 3540ms;
    animation-delay: 3540ms
}

.home-steps .animation .circle-container:nth-child(145) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 34931ms;
    animation-duration: 34931ms;
    -webkit-animation-delay: 2509ms;
    animation-delay: 2509ms
}

@-webkit-keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(37vw, 106vh, 0);
        transform: translate3d(37vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(2vw, -131vh, 0);
        transform: translate3d(2vw, -131vh, 0)
    }
}

@keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(37vw, 106vh, 0);
        transform: translate3d(37vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(2vw, -131vh, 0);
        transform: translate3d(2vw, -131vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(145) .circle {
    -webkit-animation-delay: 2157ms;
    animation-delay: 2157ms
}

.home-steps .animation .circle-container:nth-child(146) {
    width: 12px;
    height: 12px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 31541ms;
    animation-duration: 31541ms;
    -webkit-animation-delay: 26844ms;
    animation-delay: 26844ms
}

@-webkit-keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(5vw, 109vh, 0);
        transform: translate3d(5vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(74vw, -126vh, 0);
        transform: translate3d(74vw, -126vh, 0)
    }
}

@keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(5vw, 109vh, 0);
        transform: translate3d(5vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(74vw, -126vh, 0);
        transform: translate3d(74vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(146) .circle {
    -webkit-animation-delay: 39ms;
    animation-delay: 39ms
}

.home-steps .animation .circle-container:nth-child(147) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 29098ms;
    animation-duration: 29098ms;
    -webkit-animation-delay: 5471ms;
    animation-delay: 5471ms
}

@-webkit-keyframes move-frames-147 {
    from {
        -webkit-transform: translate3d(85vw, 104vh, 0);
        transform: translate3d(85vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(37vw, -120vh, 0);
        transform: translate3d(37vw, -120vh, 0)
    }
}

@keyframes move-frames-147 {
    from {
        -webkit-transform: translate3d(85vw, 104vh, 0);
        transform: translate3d(85vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(37vw, -120vh, 0);
        transform: translate3d(37vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(147) .circle {
    -webkit-animation-delay: 2983ms;
    animation-delay: 2983ms
}

.home-steps .animation .circle-container:nth-child(148) {
    width: 96px;
    height: 96px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 28030ms;
    animation-duration: 28030ms;
    -webkit-animation-delay: 29374ms;
    animation-delay: 29374ms
}

@-webkit-keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(29vw, 102vh, 0);
        transform: translate3d(29vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(53vw, -129vh, 0);
        transform: translate3d(53vw, -129vh, 0)
    }
}

@keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(29vw, 102vh, 0);
        transform: translate3d(29vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(53vw, -129vh, 0);
        transform: translate3d(53vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(148) .circle {
    -webkit-animation-delay: 3706ms;
    animation-delay: 3706ms
}

.home-steps .animation .circle-container:nth-child(149) {
    width: 42px;
    height: 42px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 28182ms;
    animation-duration: 28182ms;
    -webkit-animation-delay: 21286ms;
    animation-delay: 21286ms
}

@-webkit-keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(19vw, 109vh, 0);
        transform: translate3d(19vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(8vw, -114vh, 0);
        transform: translate3d(8vw, -114vh, 0)
    }
}

@keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(19vw, 109vh, 0);
        transform: translate3d(19vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(8vw, -114vh, 0);
        transform: translate3d(8vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(149) .circle {
    -webkit-animation-delay: 2596ms;
    animation-delay: 2596ms
}

.home-steps .animation .circle-container:nth-child(150) {
    width: 89px;
    height: 89px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 28480ms;
    animation-duration: 28480ms;
    -webkit-animation-delay: 23923ms;
    animation-delay: 23923ms
}

@-webkit-keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(71vw, 109vh, 0);
        transform: translate3d(71vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(16vw, -132vh, 0);
        transform: translate3d(16vw, -132vh, 0)
    }
}

@keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(71vw, 109vh, 0);
        transform: translate3d(71vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(16vw, -132vh, 0);
        transform: translate3d(16vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(150) .circle {
    -webkit-animation-delay: 1334ms;
    animation-delay: 1334ms
}

.home-steps .animation .circle-container:nth-child(151) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 32617ms;
    animation-duration: 32617ms;
    -webkit-animation-delay: 25260ms;
    animation-delay: 25260ms
}

@-webkit-keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(69vw, 110vh, 0);
        transform: translate3d(69vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -129vh, 0);
        transform: translate3d(71vw, -129vh, 0)
    }
}

@keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(69vw, 110vh, 0);
        transform: translate3d(69vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(71vw, -129vh, 0);
        transform: translate3d(71vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(151) .circle {
    -webkit-animation-delay: 1891ms;
    animation-delay: 1891ms
}

.home-steps .animation .circle-container:nth-child(152) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 35860ms;
    animation-duration: 35860ms;
    -webkit-animation-delay: 2764ms;
    animation-delay: 2764ms
}

@-webkit-keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(45vw, 107vh, 0);
        transform: translate3d(45vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(82vw, -112vh, 0);
        transform: translate3d(82vw, -112vh, 0)
    }
}

@keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(45vw, 107vh, 0);
        transform: translate3d(45vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(82vw, -112vh, 0);
        transform: translate3d(82vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(152) .circle {
    -webkit-animation-delay: 1560ms;
    animation-delay: 1560ms
}

.home-steps .animation .circle-container:nth-child(153) {
    width: 27px;
    height: 27px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 34995ms;
    animation-duration: 34995ms;
    -webkit-animation-delay: 9223ms;
    animation-delay: 9223ms
}

@-webkit-keyframes move-frames-153 {
    from {
        -webkit-transform: translate3d(22vw, 109vh, 0);
        transform: translate3d(22vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -117vh, 0);
        transform: translate3d(87vw, -117vh, 0)
    }
}

@keyframes move-frames-153 {
    from {
        -webkit-transform: translate3d(22vw, 109vh, 0);
        transform: translate3d(22vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(87vw, -117vh, 0);
        transform: translate3d(87vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(153) .circle {
    -webkit-animation-delay: 2982ms;
    animation-delay: 2982ms
}

.home-steps .animation .circle-container:nth-child(154) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 30293ms;
    animation-duration: 30293ms;
    -webkit-animation-delay: 12251ms;
    animation-delay: 12251ms
}

@-webkit-keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(41vw, 104vh, 0);
        transform: translate3d(41vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(85vw, -112vh, 0);
        transform: translate3d(85vw, -112vh, 0)
    }
}

@keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(41vw, 104vh, 0);
        transform: translate3d(41vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(85vw, -112vh, 0);
        transform: translate3d(85vw, -112vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(154) .circle {
    -webkit-animation-delay: 2568ms;
    animation-delay: 2568ms
}

.home-steps .animation .circle-container:nth-child(155) {
    width: 44px;
    height: 44px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 33202ms;
    animation-duration: 33202ms;
    -webkit-animation-delay: 1505ms;
    animation-delay: 1505ms
}

@-webkit-keyframes move-frames-155 {
    from {
        -webkit-transform: translate3d(72vw, 105vh, 0);
        transform: translate3d(72vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(75vw, -109vh, 0);
        transform: translate3d(75vw, -109vh, 0)
    }
}

@keyframes move-frames-155 {
    from {
        -webkit-transform: translate3d(72vw, 105vh, 0);
        transform: translate3d(72vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(75vw, -109vh, 0);
        transform: translate3d(75vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(155) .circle {
    -webkit-animation-delay: 3206ms;
    animation-delay: 3206ms
}

.home-steps .animation .circle-container:nth-child(156) {
    width: 9px;
    height: 9px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 35363ms;
    animation-duration: 35363ms;
    -webkit-animation-delay: 20230ms;
    animation-delay: 20230ms
}

@-webkit-keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(72vw, 108vh, 0);
        transform: translate3d(72vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -113vh, 0);
        transform: translate3d(45vw, -113vh, 0)
    }
}

@keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(72vw, 108vh, 0);
        transform: translate3d(72vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -113vh, 0);
        transform: translate3d(45vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(156) .circle {
    -webkit-animation-delay: 2620ms;
    animation-delay: 2620ms
}

.home-steps .animation .circle-container:nth-child(157) {
    width: 99px;
    height: 99px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 33234ms;
    animation-duration: 33234ms;
    -webkit-animation-delay: 14228ms;
    animation-delay: 14228ms
}

@-webkit-keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(4vw, 108vh, 0);
        transform: translate3d(4vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(82vw, -115vh, 0);
        transform: translate3d(82vw, -115vh, 0)
    }
}

@keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(4vw, 108vh, 0);
        transform: translate3d(4vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(82vw, -115vh, 0);
        transform: translate3d(82vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(157) .circle {
    -webkit-animation-delay: 2284ms;
    animation-delay: 2284ms
}

.home-steps .animation .circle-container:nth-child(158) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 34895ms;
    animation-duration: 34895ms;
    -webkit-animation-delay: 6584ms;
    animation-delay: 6584ms
}

@-webkit-keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(26vw, 110vh, 0);
        transform: translate3d(26vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(52vw, -134vh, 0);
        transform: translate3d(52vw, -134vh, 0)
    }
}

@keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(26vw, 110vh, 0);
        transform: translate3d(26vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(52vw, -134vh, 0);
        transform: translate3d(52vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(158) .circle {
    -webkit-animation-delay: 3851ms;
    animation-delay: 3851ms
}

.home-steps .animation .circle-container:nth-child(159) {
    width: 36px;
    height: 36px;
    -webkit-animation-name: move-frames-159;
    animation-name: move-frames-159;
    -webkit-animation-duration: 35881ms;
    animation-duration: 35881ms;
    -webkit-animation-delay: 32507ms;
    animation-delay: 32507ms
}

@-webkit-keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(23vw, 101vh, 0);
        transform: translate3d(23vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(63vw, -121vh, 0);
        transform: translate3d(63vw, -121vh, 0)
    }
}

@keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(23vw, 101vh, 0);
        transform: translate3d(23vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(63vw, -121vh, 0);
        transform: translate3d(63vw, -121vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(159) .circle {
    -webkit-animation-delay: 1375ms;
    animation-delay: 1375ms
}

.home-steps .animation .circle-container:nth-child(160) {
    width: 33px;
    height: 33px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 36975ms;
    animation-duration: 36975ms;
    -webkit-animation-delay: 12938ms;
    animation-delay: 12938ms
}

@-webkit-keyframes move-frames-160 {
    from {
        -webkit-transform: translate3d(1vw, 102vh, 0);
        transform: translate3d(1vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(96vw, -122vh, 0);
        transform: translate3d(96vw, -122vh, 0)
    }
}

@keyframes move-frames-160 {
    from {
        -webkit-transform: translate3d(1vw, 102vh, 0);
        transform: translate3d(1vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(96vw, -122vh, 0);
        transform: translate3d(96vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(160) .circle {
    -webkit-animation-delay: 2482ms;
    animation-delay: 2482ms
}

.home-steps .animation .circle-container:nth-child(161) {
    width: 55px;
    height: 55px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 34860ms;
    animation-duration: 34860ms;
    -webkit-animation-delay: 7918ms;
    animation-delay: 7918ms
}

@-webkit-keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(37vw, 105vh, 0);
        transform: translate3d(37vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(97vw, -114vh, 0);
        transform: translate3d(97vw, -114vh, 0)
    }
}

@keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(37vw, 105vh, 0);
        transform: translate3d(37vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(97vw, -114vh, 0);
        transform: translate3d(97vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(161) .circle {
    -webkit-animation-delay: 3015ms;
    animation-delay: 3015ms
}

.home-steps .animation .circle-container:nth-child(162) {
    width: 92px;
    height: 92px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 32755ms;
    animation-duration: 32755ms;
    -webkit-animation-delay: 20593ms;
    animation-delay: 20593ms
}

@-webkit-keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(34vw, 101vh, 0);
        transform: translate3d(34vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(9vw, -120vh, 0);
        transform: translate3d(9vw, -120vh, 0)
    }
}

@keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(34vw, 101vh, 0);
        transform: translate3d(34vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(9vw, -120vh, 0);
        transform: translate3d(9vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(162) .circle {
    -webkit-animation-delay: 2092ms;
    animation-delay: 2092ms
}

.home-steps .animation .circle-container:nth-child(163) {
    width: 81px;
    height: 81px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 36398ms;
    animation-duration: 36398ms;
    -webkit-animation-delay: 19134ms;
    animation-delay: 19134ms
}

@-webkit-keyframes move-frames-163 {
    from {
        -webkit-transform: translate3d(88vw, 104vh, 0);
        transform: translate3d(88vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(23vw, -128vh, 0);
        transform: translate3d(23vw, -128vh, 0)
    }
}

@keyframes move-frames-163 {
    from {
        -webkit-transform: translate3d(88vw, 104vh, 0);
        transform: translate3d(88vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(23vw, -128vh, 0);
        transform: translate3d(23vw, -128vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(163) .circle {
    -webkit-animation-delay: 3641ms;
    animation-delay: 3641ms
}

.home-steps .animation .circle-container:nth-child(164) {
    width: 88px;
    height: 88px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 36397ms;
    animation-duration: 36397ms;
    -webkit-animation-delay: 22185ms;
    animation-delay: 22185ms
}

@-webkit-keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(18vw, 107vh, 0);
        transform: translate3d(18vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -117vh, 0);
        transform: translate3d(93vw, -117vh, 0)
    }
}

@keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(18vw, 107vh, 0);
        transform: translate3d(18vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(93vw, -117vh, 0);
        transform: translate3d(93vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(164) .circle {
    -webkit-animation-delay: 208ms;
    animation-delay: 208ms
}

.home-steps .animation .circle-container:nth-child(165) {
    width: 23px;
    height: 23px;
    -webkit-animation-name: move-frames-165;
    animation-name: move-frames-165;
    -webkit-animation-duration: 35386ms;
    animation-duration: 35386ms;
    -webkit-animation-delay: 8680ms;
    animation-delay: 8680ms
}

@-webkit-keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(16vw, 108vh, 0);
        transform: translate3d(16vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(54vw, -113vh, 0);
        transform: translate3d(54vw, -113vh, 0)
    }
}

@keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(16vw, 108vh, 0);
        transform: translate3d(16vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(54vw, -113vh, 0);
        transform: translate3d(54vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(165) .circle {
    -webkit-animation-delay: 2018ms;
    animation-delay: 2018ms
}

.home-steps .animation .circle-container:nth-child(166) {
    width: 31px;
    height: 31px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 29829ms;
    animation-duration: 29829ms;
    -webkit-animation-delay: 15524ms;
    animation-delay: 15524ms
}

@-webkit-keyframes move-frames-166 {
    from {
        -webkit-transform: translate3d(16vw, 102vh, 0);
        transform: translate3d(16vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -119vh, 0);
        transform: translate3d(72vw, -119vh, 0)
    }
}

@keyframes move-frames-166 {
    from {
        -webkit-transform: translate3d(16vw, 102vh, 0);
        transform: translate3d(16vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -119vh, 0);
        transform: translate3d(72vw, -119vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(166) .circle {
    -webkit-animation-delay: 2935ms;
    animation-delay: 2935ms
}

.home-steps .animation .circle-container:nth-child(167) {
    width: 71px;
    height: 71px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 36890ms;
    animation-duration: 36890ms;
    -webkit-animation-delay: 14477ms;
    animation-delay: 14477ms
}

@-webkit-keyframes move-frames-167 {
    from {
        -webkit-transform: translate3d(84vw, 101vh, 0);
        transform: translate3d(84vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -127vh, 0);
        transform: translate3d(45vw, -127vh, 0)
    }
}

@keyframes move-frames-167 {
    from {
        -webkit-transform: translate3d(84vw, 101vh, 0);
        transform: translate3d(84vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -127vh, 0);
        transform: translate3d(45vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(167) .circle {
    -webkit-animation-delay: 3156ms;
    animation-delay: 3156ms
}

.home-steps .animation .circle-container:nth-child(168) {
    width: 60px;
    height: 60px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 35871ms;
    animation-duration: 35871ms;
    -webkit-animation-delay: 28421ms;
    animation-delay: 28421ms
}

@-webkit-keyframes move-frames-168 {
    from {
        -webkit-transform: translate3d(33vw, 105vh, 0);
        transform: translate3d(33vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(21vw, -118vh, 0);
        transform: translate3d(21vw, -118vh, 0)
    }
}

@keyframes move-frames-168 {
    from {
        -webkit-transform: translate3d(33vw, 105vh, 0);
        transform: translate3d(33vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(21vw, -118vh, 0);
        transform: translate3d(21vw, -118vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(168) .circle {
    -webkit-animation-delay: 152ms;
    animation-delay: 152ms
}

.home-steps .animation .circle-container:nth-child(169) {
    width: 85px;
    height: 85px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 29854ms;
    animation-duration: 29854ms;
    -webkit-animation-delay: 19338ms;
    animation-delay: 19338ms
}

@-webkit-keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(100vw, 105vh, 0);
        transform: translate3d(100vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -130vh, 0);
        transform: translate3d(72vw, -130vh, 0)
    }
}

@keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(100vw, 105vh, 0);
        transform: translate3d(100vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(72vw, -130vh, 0);
        transform: translate3d(72vw, -130vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(169) .circle {
    -webkit-animation-delay: 131ms;
    animation-delay: 131ms
}

.home-steps .animation .circle-container:nth-child(170) {
    width: 64px;
    height: 64px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 36056ms;
    animation-duration: 36056ms;
    -webkit-animation-delay: 32031ms;
    animation-delay: 32031ms
}

@-webkit-keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(97vw, 101vh, 0);
        transform: translate3d(97vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(38vw, -102vh, 0);
        transform: translate3d(38vw, -102vh, 0)
    }
}

@keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(97vw, 101vh, 0);
        transform: translate3d(97vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(38vw, -102vh, 0);
        transform: translate3d(38vw, -102vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(170) .circle {
    -webkit-animation-delay: 2260ms;
    animation-delay: 2260ms
}

.home-steps .animation .circle-container:nth-child(171) {
    width: 33px;
    height: 33px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 30844ms;
    animation-duration: 30844ms;
    -webkit-animation-delay: 34198ms;
    animation-delay: 34198ms
}

@-webkit-keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(36vw, 102vh, 0);
        transform: translate3d(36vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(49vw, -132vh, 0);
        transform: translate3d(49vw, -132vh, 0)
    }
}

@keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(36vw, 102vh, 0);
        transform: translate3d(36vw, 102vh, 0)
    }
    to {
        -webkit-transform: translate3d(49vw, -132vh, 0);
        transform: translate3d(49vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(171) .circle {
    -webkit-animation-delay: 3160ms;
    animation-delay: 3160ms
}

.home-steps .animation .circle-container:nth-child(172) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 30208ms;
    animation-duration: 30208ms;
    -webkit-animation-delay: 5263ms;
    animation-delay: 5263ms
}

@-webkit-keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(23vw, 103vh, 0);
        transform: translate3d(23vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(7vw, -116vh, 0);
        transform: translate3d(7vw, -116vh, 0)
    }
}

@keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(23vw, 103vh, 0);
        transform: translate3d(23vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(7vw, -116vh, 0);
        transform: translate3d(7vw, -116vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(172) .circle {
    -webkit-animation-delay: 2448ms;
    animation-delay: 2448ms
}

.home-steps .animation .circle-container:nth-child(173) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 32834ms;
    animation-duration: 32834ms;
    -webkit-animation-delay: 9538ms;
    animation-delay: 9538ms
}

@-webkit-keyframes move-frames-173 {
    from {
        -webkit-transform: translate3d(33vw, 107vh, 0);
        transform: translate3d(33vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(10vw, -124vh, 0);
        transform: translate3d(10vw, -124vh, 0)
    }
}

@keyframes move-frames-173 {
    from {
        -webkit-transform: translate3d(33vw, 107vh, 0);
        transform: translate3d(33vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(10vw, -124vh, 0);
        transform: translate3d(10vw, -124vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(173) .circle {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

.home-steps .animation .circle-container:nth-child(174) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 29347ms;
    animation-duration: 29347ms;
    -webkit-animation-delay: 17134ms;
    animation-delay: 17134ms
}

@-webkit-keyframes move-frames-174 {
    from {
        -webkit-transform: translate3d(59vw, 108vh, 0);
        transform: translate3d(59vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -109vh, 0);
        transform: translate3d(39vw, -109vh, 0)
    }
}

@keyframes move-frames-174 {
    from {
        -webkit-transform: translate3d(59vw, 108vh, 0);
        transform: translate3d(59vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -109vh, 0);
        transform: translate3d(39vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(174) .circle {
    -webkit-animation-delay: 1284ms;
    animation-delay: 1284ms
}

.home-steps .animation .circle-container:nth-child(175) {
    width: 80px;
    height: 80px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 35257ms;
    animation-duration: 35257ms;
    -webkit-animation-delay: 9032ms;
    animation-delay: 9032ms
}

@-webkit-keyframes move-frames-175 {
    from {
        -webkit-transform: translate3d(73vw, 103vh, 0);
        transform: translate3d(73vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -109vh, 0);
        transform: translate3d(48vw, -109vh, 0)
    }
}

@keyframes move-frames-175 {
    from {
        -webkit-transform: translate3d(73vw, 103vh, 0);
        transform: translate3d(73vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(48vw, -109vh, 0);
        transform: translate3d(48vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(175) .circle {
    -webkit-animation-delay: 1317ms;
    animation-delay: 1317ms
}

.home-steps .animation .circle-container:nth-child(176) {
    width: 54px;
    height: 54px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 29933ms;
    animation-duration: 29933ms;
    -webkit-animation-delay: 28553ms;
    animation-delay: 28553ms
}

@-webkit-keyframes move-frames-176 {
    from {
        -webkit-transform: translate3d(35vw, 103vh, 0);
        transform: translate3d(35vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(92vw, -106vh, 0);
        transform: translate3d(92vw, -106vh, 0)
    }
}

@keyframes move-frames-176 {
    from {
        -webkit-transform: translate3d(35vw, 103vh, 0);
        transform: translate3d(35vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(92vw, -106vh, 0);
        transform: translate3d(92vw, -106vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(176) .circle {
    -webkit-animation-delay: 229ms;
    animation-delay: 229ms
}

.home-steps .animation .circle-container:nth-child(177) {
    width: 30px;
    height: 30px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 29252ms;
    animation-duration: 29252ms;
    -webkit-animation-delay: 16307ms;
    animation-delay: 16307ms
}

@-webkit-keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(91vw, 106vh, 0);
        transform: translate3d(91vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -114vh, 0);
        transform: translate3d(45vw, -114vh, 0)
    }
}

@keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(91vw, 106vh, 0);
        transform: translate3d(91vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(45vw, -114vh, 0);
        transform: translate3d(45vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(177) .circle {
    -webkit-animation-delay: 3612ms;
    animation-delay: 3612ms
}

.home-steps .animation .circle-container:nth-child(178) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 35167ms;
    animation-duration: 35167ms;
    -webkit-animation-delay: 22013ms;
    animation-delay: 22013ms
}

@-webkit-keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(78vw, 104vh, 0);
        transform: translate3d(78vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(25vw, -109vh, 0);
        transform: translate3d(25vw, -109vh, 0)
    }
}

@keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(78vw, 104vh, 0);
        transform: translate3d(78vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(25vw, -109vh, 0);
        transform: translate3d(25vw, -109vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(178) .circle {
    -webkit-animation-delay: 1439ms;
    animation-delay: 1439ms
}

.home-steps .animation .circle-container:nth-child(179) {
    width: 97px;
    height: 97px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 28274ms;
    animation-duration: 28274ms;
    -webkit-animation-delay: 19863ms;
    animation-delay: 19863ms
}

@-webkit-keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(67vw, 107vh, 0);
        transform: translate3d(67vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(69vw, -122vh, 0);
        transform: translate3d(69vw, -122vh, 0)
    }
}

@keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(67vw, 107vh, 0);
        transform: translate3d(67vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(69vw, -122vh, 0);
        transform: translate3d(69vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(179) .circle {
    -webkit-animation-delay: 3959ms;
    animation-delay: 3959ms
}

.home-steps .animation .circle-container:nth-child(180) {
    width: 21px;
    height: 21px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 35463ms;
    animation-duration: 35463ms;
    -webkit-animation-delay: 2890ms;
    animation-delay: 2890ms
}

@-webkit-keyframes move-frames-180 {
    from {
        -webkit-transform: translate3d(57vw, 109vh, 0);
        transform: translate3d(57vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(12vw, -120vh, 0);
        transform: translate3d(12vw, -120vh, 0)
    }
}

@keyframes move-frames-180 {
    from {
        -webkit-transform: translate3d(57vw, 109vh, 0);
        transform: translate3d(57vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(12vw, -120vh, 0);
        transform: translate3d(12vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(180) .circle {
    -webkit-animation-delay: 3300ms;
    animation-delay: 3300ms
}

.home-steps .animation .circle-container:nth-child(181) {
    width: 32px;
    height: 32px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 33167ms;
    animation-duration: 33167ms;
    -webkit-animation-delay: 15500ms;
    animation-delay: 15500ms
}

@-webkit-keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(66vw, 109vh, 0);
        transform: translate3d(66vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(50vw, -113vh, 0);
        transform: translate3d(50vw, -113vh, 0)
    }
}

@keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(66vw, 109vh, 0);
        transform: translate3d(66vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(50vw, -113vh, 0);
        transform: translate3d(50vw, -113vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(181) .circle {
    -webkit-animation-delay: 2302ms;
    animation-delay: 2302ms
}

.home-steps .animation .circle-container:nth-child(182) {
    width: 23px;
    height: 23px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 34563ms;
    animation-duration: 34563ms;
    -webkit-animation-delay: 28129ms;
    animation-delay: 28129ms
}

@-webkit-keyframes move-frames-182 {
    from {
        -webkit-transform: translate3d(40vw, 101vh, 0);
        transform: translate3d(40vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -107vh, 0);
        transform: translate3d(1vw, -107vh, 0)
    }
}

@keyframes move-frames-182 {
    from {
        -webkit-transform: translate3d(40vw, 101vh, 0);
        transform: translate3d(40vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(1vw, -107vh, 0);
        transform: translate3d(1vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(182) .circle {
    -webkit-animation-delay: 1232ms;
    animation-delay: 1232ms
}

.home-steps .animation .circle-container:nth-child(183) {
    width: 54px;
    height: 54px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 30727ms;
    animation-duration: 30727ms;
    -webkit-animation-delay: 5414ms;
    animation-delay: 5414ms
}

@-webkit-keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(83vw, 104vh, 0);
        transform: translate3d(83vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(60vw, -122vh, 0);
        transform: translate3d(60vw, -122vh, 0)
    }
}

@keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(83vw, 104vh, 0);
        transform: translate3d(83vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(60vw, -122vh, 0);
        transform: translate3d(60vw, -122vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(183) .circle {
    -webkit-animation-delay: 973ms;
    animation-delay: 973ms
}

.home-steps .animation .circle-container:nth-child(184) {
    width: 75px;
    height: 75px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 28762ms;
    animation-duration: 28762ms;
    -webkit-animation-delay: 34093ms;
    animation-delay: 34093ms
}

@-webkit-keyframes move-frames-184 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(60vw, -107vh, 0);
        transform: translate3d(60vw, -107vh, 0)
    }
}

@keyframes move-frames-184 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(60vw, -107vh, 0);
        transform: translate3d(60vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(184) .circle {
    -webkit-animation-delay: 109ms;
    animation-delay: 109ms
}

.home-steps .animation .circle-container:nth-child(185) {
    width: 78px;
    height: 78px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 29430ms;
    animation-duration: 29430ms;
    -webkit-animation-delay: 11702ms;
    animation-delay: 11702ms
}

@-webkit-keyframes move-frames-185 {
    from {
        -webkit-transform: translate3d(52vw, 103vh, 0);
        transform: translate3d(52vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(73vw, -132vh, 0);
        transform: translate3d(73vw, -132vh, 0)
    }
}

@keyframes move-frames-185 {
    from {
        -webkit-transform: translate3d(52vw, 103vh, 0);
        transform: translate3d(52vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(73vw, -132vh, 0);
        transform: translate3d(73vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 3596ms;
    animation-delay: 3596ms
}

.home-steps .animation .circle-container:nth-child(186) {
    width: 74px;
    height: 74px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 30946ms;
    animation-duration: 30946ms;
    -webkit-animation-delay: 31541ms;
    animation-delay: 31541ms
}

@-webkit-keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(82vw, 109vh, 0);
        transform: translate3d(82vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(74vw, -127vh, 0);
        transform: translate3d(74vw, -127vh, 0)
    }
}

@keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(82vw, 109vh, 0);
        transform: translate3d(82vw, 109vh, 0)
    }
    to {
        -webkit-transform: translate3d(74vw, -127vh, 0);
        transform: translate3d(74vw, -127vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 1388ms;
    animation-delay: 1388ms
}

.home-steps .animation .circle-container:nth-child(187) {
    width: 36px;
    height: 36px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 36856ms;
    animation-duration: 36856ms;
    -webkit-animation-delay: 8923ms;
    animation-delay: 8923ms
}

@-webkit-keyframes move-frames-187 {
    from {
        -webkit-transform: translate3d(44vw, 105vh, 0);
        transform: translate3d(44vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -132vh, 0);
        transform: translate3d(67vw, -132vh, 0)
    }
}

@keyframes move-frames-187 {
    from {
        -webkit-transform: translate3d(44vw, 105vh, 0);
        transform: translate3d(44vw, 105vh, 0)
    }
    to {
        -webkit-transform: translate3d(67vw, -132vh, 0);
        transform: translate3d(67vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 1223ms;
    animation-delay: 1223ms
}

.home-steps .animation .circle-container:nth-child(188) {
    width: 57px;
    height: 57px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 35668ms;
    animation-duration: 35668ms;
    -webkit-animation-delay: 13224ms;
    animation-delay: 13224ms
}

@-webkit-keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(70vw, 107vh, 0);
        transform: translate3d(70vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(75vw, -126vh, 0);
        transform: translate3d(75vw, -126vh, 0)
    }
}

@keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(70vw, 107vh, 0);
        transform: translate3d(70vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(75vw, -126vh, 0);
        transform: translate3d(75vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 609ms;
    animation-delay: 609ms
}

.home-steps .animation .circle-container:nth-child(189) {
    width: 63px;
    height: 63px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 31294ms;
    animation-duration: 31294ms;
    -webkit-animation-delay: 16701ms;
    animation-delay: 16701ms
}

@-webkit-keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(41vw, 107vh, 0);
        transform: translate3d(41vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -120vh, 0);
        transform: translate3d(39vw, -120vh, 0)
    }
}

@keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(41vw, 107vh, 0);
        transform: translate3d(41vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(39vw, -120vh, 0);
        transform: translate3d(39vw, -120vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 2007ms;
    animation-delay: 2007ms
}

.home-steps .animation .circle-container:nth-child(190) {
    width: 86px;
    height: 86px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 36209ms;
    animation-duration: 36209ms;
    -webkit-animation-delay: 3874ms;
    animation-delay: 3874ms
}

@-webkit-keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(81vw, 104vh, 0);
        transform: translate3d(81vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(26vw, -117vh, 0);
        transform: translate3d(26vw, -117vh, 0)
    }
}

@keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(81vw, 104vh, 0);
        transform: translate3d(81vw, 104vh, 0)
    }
    to {
        -webkit-transform: translate3d(26vw, -117vh, 0);
        transform: translate3d(26vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(190) .circle {
    -webkit-animation-delay: 2391ms;
    animation-delay: 2391ms
}

.home-steps .animation .circle-container:nth-child(191) {
    width: 52px;
    height: 52px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 34030ms;
    animation-duration: 34030ms;
    -webkit-animation-delay: 24724ms;
    animation-delay: 24724ms
}

@-webkit-keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(89vw, 108vh, 0);
        transform: translate3d(89vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(3vw, -114vh, 0);
        transform: translate3d(3vw, -114vh, 0)
    }
}

@keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(89vw, 108vh, 0);
        transform: translate3d(89vw, 108vh, 0)
    }
    to {
        -webkit-transform: translate3d(3vw, -114vh, 0);
        transform: translate3d(3vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 2066ms;
    animation-delay: 2066ms
}

.home-steps .animation .circle-container:nth-child(192) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 35942ms;
    animation-duration: 35942ms;
    -webkit-animation-delay: 6778ms;
    animation-delay: 6778ms
}

@-webkit-keyframes move-frames-192 {
    from {
        -webkit-transform: translate3d(62vw, 103vh, 0);
        transform: translate3d(62vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(56vw, -107vh, 0);
        transform: translate3d(56vw, -107vh, 0)
    }
}

@keyframes move-frames-192 {
    from {
        -webkit-transform: translate3d(62vw, 103vh, 0);
        transform: translate3d(62vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(56vw, -107vh, 0);
        transform: translate3d(56vw, -107vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(192) .circle {
    -webkit-animation-delay: 2515ms;
    animation-delay: 2515ms
}

.home-steps .animation .circle-container:nth-child(193) {
    width: 99px;
    height: 99px;
    -webkit-animation-name: move-frames-193;
    animation-name: move-frames-193;
    -webkit-animation-duration: 30483ms;
    animation-duration: 30483ms;
    -webkit-animation-delay: 31815ms;
    animation-delay: 31815ms
}

@-webkit-keyframes move-frames-193 {
    from {
        -webkit-transform: translate3d(63vw, 107vh, 0);
        transform: translate3d(63vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(89vw, -126vh, 0);
        transform: translate3d(89vw, -126vh, 0)
    }
}

@keyframes move-frames-193 {
    from {
        -webkit-transform: translate3d(63vw, 107vh, 0);
        transform: translate3d(63vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(89vw, -126vh, 0);
        transform: translate3d(89vw, -126vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(193) .circle {
    -webkit-animation-delay: 2905ms;
    animation-delay: 2905ms
}

.home-steps .animation .circle-container:nth-child(194) {
    width: 58px;
    height: 58px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 31357ms;
    animation-duration: 31357ms;
    -webkit-animation-delay: 14872ms;
    animation-delay: 14872ms
}

@-webkit-keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(61vw, 107vh, 0);
        transform: translate3d(61vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(19vw, -132vh, 0);
        transform: translate3d(19vw, -132vh, 0)
    }
}

@keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(61vw, 107vh, 0);
        transform: translate3d(61vw, 107vh, 0)
    }
    to {
        -webkit-transform: translate3d(19vw, -132vh, 0);
        transform: translate3d(19vw, -132vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(194) .circle {
    -webkit-animation-delay: 2266ms;
    animation-delay: 2266ms
}

.home-steps .animation .circle-container:nth-child(195) {
    width: 37px;
    height: 37px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 34606ms;
    animation-duration: 34606ms;
    -webkit-animation-delay: 36074ms;
    animation-delay: 36074ms
}

@-webkit-keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(46vw, 101vh, 0);
        transform: translate3d(46vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(100vw, -115vh, 0);
        transform: translate3d(100vw, -115vh, 0)
    }
}

@keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(46vw, 101vh, 0);
        transform: translate3d(46vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(100vw, -115vh, 0);
        transform: translate3d(100vw, -115vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(195) .circle {
    -webkit-animation-delay: 563ms;
    animation-delay: 563ms
}

.home-steps .animation .circle-container:nth-child(196) {
    width: 32px;
    height: 32px;
    -webkit-animation-name: move-frames-196;
    animation-name: move-frames-196;
    -webkit-animation-duration: 35831ms;
    animation-duration: 35831ms;
    -webkit-animation-delay: 36299ms;
    animation-delay: 36299ms
}

@-webkit-keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(67vw, 101vh, 0);
        transform: translate3d(67vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(54vw, -114vh, 0);
        transform: translate3d(54vw, -114vh, 0)
    }
}

@keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(67vw, 101vh, 0);
        transform: translate3d(67vw, 101vh, 0)
    }
    to {
        -webkit-transform: translate3d(54vw, -114vh, 0);
        transform: translate3d(54vw, -114vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(196) .circle {
    -webkit-animation-delay: 1757ms;
    animation-delay: 1757ms
}

.home-steps .animation .circle-container:nth-child(197) {
    width: 43px;
    height: 43px;
    -webkit-animation-name: move-frames-197;
    animation-name: move-frames-197;
    -webkit-animation-duration: 30403ms;
    animation-duration: 30403ms;
    -webkit-animation-delay: 18144ms;
    animation-delay: 18144ms
}

@-webkit-keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(11vw, 103vh, 0);
        transform: translate3d(11vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -117vh, 0);
        transform: translate3d(59vw, -117vh, 0)
    }
}

@keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(11vw, 103vh, 0);
        transform: translate3d(11vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(59vw, -117vh, 0);
        transform: translate3d(59vw, -117vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(197) .circle {
    -webkit-animation-delay: 1396ms;
    animation-delay: 1396ms
}

.home-steps .animation .circle-container:nth-child(198) {
    width: 69px;
    height: 69px;
    -webkit-animation-name: move-frames-198;
    animation-name: move-frames-198;
    -webkit-animation-duration: 30287ms;
    animation-duration: 30287ms;
    -webkit-animation-delay: 18611ms;
    animation-delay: 18611ms
}

@-webkit-keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(8vw, 110vh, 0);
        transform: translate3d(8vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(89vw, -134vh, 0);
        transform: translate3d(89vw, -134vh, 0)
    }
}

@keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(8vw, 110vh, 0);
        transform: translate3d(8vw, 110vh, 0)
    }
    to {
        -webkit-transform: translate3d(89vw, -134vh, 0);
        transform: translate3d(89vw, -134vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(198) .circle {
    -webkit-animation-delay: 1805ms;
    animation-delay: 1805ms
}

.home-steps .animation .circle-container:nth-child(199) {
    width: 56px;
    height: 56px;
    -webkit-animation-name: move-frames-199;
    animation-name: move-frames-199;
    -webkit-animation-duration: 29901ms;
    animation-duration: 29901ms;
    -webkit-animation-delay: 6584ms;
    animation-delay: 6584ms
}

@-webkit-keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(29vw, 106vh, 0);
        transform: translate3d(29vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(12vw, -129vh, 0);
        transform: translate3d(12vw, -129vh, 0)
    }
}

@keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(29vw, 106vh, 0);
        transform: translate3d(29vw, 106vh, 0)
    }
    to {
        -webkit-transform: translate3d(12vw, -129vh, 0);
        transform: translate3d(12vw, -129vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(199) .circle {
    -webkit-animation-delay: 1821ms;
    animation-delay: 1821ms
}

.home-steps .animation .circle-container:nth-child(200) {
    width: 93px;
    height: 93px;
    -webkit-animation-name: move-frames-200;
    animation-name: move-frames-200;
    -webkit-animation-duration: 30166ms;
    animation-duration: 30166ms;
    -webkit-animation-delay: 32633ms;
    animation-delay: 32633ms
}

@-webkit-keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(87vw, 103vh, 0);
        transform: translate3d(87vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(92vw, -133vh, 0);
        transform: translate3d(92vw, -133vh, 0)
    }
}

@keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(87vw, 103vh, 0);
        transform: translate3d(87vw, 103vh, 0)
    }
    to {
        -webkit-transform: translate3d(92vw, -133vh, 0);
        transform: translate3d(92vw, -133vh, 0)
    }
}

.home-steps .animation .circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 10ms;
    animation-delay: 10ms
}

.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;
    left: 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;
    left: 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;
    left: 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;
    left: 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-right: 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;
    left: 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%;
    left: 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;
    left: 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%;
    left: 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;
    left: -30%;
    width: 130%;
    overflow: hidden
}

.form .form-peice.switched {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    left: 0
}

.form .form-peice.y-scroll {
    overflow-y: scroll
}

.form .form-peice.y-scroll form {
    padding: 15px 20px;
    top: 0%;
    left: 60%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.form form {
    padding: 0 20px;
    margin: 0;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 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;
    right: 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-right: 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;
        left: 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-left: 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;
        left: 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%;
        left: 0
    }
    section#formHolder .form .form-peice>form {
        width: 100% !important;
        padding: 60px;
        left: 50%
    }
}

@media (max-width: 480px) {
    section#formHolder .form {
        width: 100vw;
        margin-left: 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: left !important;
}

/* Modern Footer Styles */
.modern-footer {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 4rem 0 2rem;
}

.footer-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    z-index: 1;
}

.footer-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%);
    z-index: 2;
}

.footer-widget {
    position: relative;
    z-index: 3;
    margin-bottom: 2rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.footer-logo-img {
    width: 60px;
    height: 60px;
    margin-right: 1rem;
    border-radius: 10px;
}

.footer-brand {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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;
}

.footer-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.5rem;
}

.footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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;
}

.footer-links a:hover {
    color: #ff0000;
    transform: translateX(5px);
}

.footer-contact {
    margin-bottom: 2rem;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: #b0b0b0;
    font-size: 0.95rem;
}

.contact-item i {
    color: #ff0000;
    margin-right: 0.8rem;
    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;
}

.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%, #ff4757 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;
}

.powered-by strong {
    color: #ff0000;
    font-weight: 600;
}

/* Footer 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;
    }
    
    .footer-brand {
        font-size: 1.5rem;
    }
    
    .footer-title {
        text-align: center;
    }
    
    .footer-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer-social {
        justify-content: center;
    }
    
    .footer-bottom {
        text-align: center;
    }
    
    .footer-bottom .text-md-right {
        text-align: center !important;
        margin-top: 1rem;
    }
}

/* Image Overlay Text Styles */
.image-overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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%, #ff4757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.overlay-tagline {
    font-size: 1.1rem;
    color: #ffffff;
    margin: 0;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Motorcycle Delivery Person Styles */
.motorcycle-delivery {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    z-index: 3;
    animation: motorcycleMove 8s ease-in-out infinite;
}

.delivery-person {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.person-body {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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-left: 10px;
    font-size: 2.5rem;
    color: #ff0000;
    animation: helmetRotate 3s ease-in-out infinite;
}

.delivery-box {
    position: absolute;
    top: -30px;
    left: 60px;
    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;
}

.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);
}

.delivery-trail {
    position: absolute;
    bottom: -15px;
    left: 0;
    display: flex;
    gap: 5px;
    opacity: 0.6;
}

.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;
}

/* Animations */
@keyframes motorcycleMove {
    0%, 100% {
        transform: translateX(0) translateY(0);
    }
    25% {
        transform: translateX(20px) translateY(-5px);
    }
    50% {
        transform: translateX(40px) translateY(0);
    }
    75% {
        transform: translateX(20px) translateY(5px);
    }
}

@keyframes personBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@keyframes helmetRotate {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    75% {
        transform: rotate(-5deg);
    }
}

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

@keyframes trailMove {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

/* Responsive overlay text */
@media (max-width: 768px) {
    .image-overlay-text {
        padding: 1.5rem;
        width: 90%;
    }
    
    .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;
        left: 50px;
    }
    
    .box-logo-img {
        width: 40px;
        height: 40px;
    }
    
    .box-text {
        font-size: 1rem;
    }
}

/* Home Prices Section Styles */
.home-prices-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.home-prices-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(228, 16, 29, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 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%, #ff4757 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;
}

.table-title i {
    font-size: 1.3rem;
}

.modern-prices-table {
    margin: 0;
    border: none;
    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;
}

.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;
}

.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 Styles */
.track-hero {
    background: linear-gradient(135deg, #ADD8E6 0%, #B8D9E8 100%);
    color: white;
    padding: 6rem 0 4rem;
}

.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: packageMove 6s ease-in-out infinite;
}

.package-box {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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%, #ff4757 100%);
    border-radius: 2px;
    position: relative;
}

.tracking-line::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #ff0000;
    border-radius: 50%;
    animation: trackingDot 2s ease-in-out infinite;
}

.delivery-truck {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #28a745 0%, #20c997 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 packageMove {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes trackingDot {
    0%, 100% { transform: translateX(0px); }
    50% { transform: translateX(90px); }
}

.tracking-form-section {
    padding: 4rem 0;
    background: #f8f9fa;
}

.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%, #ff4757 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-right: 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;
}

.shipment-input:focus {
    border-color: #ff0000;
    box-shadow: 0 0 0 0.2rem rgba(228, 16, 29, 0.25);
}

.track-btn {
    border-radius: 0 10px 10px 0;
    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;
}

.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-left: 3rem;
    margin-bottom: 2rem;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #e9ecef;
}

.timeline-item:last-child::before {
    display: none;
}

.timeline-marker {
    position: absolute;
    left: -1rem;
    top: 0;
    width: 2rem;
    height: 2rem;
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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-left: 4px solid #ff0000;
}

.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-right: 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;
}

.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%, #ff4757 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

/* Terms & Conditions Page Styles */
.terms-hero {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    padding: 6rem 0 4rem;
}

.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%, #ff4757 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: documentFloat 4s ease-in-out infinite;
}

@keyframes documentFloat {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(2deg); }
}

.terms-content-section {
    padding: 4rem 0;
    background: #f8f9fa;
}

.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%, #ff4757 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;
}

.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;
}

.section-title i {
    margin-right: 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-left: 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-left: 4px solid #ff0000;
}

.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-left: 1.5rem;
}

.prohibited-category li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    top: 0.5rem;
}

/* 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;
        left: -3px;
        animation: trackingDotVertical 2s ease-in-out infinite;
    }
    
    @keyframes trackingDotVertical {
        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 Login Page Styles */
.login-page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.login-hero-enhanced {
    flex: 1;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 2rem 0;
    min-height: calc(100vh - 200px);
}

.login-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%);
    animation: loginPatternMove 20s ease-in-out infinite;
}

@keyframes loginPatternMove {
    0%, 100% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(-20px) translateY(-10px); }
    50% { transform: translateX(20px) translateY(10px); }
    75% { transform: translateX(-10px) translateY(20px); }
}

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

.login-floating-elements .floating-card {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 80px;
    max-width: 100px;
    text-align: center;
    animation: floatCard 6s ease-in-out infinite;
}

.login-floating-elements .floating-card i {
    font-size: 1.2rem;
    margin-bottom: 0.25rem;
    display: block;
}

.login-floating-elements .floating-card.card-1 {
    top: 15%;
    left: 8%;
    animation-delay: 0s;
}

.login-floating-elements .floating-card.card-2 {
    top: 55%;
    right: 12%;
    animation-delay: 2s;
}

.login-floating-elements .floating-card.card-3 {
    bottom: 15%;
    left: 15%;
    animation-delay: 4s;
}

.login-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.2);
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin: 2rem 0;
    max-width: 500px;
    width: 100%;
}

.login-logo-section {
    text-align: center;
    margin-bottom: 2rem;
}

.login-logo {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, #ff0000 0%, #C41E3A 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(228, 16, 29, 0.3);
    animation: logoFloat 3s ease-in-out infinite;
}

.login-logo img {
    width: 50px;
    height: 50px;
    filter: brightness(0) invert(1);
}

@keyframes logoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.login-title {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #ff0000 0%, #C41E3A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.login-subtitle {
    color: #6c757d;
    font-size: 1rem;
    margin: 0;
}

.login-form {
    margin-top: 1.5rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.form-label i {
    margin-right: 0.5rem;
    color: #ff0000;
    width: 16px;
}

.required {
    color: #ff0000;
    margin-left: 0.25rem;
}

.form-control {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
}

.form-control:focus {
    outline: none;
    border-color: #ff0000;
    box-shadow: 0 0 0 3px rgba(228, 16, 29, 0.1);
    transform: translateY(-2px);
}

.form-control.has-value {
    border-color: #28a745;
}

.form-control.focused {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.password-input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.password-toggle {
    position: absolute;
    right: 1rem;
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.3s ease;
    z-index: 2;
}

.password-toggle:hover {
    color: #ff0000;
    background: rgba(228, 16, 29, 0.1);
}

.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 0.9rem;
    color: #6c757d;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #e9ecef;
    border-radius: 4px;
    margin-right: 0.5rem;
    position: relative;
    transition: all 0.3s ease;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark {
    background: #ff0000;
    border-color: #ff0000;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.forgot-link {
    color: #ff0000;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.forgot-link:hover {
    color: #C41E3A;
    text-decoration: underline;
}

.login-btn {
    width: 100%;
    background: linear-gradient(135deg, #ff0000 0%, #C41E3A 100%);
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    box-shadow: 0 4px 15px rgba(228, 16, 29, 0.3);
}

.login-btn:hover {
    background: linear-gradient(135deg, #C41E3A 0%, #A52A2A 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(228, 16, 29, 0.4);
}

.login-btn:active {
    transform: translateY(0);
}

.login-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.divider {
    text-align: center;
    margin: 1.5rem 0;
    position: relative;
}

.divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e9ecef;
}

.divider span {
    background: rgba(255, 255, 255, 0.95);
    padding: 0 1rem;
    color: #6c757d;
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
}

.google-btn {
    width: 100%;
    background: #fff;
    color: #333;
    border: 2px solid #e9ecef;
    padding: 1rem 2rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.google-btn:hover {
    background: #f8f9fa;
    border-color: #dee2e6;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    color: #333;
    text-decoration: none;
}

.google-btn i {
    font-size: 1.2rem;
    color: #4285f4;
}

.register-section {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.register-text {
    color: #6c757d;
    margin: 0;
    font-size: 0.95rem;
}

.register-link {
    color: #ff0000;
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.5rem;
    transition: all 0.3s ease;
}

.register-link:hover {
    color: #C41E3A;
    text-decoration: underline;
}

.invalid-feedback {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 0.875rem;
}

.invalid-feedback i {
    margin-right: 0.5rem;
}

        /* RTL Support for Login and Register */
        [dir="rtl"] .login-hero-enhanced,
        [dir="rtl"] .register-hero-enhanced {
            direction: rtl;
        }

        [dir="rtl"] .login-container,
        [dir="rtl"] .register-form-section {
            direction: rtl;
        }

        [dir="rtl"] .login-card,
        [dir="rtl"] .register-card {
            direction: rtl;
            text-align: right;
        }

        [dir="rtl"] .form-control {
            text-align: right;
            direction: rtl;
        }

        [dir="rtl"] .form-control::placeholder {
            text-align: right;
            direction: rtl;
        }

        [dir="rtl"] .form-label {
            flex-direction: row;
            text-align: right;
            justify-content: flex-start;
        }

        [dir="rtl"] .form-label i {
            margin-right: 0.5rem;
            margin-left: 0;
        }

        [dir="rtl"] .input-group {
            direction: rtl;
        }

        [dir="rtl"] .input-group-prepend {
            order: 2;
        }

        [dir="rtl"] .input-group .form-control {
            order: 1;
            text-align: right;
            direction: rtl;
        }

        [dir="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);
        }

        [dir="rtl"] .password-toggle {
            right: auto;
            left: 1rem;
        }

        [dir="rtl"] .password-input-group .form-control {
            padding-right: 3rem;
            padding-left: 1rem;
        }

        [dir="rtl"] .custom-checkbox {
            flex-direction: row-reverse;
            text-align: right;
        }

        [dir="rtl"] .checkmark {
            margin-right: 0;
            margin-left: 0.5rem;
        }

        [dir="rtl"] .invalid-feedback {
            flex-direction: row-reverse;
            text-align: right;
        }

        [dir="rtl"] .invalid-feedback i {
            margin-right: 0;
            margin-left: 0.5rem;
        }

        [dir="rtl"] .section-title {
            text-align: right;
        }

        [dir="rtl"] .card-title,
        [dir="rtl"] .card-subtitle {
            text-align: center;
        }

        [dir="rtl"] .login-title,
        [dir="rtl"] .login-subtitle {
            text-align: center;
        }

        /* Section Title RTL Fixes */
        [dir="rtl"] .section-title {
            text-align: right !important;
            direction: rtl !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
        }

        [dir="rtl"] .section-title i {
            margin-right: 0.75rem !important;
            margin-left: 0 !important;
            order: 1 !important;
        }

        [dir="rtl"] .section-title span,
        [dir="rtl"] .section-title:not(:has(i)) {
            order: 2 !important;
        }

        /* Home Page Section Titles RTL */
        [dir="rtl"] .home-tabs .section-title,
        [dir="rtl"] .home-steps .section-title,
        [dir="rtl"] .home-price .section-title,
        [dir="rtl"] .modern-features .section-title,
        [dir="rtl"] .why-choose-cta .section-title {
            text-align: right !important;
            direction: rtl !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
        }

        [dir="rtl"] .home-tabs .section-title i,
        [dir="rtl"] .home-steps .section-title i,
        [dir="rtl"] .home-price .section-title i,
        [dir="rtl"] .modern-features .section-title i,
        [dir="rtl"] .why-choose-cta .section-title i {
            margin-right: 0.75rem !important;
            margin-left: 0 !important;
            order: 1 !important;
        }

        [dir="rtl"] .home-tabs .section-title span,
        [dir="rtl"] .home-steps .section-title span,
        [dir="rtl"] .home-price .section-title span,
        [dir="rtl"] .modern-features .section-title span,
        [dir="rtl"] .why-choose-cta .section-title span {
            order: 2 !important;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
    .login-hero-enhanced {
        padding: 1rem 0;
    }
    
    .login-card {
        padding: 2rem 1.5rem;
        margin: 1rem;
    }
    
    .login-title {
        font-size: 1.75rem;
    }
    
    .login-logo {
        width: 70px;
        height: 70px;
    }
    
    .login-logo img {
        width: 45px;
        height: 45px;
    }
    
    .login-floating-elements .floating-card {
        padding: 0.5rem 0.75rem;
        font-size: 0.7rem;
        min-width: 70px;
        max-width: 80px;
    }
    
    .login-floating-elements .floating-card i {
        font-size: 1rem;
    }
    
    .login-floating-elements .floating-card.card-1 {
        top: 10%;
        left: 5%;
    }
    
    .login-floating-elements .floating-card.card-2 {
        top: 60%;
        right: 8%;
    }
    
    .login-floating-elements .floating-card.card-3 {
        bottom: 10%;
        left: 10%;
    }
}

@media (max-width: 576px) {
    .login-card {
        padding: 1.5rem 1rem;
        margin: 0.5rem;
        border-radius: 15px;
    }
    
    .login-title {
        font-size: 1.5rem;
    }
    
    .form-options {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .login-floating-elements .floating-card {
        display: none;
    }
}

/* Login Footer Styles */
.login-footer {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    padding: 3rem 0 1.5rem;
    margin-top: auto;
    position: relative;
    overflow: hidden;
}

.login-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(228, 16, 29, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(228, 16, 29, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.footer-brand {
    margin-bottom: 2rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.footer-logo img {
    width: 40px;
    height: 40px;
    margin-right: 1rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff0000 0%, #C41E3A 100%);
    padding: 8px;
    filter: brightness(0) invert(1);
}

.footer-brand-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.footer-description {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.footer-links {
    margin-bottom: 2rem;
}

.footer-title {
    color: #ff0000;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-list li {
    margin-bottom: 0.5rem;
}

.footer-list a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-block;
}

.footer-list a:hover {
    color: #ff0000;
    transform: translateX(5px);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1.5rem;
    margin-top: 2rem;
}

.copyright {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    margin: 0;
}

.footer-social {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.social-link {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.social-link:hover {
    background: #ff0000;
    border-color: #ff0000;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(228, 16, 29, 0.3);
}

/* Login Footer Responsive */
@media (max-width: 768px) {
    .login-footer {
        padding: 2rem 0 1rem;
    }
    
    .footer-brand {
        margin-bottom: 1.5rem;
        text-align: center;
    }
    
    .footer-links {
        margin-bottom: 1.5rem;
    }
    
    .footer-social {
        justify-content: center;
        margin-top: 1rem;
    }
    
    .footer-bottom .row {
        text-align: center;
    }
    
    .copyright {
        margin-bottom: 1rem;
    }
}

@media (max-width: 576px) {
    .login-footer {
        padding: 1.5rem 0 1rem;
    }
    
    .footer-logo {
        justify-content: center;
    }
    
    .footer-logo img {
        margin-right: 0.75rem;
        width: 35px;
        height: 35px;
    }
    
    .footer-brand-text {
        font-size: 1.25rem;
    }
    
    .footer-social {
        gap: 0.75rem;
    }
    
    .social-link {
        width: 35px;
        height: 35px;
        font-size: 0.9rem;
    }
}

/* Enhanced Register Page Styles */
.register-hero-enhanced {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    padding: 6rem 0 4rem;
    position: relative;
    overflow: hidden;
}

.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%, #ff4757 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: registerFloat 4s ease-in-out infinite;
}

@keyframes registerFloat {
    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: floatCard 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%;
    left: 8%;
    animation-delay: 0s;
}

.floating-card.card-2 {
    top: 55%;
    right: 12%;
    animation-delay: 2s;
}

.floating-card.card-3 {
    bottom: 15%;
    left: 15%;
    animation-delay: 4s;
}

@keyframes floatCard {
    0%, 100% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-10px) scale(1.02); }
}

/* Responsive Floating Cards */
@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%;
        left: 5%;
    }
    
    .floating-card.card-2 {
        top: 50%;
        right: 8%;
    }
    
    .floating-card.card-3 {
        bottom: 10%;
        left: 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%;
        left: 3%;
    }
    
    .floating-card.card-2 {
        top: 45%;
        right: 5%;
    }
    
    .floating-card.card-3 {
        bottom: 8%;
        left: 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: #28a745;
    font-size: 1.1rem;
}

.register-form-section {
    padding: 4rem 0;
    background: #f8f9fa;
}

.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%, #ff4757 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;
}

.section-title i {
    margin-right: 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-right: 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;
}

.form-control:focus {
    border-color: #ff0000;
    box-shadow: 0 0 0 0.2rem rgba(228, 16, 29, 0.25);
    background: white;
}

/* Enhanced Input Group Styles */
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.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: 10px 0 0 10px;
    color: white;
    transition: all 0.3s ease;
}

.input-group .form-control {
    border-radius: 0 10px 10px 0;
    border-left: none;
}

.input-group .form-control:focus {
    border-left: none;
    box-shadow: 0 0 0 0.2rem rgba(228, 16, 29, 0.25);
}

.input-group .form-control:focus + .input-group-text {
    background-color: #ff4757;
    border-color: #ff4757;
}

.form-control.is-invalid {
    border-color: #dc3545;
}

.password-input-group {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 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;
}

.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;
}

.terms-text {
    color: #495057;
    line-height: 1.5;
}

.terms-link {
    color: #ff0000;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.terms-link:hover {
    color: #ff4757;
    text-decoration: underline;
}

.register-btn {
    background: linear-gradient(135deg, #ff0000 0%, #ff4757 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: #ff4757;
    text-decoration: underline;
}

/* Modal 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%, #ff4757 100%);
    color: white;
    border-radius: 15px 15px 0 0;
    padding: 1.5rem 2rem;
}

.modal-title {
    font-weight: 700;
    margin: 0;
}

.modal-title i {
    margin-right: 0.5rem;
}

.modal-body {
    padding: 2rem;
    max-height: 60vh;
    overflow-y: auto;
}

.modal-footer {
    border-top: 1px solid #e9ecef;
    padding: 1.5rem 2rem;
}

/* 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;
    }
}

/* 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.css.map */