.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.banner {

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

    background-repeat: no-repeat;

    background-size: 100%;

    padding: 40px;

    padding-top: 180px;

    padding-bottom: 160px;

   

}

.banner h1

{

    text-align: center;

   font-size: calc(0.5em + 3.5vw);

    color: #fff;

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

    font-weight: 900;

    line-height: 100%;

}

.about {

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

    background-repeat: no-repeat;

    background-size: 64% 70%;

    background-position: right;

    padding: 0px;

    padding-top: 68px;

}

.about .wrapper

{

    padding-left:0% !important;

}

.about .container-fluid

{

    padding-left:0px !important;

}

.about img

{

    opacity: 0.75;

    border-radius:4px;

    box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);



}

.about .abt img

{

    border-radius:0px !important;

    box-shadow:none !important;

}

.abt {

    padding: 10px 40px;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.what-we-do .media

{

margin-top:40px;

}

.abt h2 {

    font-size: calc(0.5em + 2vw);

    color: #000;

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

    font-weight: 900;

    line-height: 100%;

    margin-top: 18px;

    margin-bottom: 15px;

}

.abt p {

    font-size: calc(0.5em + 0.5vw);

    color: #000;

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

    line-height: 2;

    margin-top: 5px;

}

.about .abt_img

{



position: relative;

display: inline-block;



}

.about .abt

{

  

}

.modal-dialog {

    max-width: 800px;

    margin: 1.75rem auto;

}

.modal-content {

   

    background-color: transparent !important;

    border: none !important;

   

}

.modal-header {

    

    border-bottom: none !important

    

}

.modal-header .close {

    

    color: #fff !important;

    font-size: 54px !important;

}

.about .video

{

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 80px;

    width: 80px;

    background-color:rgb(87 43 156 / 77%);

    color:blue;

    font-size: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 9;

    border-radius: 100%;

    animation: pulse1 1s infinite;
}
.about .video:hover .fa{ box-shadow: none!important; }

@keyframes pulse1

{

    0% {

    -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

}

70% {

    -webkit-box-shadow: 0 0 0 15px rgb(255 255 255 / 0%);

    box-shadow: 0 0 0 15px rgb(255 255 255 / 0%);

}

100% {

    -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);

    box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);

}

}

.what-we-do {

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

    background-repeat: no-repeat;

    background-size: 100% 82%;

    background-position: top;

    margin-top: 8%;

   

}

.what-we-do h2



{

font-size: calc(0.5em + 1.8vw);

    color: #000;

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

    font-weight: 900;

    line-height: 100%;

    margin-top: 18px;

    margin-bottom: 15px;

}

.what-we-do p

{

    font-size: calc(0.5em + 0.5vw);

    color: #000;

    opacity: 0.85;

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

    font-weight: 500;

    line-height: 2;

    width:550px;

}

.what-we-do p strong

{

    font-size: calc(0.5em + 0.8vw);

    font-weight:600;

    

}

.rotation-img {

   

    position: relative;

    left: -42px;

}

@keyframes rotation

{

    0% {

    -webkit-transform: rotate(

0deg);

}

100% {

    -webkit-transform: rotate(

359deg);

}

}

.mission

{

    margin-top:7%;

}

.mission h2 {

    font-size: calc(0.5em + 1.8vw);

    color: #572b9c;

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

    font-weight: 900;

    line-height: 100%;

    margin-top: 18px;

    margin-bottom: 15px;

    

}

.what_dt 

{

    font-size: calc(0.5em + 1.2vw) !important;

    color: #000;

    opacity: 0.85;

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

    font-weight: 600 !important;

    line-height:1.5 !important;

    margin-top: 21px;

    margin-bottom: 40px;

}



.mission h3

{

font-size: calc(0.5em + 1.4vw);

    color: #000;

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

    font-weight: 900;

    line-height: 100%;

    margin-top: 18px;

    margin-bottom: 15px;

}

.who-we{
    font-size: 22px !important;
    margin-top: 70px !important;
    color: #932b9e !important;
}

.mission p

{

    font-size: calc(0.5em + 0.5vw);

    color: #000;

    opacity: 0.85;

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

    font-weight: 500;

    line-height: 2;

}

.mission .border-top {

    border-top: 1px solid #5a2e9f!important;

    width: 91%;

    float: left;

    margin: 14px 5px;

    position: relative;

    left: -4px;

}

.mission .num

{

    

    font-size: calc(0.5em + 0.5vw);

    color:#5a2e9f;

    opacity: 0.85;

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

    font-weight:600;

}

.values {



    background: url(../images/Pattern4.png) no-repeat;

    background-size: 100%;

    margin-top:7%;

    

}

.values h2

{

     font-size: calc(0.5em + 1.8vw);

     text-align:center;

    color:#fff;

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

    font-weight: 900;

    line-height: 100%;

    padding-top:60px;

    margin-bottom: 15px;



}

