* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}


img {
    max-width: 100%;
    height: auto;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("fonts/ProximaNova-Bold.woff2") format("woff2"), url("fonts/ProximaNova-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("fonts/ProximaNova-Regular.woff2") format("woff2"), url("fonts/ProximaNova-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-size: 16px;
    font-family: "Proxima Nova";
    line-height: 1.4;
}

h1 {
    font-size: 55px;
    font-weight: bold;
    line-height: 1.2em;
}

h2 {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0.5em;
}

/*menu btn*/
.m-menu {
    width: 27px;
    height: 16px;
    position: relative;
}

.m-menu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 38px;
    background: #fff;
    opacity: 1;
    left: 7px;
    border-radius: 2px;
}

.m-menu span:nth-child(1) {
    top: 9px;
}

.m-menu span:nth-child(2) {
    top: 19px;
}

.m-menu span:nth-child(3) {
    top: 29px;
}

.m-menu {
    transform: rotate(0);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    z-index: 11;
    display: none;
    width: 52px;
    margin: auto;
    height: 42px;
    position: absolute;
    right: 50px;
    background: #0000004a;
    border-radius: 10px;
    top: 21px;
}

.m-menu span {
    transform: rotate(0);
    transition: 0.25s ease-in-out;
}

.mm-open .m-menu span:nth-child(1) {
    top: 19px;
    transform: rotate(135deg);
}

