.about {

width: 100%;

height: 100%;

}

.parallax-window {

min-height: 675px;

background: transparent;

}

.parallax_background {

position: relative;

}

.container p {

    margin-bottom: 50px;

    font-size: 16px;

}

.site-section {

    padding: 30px 0px;

}

.card-box{

    padding-left:5px;

    max-width: 25%;

    padding-right:5px;

}

.about_content {

    width: 100%;

    position: absolute;

    display: flex;

    left: 0;

    top: 50px;

    bottom: 180px;

    text-align: center;

}

.about_title {

    font-size: 46px;

    text-align: left;

    font-weight: 700;

    line-height: 1;

    margin-top: 20px;

    /* margin: auto; */

    margin-left: 100px;

}

.about-para {

    font-size: 16px;

    text-align: left;

    line-height: 1.3;

    color: #fff;

    margin-top: 20px;

    /* margin: auto; */

    margin-right: 35%;

    margin-left: 100px;

}

.form-control {

    padding: 5px 15px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    height: 40px;

    color: #000;

    background-color: #d3d2d6;

    border-radius: 0.25rem;

}



.item-card{

transition:0.5s;

cursor:pointer;

}

.card-title{

font-size: 26px;

color: #fefefe;

font-weight: 700;

font-family: "Raleway";

text-align: center;

}

.m-10 {

margin: 10px auto;

}

.w-40 {

width: 40%;

}

.item-card-title{  

font-size:15px;

transition:1s;

cursor:pointer;

}

.card-text:last-child {

margin-bottom: 60px;

color: #fefefe;

font-size: 14px;

text-align: center;

}

.item-card-title i{  

font-size:15px;

transition:1s;

cursor:pointer;

color:#ffa710

}

.card-title i:hover{

transform: scale(1.25) rotate(100deg); 

color:#18d4ca;



}

.card:hover{

transform: scale(1.05);

box-shadow: 10px 10px 15px rgba(0,0,0,0.3);

}

.card-text{

height:80px;  

}



.card::before, .card::after {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

transform: scale3d(0, 0, 1);

transition: transform .3s ease-out 0s;

background: rgba(255, 255, 255, 0.1);

content: '';

pointer-events: none;

}

.card::before {

transform-origin: left top;

}

.card::after {

transform-origin: right bottom;

}

.card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {

transform: scale3d(1, 1, 1);

}

.incent-pro {

    max-width: 20%;

}

.incent-pro .card {

    padding-top: 50px;

}

.incent-pro .card-text:last-child {

    margin-bottom: 60px;

    color: #fefefe;

    line-height: 1.4;

    font-size: 15px;

    text-align: center;

}

@media (min-width: 768px) {

    .site-section {

        padding: 30px 0px;

    }

}

@media (max-width: 575px) {

    .site-section {

        padding: 30px 0px;

    }

    .card {

        padding: 15px;

        height: 95%;

    }

    .card-box {

        padding-left: 10px;

        max-width: 50%;

        padding-right: 5px;

    }

    .card-title {

        font-size: 21px;

    }

    .card-text:last-child {

        font-size: 12px;

    }

}

.site-section.site-section-sm {

    padding: 4em 0;

}



.site-section-heading {

    padding-bottom: 20px;

    margin-bottom: 0px;

    position: relative;

    font-size: 30px;

}



.title-section {

    margin-bottom: 30px;

}



.title-section .heading {

    color: #fff;

    font-size: 20px;

    position: relative;

    padding-left: 30px;

}



.title-section .heading:before {

    position: absolute;

    content: "";

    width: 10px;

    top: 0;

    left: 0;

    bottom: 0;

    background: #ee1e46;



}



.custom-nav a {

    font-size: 30px;

    display: inline-block;

    width: 40px;

    height: 40px;

    position: relative;

    color: #ffffff;

    border-radius: 5px;

    /* background: rgb(238, 30, 70); */

    background: #000;

}



.custom-nav a>span {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.custom-nav a:hover {

    background-color: #ee1e46;

}



.owl-dots {

    position: absolute;

    width: 100%;

    bottom: -50px;

    text-align: center;

    display: none;

}



.owl-dots .owl-dot {

    display: inline-block;

}



.owl-dots .owl-dot>span {

    display: inline-block;

    background: rgba(255, 255, 255, 0.2);

    width: 20px;

    height: 3px;

    margin: 5px;

}



.owl-dots .owl-dot.active>span {

    background: #ee1e46;

}





.video-media {

    position: relative;

}



.video-media:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.3);

}



.video-media .play-button {

    position: absolute;

    display: block;

    bottom: 20px;

    left: 20px;

    font-size: 20px;

    font-weight: 700;

    color: #fff;

    width: 100%;

}



