html{font-size: 0.83vw}
body{padding:0;margin:0;overflow-x: hidden;font-family: 'Lato', sans-serif;font-size: 1rem;color:#606A76;background-image: url(../img/bg-circle.svg);background-repeat: no-repeat;background-attachment: fixed;background-position: right bottom;}
.wrapper{width:100%;display: block;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6,p{margin:0}
h3,h1,h2,h4{color:#111828;
    text-align: center;
    font-size: 16px;
}
*:focus{outline:none;}

.container{width: 82.5rem;}
.button-secondary{font-weight: 600;color:#0070C4;font-size:1rem;padding:1rem 1.5rem 1.1rem 1.5rem;border:0.0625rem solid #0070C4;border-radius: 0.31rem;transition: 0.3s ease all;display: inline-block;margin-right:1rem;background-color: #fff;}
.button-secondary:hover{background:#0070C4;color:#ffffff;}
.button-primary{display: inline-block;font-weight: 600;color:#ffffff;background: #0070C4;font-size:1rem;padding:1rem 1.5rem 1.1rem 1.5rem;border:0.0625rem solid #0070C4;border-radius: 0.31rem;transition: 0.3s ease all;margin-right:1rem;}
.read-more{font-weight: bold;color:#0070C4;font-size:1.2rem;position: relative;}
.read-more::after{content: "";display: block;box-sizing: border-box;position: absolute;width: 0.625rem;height: 0.625rem;border-bottom: 0.125rem solid;border-right: 0.125rem solid;transform: rotate(-45deg);right: -0.725rem;top: 0.56rem;transition: 0.2s ease all;}
.read-more:hover:after{right:-1.2rem}
.slider-art-1{width:6.25rem;display: block;height:auto;position: absolute;left:8.56rem;bottom:9.25rem;}
.slider-art-1 img{width:100%;display: block;height: auto;}
.slider-art-2{width:6.25rem;display: block;height:auto;position: absolute;right:8.56rem;top:9.25rem;}
.slider-art-2 img{width:100%;display: block;height: auto;}
section{padding:6.25rem 0;}
.title-center{width:100%;display: block;text-align: center;margin-bottom:4.125rem}
.title-center h2{font-size:2rem;margin-bottom:1rem;}

.tab {width: 100%;padding:3.6rem 2.56rem;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.04);border-radius:1.5rem;background:#ffffff;}
.tabs_item {display: none;}
.tabs_item.active {display: block;}
.tabs {display: flex;align-items: center;justify-content: space-around;list-style: none;padding:0 0 3.25rem 0}
.tabs li {cursor: pointer;text-align: center;transition: all 0.15s linear;position: relative;}
.tabs li::after{content: '';width:10.25rem;height:0.1rem;background:currentColor;display: block;position: absolute;left:8.5rem;top:2rem}
.tabs li:nth-last-child(1)::after{display: none;}
.tabs li svg{width:3.125rem;height: 3.125rem;}
.tabs li.current svg {color:#0070C4}

ul.accordion-list {position: relative;display: block;width: 100%;height: auto;margin: 0;list-style: none;padding:0;background:#fff;}
ul.accordion-list li {position: relative;display: block;width: 100%;height: auto;background-color: #fff;margin: 0 auto 1rem auto;cursor: pointer;}
ul.accordion-list li.active h3:after {transform: rotate(-140deg);}
ul.accordion-list li h3 {font-weight: 700;position: relative;display: block;width: 100%; height: auto;padding: 0 1rem;margin: 0;font-size: 15px;letter-spacing: 0.01em;cursor: pointer;border-bottom:0.0625rem solid #eee;padding-bottom:1rem;}
ul.accordion-list li h3:after {content: "";display: block;box-sizing: border-box;position: absolute; width: 10px;height: 10px; border-bottom: 2px solid;border-right: 2px solid; transform: rotate(45deg); right: 20px;top: 4px;border-color:#0070C4}
ul.accordion-list li div.answer {position: relative;display: block;width: 100%;height: auto;margin: 0;padding: 0; cursor: pointer;padding:1.5rem 1rem;}
ul.accordion-list li div.answer ul{width:100%;padding:0;display: grid;grid-template-columns: repeat(3,1fr);gap:0.5rem}
ul.accordion-list li div.answer ul a{transition: 0.3s ease all;}
ul.accordion-list li div.answer ul a:hover{color:#0070C4;font-weight: bold;}


header{display: flex;padding-top:2.8rem;justify-content: center;position: fixed;top:0;left:0;width:100%;transition: 0.3s ease all;z-index: 20;}
body.scroll header{background:#ffffff;padding:1rem 0;border-bottom: 1px solid #eee;}
header .container{display: flex;align-items: center;}
header .logo{width:18.5rem;display: block;}
header .logo img{width:100%;display: block;height: auto;}
header .menu{flex-grow: 1;width:100%;display: flex;justify-content: flex-end;align-items: center;}
header .menu ul{display: flex;list-style: none;font-weight: 500;color:#2E3440;padding-right: 1.25rem;}
header .menu ul li{padding:2px 9px;}
header .menu ul li a{transition:0.2s ease all;}
header .menu ul li a:hover{color:#0070C4;}
header .menu ul li a.active{color:#0070C4;}
header .mbl-menu-btn{display: none}

.wa_btn{box-sizing: border-box;display: inline-flex;padding: 10px 14px;justify-content: center;align-items: center;color: #fff;cursor: pointer;font-family: inherit,Roboto;background: #16BE45;border-radius:40px;}
.wa_btn span {margin-left: 8px !important;font-style: normal;font-size: 14px;line-height: 20px;}

.slider{width:100%;display: flex;justify-content: center;padding:9rem 0 6.25rem 0;position: relative;background:#fff;}
.slider::before{content:'';width: 5.3rem;height: 5.3rem;background:#DBEAFF;border-radius: 100%;position: absolute;top:10.1rem;left:50%;}
.slider::after{content:'';width: 2.5rem;height: 2.5rem;background:#DBEAFF;border-radius: 100%;position: absolute;bottom:4rem;left:50%;}
.slider .container{display: flex;align-items: center;flex-wrap: wrap;}
.slider .container .each{display: flex !important;align-items: center;flex-wrap: wrap;}
.slider .txt, .slider .img {width:50%;}
.slider .txt h1{font-size:4rem;margin:0 0 2.15rem 0;color:#111828;font-weight: 900;}
.slider .txt h1 span{color:#0070C4;}
.slider .txt p{margin:0;margin:0 0 2.15rem 0;font-size:1.37rem;}
.slider .img img{width:100%;display: block;height: auto;}

.quickcheck{width:100%;display: flex;justify-content: center;padding:0 0 6.25rem 0;background:#fff;}
.quickcheck .container{display: flex;justify-content: center;}
.quickcheck .form{width:56.125rem;border-radius: 1.75rem;box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.03);padding:1.75rem;}
.quickcheck h2{color:#111828;font-size:2rem;display: flex;align-items: center;margin-bottom: 0.5rem;}
.quickcheck h2 img{width:2.18rem;display: block;height: auto;margin-right:0.6rem;}
.quickcheck p{margin-bottom:1rem;}
.quickcheck .list{width:100%;display: grid;grid-template-columns: repeat(4,1fr);align-items: center;}
.quickcheck select{margin-right:1rem;}
.quickcheck .select2-container--default .select2-selection--single{padding:1rem;min-height: 3.4rem;border-radius: 0.31rem;border:0.0625rem solid #D1D4DB}
.quickcheck .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 1.12rem !important;color:#4B5463}
.quickcheck .select2-container--default .select2-selection--single .select2-selection__arrow b{top:1.7rem;left:0rem;border-width:0.312rem 0.25rem 0 0.25rem}
.quickcheck .select2-container{width:100% !important;}
.quickcheck .select2-container .select2-selection--single{height: auto;}
.quickcheck input{padding: 1rem;border: 0.0625rem solid #D1D4DB;border-radius: 0.31rem;}

.section-1{width:100%;display: flex;justify-content: center;background: #F0F9FF;}
.section-1 .list{width:100%;display: grid;grid-template-columns: repeat(4,1fr);}
.section-1 .list .each{display: flex;text-align: center;transition: 0.2s ease all;padding:3.75rem;border-radius: 1rem;flex-wrap: wrap;justify-content: center;}
.section-1 .list .each:hover{box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);background:#ffffff;}
.section-1 .img{width:4.56rem;height: 4.56rem;display: flex;justify-content: center;align-items: center;border-radius: 100%;margin-bottom:1.56rem;}
.section-1 .each.one .img{background:#DBEAFF;}
.section-1 .each.two .img{background: #FEECD4;}
.section-1 .each.three .img{background: #DCFCE7;}
.section-1 .each.four .img{background:#FEF9C2;}
.section-1 .each img{width:1.37rem; display: block;}
.section-1 h3{width:100%;margin-bottom:0.7rem;}
.section-1 p{width:100%;}

.section-2{width:100%;display: flex;justify-content: center;}
.section-2 .list{display: grid;grid-template-columns: repeat(2,1fr);width:100%;}
.section-2 .img{width:100%;display: block;}
.section-2 .img img{width:29rem;display: block;height: auto;}
.section-2 .txt{width:100%;display: block;}
.section-2 .txt h2{font-size:2rem;margin-bottom:1.56rem}
.section-2 .txt>p{margin-bottom:1.56rem;}
.section-2 .txt .list{width:100%;display: grid;grid-template-columns: repeat(2,1fr);margin-bottom: 1rem;gap: 0 1rem;}
.section-2 .txt .list .each{margin-bottom:2rem;}
.section-2 .txt .list h2{font-size: 1.375rem;}

.section-3{width:100%;display: flex;justify-content: center;padding:6.25rem 0;background:#F0F9FF;position: relative;}
.section-3::before{content:"";background:#FFEDD5;width:7.81rem; height: 7.81rem;border-radius: 100%;position: absolute;top:6.28rem;left:4.25rem;}
.section-3::after{content:"";background:#FFEDD5;width:5.31rem; height: 5.31rem;border-radius: 100%;position: absolute;bottom:6.28rem;right:4.25rem;}
.section-3 .list{width:100%;display: grid;grid-template-columns: repeat(3,1fr);gap:3.43rem}
.section-3 .list .each{border-radius: 0.5rem;transition: 0.2s ease all;border-radius: 1rem;overflow: hidden;}
.section-3 .list .each:hover{background:#fff;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);}
.section-3 .list .each .img{width:100%;display: block;position: relative}
.section-3 .list .each .img>img{width:100%;}
.section-3 .list .each .ico{width:4rem;height: 4rem;background:#ffffff;border:0.125rem solid #0070C4;display: flex;justify-content: center;align-items: center;border-radius: 100%;position: absolute;bottom:-2rem;left:0;right:0;margin:auto;}
.section-3 .list .each .ico img{width:1.25rem;display: block;height:auto;}
.section-3 .list .each .txt{padding:3.56rem;text-align: left;}
.section-3 .list .each .txt h3{font-size:1.375rem;margin-bottom: 0.4rem;}
.section-3 .list .each .txt p{margin-bottom:1rem;}


.section-4{width:100%;display: flex;justify-content: center;}
.section-4 .title-left{display: flex;width:100%;align-items: center;margin-bottom:4.125rem}
.section-4 .title-left .content{flex-grow: 1;}
.section-4 .title-left h2{font-size:2rem;margin-bottom:1rem;}
.section-4 .list{width:100%;display: grid;grid-template-columns: repeat(3,1fr);gap:3.43rem;}
.section-4 .list .each{display: block;padding:1.56rem;transition: 0.2s ease all;border-radius: 1.5rem;background:#fff;}
.section-4 .list .each:hover{box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);}
.section-4 .list .each img{width:100%;display: block;height: auto;border-radius: 1.3rem;}
.section-4 .list .each span{margin:0.5rem 0;display: block;}
.section-4 .list .each h3{margin-bottom:1rem;}

.section-5{width:100%;display: flex;justify-content: center;padding:6.25rem 0;background:#F0F9FF;}
.section-5 .tag{width:100%;display: block;background:#ffffff;position: relative;padding:2.8rem 2rem;}
.section-5 .tag::before{content:"";height: 100%;width:0.31rem;background:#0070C4;display: block;position: absolute;top:0;left:0;}
.section-5 .tag h3{margin-bottom:0.5rem;}

/**********************************/
.where-you-can-reach-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 40px 0;
}

ul.where-you-can-reach-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul.where-you-can-reach-list li {
    display: flex;
    align-items: center;
    gap: 10px;

}

ul.where-you-can-reach-list li i {
    color: var(--text-black);
}

.fa-location-dot:before, .fa-map-marker-alt:before {
    content: "\f3c5";
        margin-left: 50px;
}
*, ::before, ::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.page-width {
    width: 100%;
    max-width: 1170px;
    padding: 1.5rem 2rem;
    margin: 0 auto;
    
}
footer{width:100%;display: flex;justify-content: center;}
footer .list{width:100%;display: grid;grid-template-columns: repeat(2,1fr);padding:4rem 0;align-items: flex-start;}
footer .left img{width:1.56rem;height: auto;display: block;margin-right: 1rem;}
footer .left .footer-logo img{width:18.5rem;display: block;margin-bottom: 2.5rem;}
footer .left p a{display: flex;align-items: center;margin-bottom: 1.43rem;}
footer .right{display: grid;justify-content: flex-end;}
footer .right>div{display: flex;align-items: center;}
footer .right h3{margin-bottom:0.8rem;}
footer .facebook {box-sizing: border-box;position: relative; display: block;transform: scale(var(--ggs,1)); width: 20px;height: 20px;color:#0070C4; margin-bottom: 2rem;margin-right:1rem}
footer .facebook::after,footer .facebook::before {content: "";display: block; position: absolute; box-sizing: border-box}
footer .facebook::before {width: 8px;height: 20px;border-left: 4px solid;border-top: 4px solid;border-top-left-radius: 5px;left: 6px}
footer .facebook::after {width: 10px;height: 4px;background: #0070C4;top: 7px;    left: 4px;transform: skew(-5deg)}
footer .instagram {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1)); border: 2px solid transparent;box-shadow: 0 0 0 2px;border-radius: 4px;width: 20px;height: 20px;color:#0070C4;margin-bottom: 2rem;margin-left: 10px;}
footer .instagram::after,footer .instagram::before {content: "";display: block;box-sizing: border-box;position: absolute}
footer .instagram::after { border: 2px solid;left: 3px;width: 10px;height: 10px;  border-radius: 100%;top: 3px}
footer .instagram::before {border-radius: 3px; width: 2px;height: 2px;background: currentColor;right: 1px; top: 1px}
footer .linkedin {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1)); border: 2px solid transparent;box-shadow: 0 0 0 2px;border-radius: 4px;width: 20px;height: 20px;color:#0070C4;margin-bottom: 2rem;margin-left: 10px;}
footer .linked::after,footer .instagram::before {content: "";display: block;box-sizing: border-box;position: absolute}
footer .linked::after { border: 2px solid;left: 3px;width: 10px;height: 10px;  border-radius: 100%;top: 3px}
footer .linked::before {border-radius: 3px; width: 2px;height: 2px;background: currentColor;right: 1px; top: 1px}
footer form{display: flex;align-items: center;}
footer form>div{width:100%;border:none;border-bottom:0.0625rem solid #C4C5C9;display: flex;}
footer form input{padding:0.5rem;border:none}
footer form button{background:#ffffff;border:none;}
footer form button{width:2.5rem;display: block;height: auto;}
footer .bottom{width:100%;display: flex;align-items: center;justify-content: space-between;border-top:0.0625rem solid #eee;padding:2.5rem 0;}
footer .bottom a{display: inline-block;transition:0.2s ease all;}
footer .bottom a:hover{color:#0070C4}

.inner-slider{width:100%;display: flex;justify-content: center;padding:20rem 0 12.5rem 0;position: relative;background:#fff;text-align: center;background-image: url(../img/inner-page-bg-circle.svg);background-repeat:no-repeat;background-position:top left;background-size: contain;}
.inner-slider.request{padding:10rem 12.5rem}
.inner-slider.request .content{position: relative;}
.inner-slider::before{content:'';width:5.36rem;height: 5.36rem;position: absolute;background:#DBEAFF;border-radius: 100%;top:11.18rem;}
.inner-slider::after{content:'';width:2.5rem;height: 2.5rem;position: absolute;background:#DBEAFF;border-radius: 100%;bottom:3rem}
.inner-slider .content{width:50rem;}
.inner-slider .content h1{font-size:3.625rem;font-weight: 900;margin-bottom:0.7rem;}
.inner-slider .content h1 span{color:#0070C4;}
.inner-slider .content p{font-size:1.37rem;}

.request-repair{width:100%;display: flex;justify-content: center;padding:10rem 0 2rem 0}
.request-repair .first .list{display: grid;grid-template-columns: repeat(2, 1fr);gap:0 4.6rem}
.request-repair .first .list .each:first-child{grid-column: 1/-1;}
.request-repair .first .list .each:nth-last-child(2){grid-column: 1/-1;}
.request-repair .button{grid-column: 1/-1;width:100%;display: flex;justify-content: space-between;margin-top:2rem}
.request-repair .button a{margin-right:0}
.request-repair .second .list{display: grid;grid-template-columns: repeat(2, 1fr);gap:0 4.6rem}
.request-repair .second .list :last-child{grid-column: 1/-1}
.request-repair .third{width:100%;text-align: center;margin:0 auto}
.request-repair .third img{margin-top: 2rem;margin-bottom:3.37rem;}
.request-repair .third h2{font-size:2.875rem;font-weight: 900;margin-bottom:1rem;}
.request-repair .third p{font-size:2rem;margin-bottom: 2rem;}
.request-repair .third .button{justify-content: center;}

.request-repair .list .each{margin-bottom:3.20rem;}
.request-repair .list .each.extra{display: flex;align-items: center;position: relative;}
.request-repair .list .each .delete_issue{color:#0070C4;display: inline-block;position: absolute;right:-1.8rem;top:1.2rem;}
.request-repair .list .each.additional-issue{align-items: center;display: flex;justify-content: center;text-align: center;color:#0070C4;font-weight: 700;font-size:1.125rem;}
.request-repair .list .each.additional-issue a{display: flex;}
.request-repair .list .each.additional-issue span{text-decoration: underline;margin-left:0.3rem}
.request-repair h3{margin-bottom: 0.8rem;}
.request-repair .radio-list{display: grid;width:100%;grid-template-columns: repeat(7,1fr);gap: 1.25rem;}
.request-repair .radio-list label{display: flex;justify-content: center;flex-wrap: wrap;text-align: center;}
.request-repair .radio-list label>div{padding:1.43rem;border-radius: 0.8rem;border:solid 0.0625rem #D3D3D3}
.request-repair .radio-list h4{font-size:0.875rem;margin-top:0.5rem}
.request-repair .radio-list p{font-size:0.625rem}
.request-repair [type=radio] {position: absolute;opacity: 0;width: 0;height: 0;}
.request-repair [type=radio] + div {cursor: pointer;}
.request-repair [type=radio]:checked + div {outline: 2px solid #0070C4;}
.request-repair select{width:100%;}
.request-repair .select2-container .select2-selection--single{padding:1rem;height:auto}
.request-repair .select2-container--default .select2-selection--single .select2-selection__arrow{top:0;bottom: 0;margin:auto;right:1rem;}
.request-repair textarea{resize: none;width:100%;padding:1rem;border-radius: 0.09rem;outline: none;border-color: #D3D3D3;border-radius: 0.2rem;border:1px solid #aaa}
.request-repair input{resize: none;width:100%;padding:1rem;border-radius: 0.09rem;outline: none;border-color: #D3D3D3;border-radius: 0.2rem;border:1px solid #aaa;line-height: 2.2rem;}
.rlist{margin-top: 1rem;}
.request-repair .list .each.full{grid-column: 1/-1;width:100%;margin-bottom:0;}
.request-repair input{resize: none;width:100%;padding:1rem;border-radius: 0.09rem;outline: none;border-color: #D3D3D3;border-radius: 0.2rem;border:1px solid #aaa}
.collection_section{width:100%;grid-column: -1/1;}
.collection_section [type="radio"]{position: static;opacity: 1;width: auto;height: auto;margin-right:0.5rem}
.collection_section label{margin-right:1.5rem;display: inline-block;}
.collection_section .content{width: 100%;margin:2rem 0;height: 0;opacity: 0;visibility: hidden;transition: 0.3s ease all;}
.collection_section .content .each:last-child{grid-column: auto;}
.collection_section .pickup_info.active{height: auto;opacity: 1;visibility: visible;}
.collection_section .dropoff_info.active{height: auto;opacity: 1;visibility: visible}


.services{width:100%;display: flex;justify-content: center;}
.services .content{width:100%;display: grid;grid-template-columns: repeat(2,1fr);gap:6.25rem}
.services .each{display: block;background:#f9fafc;padding:2rem;border-radius: 2rem;}
.services .each img{width: 100%;margin-bottom:1rem;}
.services .each h2{margin-bottom:0.5rem;}
.services .each p{line-height: 1.6rem;}

.devices{width:100%;display: flex;justify-content: center;}

.blog{width:100%;display: flex;justify-content: center;}
.blog .filter{width:100%;display: flex;justify-content: space-between;margin-bottom:2rem;padding: 0 1.56rem;}
.blog .filter select{min-width:13rem;}
.blog .filter .select2-container .select2-selection--single{height: auto;}
.blog .filter .select2-container .select2-selection--single .select2-selection__rendered{padding:0.8rem;}
.blog .filter .select2-container--default .select2-selection--single .select2-selection__arrow b{top:1.7rem;right:2rem}
.blog .list{width:100%;display: grid;grid-template-columns: repeat(3,1fr);gap:3.43rem;}
.blog .list .each{display: block;padding:1.56rem;transition: 0.2s ease all;border-radius: 1.5rem;}
.blog .list .each:hover{box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);}
.blog .list .each img{width:100%;display: block;height: auto;border-radius: 1.3rem;}
.blog .list .each span{margin:0.5rem 0;display: block;}
.blog .list .each h3{margin-bottom:1rem;}
.blog .content{width:100%;display: block;}
.blog .content img{margin-bottom:3rem;width:100%;display: block;height: auto;}
.blog .content p{font-size:1.5rem;line-height: 2.5rem;margin-bottom:2rem;}
.blog .content h2{margin-bottom: 0.5rem;}

/* .track{width:100%;display: flex;justify-content: center;}
.track .content{width:100%;text-align: center;margin:0 auto;display: flex;flex-wrap: wrap;text-align: center;justify-content: center;}
.track h2{font-size:5.1rem;margin-bottom:1rem;}
.track h3{font-size:4rem; margin-bottom:2.5rem;}*/

.track .content label{width:100%;text-align: left;font-size:1.2rem;font-weight: 700;color:#111828;margin-bottom:1rem;}
.track .content>div{display: flex;flex-wrap: wrap;align-items: center;width: 50rem;}
.track .content input{padding:1rem;border:1px solid #aaa;width:80%;border-radius: 0.2rem;margin-right:1rem;margin-top: 1rem;}

.trackdetail{width:100%;display: flex;justify-content: center;}
.trackdetail .content h1{font-size:3.625rem;font-weight: 900;margin: 4rem; text-align: center;}
.trackdetail .content h1 span{color:#0070C4;}
.trackdetail .list{display: grid;grid-template-columns: repeat(3,1fr);gap:4.68rem;}
.trackdetail .list label{font-size:1.2rem;margin-bottom:0.5rem;display: block;}
.trackdetail .list h4{font-size:1.75rem;}
.trackdetail .list :last-child{grid-column: 1/-1;}
.trackdetail .tracks{display: block;width:100%;}
.trackdetail .tracks ul{padding:2rem 0 0.1rem 0;display: block;list-style:none;position: relative;padding-left:4rem;margin: 0;}
.trackdetail .tracks ul::after{content: '';width:2.5rem;height: 100%;background:#0070C4;display: block;position: absolute;top: 0;left:0;border-radius: 2rem;z-index: 1;}
.trackdetail .tracks ul li{margin-bottom:2.5rem;position: relative;}
.trackdetail .tracks ul li::before{content:'';width:1rem;height: 1rem;background:#ffffff;display: block;position: absolute;top:0;top: 0;border-radius: 100%;left: -3.25rem;z-index: 2;}

.contact{width:100%;display: flex;justify-content: center;}
.contact .list{display: grid;grid-template-columns: repeat(3,1fr);width:100%;gap:0 7.25rem;}
.contact .list :last-child{grid-column: 1/-1;}
.contact .list .each{width:100%;display: flex;margin: 0 auto;text-align: center;justify-content: center;flex-wrap: wrap;}
.contact .list .each .ico{width:5.6rem;height: 5.6rem;background:#E0F2FE;border-radius: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 1rem;}
.contact .list .each h3{width:100%;text-align: center;margin-bottom: 0.8rem;font-size:1.75rem}
.contact .list .each p{font-size:1.375rem;}
.contact .list .each .get-direction{margin-top:1rem;color:#0070C4;text-decoration: underline;display: block;}
.contact .list .contact-form{display: grid;grid-template-columns: repeat(2,1fr);padding:3.5rem;border:0.0625rem solid #0070C4;border-radius:2rem;margin:7.5rem 11rem 0 11rem;gap:0 2rem}
.contact .list .contact-form .full{grid-column: 1/-1;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact .list .contact-form .full h3{width:100%;font-size:2rem;margin-bottom:0.5rem;text-align: center;}
.contact .list .contact-form .full p{font-size:1.3rem;text-align: center;margin-bottom:3rem;}
.contact .list .contact-form .button-primary{margin:0}
.contact .list .contact-form input{font-size:1rem;padding:1rem;border-radius: 0.4rem;margin-bottom: 2rem;border:1px solid #aaa}
.contact .list .contact-form textarea{font-size:1rem;padding:1rem;border-radius: 0.4rem;margin-bottom: 2rem;resize: none;border:1px solid #aaa}

@media only screen and (max-width : 767px) {

    html{font-size: 3vw}

    .container{width:100%;padding:0 2rem;}
    .inner-slider{width:100%;padding-left:2rem;padding-right:2rem}
    .slider-art-1{bottom:7rem}
    .button-primary,.button-secondary{padding:0.7rem 1.5rem 0.7rem 1.5rem}
    section{padding:3rem 0}

    header{width:100%;background:#fff;border:1px solid #eee;padding:1rem 0;border:none;}
    header .menu ul{display: block;padding:0;position: absolute;top:4.9rem;left:0;background:#fff;width:100%;text-align: center;margin:0;border-top:1px solid #eee;transition: 0.3s ease all;transform: translateY(-150%);}
    header .menu ul.active{transform:translateY(0)}
    header .menu ul li{padding:0}
    header .menu ul li a{width:100%;display: block ;padding:1rem 0;border-bottom: 1px solid #eee;}
    header .mbl-menu-btn{display: block;width: 45px;height: 45px;outline: none}
    header .mbl-menu-btn div{display: flex;position: relative;}
    header .mbl-menu-btn div img{height:45px;width: 45px;outline: none}
    header .mbl-menu-btn img {position: absolute;top: 0;left: 0;padding: 8px;cursor: pointer}
    header .mbl-menu-btn img+img {opacity: 0;}
    header .mbl-menu-btn.open img{opacity: 0}
    header .mbl-menu-btn.open img+img {opacity: 1}
    .wa_btn{position: fixed;bottom: 20px;right: 20px;}
    .header .menu ul li {
    padding: 5px 0.25rem;
    padding: 2px 9px;
}

    .slider .txt, .slider .img{width:100%;margin-bottom:2rem;}
    .slider::before{top:14.5rem;left:70%;}
    .quickcheck .list {grid-template-columns: repeat(1,1fr);gap:1rem 0}
    .section-1 .list{grid-template-columns: repeat(1,1fr);}
    .section-2 .list{grid-template-columns: repeat(1,1fr);}
    .section-3::before{width:5rem;height: 5rem;top:1rem}
    .section-3::after{width:3rem;height: 3rem;bottom:1rem}
    .section-3 .list {grid-template-columns: repeat(1,1fr);}

    .section-4 .list {grid-template-columns: repeat(1,1fr);}

    footer .list{grid-template-columns: repeat(1,1fr);gap: 2rem 0;}
    footer .right{justify-content: flex-start;}
    footer .bottom{display: block;text-align: center;}
    footer .bottom p:nth-child(1){margin-bottom:0.5rem;}

    .services .content{grid-template-columns: repeat(1,1fr);}

    ul.accordion-list li div.answer ul{grid-template-columns: repeat(2,1fr);}
    ul.accordion-list li div.answer ul a{font-size:1.5rem}

    .blog .filter{}
    .blog .filter select{min-width:49%;}
    .blog .filter .select2-container--default .select2-selection--single .select2-selection__arrow{top:5px}
    .blog .list{grid-template-columns: repeat(1,1fr);}
    .blog .list .each{background:#fff;}

    .contact .list{grid-template-columns: repeat(1,1fr);gap: 2rem 0;}
    .contact .list :last-child{grid-column: auto;}
    .contact .list .contact-form{margin:0;width:100%;}
    .contact .list .contact-form{grid-template-columns: repeat(1,1fr);}

    .trackdetail .list{grid-template-columns: repeat(1,1fr);}
    footer form button img{width: 1rem;}
    .track .content input{margin-bottom:1rem}

    .tabs li::after {display: none;}
    .request-repair .radio-list{grid-template-columns: repeat(2,1fr);grid-gap:2rem 0}
    .request-repair .first .list{grid-template-columns: repeat(1,1fr);}
    .request-repair .second .list{grid-template-columns: repeat(1,1fr);}
    .quickcheck input{width: 100%;}

}