.values p

{

    font-size: calc(0.5em + 0.7vw);

    text-align:center;

    color:#fff;

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

    font-weight: 500;

    line-height: 2;

}

.values .box

{

    background-color:#fff;

    border-radius: 10px;

    padding: 40px;

    box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);

    position: relative;

    margin-top:24px;

    z-index: 1;

}

.values .box

{

    position:relative;

}

.values .box .product

{

    text-align: center;

    

}

.values .box:first-child .product

{

     border-right: 0px solid #cccccc;

}

.product p {

    font-size: calc(0.5em + 0.5vw);

    text-align: center;

    color: #000;

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

    font-weight: 500;

    line-height: 1.8;

    margin-top:10px;

}

.product h4 {

    font-size: calc(0.5em + 0.9vw);

    text-align: center;

    color: #000;

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

    font-weight: 600;

    margin-top: 20px;

}

.achieved {

    background-color: #fef8f8;

    position: relative;

    top: -275px;

    padding-bottom: 120px;

    padding-top: 350px;

}

.achi_box {

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

    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-25%);
    display: flex;
    height: 83%;
    margin-top: -23px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

}

.achi_box h1

{

    text-align: right;
    font-size: calc(1em + 2.5vw);
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    width: 30%;
    text-align: right;

}

.achi_box p

{


   
    font-size: calc(0.4em + 0.8vw) !important;
    color: #000;
    line-height: 1.4 !important;
    width: 39%;
    text-align: left;
    margin: 0px !important;

}



.achieved h2

{

     font-size: calc(0.5em + 1.8vw);

    color:#000;

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

    font-weight: 900;

    line-height: 100%;

    padding-top: 40px;

    margin-bottom: 15px;



}

.achieved  p {

    font-size: calc(0.5em + 0.5vw);

    color: #000;

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

    font-weight: 500;

    line-height: 2;

    margin-top:10px;

}

.team

{

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

    background-repeat:no-repeat;

    background-position:bottom left;

    margin-top:-12%;

    margin-bottom: 80px;

}

.team_dt

{

    border-left: 5px solid #663399;

    border-bottom: 5px solid #663399;

    padding: 40px;

    position: relative;

}

.team_dt:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 5px;

    width: 100px;

    content: "";

    background:#663399;

}

.team_dt:after {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 100px;

    width: 5px;

    content: "";

    background:#663399;

}

.team h2

{

     font-size: calc(0.5em + 1.8vw);

    color:#000;

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

    font-weight: 900;

    line-height: 100%;



}

.team h4

{

     font-size: calc(0.5em + 1vw);

    color:#000;

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

    font-weight: 600;

    line-height: 1.4;

    padding-top: 10px;

    margin-bottom: 15px;



}

.team p

{

    font-size: calc(0.5em + 0.7vw);

    color:#000;

    opacity: 0.85;

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

    font-weight: 500;

    line-height: 2;

}

.gallery

{

    background-color:#fef8f8;

    padding:40px 0px;

    padding-bottom:60px;

}

.gallery h2

{



    font-size: calc(0.5em + 2vw);

    color: #000;

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

    font-weight: 900;

    text-align:center;

    line-height: 100%;

    margin-top: 18px;

    margin-bottom:45px;

}

.gallery img

{

    border-radius:6px;

    box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);

}

.demo{margin-top:7%; }

.demo h2

{

    font-size: calc(0.5em + 2vw);

    color: #000;

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

    font-weight: 900;

    text-align: center;

    line-height: 100%;

    margin-top: 18px;

}

#testimonial-slider{

    padding: 50px 20px 35px 20px;

   

    text-align: center;

   

}

.owl-theme .owl-controls .owl-buttons div

{

    background-color:transparent !important;

}

.testimonial .description{

    font-size: calc(0.5em + 0.7vw);

    color: #000;

    opacity: 0.85;

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

    font-weight: 500;

    line-height: 2;

    text-indent: 30px;

    position: relative;

}



.testimonial .title {

    font-size: calc(0.5em + 1vw);

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

    font-weight: bold;

    color: #663399;

    text-transform: capitalize;

    margin: 2px 20px;

}



.testimonial .post{

    display: block;

     font-size: calc(0.5em + 0.7vw);

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

    font-weight:500;

    color: #000;

}



.owl-buttons{

    width: 100%;

    height: 40px;

    position: absolute;

    bottom: 40%;

    left: 0;

}

.owl-prev,

.owl-next{

    position: absolute;

    left: 0;

    transition: all 0.4s ease-in-out 0s;

}

.owl-next{

    left: auto;

    right: 0;

}

.owl-buttons .owl-prev:before,