.mm-open .m-menu span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.mm-open .m-menu span:nth-child(3) {
    top: 19px;
    transform: rotate(-135deg);
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

.container {
    max-width: 1280px;
    width: 100%;
    padding-left: 70px;
    padding-right: 70px;
    margin: auto;
}

.header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

.header .logo{
    z-index:11;
}
.header .logo img {
    width: 170px;
    display: block;
}

.header .container {
    height: 130px;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.header .navi {
    margin-left: auto;
    display: flex;
}

.header .main-menu {
}

.header .main-menu ul {
    display: flex;
}

.header .main-menu ul li {
    display: block;
}

.header .main-menu a {
    display: block;
    color: #fff;
    padding: 15px;
}

.header .main-menu li:hover>a {
    color: #f47521;
}

.header .buttons {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.header .buttons>a {
    background-color: #ffffff5c;
    height: 40px;
    display: flex;
    padding: 0 30px 0 20px;
    border-radius: 20px;
    margin: 0 18px 0 0;
    align-items: center;
    color: #fff;
}

.header .buttons>a:hover {
    background: #5171EA;
}

.header .buttons svg {
    width: 40px;
}

.header .buttons path {
    fill: #fff;
}

.header .buttons .languages {
    position: relative;
}

.header .buttons .languages button {
    height: 40px;
    background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M26.8,14H19l-0.7-2.5h-5.1c-0.9,0-1.7,0.8-1.7,1.7v11c0,0.9,0.8,1.7,1.7,1.7h6l0.8,2.5h6.8c0.9,0,1.7-0.8,1.7-1.7v-11 C28.5,14.8,27.7,14,26.8,14z M15.9,22.2c-1.9,0-3.5-1.6-3.5-3.5s1.6-3.5,3.5-3.5c0.9,0,1.7,0.3,2.3,0.9l0.1,0.1l-1,1l-0.1,0 c-0.2-0.2-0.7-0.5-1.3-0.5c-1.1,0-2,0.9-2,2.1s0.9,2.1,2,2.1c1.2,0,1.7-0.7,1.8-1.2h-1.9v-1.3h3.4l0,0.1c0,0.2,0,0.3,0,0.5 C19.2,20.8,17.9,22.2,15.9,22.2z M20.6,19.2H24c0,0-0.3,1.1-1.3,2.3c-0.5-0.5-0.8-1-1-1.4h-0.8L20.6,19.2z M22,22.2l-0.5,0.5 L21,20.8C21.3,21.3,21.6,21.8,22,22.2z M27.6,26.8c0,0.5-0.4,0.8-0.8,0.8h-5.9l1.7-1.7l-0.7-2.4l0.8-0.8l2.3,2.3l0.6-0.6l-2.3-2.3 c0.8-0.9,1.4-1.9,1.6-3h1.1v-0.9h-3.1v-0.9H22v0.9h-1.7l-1-3.4h7.5c0.5,0,0.8,0.4,0.8,0.9V26.8z'/%3E%3C/svg%3E") no-repeat center left 10px;
    background-size: 40px;
    border: 0;
    width: 90px;
    border-radius: 20px;
    padding-left: 20px;
    color: #fff;
    cursor: pointer;
}

.header .buttons .languages ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #000;
    color: #fff;
    border-radius: 15px;
    margin-top: 0;
    padding: 10px 0;
    opacity: 0;
    transition: all 0.3s ease;
    visibility: hidden;
    pointer-events: none;
}

.header .buttons .languages.act ul {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    margin-top: 10px;
}

.header .buttons .languages ul li {
    display: block;
}

.header .buttons .languages a {
    display: block;
    white-space: nowrap;
    min-width: 100px;
    padding: 5px 20px;
    color: #fff;
    font-weight: bold;
}

.header .buttons .languages a:hover {
    color: #F47521;
}

.hero {
    background: #425bd0 url(images/bg1.png) no-repeat center bottom;
    background-size: cover;
    padding-top: 180px;
    font-size: 18px;
    color: #fff;
}

.container.intro {
    display: flex;
    align-items: center;
}

.hero .left {
    width: 56%;
}

.hero .right {
    margin-left: 0;
    margin-right: -50px;
}

.hero h1 {
    color: #fff;
    margin-bottom: 0.4em;
}

.hero h1 span {
    color: #F47521;
}

.hero p {
    max-width: 550px;
}

.hero .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 30px;
    font-weight: bold;
    font-size: 17px;
    grid-gap: 5px 10px;
    margin-bottom: 50px;
}

.hero .list li, .about li {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23b3bffa' d='M8.56,.02c-1.14-.08-2.29,.09-3.36,.49-1.07,.4-2.05,1.03-2.86,1.84-.81,.81-1.44,1.79-1.84,2.86C.1,6.28-.06,7.43,.02,8.57c.29,4.24,4.04,7.43,8.7,7.43h3.94c.88,0,1.73-.35,2.36-.98,.62-.62,.98-1.47,.98-2.36v-4.44c.02-2.06-.73-4.04-2.11-5.57C12.51,1.14,10.61,.2,8.56,.02Zm3.91,6.46l-4.53,4.47c-.25,.25-.59,.39-.94,.39s-.69-.14-.94-.39l-2.52-2.47c-.13-.12-.2-.29-.2-.47,0-.18,.07-.35,.19-.47s.29-.2,.47-.2c.18,0,.35,.07,.47,.19l2.53,2.47,4.54-4.47c.13-.11,.29-.17,.46-.17,.17,0,.33,.08,.45,.2s.19,.28,.19,.45c0,.17-.06,.34-.17,.46h0Z'/%3E%3C/svg%3E") no-repeat 0px 2px;
    padding-left: 30px;
    background-size: 16px;
    display: block;
}

.hero .trackbox {
    color: #222;
    height: 76px;
    border-radius: 38px;
    background: #ffffff78;
    padding: 7px;
}

.hero .trackbox #phone {
    height: 62px;
    border-radius: 31px;
    border: none;
    outline: none;
    font-weight: bold;
    font-size: 17px;
    font-family: inherit;
    text-indent: 10px;
}

.hero .iti__flag-container {
}

.iti--separate-dial-code .iti__selected-flag {
    padding-left: 20px;
    border-radius: 31px 0 0 31px;
}

.hero .trackbox button {
    flex-grow: 1;
    margin-left: 7px;
    border: none;
    outline: none;
    border-radius: 31px;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 30px;
    color: #fff;
    background: #F47521 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z'/%3E%3C/svg%3E") no-repeat center right 20px;
    background-size: 20px;
    height: 62px;
}

.hero .svg-bottom {
    display: block;
    position: relative;
    bottom: -2px;
}

.hero .svg-bottom path {
    fill: #fff;
}

.trackbox form {
    display: flex;
    width: 100%;
}

.trackbox form input, .trackbox form>div {
    width: 390px;
}

