/*===================

    Google Fonts ============*/

@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');

@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');

    /* =============================================================



    GENERAL STYLES

    ============================================================ */

    html {        

        overflow-x: hidden;

        scroll-behavior:smooth

    }

    html:focus-within {

      scroll-behavior: smooth;

    }



    body {

        font-family: 'ABeeZee', sans-serif;

        position:relative;

    }

    

    p {

        letter-spacing:1.5px;

        line-height:25px;

       font-family: 'ABeeZee', sans-serif;

    }

    

    a {

        text-decoration:none;

        transition: color 0.2s ease-in 0s;

        letter-spacing:1px;

        font-size: 14px;

        font-family: 'ABeeZee', sans-serif;

    }

    a:hover{

        color:#000;

        text-decoration:none

    }

    h1, h2, h3, h4, h5, h6 {

        color: #170A01;

        font-family: 'Teko', sans-serif;

        font-weight: 470;

        margin: 0 0 15px;

        text-transform: none;

        letter-spacing: 1px;

    }


    ul, ol {

        list-style: none;

        padding: 0 !important;

        margin: 0 !important;

    }

    .btn_bike {

      background-color: #05C7FA;

      color: #000

    }

    .border-color{

      border-color: #034592 !important

    }





    /*===== Header =======*/



    header {

      background-image: url(../images/header-bg.png);

      background-position: right;

      background-size: 67%;

      display: flex;

      align-items: center;

      background-repeat: no-repeat;

      height: 75px;

    }



.info_contact img {
  width: 40px;
}

/*========== Image section ==========*/

.img_sec {

  position: relative;

  height: 550px;

}

.img_sec > img {

  height: 550px;

  width: 100%;

  object-fit: cover;

}



.contant_info {

  position: absolute;

  left: 0px;

  bottom: -45px;

  padding: 0;

  width: 65%;

  height: 121px;

  background-image: url(../images/contact_info.png);

  background-size: contain;

  background-repeat: no-repeat;

}

.contant_info img {
  width: 100px;
}

.social_link a {
  font-size: 18px;
}

    /*======= Prodcut Box Style */

    .product_box {

      position: relative;

      border-radius: 15px;

      background-color: #EDEDED;

    }

    .product_box > .img_box {

      height: 300px;

      border-radius: 15px;

      overflow: hidden;

      width: 100%;

    }

    .product_box > .img_box > img {

      width: 100%;

      height: 300px;

      object-position: center;

      object-fit: cover;

    }
      .product_box .btn_bike {
      padding: 8px 12px;
      border-radius: 15px
    }

    .heading h3 {

      margin-bottom: 8px;

    }

    .heading .line {

      width: 100px;

      height: 1.5px;

      display: block;

      background-color: #05C7FA;

    }

    .content_info ul li img {

      width: 40px !important;

    }

    .content_info ul li h5 {

      margin-bottom: 0;

      text-transform: uppercase;

    }

    .content_info ul li p {

      font-size: 12px;

    }

    .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

      position: absolute;

      width: 50px;

      height: 50px;

      background-color: #05C7FA !important;

      top: 50%;

    }

    .owl-carousel .owl-nav .owl-next {

      left: -15% !important;

    }

    .owl-carousel .owl-nav .owl-prev {

      right: -15% !important;

    }







    /*============== text-with images ========*/



    .bg_vec {

      background-image: url(../images/bg-vec.png);

      background-size: cover;

      background-position: center;

    }


/*============= Contact Us style =======*/


.iknow_tm_contact ul {
    margin: 0;
    list-style-type: none
}

.iknow_tm_contact ul li {
    margin: 0 0 25px;
    width: 100%;
    float: left
}

.iknow_tm_contact ul li:last-child {
    margin-bottom: 0
}

.iknow_tm_contact ul li .list_inner {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    display: flex;
    align-items: center
}

.iknow_tm_contact ul li .list_inner .icon {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    min-width: 90px;
    border-radius: 100%;
    background-color: #ffb324
}

.iknow_tm_contact ul li .list_inner .icon .svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    color: #fff
}

.iknow_tm_contact ul li .list_inner .short {
    padding-left: 15px
}

.iknow_tm_contact ul li .list_inner .short h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 11px
}

.iknow_tm_contact ul li .list_inner .short span a {
    text-decoration: none;
    color: #888;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.iknow_tm_contact ul li .list_inner .short span a:hover {
    color: #ff451b
}

.iknow_tm_contact input, select {
  width: 100%;
  height: 60px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 10px;
  padding: 5px 25px !important;
  background-color: transparent;
}
.iknow_tm_contact textarea {
  width: 100%;
  height: 230px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.15);
  padding: 25px !important;
  background-color: transparent;
}
.contact_btn {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  background-color: #034592;
  padding: 14px 50px;
  border-radius: 10px;
  white-space: nowrap;
  transition: all .3s ease;
}

    /*======= Footer =-======= */



    footer {

      background-color: #ECFBFF;

      position: relative;

      margin-top: 100px;

    }

    footer .footer_img {

      height: 275px

    }

    footer .footer_img .col-md-6{

      position: relative;

    }

    footer .scot_foot {

      position: absolute;

      top: -270px;
      width: 100%;

      right: 0;

    }

    .foot_info {

      border-top: 1px solid #03438D;

    }

    .foot_info p {

      text-transform: uppercase;

    }


    /*Media Query ============*/



 @media (max-width: 500px) {
    header {
      background-image: none;
    }
    .info_contact img {
      width: 20px
    }
    .info_contact span {
      font-size: 12px;
      display: none !important;
    }
    .info_contact a {
      font-size: 12px;
    }
    .contant_info img {
      width: 50px;
    }
    .contant_info .btn {
      font-size: 12px;
    }
    .contant_info .mt-3 {
      margin-top: 0px !important
    }
    footer .footer_img {
      height: auto;
    }
    .contant_info {
      bottom: -100px;
    }
    .img_sec {
      height: 260px;
    }
    .img_sec > img {
      height:  260px;
    }
 }


   @media (max-width: 960px) {
     .contant_info {
      width: 90%
     }
     header {
      background-size: 77% 104%;
     }
     header .container {
        max-width: 90%;
     }
   }

   @media (max-width: 1024px) {
      footer .scot_foot {
            top: -230px;
        }
   }
    @media (max-width: 1600) {
        footer .scot_foot {
            top: -270px;
            width: 85%;
        }
    }