.owl-buttons .owl-next:before{

    content:url(http://trackobit.com/wp-content/uploads/2021/04/Layer-2-1.png);

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 60px;

    font-weight: 900;

    color: #cacaca;

    line-height: 20px;

    opacity: 0.8;

}

.owl-buttons .owl-next:before{

    content: url(http://trackobit.com/wp-content/uploads/2021/04/Layer-2-1-1.png);

}

.owl-buttons .owl-prev:hover:before,

.owl-buttons .owl-next:hover:before{

    opacity: 1;

}

.owl-theme .owl-controls .owl-buttons div {

   padding: 30px 10px !important;

    }

.owl-theme .owl-controls .owl-buttons div{

    background: transparent;

}

.owl-theme .owl-controls{

    margin-top: 40px;

}

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

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 4px solid #ccc;

    background: url("../images/img-1.jpg") no-repeat;

    background-size: cover;

    transition: all 0.3s ease-in-out 0s;

}

.owl-theme .owl-controls .owl-page:nth-child(2) span{

    background: url("../images/img-2.jpg") no-repeat;

    background-size: cover;

}

.owl-theme .owl-controls .owl-page:nth-child(3) span{

    background: url("../images/img-3.jpg") no-repeat;

    background-size: cover;

}

.owl-theme .owl-controls.clickable .owl-page:hover span{

    opacity: 0.5;

}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls .owl-page.active:hover span{

    border-color: #d133ff;

    opacity: 1;

}


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

    .owl-buttons{ bottom: 30%; }

}

@media (max-width: 1025px) and (min-width:980px) 

{





    .about .abt {



    margin-top: 5%;

}

.abt p {

    font-size: calc(0.5em + 0.9vw);

    }

    .what-we-do p {

    font-size: calc(0.5em + 0.9vw);

}

.mission p {

    font-size: calc(0.5em + 0.9vw);

    }

    .values p {

    font-size: calc(0.5em + 1vw);

}

.product p {

    font-size: calc(0.5em + 0.9vw);

    }

    .achieved p {

    font-size: calc(0.5em + 0.9vw);

}

.team p {

    font-size: calc(0.5em + 1vw);

    }

    .team h4 {

    font-size: calc(0.5em + 1.5vw);

}

.about img {

    opacity: 0.75;

    border-radius: 4px 100px;

    }

.achi_box {

    background-size: 95%;

    padding-top: 70px;

    padding-left: 89px;

}



   .achi_box h1 {

    font-size: calc(0.5em + 5vw); margin-top: 0;

    width: 15%;

}

.achi_box p {

   

    width:14%;

    }

    .team {

    background-image:none;

   

    margin-top: -20%;

}



.values h2

{

    padding-top:32px;

}

.mission {

    margin-top: 0%;

    padding: 20px;

}

.what-we-do

{

    padding:45px;

}



.what-we-do p 

{

   

    width: 100%;

    }

}

@media (max-width:900px) and (min-width:610px) 



    {

        .banner {

    

    padding-top: 150px;

    padding-bottom: 160px;

}

    .about .abt {

    position: static;

    top: 0%;

    -ms-transform: translateY(-50%);

    transform: translateY(0%);

    margin-top: -9%;

}

.abt p {

    font-size: calc(0.5em + 0.9vw);

    }

    .what-we-do p {

    font-size: calc(0.5em + 0.9vw);

}

.mission p {

    font-size: calc(0.5em + 0.9vw);

    }

    .values .box {

    max-width: 720px;

    display: block;

    margin: 0 auto;

}

.product p {

    font-size: calc(0.5em + 0.9vw);

    }

    .achieved p {

    font-size: calc(0.5em + 0.9vw);

}

.team p {

    font-size: calc(0.5em + 1vw);

    }

    .team h4 {

    font-size: calc(0.5em + 1.5vw);

}

.testimonial .description {

    font-size: calc(0.5em + 1vw);

    }

.about img {

    opacity: 0.75;

    border-radius: 0px;

    }

.achi_box {

     background-size: 95%;

    padding-top: 50px;

    padding-left: 49px;

}



   .achi_box h1 {

    font-size: calc(0.5em + 3vw); margin-top: 0;

    width: 15%;

}

.about {

   

    padding-top: 0;

}

.achi_box p {

   

    width:14%;

    }

   .team {

    background-image: none;

    margin-top: -29%;

    padding: 20px;

    margin-bottom: 50px;

}

.abt {

    padding: 10px 11px;

}



.what-we-do {

   

    margin-top: 2%;

    padding: 35px;

}

.what-we-do p 

{

   

    width: 100%;

    }

    .mission {

    margin-top: -1%;

    padding: 18px;

}

.mission .border-top {

  

    width: 88%;

    }

.values h2 {

    padding-top: 20px;

}

.values .box {

    max-width: 720px;

    display: block;

    margin: 0 auto;

}



}

@media (max-width: 600px)