.container.services {
    background: #00000029;
    border-radius: 45px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 70px;
    padding-bottom: 70px;
    grid-gap: 60px;
    font-size: 17px;
}

.services img {
    width: 60px;
    background: #6d84de;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.services .service:hover img {
    background: #f47521;
}

.container.about {
    display: flex;
    margin-bottom: 60px;
}

.container.about .left {
    width: 50%;
}

.about h2 span, .why h2 span {
    color: #f47521;
}

.about li {
    display: block;
    margin-bottom: 5px;
}

.sub-title {
    color: #5171EA;
    font-size: 20px;
    margin-bottom: 10px;
}

.container.how {
    background: #f9fafe;
    padding-top: 70px;
    padding-bottom: 70px;
    border-radius: 50px;
    margin-bottom: 70px;
}

.how .boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
    font-size: 17px;
    padding-top: 40px;
    color: #646464;
}

.how .boxes h3 {
    color: #222;
}

.box svg, .box img {
    width: 70px;
    background: #f0f2f9;
    border-radius: 20px;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.box path {
    fill: #5171EA;
}

.box:hover path {
    fill: #fff;
}

.box:hover svg {
    background: #5171EA;
}

.container.why {
    margin-bottom: 80px;
}

.why .boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 60px;
    font-size: 17px;
    padding-top: 30px;
}

.why .box svg {
    width: 60px;
}

.why p {
    color: #646464;
}

.section-faq {
    border-radius: 50px 50px 0 0;
    max-width: 1280px;
    margin: auto;
    background: #2840b5 url(images/faqbg.png) no-repeat center bottom;
}

.section-faq .svg-faq {
    position: relative;
    display: block;
    bottom: -2px;
    width: 100%;
    height: auto;
}

.section-faq .svg-faq path {
    fill: #fff;
}

.container.faq {
    background-size: cover;
    padding-top: 70px;
    color: #fff;
    display: flex;
}

.faq .left {
    width: 60%;
}

.faq .sub-title {
    color: #f47521;
}

.tabs {
    padding-left: 30px;
    padding-top: 30px;
}

.tab {
    padding-bottom: 10px;
}

.tab h3 {
    position: relative;
    cursor: pointer;
}

.tab .text {
    overflow: hidden;
    transition: all 0.3s ease;
}

.tab .text>div {
    padding-bottom: 10px;
}

.tab .tab-title .plus {
    width: 12px;
    display: block;
    position: absolute;
    left: -25px;
    top: 12px;
    transition: all 0.3s ease;
}

.tab .tab-title .plus:before {
    content: '';
    display: block;
    height: 2px;
    background: #fff;
    width: 12px;
}

.tab .tab-title .plus:after {
    content: '';
    display: block;
    background: #fff;
    height: 12px;
    width: 2px;
    position: absolute;
    left: 5px;
    top: -5px;
    transition: all 0.3s ease;
    transform: rotate(0deg);
}

.tab.act .tab-title .plus:after {
    transform: rotate(90deg);
}

.tab.act .tab-title .plus {
    transform: rotate(180deg);
}

.reviews {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    margin-bottom: 70px;
}

.reviews .tslider {
}

.tslider-wrap {
    position: relative;
    padding: 0 60px;
}

.swiper-slide {
    padding-top: 50px;
    padding-bottom: 60px;
}

.testimonial {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 20px 25px 6px rgba(152, 152, 152, 0.06);
    padding: 0 30px 30px;
    font-size: 17px;
    line-height: 1.5;
}

.testimonial .title {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
}

.testimonial .people {
    display: flex;
    padding-top: 30px;
}

.testimonial img {
    width: 55px;
    margin-right: 20px;
}

.swiper-button-next, .swiper-button-prev {
    background: #5171EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z'/%3E%3C/svg%3E") no-repeat center right 20px;
    background-size: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 11;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #F47521;
}