.video-media .play-button .icon {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50px;

    flex: 0 0 50px;

    height: 50px;

    border-radius: 50%;

    background: #ee1e46;

    position: relative;

}



.video-media .play-button .icon:before {

    content: "";

    position: absolute;

    left: -5px;

    top: -5px;

    width: 60px;

    height: 60px;

    border: 2px solid #ee1e46;

    border-radius: 50%;

}



.video-media .play-button .icon>span {

    position: absolute;

    top: 50%;

    color: #fff;

    left: 55%;

    font-size: 18px;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.video-media .play-button .meta {

    font-size: 12px;

}



.video-media .play-button .caption {

    width: 100%;

}



.video-media .play-button .caption h3 {

    line-height: 1;

    color: #fff;

    font-weight: 700;

    font-size: 18px;

}



.owl-theme .owl-controls {

    margin-top: 10px;

    text-align: right;

}



.owl-theme .owl-controls .owl-page span {

    content: "\e314";

    font-size: 30px;

    display: inline-block;

    width: 40px;

    height: 40px;

    position: relative;

    color: #ffffff;

    border-radius: 5px;

    background: rgb(238, 30, 70);

    opacity: 1;

}



.owl-carousel .owl-item {

    float: left;

    padding: 10px;

}



.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    height: 100%;

    word-wrap: break-word;

    padding: 20px 20px;

    background-color: #6e1c3d;;

    background-clip: border-box;

    border: none;

    border-radius: 10px;

}



.modal {

    height: auto;

    max-width: 1134px;

}



.modal a.close-modal {

    top: 5px;

    right: 5px;

}



.img-modal {

    position: relative;

    overflow: hidden;

    height: 270px;

    width: 270px;

    border-radius: 50%;

    margin: auto;

    object-fit: contain;

}

section {

    padding: 60px 0;

}

.in-font {

    font-size: 28px;

    font-weight: 400;

}



.title {

    font-weight: bold;

    font-size: 48px;

}

.mar {

    margin-right: 360px;

}

.pt-custm-80 {

    padding: 80px 0px;

}

@media (max-width: 767px){

    section {

        padding: 20px 0;

    }

    .mar {

        margin-right: 0px;

    }

    .container p {

        margin-bottom: 20px;

        font-size: 14px;

        text-align: left;

    }

    .about_title {

        font-size: 40px;

        margin-top: 0px;

        /* margin: auto; */

        margin-left: 0px;

    }

    .about-para {

        margin-left: 0px;

    }

    .about_content {

        display: block;

    }

    .card {

        padding: 20px 15px;

        height: 98%;

    }

    .card-box {

        padding-left: 10px;

        max-width: 50%;

        padding-right: 5px;

        margin-bottom: 10px;

    }

    .card-title {

        font-size: 21px;

    }

    .card-text:last-child {

        font-size: 11px;

        margin-bottom: 40px;

    }

    .container h1 {

        margin-bottom: 15px;

    }

    .title {

        font-size: 36px;

    }

    .giftkarting-creates .title {

        font-size: 34px;

    }

    .btn-lg {

        padding: 0.5rem 0.8em;

        font-size: 1rem;

        line-height: 1.5;

        border-radius: 0.3rem;

    }

    .giftkarting-creates {

        padding-top: 15px;

    }

    .stopSect .giftkarting-creates h2 {

        font-size: 30px;

        margin-bottom: 0px;

    }

    .stopSect .giftkarting-creates {

        margin-bottom: 20px;

    }

    .stopSect .giftkarting-creates p {

        font-size: 17px;

        margin-bottom: 15px;

    }

}



  #tooltip {

    background: #fff;

    color: #000000;

    font-weight: bold;

    padding: 10px 10px;

    font-size: 13px;

    border-radius: 4px;

    display: none;

  }



  #tooltip[data-show] {

    display: block;

  }



  #arrow,

  #arrow::before {

    position: absolute;

    width: 10px;

    height: 10px;

    background: inherit;

  }



  #arrow {

    visibility: hidden;

  }



  #arrow::before {

    visibility: visible;

    content: '';

    transform: rotate(45deg);

    top: 0;

    left: 0;

  }



  #tooltip[data-popper-placement^='top'] > #arrow {

    bottom: -4px;

  }



  #tooltip[data-popper-placement^='bottom'] > #arrow {

    top: -4px;

  }



  #tooltip[data-popper-placement^='left'] > #arrow {

    right: -4px;

  }



  #tooltip[data-popper-placement^='right'] > #arrow {

    left: -4px;

  }