{

    .banner {

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

    background-repeat: no-repeat;

    background-size: cover;

    padding: 40px;

    padding-top: 119px;

    padding-bottom: 67px;

}

    .banner h1 {

   

    font-size: calc(0.5em + 6vw);

   

}

    .wrapper

    {

        padding-left:0% !important;

        padding-right:0% !important;

    }

    .about {



   

}

.abt {

    padding: 10px 5px;

}

    .what-we-do {

    padding: 5px;

}

.what-we-do .media

{

    margin-top:10%;

}

.what-we-do h2 {

    font-size: calc(0.5em + 5vw);

    margin-top: 24px;

}

    .what-we-do p {

    font-size: calc(0.5em + 2.2vw);

    text-align: left;

    width: 100%;

    margin-top: 5%;

}

.what-we-do p strong {

    font-size: calc(0.5em + 3vw);

    text-align: left;

    line-height: 1.5;

}

.mission h3 {

    font-size: calc(0.5em + 3.5vw);

    margin-top: 15px;

}

    .what_dt {

    font-size: calc(0.5em + 3.5vw) !important;

}

.mission {

    margin-top: 0%;

    padding: 5px;

}

.mission h2 {

    font-size: calc(0.5em + 5vw);

    position: static;

}



.values {

    background-size: initial;

    padding: 0px 19px;

}

    .mission .border-top {

    width: 84%;

    margin: 8px 5px;

}

.mission .num {

    font-size: calc(0.5em + 2.8vw);

    margin-top: -9px;

}

.mission p {

    font-size: calc(0.5em + 2.2vw);

    margin-bottom: 10px;

    }

  .values {

    background-size: initial;

    padding: 5px;

}

.values h2 {

    font-size: calc(0.5em + 5vw);

    padding-top: 27px;

}

    .values p {

    font-size: calc(0.5em + 2.2vw);

    line-height: 1.8;

}

.values .box {

 

    margin-top: 30px;

    

}

.about .abt {

    position: static;

    top: 0%;

    -ms-transform: translateY(-50%);

    transform: translateY(0%);

    margin-top: 10%;

}

.about img {

    

    border-radius: 0;

    }

    .abt h2 {

    font-size: calc(0.5em + 5vw);

}

.abt p {

    font-size: calc(0.5em + 2.2vw);

}

    .rotation-img {

    left: 0;

}

.values .box .product::after {

   display:none;

}

.values .box .product {

    margin: 26px 0px;

}

.demo {

    margin-top: 14%;

    margin-bottom: 25px;

}

.demo h2 {

    font-size: calc(0.5em + 5vw);

    }

    #testimonial-slider {

    padding: 23px 20px 35px 20px;

}

.testimonial .description {

    font-size: calc(0.5em + 2.2vw);

    }

.product h4 {

    font-size: calc(0.5em + 4vw);

    }

  .achi_box {

    background-size: 100%;

    padding-left: 32px !important;

    padding: 10px 0px;

    position: absolute;

    top: 50%;

    left: 50%;

    -ms-transform: translateY(-50%);

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

    padding: 30px;

}

.achieved {

    padding-top: 160px !important;

    margin-top: 66%;

    padding: 5px;

    padding-bottom: 45px;

}



.achi_box h1 {

    font-size: calc(0.5em + 8vw);

    width: 100%;

    margin-right: 0px;

    text-align: center;

    float: none;

}

.achi_box p {

    float: none;

    width: 100%;

    font-size: calc(0.5em + 2.5vw) !important;

    margin-top: 20px !important;

    text-align: center;

}

.gallery {

   

    padding: 40px 5px;

    

}

.gallery h2 {

    font-size: calc(0.5em + 5vw);

}

    .gallery img {

   

    margin: 10px 0px;

}

.about {

    background-image: none;

    }

.about .container-fluid {

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.achieved h2 {

    font-size: calc(0.5em + 4.5vw);

    margin-top: 70px;

}

.achieved p {

    font-size: calc(0.5em + 2.2vw);

    }

  .team {

    background-position: top left;

    margin-top: -78%;

    padding: 10px;

    background-size: auto 15%;

    margin-bottom: 49px;

}

.team_dt {

    padding: 20px;

    margin-top: 20%;

}

    .team h2 {

    font-size: calc(0.5em + 4.5vw);

}

.team h4 {

    font-size: calc(0.5em + 3.5vw);

    }

    .team p {

    font-size: calc(0.5em + 2.2vw);

}

.testimonial .title {

    font-size: calc(0.5em + 3.5vw);

}

.testimonial .post {

    

    font-size: calc(0.5em + 2.4vw);

    }

    .demo .owl-buttons {

    bottom: 64%;

}

    



   .demo .owl-theme .owl-controls .owl-buttons div {

   

    margin: -34px;

}

}

@media (max-width: 575px){
    .modal-content{ width: 90%; }
}