.swiper-button-prev {
    left: 0;
    transform: rotate(180deg);
    right: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.stars {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='100' title='star'%3E%3Cpath fill='%23F47521' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z' /%3E%3C/svg%3E") repeat-x;
    width: 90px;
    height: 18px;
    background-size: 18px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 10px;
}

.bottom {
    background: #050505 url(images/footerbg.png) no-repeat center top;
    background-size: cover;
    color: #fff;
}

.bottom .svg-footer {
    width: 100%;
    display: block;
    position: relative;
    top: -2px;
    pointer-events: none;
    margin-bottom: -10vw;
}

.bottom .svg-footer path {
    fill: #fff;
}

.container.pricing {
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 47px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 20px 25px 6px rgba(152, 152, 152, 0.06);
    font-size: 17px;
}

.pricing h3 {
    font-size: 20px;
    font-weight: normal;
    color: #F47521;
}

.pricing {
    display: flex;
}

.pricing .price {
    width: 330px;
    padding-right: 100px;
}

.pricing .amount {
    font-weight: bold;
    font-size: 45px;
}

.pricing .amount span {
    font-size: 20px;
}

.pricing .then {
    margin-bottom: 30px;
}

a.btn {
    background: #5171EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z'/%3E%3C/svg%3E") no-repeat center right 20px;
    background-size: 20px;
    height: 60px;
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 30px;
    padding-left: 30px;
    font-weight: bold;
    font-size: 17px;
}

a.btn:hover {
    background-color: #F47521;
}

.included ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 6px 80px;
    font-weight: bold;
}

.included li {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%235171EA' d='M8.56,.02c-1.14-.08-2.29,.09-3.36,.49-1.07,.4-2.05,1.03-2.86,1.84-.81,.81-1.44,1.79-1.84,2.86C.1,6.28-.06,7.43,.02,8.57c.29,4.24,4.04,7.43,8.7,7.43h3.94c.88,0,1.73-.35,2.36-.98,.62-.62,.98-1.47,.98-2.36v-4.44c.02-2.06-.73-4.04-2.11-5.57C12.51,1.14,10.61,.2,8.56,.02Zm3.91,6.46l-4.53,4.47c-.25,.25-.59,.39-.94,.39s-.69-.14-.94-.39l-2.52-2.47c-.13-.12-.2-.29-.2-.47,0-.18,.07-.35,.19-.47s.29-.2,.47-.2c.18,0,.35,.07,.47,.19l2.53,2.47,4.54-4.47c.13-.11,.29-.17,.46-.17,.17,0,.33,.08,.45,.2s.19,.28,.19,.45c0,.17-.06,.34-.17,.46h0Z'/%3E%3C/svg%3E") no-repeat 0px 2px;
    padding-left: 30px;
    background-size: 16px;
    display: block;
}

