/**
 * 
 * RTL.CSS
 * 
 * [1]. 
 * [2]. 
 * [3]. 
 * [4]. 
 * [5]. 
 * 
 * */

/**
 * []. FONTS
 * */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/**
 * []. VARIABLES
 * */
:root{--op-black: #000;--op-gold: #fbbc06;--op-gray: #58595b;}

/**
 * []. GLOBAL
 * */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat;
}
h1 {
  line-height: 44px;
}
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
a, a:hover, a:focus, a:active {
  text-decoration: none!important;
}

/**
 * []. COMPONENTS
 * */

/**
 * []. ANIMATION
 * */
@keyframes ld-spin{
  0%{
    -webkit-transform: rotate(0);
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50%{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100%{
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes ld-spin{0%{-webkit-transform: rotate(0);transform: rotate(0);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}50%{-webkit-transform: rotate(180deg);transform: rotate(180deg);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.ld.ld-spin{-webkit-animation: ld-spin 1s infinite;animation: ld-spin 1s infinite;}

@keyframes ld-heartbeat{0%{-webkit-transform: scale(1.05);transform: scale(1.05);}5%{-webkit-transform: scale(1.25);transform: scale(1.25);}39%{-webkit-transform: scale(0.9);transform: scale(0.9);}45%{-webkit-transform: scale(1.15);transform: scale(1.15);}60%{-webkit-transform: scale(1.05);transform: scale(1.05);}100%{-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes ld-heartbeat{0%{-webkit-transform: scale(1.05);transform: scale(1.05);}5%{-webkit-transform: scale(1.25);transform: scale(1.25);}39%{-webkit-transform: scale(0.9);transform: scale(0.9);}45%{-webkit-transform: scale(1.15);transform: scale(1.15);}60%{-webkit-transform: scale(1.05);transform: scale(1.05);}100%{-webkit-transform: scale(1);transform: scale(1);}}
.ld.ld-heartbeat{-webkit-animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);}

@keyframes ld-coin-h{0%, 100%{animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);}50%{animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);}0%{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}50%{-webkit-transform: rotateY(1800deg);transform: rotateY(1800deg);}100%{-webkit-transform: rotateY(3600deg);transform: rotateY(3600deg);}}
@-webkit-keyframes ld-coin-h{0%, 100%{animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);}50%{animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);}0%{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}50%{-webkit-transform: rotateY(1800deg);transform: rotateY(1800deg);}100%{-webkit-transform: rotateY(3600deg);transform: rotateY(3600deg);}}
.ld.ld-coin-h{-webkit-animation: ld-coin-h 2s infinite;animation: ld-coin-h 2s infinite;}

@keyframes ld-blur{0%{filter: blur(0);}50%{filter: blur(5px);}100%{filter: blur(0);}}
@-webkit-keyframes ld-blur{0%{filter: blur(0);}50%{filter: blur(5px);}100%{filter: blur(0);}}
.ld.ld-blur{-webkit-animation: ld-blur 1s infinite;animation: ld-blur 1s infinite;}

/**
 * [][]. TEXT
 * */
.text-gold {
  color: var(--op-gold)!important;
}
.fw-900 {
  font-weight: 900;
}
.fw-800 {
  font-weight: 800;
}
.fw-700 {
  font-weight: 700;
}
.fw-600 {
  font-weight: 600;
}
.fw-500 {
  font-weight: 500;
}
.fw-400 {
  font-weight: 400;
}

/**
 * [][]. BACKGROUNDS
 * */
.bg-gold {
  background-color: var(--op-gold)!important;
}
.bg-black {
  background-color: var(--op-black)!important;
}

/**
 * [][]. BUTTONS
 * */
.btn-gold {
  background-color: var(--op-gold);
  color: var(--op-black);
  border-color: var(--op-gold);
  font-weight: 600;
}
.btn-outline-gold {
  background-color: transparent;
  color: var(--op-gold);
  border-color: var(--op-gold);
  font-weight: 600;
}
.btn-outline-gold:hover {
  background-color: var(--op-gold);
}

.btn-black {
  background-color: var(--op-black);
  color: var(--op-gold);
  font-weight: 600;
}
.btn-outline-black {
  background-color: transparent;
  color: var(--op-black);
  border-color: var(--op-black);
  font-weight: 600;
  border-width: 2px;
}

.btn-white {
  background-color: var(--bs-white);
  color: var(--op-black);
  font-weight: 600;
}
.btn-outline-white {
  background-color: transparent;
  color: var(--bs-white);
  border-color: var(--bs-white);
  font-weight: 600;
}

.btn-group-lg>.btn, .btn-lg {
  padding: 1rem 1rem;
  font-size: 1rem;
}

/**
 * [][]. INPUTS
 * */
.form-control-lg {
  padding: 1.25rem 2rem!important;
  font-size: 1rem;
}

/**
 * [][]. SELECTS
 * */
.dropdown-toggle-select::after {
  float: right;
  margin-top: 12px;
}

/**
 * [][]. ALERTS
 * */
.alert{
  position: fixed;
  top: 80px;
  width: 50%;
  left: 25%;
  text-align: center;
  border: solid;
  border-radius: 20px;
  z-index: 100;
}
.alert-success{
  color: white;
  background-color: #3CE03C;
}
.alert-danger{
  color: white;
  background-color: rgba(255, 0, 0, 1);
}

/**
 * []. PRELOADER
 * */
.op-preloader {
  position: fixed;
  background-color: #000;
  top: 0;
  left: 0;
  z-index: 1031;
  width: 100%;
  height: 100%;
  text-align: center;
}
.op-preloader-content {
  margin-top: 40vmin;
  display: flex;
  justify-content: center;
}
.op-preloader-content img {
  width: 120px;
  margin-right: 20px;
}
.op-preloader-text {
  font-size: 50px;
  font-weight: 900;
  color: var(--bs-white);
  line-height: 110px;
  width: 350px;
  overflow: hidden;
}
.op-preloader-text b {
  margin-left: -1000px;
  transition: 2s;
}

/**
 * []. HEADER
 * */
header {
  margin-bottom: 70px;
}
header nav {
  background-color: var(--op-black);
}
header nav .nav-item a.nav-link {
  font-size: 14px;
  font-weight: 500;
  padding-right: 2rem!important;
  padding-left: 0rem!important;
}

/**
 * []. SECTIONS
 * */
.section-large {
  padding: 80px 0px;
}
section.soon {
  padding: 200px 0px;
}
section.soon h1 {
  font-size: 100px;
}

@media screen and (max-width: 479px)
{
  section.soon h1 {
    font-size: 70px;
  }
  section.soon h1 img {
    width: 50px;
  }
}

/**
 * []. HOME
 * */

/**
 * [][] HOME.SLIDE
 * */
.home-slide {
  background-color: var(--op-black);
  padding: 100px 0px;
}
.home-slide-title h1 {
  color: var(--bs-white);
  font-weight: 900;
  font-size: 60px;
  margin-bottom: 18px;
  position: relative;
  z-index: 2;
}
.home-slide-title h1 span {
  color: var(--op-gold);
}
.home-slide-description p {
  margin: 25px 0px;
  color: var(--bs-white);
  font-size: 16px;
  position: relative;
  z-index: 2;
}
.home-slide-truck {
  position: absolute;
  bottom: -60px;
  right: 0;
  width: 60%;
}

/**
 * [][]. HOME.SOLUTIONS
 * */
.home-solutions {
  padding: 150px 0px 50px 0px;
  text-align: center;
}
.home-solutions-title h1 {
  font-size: 40px;
  font-weight: 800;
}
.home-solutions-title h1 span {
  color: var(--op-gold);
}
.home-solutions-title p {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.home-solutions-footer h1 {
  color: var(--op-gold);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 800;
}
.home-solutions-footer p {
  font-size: 18px;
}

/**
 * [][]. HOME.SHIPPER
 * */
.home-shipper {
  position: relative;
  display: flex;
}
.home-shipper-left {
  background-color: var(--op-gold);
  width: 75%;
  padding: 7% 35% 7% 9%;
}
.home-shipper-right {
  width: 25%;
}
.home-shipper-left-title {
  color: var(--op-black);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
}
.home-shipper-left-subtitle {
  color: var(--bs-white);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
}
.home-shipper-left-description {
  color: var(--bs-white);
  font-size: 18px;
}
.home-transporter-findtransporter {
  position: absolute;
  width: 36%;
  right: 6%;
  top: 12%;
  overflow: hidden;
  border-radius: 8px;
}
.home-transporter-findtransporter-button {
  position: absolute;
  bottom: 20px;
  width: 80%;
  left: 10%;
}

/**
 * [][]. HOME.TRANSPORTER
 * */
.home-transporter {
  position: relative;
  display: flex;
}
.home-transporter-left {
  width: 25%;
}
.home-transporter-right {
  width: 75%;
}
.home-transporter-findfright {
  position: absolute;
  width: 32%;
  left: 6%;
  top: 10%;
  overflow: hidden;
  border-radius: 8px;
}
.home-transporter-findfright-button {
  position: absolute;
  bottom: 20px;
  width: 80%;
  left: 10%;
}
.home-transporter-darkarea {
  background-color: var(--op-black);
  padding: 10% 9% 10% 44%;
  text-align: right;
}
.home-transporter-darkarea-title {
  color: var(--op-gold);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
}
.home-transporter-darkarea-description p {
  color: var(--bs-white);
  font-size: 18px;
}

/**
 * [][]. HOME.TMS
 * */
.home-tms {
  background-image: url('../assets/images/background/tms.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.home-tms-buttons button {
  width: 190px;
}

/**
 * [][]. HOME.WHY_OPTICHARGE
 * */
.home-why_opticharge {
  background-color: var(--bs-white);
  padding: 60px 0px;
}
.home-why_opticharge h1 {
  text-align: center;
  font-size: 40px;
}
.home-why_opticharge-title {
  margin-bottom: 50px;
}
.home-why_opticharge h1:first-child {
  font-weight: 400;
}
.home-why_opticharge h1:nth-child(2) {
  font-weight: 800;
  color: var(--op-gold);
}
.home-why_opticharge-option {
  margin-bottom: 40px;
}
.home-why_opticharge-option-title {
  font-size: 30px;
  font-weight: 800;
  padding: 10px 0px;
}
.home-why_opticharge-option-description p {
  color: var(--op-black);
}

/**
 * [][]. HOME.TRUCKS
 * */
.home-trucks {
  padding: 80px 0px;
}
.home-trucks-title {
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  margin-bottom: 35px;
}
.home-trucks-title b {
  color: var(--op-gold);
  font-weight: 800;
}
.home-trucks-truck {
  text-align: center;
  border-radius: 6px;
  padding: 25px 0px;
  cursor: pointer;
  margin-bottom: 10px;
}
.home-trucks-truck.active {
  background-color: var(--op-gold);
}
.home-trucks-info {
  margin-top: 60px;
}
.home-trucks-info-truck {
  background-color: var(--op-gold);
  padding: 50px 10px;
  border-radius: 6px;
  text-align: center;
  height: 174px;
  margin-bottom: 10px;
}
.home-trucks-info h1 {
  color: var(--op-gold);
  font-weight: 800;
}

/**
 * [][]. HOME.APPS
 * */
.home-apps {
  background-color: var(--op-black);
  padding: 80px 0px;
  color: var(--bs-white);
}
.home-apps-title {
  text-align: center;
  margin-bottom: 50px;
}
.home-apps-title span {
  color: var(--op-gold);
}
.hat-description {
  color: var(--bs-white);
  margin-bottom: 80px;
  font-size: 18px;
  height: 180px;
}

/**
 * [][]. HOME.STATISTICS
 * */
.home-statistics {
  background-color: var(--op-gold);
  padding: 50px 0px;
}
.home-statistics-title p {
  margin-bottom: 35px;
  font-size: 18px;
}
.home-statistics .col {
  text-align: center;
}
.home-statistics h3 {
  color: var(--bs-white);
  font-weight: 900;
}
.home-statistics p {
  color: var(--op-black);
}

/**
 * [][]. HOME.PARTNER
 * */
.home-partners {
  padding: 60px 0px;
}
.home-partners-logo {
  width: 70%;
  margin: auto;
  height: 200px;
}

/**
 * [][]. HOME.PRESS
 * */
.home-press {
  background-color: #f4f4f4;
  padding: 40px 0px;
}
.home-press-title {
  display: table;
}
.home-press-title h5 {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
}
.home-press-logo {
  width: 120px;
}
.home-press-logos {
  transition: .4s;
}

/**
 * [][]. HOME.CONTACT
 * */
section.home-contact {
  padding: 80px 0px;
  background-size: cover;
  position: relative;
}
section.home-contact * {
  position: relative;
  z-index: 3;
}
.home-contact-opacity {
  background-color: var(--op-black);
  opacity: .6;
  position: absolute!important;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2!important;
}
section.home-contact .home-contact-title {
  margin-bottom: 40px;
}
section.home-contact .home-contact-title h1 {
  font-size: 50px;
  font-weight: 900;
  text-align: center;
}
section.home-contact .home-contact-title h1:first-child {
  color: var(--op-gold);
}
section.home-contact .home-contact-title h1:last-child {
  color: var(--bs-white);
}
.home-contact-area {
  text-align: center;
}
.hca-icon {
  margin-bottom: 20px;
}
.hca-text p {
  color: var(--bs-white);
}
.hc-socialicons {
  text-align: center;
  margin-top: 20px;
}
.hc-socialicons a {
  margin: 0px 4px;
}

/**
 * []. FOOTER
 * */
footer {
  background-color: var(--op-black);
  padding: 70px 0px 30px 0px;
}
footer h4 {
  margin-bottom: 14px;
}
footer ul li {
  margin-bottom: 12px;
}
footer ul li a {
  font-size: 16px;
}
footer h4, footer ul li a {
  color: #fff;
}
footer ul li a:hover {
  color: var(--op-gold);
}
.footer-socialmedia-icons {
  margin-top: 20px;
  text-align: right;
}
.footer-socialmedia-icons a {
  margin-left: 8px;
}
footer hr {
  border-top: 2px solid var(--op-gray);
}
.footer-bottom, .footer-bottom a {
  color: var(--op-gray);
}
.footer-bottom .row .col-md-4:last-child {
  text-align: right;
  padding-right: 0px!important;
}
.footer-bottom .row .col-md-4:first-child {
  padding-left: 0px!important;
}

/**
 * []. TRANSPOTER
 * */
.transporter-slide {
  padding: 120px 0px 100px 0px;
  position: relative;
}
.transporter-slide-opacity {
  background-image: linear-gradient(to right, #000000 40%, #000000a1);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.transporter-slide-title {
  position: relative;
  z-index: 3;
  margin-bottom: 50px;
}
.transporter-slide-title h1 {
  color: var(--bs-white);
  font-size: 45px;
}
.transporter-slide-title h1 span {
  color: var(--op-gold);
}
.transporter-slide-title h1:nth-child(3), .transporter-slide-title h1:nth-child(4) {
  font-weight: 900;
}

.transporter-slide-button button {
  position: relative;
  z-index: 3;
}

/**
 * [][]. BENEFITS
 * */
.transpoter-benefits {
  padding: 80px 0px;
}
.transpoter-benefits-left {
  font-size: 18px;
}
.transpoter-benefits-right-title h4:last-child {
  font-weight: 800;
  color: var(--op-gold);
}
.transpoter-benefits-right-list {
  list-style: disc;
}
.transpoter-benefits-right-list li {
  font-weight: bold;
}
.transpoter-benefits-right-list li::marker {
  font-size: 24px;
}

/**
 * [][]. HOW_IT_WORKS
 * */
.transporter-how_it_works-animation-elem {
  display: table;
  width: 100%;
  cursor: pointer;
}
.transporter-how_it_works-animation-elem-text, .transporter-how_it_works-animation-elem-number {
  display: table-cell;
  vertical-align: middle;
}
.transporter-how_it_works-animation-elem-number {
  display: none;
}
.transporter-how_it_works-animation-elem.active .transporter-how_it_works-animation-elem-number {
  display: block;
  font-weight: 900;
  font-size: 40px;
  color: #fff;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  letter-spacing: 2px;
}
.transporter-how_it_works-animation-elem.active .transporter-how_it_works-animation-elem-text {
  font-size: 18px;
  font-weight: bold;
}

/**
 * [][]. TRANSPOTER.REGISTER
 * */
.transporter-register {
  background-position: center;
  background-repeat: no-repeat;
  padding: 60px 0px;
  position: relative;
  height: 800px;
}
.transporter-register-form {
  background-color: var(--op-black);
  border: 4px solid var(--op-gray);
  border-radius: 10px;
  padding: 30px 50px;
  position: absolute;
  right: 0;
}
.transporter-register-form input, .transporter-register-form input:focus, .transporter-register-form input:active {
  background-color: var(--op-black);
  color: var(--bs-white);
  border: 2px solid var(--op-gray);
}
.transporter-register-description {
  font-size: 18px;
  color: var(--bs-white);
}

/**
 * [][]. TRANSPOTER.OPINIONS
 * */
.transpoter-opinions {
  padding: 60px 0px;
}
.transpoter-opinions-elem {
  position: relative;
}
.transpoter-opinions-elem b {
  font-size: 90px;
  color: var(--op-gold);
  position: absolute;
  top: -30px;
  left: -20px;
  transform: rotate(180deg);
}
.transpoter-opinions-elem-text {
  height: 280px;
}

/**
 * [][]. SHIPPER.DESCRIPTION
 * */
.shipper-description {
  padding: 80px 0px;
}
.shipper-description-text p {
  font-size: 18px;
}
.shipper-with_opticharge ul {
  list-style: disc;
}
.shipper-with_opticharge ul li {
  font-size: 18px;
  margin-bottom: 30px;
}
.shipper-with_opticharge ul li::marker {
  color: var(--bs-white);
  font-size: 30px;
}
.shipper-with_opticharge-footer {
  position: relative;
}
.shipper-with_opticharge-footer p {
  position: relative;
  z-index: 3;
}
.shipper-with_opticharge-footer-opacity {
  background-image: linear-gradient(to right, #000000 50%, #000000a1);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/**
 * []. ABOUT
 * [][]. ABOUT.SLIDE
 * */
.about-slide {
  padding: 120px 0px 120px 0px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.about-slide-opacity {
  background-image: linear-gradient(to right, #000000 40%, #000000a1);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.about-slide-title {
  position: relative;
  z-index: 3;
}
.about-slide-title h1 {
  font-size: 80px;
  line-height: 66px;
}

/**
 * [][]. ABOUT.DESCRIPTION
 * */
.about-description {
  padding: 80px 0px;
}
.about-description-text {
  padding-right: 100px;
}
.about-description-text p {
  font-size: 18px;
  text-align: justify;
}

/**
 * [][]. ABOUT.MISSION
 * */
.about-mission-commas-left {
  position: absolute;
  left: 0;
  font-weight: 900;
  font-size: 200px;
  line-height: 10px;
  top: 0;
  transform: rotate(180deg);
  z-index: 3;
}
.about-mission-commas-right {
  position: absolute;
  right: 0;
  font-weight: 900;
  font-size: 200px;
  line-height: 10px;
  bottom: 0;
  z-index: 3;
}

/**
 * []. LOGIN
 * */
.page-login {
  padding: 140px 0px;
}
.page-login-form-title {
  font-size: 22px;
}

/**
 * []. REGISTER
 * */
.page-register, .page-register-index {
  padding: 100px 0px;
}
.usertype-chooser-item {
  background-color: #ededed;
  padding: 10% 15%;
  border-radius: 4px;
}
.usertype-chooser-item:hover {
  background-color: #f9f9fb;
}
.usertype-chooser-title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 14px;
}
.usertype-chooser-item img {
  height: 150px;
}
.usertype-chooser-item p {
  margin-top: 10px;
}

/**
 * []. SAA
 * [][]. SAA SLIDE
 * */
.saa-slide {
  padding: 160px 0px 100px 0px;
  overflow: hidden;
  position: relative;
}
.saa-slide-pretitle {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 14px;
}
.saa-slide h1 {
  font-size: 60px;
  line-height: 66px;
  position: relative;
  z-index: 11;
}
.saa-slide-description {
  font-size: 18px;
  margin-bottom: 25px;
  position: relative;
  z-index: 11;
}
.saa-slide-sidecircle {
  position: absolute;
  right: -200px;
  bottom: -300px;
  background-color: var(--op-gold);
  z-index: 9;
  width: 700px;
  height: 700px;
  border-radius: 700px;
}
.saa-slide-phone {
  z-index: 10;
  position: absolute;
  right: -2.5%;
  top: 10%;
  height: 90%;
}

/**
 * [][]. SAA DESCRIPTION
 * */
.saa-description {
  background-color: #f0f0f0;
  padding: 80px 0px;
  font-size: 18px;
}

/**
 * [][]. SAA HOW_IT_WORKS
 * */
.saa-how_it_works {
  padding: 60px 0px 120px 0px;
  position: relative;
}
.saa-how_it_works-opacity {
  background-color: #000;
  opacity: .9;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.saa-how_it_works .container * {
  position: relative;
  z-index: 3;
}
.saa-how_it_works h1 {
  margin-bottom: 80px;
}
.saa-how_it_works-option-number {
  background-color: var(--op-gold);
  width: 60px;
  height: 60px;
  border-radius: 60px;
  margin: auto;
  text-align: center;
  font-weight: bold;
  color: var(--bs-white);
  line-height: 60px;
  margin-bottom: 22px;
}

/**
 * [][]. SAA.PACKS
 * */
.saa-packs p {
  font-size: 18px;
}
.saa-packs-list ul {
  list-style: disc;
}
.saa-packs-list ul li {
  margin-bottom: 20px;
  margin-left: 25px;
  font-weight: bold;
  font-size: 18px;
}
.saa-packs-list ul li::marker {
  color: var(--op-gold);
  font-size: 30px;
}

/**
 * [][]. SAA.OPTIONS
 * */
.saa-options p {
  font-size: 18px;
  color: #d5dde0;
  margin-top: 20px;
}
.saa-options ul {
  list-style: disc;
  margin-left: 20px;
}
.saa-options ul li {
  margin-bottom: 8px;
  color: #d5dde0;
  font-size: 18px;
}
.saa-options ul li::marker {
  color: var(--op-gold);
  font-size: 24px;
}
.saa-options-truck {
  height: 80%;
  position: absolute;
  top: 12%;
  right: 2%;
}

/**
 * []. UBIK
 * []. UBIK.CONTENT
 * */
.ubik-slide {
  height: 450px;
  margin-top: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ubik-slide-opacity {
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 2;
}
.ubik-content p {
  font-size: 1.5vmax;
  text-align: justify;
}
.ubik-truck-right {
  position: absolute;
  right: 0px;
  border-radius: 10px 0px 0px 10px;
  height: 15vmax;
  margin-top: 100px;
}
.ubik-truck-left {
  position: absolute;
  left: 0px;
  border-radius: 0px 10px 10px 0px;
  height: 16vmax;
  margin-top: 80px;
}

/**
 * [][]. PRIVACY
 * */
.privacy-slide {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.privacy-content-text ul {
  padding-left: 18px;
  margin-bottom: 20px;
}

/**
 * [][]. EXPORT.SLIDE
 * */
.export-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.export-slide-title h1 span {
  border-color: var(--op-gold)!important;
}
.export-description p {
  font-size: 20px;
}
.export-form {
  color: var(--bs-white);
}
.export-form input, .export-form input:focus, .export-form input:active,
.export-form select, .export-form select:focus, .export-form select:active {
  background-color: var(--op-black);
  color: var(--bs-white);
  border: 2px solid var(--op-gray);
}
.export-form input[type=date] {
  color-scheme: dark;
}

/**
 * [][]. TMS
 * */
.tms-slide p, .tms-slide a {
  color: #d5dde0;
  opacity: .6;
}
.tms-slide a {
  border-bottom: 1px solid #d5dde0;
}
.tms-i-driven-lines {
  margin-top: -30px;
  width: 35%;
  position: absolute;
  z-index: -1;
}
.tms-i-driven-lines-right {
  margin-top: -80px;
  width: 35%;
  position: absolute;
  z-index: -1;
}
.tms-banner {
  background-image: url('../assets/images/tms/banner.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 498px;
}
.tms-banner-buttons button {
  width: 280px;
}
.tms-form {
  padding: 50px 100px;
  border: 2px solid #58595B;
  border-radius: 10px;
  margin-top: -100px;
  margin-bottom: -100px;
  position: relative;
  z-index: 2;
}
.tms-form  p, .tms-form  a{
  color: #d5dde0;
  opacity: .6;
}
.tms-form  a {
  border-bottom: 1px solid #d5dde0;
}

@media screen and (max-width: 767px) {
  .tms-form {
    padding: 50px 20px;
  }
  .tms-banner {
    height: 600px;
  }
  .tms-banner-buttons button {
    width: 280px;
    margin-bottom: 1rem;
  }
  .tms-circle-gold {
    display: none;
  }
}

/**
 * [][]. BLOG.CONTENT
 * */
.blog-content h5{
  font-size: 34px;
  margin-bottom: 20px;
  margin-top: 80px;
}
.blog-content p{
  font-size: 22px;
  color: #3E4958;
}
.blog-content img {
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .blog-content h5{
    font-size: 24px;
  }
  .blog-content p{
    font-size: 14px;
    color: #3E4958;
  }
  .blog-content img {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .blog-content p{
    font-size: 16px;
    color: #3E4958;
  }
  .blog-content img {
    width: 100%;
    margin-bottom: 10px;
  }
}

/**
 * [][]. MEDIUM_SCREEN
 * */
@media screen and (max-width : 992px)
{
  /**
   * [][]. HOME
   * */
  .home-shipper-left {
    padding: 7% 20% 7% 2%;
  }
  .home-transporter-findtransporter {
    top: 20%;
  }
}

/**
 * []. SMALL_SCREEN
 * */
@media screen and (max-width: 767px)
{
  /**
   * [][]. HOME
   * */
  .home-slide {
    padding: 80px 0px 60px 0px;
  }
  .home-slide-title h1 {
    font-size: 40px;
  }
  .home-slide-button button {
    position: relative;
    z-index: 2;
  }
  .home-transporter-darkarea {
    text-align: left;
  }
  .home-transporter-findtransporter {
    width: 42%;
    right: 2%;
    top: 24%;
  }
  .home-transporter-findfright {
    width: 42%;
    left: 2%;
    top: 24%;
  }
  .hat-description {
    height: auto;
  }
  .home-apps-app:first-child {
    margin-bottom: 50px;
  }
  .home-statistics .col {
    margin-bottom: 10px;
  }
  .home-contact-area {
    margin-bottom: 30px;
  }

  /**
   * [][]. FOOTER
   * */
  footer .col-6 {
    margin-bottom: 50px;
    text-align: center;
  }
  .footer-logo {
    text-align: center;
  }
  .footer-logo img {
    width: 80%;
  }
  .footer-bottom, .footer-bottom a {
    font-size: 12px;
  }
}

/**
 * []. MOBILE
 * */
@media screen and (max-width: 479px)
{
  .op-preloader-content img {
    width: 60px;
  }
  .op-preloader-text {
    font-size: 30px;
    width: 250px;
  }

  /**
   * [][]. HOME
   * */
  .home-slide-truck {
    width: 100%;
  }
  .home-slide-title h1 {
    font-size: 26px;
    margin-bottom: 0px;
    line-height: 30px;
  }
  .home-slide-description p {
    font-size: 14px;
  }
  .home-shipper, .home-transporter {
    display: block;
  }
  .home-shipper-left {
    width: 100%;
    padding: 20px;
    height: 600px;
  }
  .home-shipper-right, .home-transporter-right, .home-transporter-left {
    width: 100%;
  }
  .home-transporter-darkarea {
    padding: 20px;
    height: 550px;
  }
  .home-transporter-findtransporter {
    width: 90%!important;
    right: 5%;
    bottom: 12px;
    top: unset;
  }
  .home-transporter-findfright {
    width: 90%;
    left: 5%;
    top: unset;
    bottom: 12px;
  }
  .home-trucks-title, .home-why_opticharge h1, section.home-contact .home-contact-title h1 {
    font-size: 30px;
  }
  .home-why_opticharge-option-title {
    font-size: 24px;
  }
  .home-partners-title {
    margin-bottom: 20px;
    text-align: center;
  }
  .export-slide-title {
    text-shadow: 2px 2px 2px #000;
  }
  .export-reserve-card-buttons video {
    width: 100%;
  }
  .home-apps-img {
    text-align: center!important;
  }
  .home-apps-img img {
    width: 40%;
  }

  /**
   * [][]. FOOTER
   * */
  .footer-bottom, .footer-bottom a, .footer-bottom .row .col-md-4:last-child {
    text-align: center;
  }

  .transporter-slide {
    padding: 80px 0px 100px 0px;
  }
  .transporter-slide-title h1 {
    font-size: 40px;
  }
  .transporter-how_it_works-mobile.text-end {
    text-align: center!important;
  }
  .transporter-register {
    margin-bottom: 200px;
  }
  .transpoter-opinions-elem b {
    top: 0;
    left: 0;
  }

  .ubik-slide, .privacy-slide {
    height: 200px;
  }
  .ubik-truck-right, .ubik-truck-left {
    display: none;
  }
  .ubik-content p {
    font-size: 16px;
  }

  .saa-slide {
    padding: 80px 0px 100px 0px;
  }
  .saa-slide h1 {
    text-shadow: 1px 1px 4px #000;
  }
  .saa-slide-button button {
    position: relative;
    z-index: 11;
    box-shadow: 1px 1px 1px #000;
  }
  .saa-slide-phone {
    right: 0;
    bottom: 0;
    height: 50%;
  }
  .saa-options-truck {
    display: none;
  }

  .about-slide-title h1 {
    font-size: 40px;
    line-height: 36px;
  }
  .about-description-text {
    padding-right: unset;
  }
  .about-description-logo.text-end {
    text-align: center!important;
  }
  .about-mission-commas-left {
    font-size: 100px;
    top: -20px;
  }
  .about-mission-commas-right {
    font-size: 100px;
    bottom: -28px;
  }
  .transporter-how_it_works iframe {
    width: 100%;
    height: auto;
    min-height: 300px;
  }
  .transporter-register-form {
    padding: 20px 20px;
  }
}