@import "font-awesome-sprockets";
@import "font-awesome";

body{ margin: 0px; padding: 0px ; width: 100%; height: 100%; font-weight:normal; font-size: 18px; }
a:hover{text-decoration: none;}
input:focus, button:focus, select:focus, textarea:focus {box-shadow: none !important;}
.container-fuild{padding-left: 2rem ;padding-right: 2rem}
.pad-1{margin-top: 2rem;margin-bottom:5px}
.pad-2{margin-bottom: 2rem}
.main-section{margin-top: 12rem;}

.main-section h1{font-size: 3.5rem;font-weight: 600;}
.top-butt{color: #fff!important}
.top-butt i{color: #fff;font-size: 18px}

.but-1{background-color: #d4002a;padding: 10px 35px;color: #fff;font-size: 16px}
.but-1:hover{background-color: #000;color: #fff}




.animatable {
  /* initially hide animatable objects */
  visibility: hidden;

  /* initially pause animatable objects their animations */
  animation-play-state: paused;
}

/* show objects being animated */
.animated {
  visibility: visible;

  animation-fill-mode: both;
  animation-duration: 1s;
  animation-play-state: running;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}




#mycall {

 
  

  animation: mymove 1s infinite;
}

@keyframes mymove {
  50% {transform: rotate(10deg);}
}



.top-back{background-image: url(../images/top-back-circel.png);background-size: cover;background-repeat: no-repeat;background-position: top;}
.top-back img{width: 100%}


.gx-0 {  --bs-gutter-x: 0;}



.about-mg{margin: 7rem auto;}
.about-car {visibility: visible;
  animation-name: zoomIn;

  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
}

.rg{padding-right: 0}
.lf{padding-left: 0}
.align-items-center{align-items: center !important;}
.about-img-01{border-radius: 0px 60px;overflow: hidden;height: 250px}
.about-img-03{border-radius: 60px 0 60px 0;overflow: hidden;height: 250px}
.about-img-02{overflow: hidden;border-radius: 60px 0px;height: 250px}
.about-img-04{border-radius: 0 60px 0 60px;overflow: hidden;height: 250px}

.zoomIn {
  animation-name: zoomIn;
}
.about-img-01 img{width: 100%}
.about-img-02 img{width: 100%}
.about-img-03 img{width: 100%}
.about-img-04 img{width: 100%}

.about-exp{width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #CF3425;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);}


.about-exp h2{color:#fff;font-size: 32px;font-weight: 700}
.about-exp p{color: #fff}


.carousel-heading {
  display: flex;
  width: 100%;
  white-space: nowrap;
  align-items: center;
  justify-content: left;
  gap: 10px;
  margin: -5px 0px;
}

.needle {
  border-radius: 0px 4px 4px 0px;
  width: 100%;
  max-width: 64px;
  height: 4px;
  background: linear-gradient(90deg, #ECE7EB 0%, #2A0722 100%);
  -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
}

.heading-text{font-size: 18px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 0px;
  color: #1C1C1C;
  text-align: center;
}

.needle-2{border-radius: 0px 4px 4px 0px;
  width: 100%;
  max-width: 64px;
  height: 4px;
  background: linear-gradient(90deg, #ECE7EB 0%, #2A0722 100%);
  -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);}

.about-car-2{padding-left: 4rem}
.about-car-2 h2{font-size: 3rem;font-weight: 700}


.for-where{background-color: #edf1f7;text-align: center;margin: 5rem auto;padding: 3rem}

.where-1{border-right: 1px solid #ccc;}
.where-1 img{width: 20%}
.where-1 h3{font-size: 1.5rem;font-weight: 600;margin-top: 1rem}

.where-2 img{width: 20%}
.where-2 h3{font-size: 1.5rem;font-weight: 600;margin-top: 1rem}



.custo{}
.custo img{width: 20px;height: 20px;display: inline-block; font-size: 16px;font-weight: 600;}
.custo p{font-size: 18px}


.fleet{background-color: #edf1f7; padding-top: 5rem;padding-bottom: 5rem}
.fleet h2{font-size: 3rem;font-weight: 700;text-align: center;}
.ju-ct{justify-content: center;}




.car-1{width: 100%;

  position: relative;
  margin-top: 20px;
  padding: 10px;
  background: linear-gradient(1turn, #f1f6fd 30%, #edf1f7);
  box-shadow: 3px 3px 9px rgba(164,164,186,0.2);
  border: 1px solid #fff;}

  .car-1-img img{width: 100%;background-color: #fff}

.car-1-content{margin-top: 15px;padding: 0 1rem;}

.content {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0px;}
.content h3{color: #000;font-size: 18px;line-height: 30px;margin-bottom: 0;font-weight: 600}

.model{padding-left: 0}
.model li{font-size: 14px; list-style-type: none;}
.content span{font-size: 13px;font-weight: 600;padding: 3px 10px;color: #33334f;border: 2px dashed #32094e;border-radius: 20px;
  margin-right: 0px;}

.availabel-info{display: block ruby;gap: 100px;margin-bottom: 13px;list-style: none;padding-left: 0;border-top: 1px solid rgb(196, 190, 190);
  padding-top: 13px;}
.availabel-info li{font-size: 14px}
.leffft{margin-left: 5.3rem;}

.star{display: flex;gap: 100px;margin-bottom: 13px;list-style: none;padding-left: 0;border-top: 1px solid rgb(196, 190, 190);padding-top: 13px}
.star li img{width: 80px}
.star li{font-size: 13px;font-weight: 600}

.availabel-infoo{display: flex;justify-content: center;margin-bottom: 13px;list-style: none;border-top: 1px solid rgb(196, 190, 190);padding-top: 13px;}

.availabel-infoo{font-size: 14px;padding-left: 0;}

.content-inn{  border-top: 1px solid rgb(196, 190, 190);padding-top: 10px;display: flex;padding-left: 0;
  justify-content: space-between;
  align-items: center;
  list-style: none;}

.content-inn li{width: 100%;text-align: center;font-weight: 700;}

.book{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;padding-left: 0;border-top: 1px solid rgb(196, 190, 190);
padding-top: 25px}
svg:not(:root){font-size: 14px; width: 15px;color: #fff}

.book li{list-style-type: none;}
.book li a{background-color: #d4002a;padding: 6px 15px;font-size: 16px;color: #fff;}
.book li a i{font-size: 14px;padding-left: 5px}
.book-what a{background-color: #25d366!important}
.book-what a i{font-size: 18px!important;padding-left: 5px}
.book li a svg{color: #fff!important}

.more-car{margin: auto; padding-top: 4rem}


.bott-car-mob{display: none;}


.whyuiux{padding: 7rem 0}
.whyuire{padding-top: 215px} 
.whyuire h2{font-size: 2rem}
.uiuxreason{-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 7, 255, 0.12);position: relative;background: #fff;margin: auto;}
.uiuxreason-list{padding: 0;margin: 0;list-style: none;display: flex;justify-content: space-between;flex-wrap: wrap;}
.uiuxreason li{width: 50%}

.uiuxreason li:nth-child(1) { border-right: 2px solid #f3f4fa; border-bottom: 2px solid #f3f4fa;}
.uiuxreason li:nth-child(2) { border-bottom: 2px solid #f3f4fa;}
.uiuxreason li:nth-child(3) { border-right: 2px solid #f3f4fa; border-bottom: 2px solid #f3f4fa;}
.uiuxreason li:nth-child(4) { border-bottom: 2px solid #f3f4fa;}
.uiuxreason li:nth-child(5) { border-right: 2px solid #f3f4fa; border-bottom: 2px solid #f3f4fa;}
.uiuxreason li:nth-child(6) { border-bottom: 2px solid #f3f4fa;}

.uiuxreason-new-why{position: relative; padding: 27px 39px;background: #fff;padding: 25px;margin-bottom: 21px;}
.uiuxreason-new-why-icon{width: 65px;height: 65px;padding: 8px;
  background: #edf1f7;float: left;display: flex;align-items: center;justify-content: center;position: absolute;left: 20px;top: 30px;}
.uiuxreason-new-why-icon img{aspect-ratio: auto 42/42;width: 100%}
.uiuxreason-new-why-contant{padding-left: 68px;}
.uiuxreason-new-why-contant h4{color: #000;font-size: 23px; margin-top: 0; word-break: break-word;margin-bottom: 10px;font-weight: 600;margin-left: 15px}
.uiuxreason-new-why-contant p{font-size: 18px;color: #000; line-height: 28px; margin-bottom: 0;margin-left: 15px}


.book-pross{background-color: #edf1f7;padding-top: 5rem;padding-bottom: 5rem}
.book-pross h2{font-size: 3rem;font-weight: 700;text-align: center;}

.quick{border: 3px solid #ebebeb;padding: 20px; background-color: #fff;margin: auto;margin-top: 4rem}
.quick h5{text-align: center;}
.inq{padding-top: 60px;padding-bottom: 30px;}
.form_box {display: inline-block; width: 100%;margin-top: 15px;}
.form-group { margin-bottom: 1rem;}
.input_field {    width: 100%;    padding: 5px 15px;    border: solid 1px #c7c7c7;    position: relative;    }
.input_field label {    position: absolute;    top: -13px;    left: 15px;    background: #fff;
    margin-bottom: 0;    padding: 0px 5px;    font-size: 14px;    color: #2b3034;}
.input_field input, .input_field select, .input_field textarea { background-color: #fff;outline: none;    padding:8px 5px;
    width: 100%;    font-size: 14px;    border: none;    color: #2b3034;}

.btn-info{background-color: #d4002a;border: none;border-radius: 0;padding: 10px 35px}
.btn-info:hover{background-color: #000}

.pro-cont{text-align: center;}
.pro-cont span{display: inline-block;
  color: #fff;
  background-color: #000;
  border-radius: 100px;
  box-shadow: 0 0 10px #00000031;
  padding: 5px 17px;
  font-size: 14px;
  position: relative;
  bottom: -15px;
  left: 33px;}

.icn{}

.icn img{text-align: center;padding: 1rem;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: #fbc907;
  border: 1px solid #fbc907;
  border-radius: 50%;
  color: #000;
  font-size: 33px;
  margin: auto;}
.icn h5{color: #000;font-size: 20px;margin-top: 20px;font-weight: 700}



.faqs{padding-top: 7rem;padding-bottom: 5rem}

.faqs h2{font-size: 3rem;font-weight: 700;text-align: center;}

.faq-img{align-content: center;}
.faq-img img{width: 100%;align-content: center;}

.webfaqs{background-color: #edf1f7;margin: 60px auto;padding: 25px}

.faq-column{ 
}
.faq-expand-icon{ 
}
.webheader{ text-align:center; margin:24px 0px; font-size:4em; color:rgb(255, 63, 52); font-weight:bold; padding-bottom:48px; }

.question-answer-div{ margin-top:12px; padding:12px 12px; background-color:rgba(255,255,255,1);
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1); }

.question{ cursor: pointer; color:#000; font-weight:600; opacity:.9; }

.question i{float: right;}
.question:hover{ opacity:1; }
.answer{ color:rgba(100,100,100,1); margin-top:12px; }



/*-----------------footer CSS Start here--------------------------------------*/
footer{background-color: #232220;padding: 4rem; margin-top:90px;height:18.4vw; background-size: cover;}
footer .links{}
footer .social{display: flex;}
footer .social {list-style: none; margin-top:20px;}
footer .social ul{padding: 0}
footer .social li a{ padding:0 6px!important; display: block; color: #ff0000 }
footer .links .heading{font-weight: bold; }
footer .links ul{ list-style: none;padding-left: 10px; }
footer .links ul li{}
footer .links ul li a { padding: 5px 0;   color: #ccc; display: block;}
footer .links ul li a:hover{color: #fff}
footer .links ul li h5{font-size: 18px; color: #fff; margin-bottom: 10px;}
._1s5ew {
  height: 17.4vw;
  width: 12vw;
  opacity: .66;
  background: -webkit-linear-gradient(109.95deg,#7b7b7b,#5d3e86);
  background: -o-linear-gradient(109.95deg,#7b7b7b 0,#5d3e86 100%);
  background: linear-gradient(340.05deg,#fff,#d4002a);

  position: absolute;
  margin-top: -6.9vw;
}
._1IlEm {
  width: 12.92vw;
  margin-left:1vw;
  z-index: 1;
}
._1IlEm, .l1Lab {
  height: 17vw;
  background-color: #fff;
  -webkit-box-shadow: 9px 11px 21px 0 rgba(0,0,0,.15);
  box-shadow: 9px 11px 21px 0 rgba(0,0,0,.15);
  position: absolute;
  margin-top: -5.9vw;
  display: inline-block;
}
._2mZJH {
  margin-top: 2.16vw;
  text-align: center;
}

._2mZJH p{margin-top: 0rem;font-size: 16px;padding: 1rem}
.l1Lab {
  width: 22.125vw;
  margin-left:14.4vw;
}

.l1Lab .linss { margin-top:45px; }
.l1Lab .linss ul {list-style: none;color: #666;font-size: 15px;}
.l1Lab .linss ul li {color: #666; margin-bottom:8px; }
.l1Lab .linss ul li a{color: #666 ; font-size: 15px;}


.owl-dots{display: none;}
.owl-nav {text-align: center;}

.bott-car{padding: 0;width: 100%;margin: 0}
.bott-car img{width: 100%}

.copyright {padding: 10px; background-color: #111;}
.copyright p {color: #fff !important; text-align: left!important; line-height:18px; opacity: .8; font-size: 12px;padding-left: 2rem}
.copyright p a{color: #fff}

.fixed-footer{position: fixed;
  bottom: 20px;left: 0;width: 100%;display: flex;justify-content: center;gap: 12px;  padding: 0 20px;pointer-events: none;z-index: 9999;}

.whatsapp-btn {background: #25d366;pointer-events: auto;
  display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;border-radius: 30px;font-weight: 600;font-size: 14px;
  color: #fff;text-decoration: none;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: transform .2s, opacity .2s;}
  .whatsapp-btn i{font-size: 18px}

.whatsapp-btn:hover{transform: translateY(-6px) scale(1.08);
  background-position: 100% 0;
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
  color: #fff;}

.call-btn{background: #d4002a;pointer-events: auto;display: inline-flex;
  align-items: center;gap: 8px;padding: 12px 24px;border-radius: 30px;font-weight: 600;font-size: 14px;color: #fff;
  text-decoration: none;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: transform .2s, opacity .2s;border: none;}
.call-btn i{float: 18px}

.call-btn:hover{transform: translateY(-6px) scale(1.08);
  background-position: 100% 0;
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
  color: #fff;}



/*---------------------------------------fleets------------------------*/



.fleets-top{margin-top: 7rem;margin-bottom: 2rem}
.fleets-top img{width: 100%}







/*-------------------------------contact us-------------------------*/



.contact-top{margin-top: 0rem;background-color: #d4002a;padding-top: 5rem;margin-top: 5rem;padding-left: 2rem;padding-right: 2rem}
.contcat-head{align-content: baseline;padding-top: 3rem}
.contcat-head h2{color: #fff;font-weight: bold;}
.contcat-head p{color: #fff}

.contact-im {text-align: end}
.contact-im img{width: 100%;}


.cont-info{position: relative;bottom: 6rem;display: inline-block;padding: 0 2rem;}
.contact-info {display: inline-block; width: 100%;text-align: center; margin-bottom: 10px; }

.contact-info-icon {margin-bottom: 15px;}
.contact-info-item { background: #efefef; padding: 30px 3px;height: 250px;border-radius: 15px;align-content: center;}

.contact-info-icon i { font-size: 48px; color: #d4002a;}
.contact-info-text p{margin-bottom:0px;}
.contact-info-text h2 { color: #000;padding: 0 15px; font-size: 22px; text-transform: capitalize; font-weight: 600; margin-bottom: 10px;}
.contact-info-text span { color: #000; font-size: 16px; font-weight: ;width: 100%; }

.contact-for {background-color: #efefef; padding: 3rem 3rem ; }
.contact-for .heading h2 { font-size: 30px; font-weight: 700; margin: 0; padding: 0; }

.contact-for .heading h2 span { color: #ff9100; }

.contact-for .heading p { font-size: 15px; font-weight: 400; line-height: 1.7; color: #999999; margin: 20px 0 60px;
    padding: 0; }

.contact-for .form-control { padding: 25px; font-size: 13px; margin-bottom: 1.5rem; background: #f9f9f9; border: 0;
    border-radius: 0px; }
/*
.contact-for button.btn { padding: 10px 20px; border-radius: 10px; font-size: 15px; background: #FF1816; color: #ffffff;width:15%; 
text-align:left; }

.contact-for button.btn:hover {background-image: linear-gradient(326deg, #0396A6 0%, #df2c1e 100%);
  letter-spacing: .05em;  color: #fff; transition: 5sec}
*/
.contact-for .title h3 { font-size: 16px; font-weight: 600;color: #fff; }

.contact-for .title p { font-size: 14px; font-weight: 400; color: #999; line-height: 1.6;  margin: 0 0 40px; }

.contact-for .content-form .info { margin-top: 30px; }

.contact-for .content-form .info i { font-size: 25px; padding: 0; margin: 0; color: #fff; margin-right: 20px;
    text-align: center; width: 20px; }

.contact-for .content-form .info h4 { font-size: 20px;color: #fff!important }

.contact-for .content-form .info h4 span { font-size: 13px; font-weight: 300; color: #999999; }

.soci{background-color:#d4002a;padding: 2rem 3rem}

.mapadd{width: 100%!important;padding: 0 2rem}



/*----------------------------------contcat us end-------------------------*/



/*--------------------------about---------------------------*/


.about-top{margin-top: 5rem;background-image: url(../images/about-top.jpg);width: 100%;
  background-size: cover;
  height: 345px;}
.about-top img{width: 100%}
.about-top h2{ font-size:2.5rem;padding-top:6rem;padding-left:2rem;font-weight:700 }
.whyabout{padding-top: 7rem;background-color: #edf1f7}

.exp-book{background-color: #000;padding: 5rem }
.exp-book h2{font-size: 3rem;color: #fff;font-weight: 600} 

.exp-butt{align-content: center;}
.exp-butt a{ padding:15px 40px;background-color:#d4002a;color:#fff;font-weight:600}



.mission-vision-section {padding: 7rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;

    background-color: #edf1f7; /* Soft background for neumorphism */
}

.mission, .vision {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 60%;
}

.vertical-text {
    writing-mode: vertical-rl; /* Rotates text vertically */
    text-orientation: mixed; /* Keeps text legible */
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    color: #555;
    margin: 0 10px;
    position: relative;
}

.vertical-text span {
    background: #edf1f7;
    padding: 10px 15px;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2),
                -6px -6px 10px rgba(255, 255, 255, 0.7);
    border-radius: 0px;
}

.rotate-left {
    align-self: flex-start;
}

.rotate-right {
    align-self: flex-end;
}

.content-vi {
    max-width: 600px;
    text-align: left;
}

.contentvi h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.contentvi p {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    text-align: justify;
}

@media (max-width: 768px) {
    .mission, .vision {
        flex-direction: column;
        align-items: center;
    }

    .vertical-text {
        writing-mode: horizontal-tb;
        text-orientation: unset;
        text-align: center;
    }
}

 



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

.main-section h1{font-size: 2.4rem; font-weight: 600}
.about-car-2 h2{font-size: 2.4rem; font-weight: 600}
.fleet h2{font-size: 2.4rem; font-weight: 600}




.logo a img{width: 80%!important;}


.top-butt{display: none;}
.main-section{margin-top: 8rem;text-align: center;}
.top-back{margin-top: 1rem}
.item img{object-fit: contain;}
.item{width: 100%}
.about-img-01{height: 160px}
.about-img-03{height: 160px}
.about-img-02{height: 160px}
.about-img-04{height: 160px}

.whe-mob{border-right: 0;padding-bottom: 2rem;}
.whe-mob-2{border-top: 1px solid #ccc;padding-top: 2rem}


.about-top h2{padding-top: 2rem;margin-top: 5rem;}

.about-top{  width: auto;
  background-size: contain;
  height: 110px;
  background-repeat: no-repeat;}

.exp-book{padding: 3rem 2rem}
.exp-book h2{font-size: 2rem;padding-bottom: 2rem}

.mission, .vision{width: 100%}
.vertical-text{writing-mode: sideways-rl;font-size: 1rem}

.contact-top{margin-top: 0}
.cont-info{bottom: -3rem}
.contact-info-item{height: 185px}
.contact-for{margin-top: 5rem}
.soci{margin-top: 3rem}
.mapadd iframe{width: 100%}
.about-mg{margin: 5rem auto;}
.about-car-2{margin-left: 0rem!important;padding-left: 1rem!important}

.bott-car{display: none;}

.bott-car-mob{padding: 0;display: block;}
.bott-car-mob img{width: 100%}

.content span{margin-right: 0}
.availabel-info{gap: 50px}

.leffft{margin-left: 2rem}

.star{display: inline-block;width: 100%;text-align: center;}
.star li{padding: 3px 0}

.logo{width: 30%}
.book{display:block;}
.book li{text-align: center;margin-bottom: 1rem}

.whyuiux{padding: 5rem 0;text-align: center;}

.faqs{padding-top: 5rem;padding-bottom: 0}
.faqs h2{margin-bottom: 2rem}
footer {
    padding: 40px 0;
    height: auto;
    margin: auto;
  }


  ._1IlEm, .l1Lab{width: 90%; position: static;}
._1s5ew{height: auto;}
.c-no{margin-top:20px}
footer .links {
  margin-top: 20px;
}

br{display: none;}

._1IlEm, .l1Lab{height: auto; margin: auto;}

footer .social{margin:20px auto}


  .text-section h1 {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.02em;
  }

  .text-section h3 {
    color: orange;
    font-size: 0.8rem;
    padding-bottom: 5px;
  }

  .text-section p {
    padding: 0 5px;
    margin: 0 10px;
    font-size: 15px;
  }

  .text-section a {
    color: #FF057C;
    margin-top: 10px;
    padding: 7px 20px;
    font-size: 1em;
    border-radius: 10px;
    transition: 0.3s ease;
  }




  .whyuire {
    padding-top: 0 !important;
  }
.uiuxreason-list {
    display: inline-block !important;
  }

    .uiuxreason li:nth-child(1) {
    border-right: none !important;
  }
    .uiuxreason li {
    width: 100% !important;
  }

    .uiuxreason li:nth-child(3) {
    border-right: none !important;
  }

   .uiuxreason li {
    width: 100% !important;
  }

    .uiuxreason li:nth-child(5) {
    border-right: none !important;
  }

    .uiuxreason li {
    width: 100% !important;
  }


}