.container.asseen {
    display: flex;
    padding-right: 0;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.asseen h2 {
    padding-right: 50px;
    margin: 0;
}

.logos {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.container.footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-radius: 50px 50px 0 0;
    background: #5171EA;
    padding-top: 70px;
    padding-bottom: 70px;
    grid-gap: 0 20px;
}

.footer .col {
    padding-bottom: 70px;
}

.footer li {
    display: block;
}

.footer li a {
    color: #D1D1D1;
}

.footer li a:hover {
    color: #F47521;
}

.footer .socials {
    display: flex;
}

.socials svg {
    width: 48px;
    margin-right: 10px;
    border-radius: 50%;
}

.socials path {
    fill: #fff;
}

.socials a:hover path {
    fill: #F47521;
}

.footer .half {
    grid-column-start: span 2;
}

.footer .half.last {
    text-align: right;
}

.footer a.btn {
    max-width: 240px;
    border: 2px solid #fff;
    margin-top: 30px;
}

@media(max-width: 1300px) {
    .container {
        margin-left:20px;
        margin-right: 20px;
        width: auto;
    }

    .trackbox form input, .trackbox form>div {
        width: 270px;
    }

    .container.services {
        margin-top: 30px;
    }
}

@media(max-width: 1100px) {
    h1 {
        font-size:40px;
    }

    .hero {
        font-size: 16px;
    }

    .hero .list {
        font-size: 15px;
    }

    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .container.asseen {
        display: block;
        padding-right: 30px;
    }

    .asseen h2 {
        margin-bottom: 20px;
    }

    .container.pricing {
        flex-wrap: wrap;
    }

    .pricing .price {
        width: 100%;
        max-width: 300px;
        margin-bottom: 30px;
    }

    .header .navi {
        position: absolute;
        background-color: #000;
        display: block;
        right: 0;
        width: 100%;
        max-width: 300px;
        border-radius: 20px;
        right: 50px;
        top: 80px;
        opacity:0;
        pointer-events:none;
        transition:all 0.3s ease;
        
    }
    .mm-open .header .navi {
        opacity:1;
        pointer-events:all;
    }
    

    .header .main-menu ul, .header .buttons {
        display: block;
        text-align: center;
    }
    .header .buttons>a{
        max-width: 220px;
        margin: auto auto 10px;
    }
    .m-menu{
        display:block;
    }
    .header .buttons .languages ul{
        position:relative;
        height:0;
    }
    .header .buttons .languages.act ul{
        height:auto;
    }
}


@media(max-width:767px){
    h1{
        font-size: 31px;
    }
    h2{
        font-size: 30px;
        text-align: center;
    }
    .sub-title{
        text-align:center;
    }
    .container{
        margin-left:0;
        margin-right:0;
    }
    .header .container{
        height:90px;
    }
    .m-menu{
        right:30px;
    }
    .hero .left{
        text-align:center;
    }
    .hero .list{
        grid-template-columns:1fr;
        text-align:left;
        max-width:300px;
        margin:auto auto 30px;
    }
    .container.intro,
    .container.about,
    .container.faq{
        flex-direction: column-reverse;
    }
    .hero .left,
    .hero .trackbox button,
    .container.about .left,.faq .left{
        width:100%;
    }
    .trackbox form{
        display:block;
    }
    .hero .trackbox button{
        margin-top:15px;
        margin-left: 0;
    }
    .hero .trackbox{
        padding: 0;
        background: transparent;
        border-radius: 0;
        height: auto;
    }
    
    .hero .trackbox #phone{
        height: 57px;
        /*outline: 5px solid #ffffff63;*/
        
    }
    .trackbox form input, .trackbox form>div{
        width:100%;
    }
    .container.services,
    .why .boxes{
        grid-template-columns:1fr 1fr;
        margin: 30px 20px;
        text-align: center;
        grid-gap: 30px;
    }
    .container.services{
    }
    .container.services h3{
        font-size:15px;
    }
    .hero p{
        font-size:14px;
    }
    .hero .right{
        margin:0
    }
    .how .boxes{
        grid-template-columns:1fr;
            text-align:center;
    }
    .container.how{
        margin:0 20px;
    }
    .why .boxes{
        margin-left:0;
        margin-right:0;
    }

    .logos{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 15px;
    }
    .section-faq{
        margin: 0 20px 40px;
        border-radius: 20px 20px 0 0;
    }

    .swiper-slide{
        padding:30px;
    }

    .swiper-button-next, .swiper-button-prev{
        bottom:0;
        top:auto;
        margin-top:0;
    }
    .swiper-button-next{
        left:50%;
        margin-left:10px;
    }
    .swiper-button-prev{
        right:50%;
        margin-right:10px;
        left: auto;
    }
    .tslider-wrap{
        padding: 0 0 80px;
    }
    .bottom .container{
        margin-left:10px;
        margin-right:10px;
    }
    .container.footer{
        display:block;
        text-align:center;
        padding: 30px;
    }
    .included ul{
        grid-template-columns:1fr;
    }
    .pricing h3{
        text-align:center;
    }
    .pricing .price{
        text-align:center;
        margin: auto auto 30px;
        padding-right: 0;
        max-width: 250px;
    }
    .footer .col{
        padding-bottom:20px;
    }
    .footer .socials{
        justify-content: center;
    }
    .footer a.btn{
        margin:30px auto auto;
    }
    .footer .half,
    .footer .half.last{
        text-align:center;
        font-size: 14px;
    }
    .header .navi{
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        height: auto;
        border-radius: 0;
        padding-top: 90px;
    }
    .container.pricing{
        border-radius:20px;
    }
    .bottom .svg-footer{
        margin-bottom:-2vw;
    }
}