html {box-sizing: border-box;}*, *::before, *::after {box-sizing: inherit;}body{margin: 0;font-family: "Poppins", sans-serif;}.row-one, .row-two, .row-three, .row-four {display: flex;flex-wrap: wrap;padding-top: 40px;align-items: center;}.row-one{background-color: #8DD9F8;}.row-two{background-color: #79D1F5;}.row-three{background-color: #8DD9F8;}.row-four{background-color: #79D1F5;}.row-five{background-color: #8DD9F8;}.row-two, .row-four {width: 100%;}.info{color: #1F3A5F;font-size: 1vw;line-height: 1.7em;padding-right: 30px;}.info a{color: #1F3A5F;font-weight: 600;}.info a:hover{color: #1E2A78;}.column-one {padding-top: 10px;padding-bottom: 10px;padding-left: 0;padding-right: 0;display: flex;}.left {padding-left: 65px;flex: 45%;display: flex;flex-direction: column;justify-content: flex-end;}.right {flex: 55%;display: flex;justify-content: center;align-items: center;}.img {width: 100%;max-width:100%;height: 100%;object-fit: cover;}@media screen and (max-width: 900px) {.left, .right {flex: 100%;}.column-left-new, .column-right-new {flex: 100%;padding-left: 0;}.img1 {margin-left: 0;}}.title{color: #1F3A5F;line-height: 1.2em;font-size: 3vw;font-weight: 600;font-style: normal;text-decoration: initial;letter-spacing: 0px;margin-bottom: 20px;text-align: center;margin-top: 20px;}.title-two{color: #1F3A5F;line-height: 1.2em;font-size: 3vw;font-weight: 600;font-style: normal;text-decoration: initial;letter-spacing: 0px;margin-bottom: 20px;text-align: center;}.title-one{color: #1F3A5F;line-height: 1.2em;font-size: 2.5vw;font-weight: 600;font-style: normal;text-decoration: initial;letter-spacing: 0px;margin-bottom: 20px;text-align: center;}.list1, .list2{padding-left: 50px;width: 100%;font-size: 1vw;padding-right: 10px;box-sizing: border-box;line-height: 1.7em;margin: 15px 0;}.list3{font-size: 1vw;padding: 0 100px;text-align: justify;}.list1, .list3{color: #1F3A5F;}.list2{color: white;}.box {position: relative;margin-bottom: 20px;border: 1px solid #ccc;border-radius: 15px;background-color: #ffffff;margin-right: 50px;margin-left: 50px;}.box-one{background-color: #6CB4D9;position: relative;margin-bottom: 20px;border: 1px solid #ccc;border-radius: 15px;margin-right: 50px;margin-left: 50px;color: #ffffff;}.box .icon, .box-one .icon {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);width: 30px;height: 30px;}.row-four {padding-top: 10px;padding-bottom: 10px;padding-left: 0;padding-right: 0;}.column-two-left {flex: 95%;display: flex;flex-direction: column;justify-content: flex-end;}.column-two-right {flex: 5%;display: flex;justify-content: center;align-items: center;}.row-five{padding-bottom: 50px;padding-top: 50px;}.img1{max-width: 100%;width: 100%;height: auto;margin-left: 30px;}.column-right-new{flex: 50%;display: flex;justify-content: center;flex-direction: column;}.column-left-new{padding-left: 30px;flex: 50%;display: flex;flex-direction: column;justify-content: flex-end;}.btn_ {text-align: center;margin-top: 30px;display: flex;justify-content: space-evenly;}.btn_ .btn-one {color: white;border-radius: 25px;border: none;width: 30%;font-size: 18px;font-weight: 500;padding-top: 10px;padding-bottom: 10px;box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;background-color: hsla(197, 100%, 50%, 0.55);cursor: pointer;transition: box-shadow .15s,transform .15s;}.btn_ .btn-one:focus {box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;}.btn_ .btn-one:hover{transition: 0.2s;box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;transform: translateY(-2px);}.btn_ .btn-one:active {box-shadow: #3c4fe0 0 3px 7px inset;transform: translateY(2px);}.btn_ .btn-two {color: white;border-radius: 25px;border: none;width: 30%;font-size: 18px;font-weight: 500;padding-top: 10px;padding-bottom: 10px;background-color: white;box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;cursor: pointer;transition: box-shadow .15s,transform .15s;}.btn_ .btn-two:hover{transition: 0.2s;box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;transform: translateY(-2px);}.btn_ .btn-two:active {box-shadow: #3c4fe0 0 3px 7px inset;transform: translateY(2px);}.btn_ .btn-two:focus {box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;}.btn-quote button {color: white;border-radius: 25px;border: none;width: 30%;font-size: 18px;font-weight: 500;padding-top: 10px;padding-bottom: 10px;box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;background-color: hsla(197, 100%, 50%, 0.55);cursor: pointer;transition: box-shadow .15s,transform .15s;}.btn-quote button:focus {box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;}.btn-quote button:hover{transition: 0.2s;box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;transform: translateY(-2px);}.btn-quote button:active {box-shadow: #3c4fe0 0 3px 7px inset;transform: translateY(2px);}.btn-quote {text-align: center;}.list1 a{font-weight: 600;color: #1F3A5F;}.list a:hover{color: #1E2A78;}@media screen and (max-width: 1350px){.info{font-size: 1.2vw;}.title, .title-two{font-size: 3.3vw;}.title-one{font-size: 2.7vw;}.list1, .list2, .list3{font-size: 1.2vw;}.list3{padding: 0 80px;}}@media screen and (max-width: 900px) {.column-left-new, .column-right-new {flex: 100%;padding-left: 0;}.column-left-new{padding-left: 20px;padding-right: 20px;}.img1 {margin-left: 0;}.title, .title-two {text-align: center;}.info{padding-right: 0;text-align: center;}.left{padding-left: 30px;padding-right: 30px;}.list3{padding: 0 80px;}}@media screen and (max-width: 980px) {.row-two{padding-top: 30px;padding-bottom: 30px;}}@media screen and (max-width: 900px){.info{font-size: 1.9vw;}.title, .title-two{font-size: 5vw;}.title-one{font-size: 4vw;}.list1, .list2, .list3{font-size: 1.9vw;}.btn_{padding-bottom: 30px;}.img{width: 60%;align-self: center;}}@media screen and (max-width: 750px){.title, .title-two{font-size: 4.5vw;}.title-one{font-size: 3.7vw;}.info, .list1, .list2, .list3{font-size: 2vw;}}@media screen and (max-width: 630px){.title, .title-two{font-size: 4.9vw;}.title-one{font-size: 4.1vw;}.info, .list1, .list2, .list3{font-size: 2.6vw;}.btn-quote button {width: 30%;}}@media screen and (max-width: 600px) {.info{font-size: 2.5vw;}.title, .title-two{font-size: 5vw;}.title-one{font-size: 4.5vw;}.list1, .list2, .list3{font-size: 2.6vw;}.btn-quote button {width: 40%;}.list3{padding: 0 50px;}}@media screen and (max-width: 500px) {.info{font-size: 3vw;}.title, .title-two{font-size: 5.5vw;}.title-one{font-size: 5vw;}.list1, .list2, .list3{font-size: 3vw;}.btn-quote button{width: 50%;}.img{width: 78%;}}@media screen and (max-width: 465px){.title, .title-two{font-size: 5.9vw;}.title-one{font-size: 5.5vw;}.info, .list1, .list2, .list3{font-size: 3.4vw;}.btn-quote button {width: 50%;}}@media screen and (max-width: 420px) {.btn-quote button{width: 55%;}}@media screen and (max-width: 380px) {.info{font-size: 3.5vw;}.title, .title-two{font-size: 5.9vw;}.title-one{font-size: 5.3vw;}.list1, .list2, .list3{font-size: 3.5vw;}}.truck-container{overflow: hidden;}.load-container {top: 30%;position: relative;}.load-container .load {height: 361px;width: 475px;margin: 0 auto;position: relative;transform: scale(0.7) rotateY(180deg);left: 134px;}#cab {background-color: #6CB4D9;height: 242px;width: 196px;left: -62px;position: relative;border: 1px solid #9E9E9E;border-top-left-radius: 50%;overflow: hidden;animation: truckAnimation 0.3s infinite;top: 113px;}#front {width: 170px;height: 207px;border: 4px double #327396;position: relative;top: 9px;left: -5px;}#door-window {width: 86px;height: 90px;position: relative;left: 61px;top: 10px;background-color: #D9D9D9;border-top-left-radius: 58px;border-bottom-left-radius: 7px;overflow: hidden;}#door-window #reflection {background-color: white;border-radius: 35%;width: 100px;top: -60px;height: 100px;position: relative;}#front-window {position: absolute;width: 39px;transform: rotate(17deg);background-color: #D9D9D9;height: 112px;border-bottom-right-radius: 130px;border-top-right-radius: 60px;left: -6px;}#door-handle {width: 30px;height: 10px;background-color: #D9D9D9;border-radius: 10px;top: 16px;position: relative;left: 117px;box-shadow: inset 3px 2px 8px white;}.wheel-cover {width: 120px;height: 120px;background-color: #6CB4D9;border-radius: 50%;position: relative;box-shadow: inset 5px 5px 5px #292424;}#front-wheel-cover {left: 74px;top: -18px;}#rear-wheel-cover {left: 500px;}#center-wheel-cover {left: 311px;}.wheel {width: 100px;height: 100px;background-color: black;border-radius: 50%;position: relative;animation: wheel .3s linear infinite;}.wheel-1 {width: 70px;height: 70px;position: relative;background-color: #e8e8ea;border-radius: 50%;margin: 0 auto;top: 16px;}.wheel-1 > .screw {height: 15px;width: 16px;position: absolute;background-color: black;border-radius: 50%;left: 4px;top: 20px;}.right-side.screw {left: 4px;top: 25px;}.left-side.screw {left: 50px;top: 25px;}.bottom.screw {left: 26px;top: 50px;}.top.screw {left: 27px;top: 3px;}.wheel-2 {width: 20px;height: 20px;position: relative;background-color: #212121;border-radius: 50%;margin: 0 auto;top: 22px;overflow: hidden;}
#front-wheel {left: 24px;bottom: -70px;}#middle-wheel {top: -22px;left: 457px;}#rear-wheel {top: -122px;left: 766px;}#axle {width: 800px;height: 70px;position: absolute;background-color: #6CB4D9;border-top-right-radius: 10px;left: 135px;top: 283px;animation: truckAnimation 0.3s infinite;box-shadow: inset 3px 10px 30px #6CB4D9, inset 2px 12px 9px white, inset 28px 50px 60px #6CB4D9, inset 2px 12px 9px white;}#axle-wheel-cover {position: relative;background-color: transparent;height: 43px;width: 100%;top: -51px;overflow: hidden;display: inline-flex;}#tank {position: relative;width: 135px;display: flex;height: 78px;border-radius: 17px;background-color: #519FC8;top: 25px;border: 1px solid #a0a9ad;left: 41px;box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 -4px 12px rgba(255, 255, 255, 0.3), inset 10px 10px 30px rgba(0, 50, 80, 0.3), inset -5px -5px 15px rgba(255, 255, 255, 0.2);}#tank > div {width: 2px;background-color: #B0E1F9;height: 100%;margin: 0 auto;}#cargo {height: 350px;width: 800px;position: absolute;background-color: #e8a345;border: 6px double #0c0c0c2b;animation: truckAnimation 0.3s infinite;top: -68px;left: 136px;}#cargo #tape {height: 50px;width: 50px;background-color: #f3cd7c;margin: 0 auto;top: -6px;position: relative;}.text{display: flex;align-items: center;flex-direction: column;transform: rotateY(180deg);}.caption{color: #1F3A5F;font-size: 1.5vw;font-weight: 600;}.caption2{color: #1F3A5F;text-align: center;font-size: 1.2vw;}:active, :hover, :focus {outline: 0!important;outline-offset: 0;}::before, ::after {position: absolute;content: "";}.text .btn-2::before {background-color: #1D4E89;transition: 0.3s ease-out;}.text .btn-2 span {color: #1F3A5F;border: 1px solid #1F3A5F;transition: 0.2s;}.text .btn-2 span:hover {color: rgb(255,255,255);transition: 0.2s 0.1s;}.text .btn {position: relative;display: inline-block;width: auto;height: auto;background-color: transparent;border: none;cursor: pointer;margin: 20px 25px 15px;min-width: 150px;padding: 0;}.text .btn span {position: relative;display: inline-block;font-size: 14px;font-weight: bold;letter-spacing: 2px;top: 0;left: 0;width: 100%;padding: 15px 20px;transition: 0.3s;}.text .btn.hover-slide-left::before {top: 0;bottom: 0;right: 0;height: 100%;width: 0%;}.text .btn.hover-slide-left:hover::before {width: 100%;}#cargo #icons {display: block;position: relative;bottom: -7px;width: 100%;}#icons > div {padding: 5px;border: 1px solid black;color: black;float: left;margin: 0px 8px;}@keyframes truckAnimation{0%{transform: translateY(0px);}50%{transform: translateY(-1px);}100%{transform: translateY(0px);}}@keyframes wheel{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}@media screen and (max-width: 1350px){.caption{font-size: 2vw;}.caption2{font-size: 1.5vw;}}@media screen and (max-width: 1000px) {.caption{font-size: 2.5vw;}.caption2{font-size: 2vw;}}@media screen and (max-width: 900px){.caption{font-size: 3vw;}.caption2{font-size: 2.5vw;}}@media screen and (max-width: 800px){.load-container .load {left: 96px;}#cargo, #axle{width: 640px;}#rear-wheel-cover {left: 382px;}#center-wheel-cover {left: 283px;}#middle-wheel{left: 429px;}#rear-wheel{left: 647px;}}@media screen and (max-width: 750px){.caption{font-size: 3.5vw;}.caption2{font-size: 3vw;}}@media screen and (max-width: 650px){.load-container .load {left: 47px;}#cargo, #axle {width: 525px;}#center-wheel-cover {left: 210px;}#rear-wheel-cover {left: 284px;}#middle-wheel {left: 357px;}#rear-wheel {left: 551px;}}@media screen and (max-width: 600px) {.caption{font-size: 3.7vw;}.caption2{font-size: 3.2vw;}}@media screen and (max-width: 550px) {.load-container .load {left: 21px;}.caption{font-size: 3.9vw;}.caption2{font-size: 3.4vw;}#cargo, #axle {width: 450px;}#rear-wheel-cover {left: 205px;}#center-wheel-cover {left: 184px;}#rear-wheel {left: 472px;}#middle-wheel {left: 330px;}}@media screen and (max-width: 500px) {.load-container .load {left: 11px;}#cargo {width: 420px;height: 324px;top: -42px;}#axle{width: 420px;}#tank{left: 16px;}#center-wheel-cover {left: 169px;}#rear-wheel-cover {left: 176px;}#middle-wheel {left: 315px;}#rear-wheel {left: 442px;}.text .btn{margin: 0 25px 15px;}}@media screen and (max-width: 465px) {.load-container .load {transform: scale(0.6) rotateY(180deg);left: -24px;}#cargo, #axle {width: 360px;}#rear-wheel {left: 390px;}#middle-wheel {left: 280px;}#center-wheel-cover {left: 150px;}#rear-wheel-cover {left: 155px;}#tank{width: 111px;height: 71px;}.wheel-cover {width: 100px;height: 100px;}.wheel {width: 90px;height: 90px;}.wheel-1 {width: 60px;height: 60px;}.wheel-2 {width: 18px;height: 18px;}.right-side.screw {left: 3px;top: 25px;}.left-side.screw {left: 43px;top: 25px;}.bottom.screw {left: 23px;top: 44px;}.top.screw {left: 23px;top: 3px;}#front-wheel {left: 19px;}#axle-wheel-cover {height: 49px;}#rear-wheel-cover {left: 154px;}#rear-wheel {top: -111px;left: 395px;}#middle-wheel {left: 278px;}.caption {font-size: 4vw;}.caption2 {font-size: 3.5vw;}}@media screen and (max-width: 400px) {.load-container .load {left: -50px;}}@media screen and (max-width: 375px) {.load-container .load {left: -20px;}#cargo, #axle {width: 330px;}#rear-wheel {left: 360px;}#middle-wheel {left: 255px;}#center-wheel-cover {left: 130px;}#rear-wheel-cover {left: 135px;}}@media screen and (max-width: 465px) {.load-container .load {animation: collapseTruck 0.6s forwards;width: 100%;left: 0;}#cab, #axle, .wheel, .wheel-cover {display: none;}#cargo {position: relative;left: 0;margin: 0 auto;width: 90%;transform: none;top: 0;}}@keyframes collapseTruck {0% {transform: scale(0.7) rotateY(0deg);}50% {transform: scaleX(0.2) scaleY(0.5) rotateY(90deg);}100% {transform: scale(0.9) rotateY(180deg);}}@media screen and (max-width: 400px) {.caption {font-size: 4.5vw;}.caption2 {font-size: 4vw;}}@media screen and (max-width: 320px) {.caption {font-size: 5vw;text-align: center;}.caption2 {font-size: 4.5vw;}}