.main-title{
    font-size: 1.5rem;
}
.main-sub-title{
    font-size: 1.2rem;
}
.main-sub-title-check-point{
    font-size: 1rem;
}
.btn-custom,.btn-custom:hover{
    background-color: var(--accent-color);
    text-transform: uppercase;
    font-weight: 500;
    color:#fff !important;
}
.btn-custom i{
    color:#fff !important;
}
.btn:focus-visible{
    background-color: var(--accent-color);
    color:#fff !important;
}
.bg-light-gray{
    background-color: #EFF4F6;
}
.maintitle-span{
    color: var(--alt-background-color);
}
.main-title{
  position: relative;  
}
.main-title h2{
 padding: 10px 0px;
}
.main-title h1:after,.main-title h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #E95A03;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media (max-width: 1200px) {
    .btn-custom,.btn-custom:hover {
        order: 2;
        margin: 0 15px 0 0;
        padding: 6px 20px;
    }
}
.text-primary {
    --bs-text-opacity: 1;
    color: var(--accent-color) !important;
}
.border-bottom-3px{
  border-bottom:3px solid #E95A03;
}
.text-highlight{
  color:#E95A03 !important;
}
.our-team-section h2{
    font-size: 18px !important;
    font-weight: 600;
}
.redefining-success-in-tendering-section h5{
    font-size: 18px;
}
.bg-yellow{
    background-color: var(--accent-color);
    background-size: 100% 100%;
}
.text-yellow{
    color:var(--accent-color);
}
.be-the-part-of-india{
    background-image: url('../img/png/Be the Part of Indias Growth Story.png');
}
.ready-to-scale-section{
    background-image: url('../img/png/Ready to Scale Your Tendering.png');
}
.redefining-section{
    background-image: url('../img/png/Buildings.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.bg-gray{
    background:#F7F2E9;
}

.about-datek-section{
    background-image: url('../img/png/About Datek.png');
    background-size: 58%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.patner-with-datek-section{
    background-image: url('../img/png/Partner with Datek BG.png');
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.footer-bg-img {
    background-image: linear-gradient(rgba(234,96,2,.7), rgba(234,96,2,.7)),url('../images/arrow.png');
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.footer-ul li{
    padding: 5px;
}
.footer-ul li a{
    color:var(--color-white);
}

.about-datek-card:hover{
    background:#FFFCEF !important;
    border:2px solid #EFD259    
}
.fw-600{font-weight: 600 !important;}
.menu .nav-link.active{
    background:unset;
}
.menu .nav-link{
    border-bottom: 4px solid color-mix(in srgb, var(--default-color), transparent 80%);
    background-color: #F7F2E9 !important;
}

.how-it-work .accordion-item:first-of-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.how-it-work .accordion-button:not(.collapsed),.how-it-work .accordion-body{
    background-color: white; !important;
    box-shadow:unset !important;
    
}

.how-it-work .accordion-button:not(.collapsed){
    color: #EA6002;
}
.how-it-work .accordion-button:focus{
    box-shadow: var(--accent-color) !important;
}

.how-it-work .accordion-button:not(.collapsed)::after {
    background-image: url('../images/Star Yellow.png');
}

.how-it-work .accordion-button::after{
    background-image: url('../images/Star Black.png');
}

.Frequently-asked .accordion-button:not(.collapsed),.Frequently-asked .accordion-body{
    background-color: #fff !important;
    box-shadow:unset !important;
    border-radius: 10px;
}
.Frequently-asked .accordion-button:focus{
    box-shadow: var(--accent-color) !important;
}

.Frequently-asked .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 10px !important; 
    border-top-right-radius: 10px !important;

}

.Frequently-asked .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
     border-bottom-left-radius: 10px !important; 
     border-bottom-right-radius: 10px !important;
}

.Frequently-asked .accordion-item {
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.Frequently-asked .accordion-button:not(.collapsed)::after {
    background-image: url('../img/png/FAQ Open.png');
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.Frequently-asked .accordion-button::after{
    background-image: url('../img/png/FAQ Close.png');
}

.Frequently-asked .accordion-header {
    margin-bottom: 0;
}

.Frequently-asked .accordion-item .accordion-button {
    border-radius: 10px;
    padding: 10px 15px;
}

.Frequently-asked .accordion-button:not(.collapsed){
    color: black;
}

.odd-icon{
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.even-icon{
    animation: up-down 4s ease-in-out infinite alternate-reverse both;
}

.datek-tendering-business-section .left{
    background-image: url('../img/png/Wish to Partner with Datek.png');
    background-repeat: no-repeat;
    height:100%;
    background-size: cover;
    float: left;
    width: 100%;
}

.datek-tendering-business-section .right{
    background-image: url('../img/png/New to Tendering Business.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right bottom;
}

.bg-business img{
    width:100%;
}
.bg-heading{
    font-weight:bold;
    cursor: pointer;
}
.main_business{
    padding:20% 0px;
}

#carouselExampleIndicators .carousel-item{
    background-color: var(--accent-color);
    color: #000;
    padding: 10px;
    border-radius: 20px;
     font-weight: bold;
}
.slider-title{
font-size: 35px;
font-weight: bold;
padding: 30px 50px;
}
.right-title1{
font-size: 30px;
}
.right-title2{
font-size: 90px;
}
.right-title3{
font-size: 20px;
}
.carousel-indicators [data-bs-target]{
background-color: #000;
}
.slider-right{
text-align: left;
line-height: 53px;
padding: 10px 40px;
}

.read-more{
    font-size: 18;
    font-weight: bold;
}
.bg-left {
    float: left;
    width: 100%;
    padding-bottom: 0px !important;
    height: 100%;
}
.our-team-section img{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.our-team-section .card-body{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.bottom-icon{
    position: absolute;
    bottom: 10px;
}
.pricing-plan-section ul > li{
    font-size: 20px;
    text-transform: capitalize;
}

.pricing-plan-section .title{
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 16px;

}
.card-img-top {
width: 100%;
height: 50vh;
object-fit: cover;
}
@media (min-width: 1200px) {
    .navmenu>ul>li>a:before {
        background-color:unset;
    }
}

@media only screen and (max-width: 600px) {
  .our-team-section .card-body{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .box{
    margin: 0px !important;
    padding-bottom: 15px !important;
  }
  .arrow{display: none;}
}

.facts_circle_first{
    width: 100%;
    height: 104px;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    border: 3px dashed;
    border-bottom: 0;
    position: absolute;
    top: -100px;
    left: 110px;
}
.facts_circle_second{
    width: 100%;
    height: 104px;
    border-bottom-right-radius: 110px;
    border-bottom-left-radius: 110px;
    border: 3px dashed;
    border-top: 0;
    position: absolute;
    bottom: -100px;
    left: 110px;
}
.facts_circle_third{
    width: 100%;
    height: 104px;
    border-bottom-right-radius: 110px;
    border-bottom-left-radius: 110px;
    border: 3px dashed;
    border-top: 0;
    position: absolute;
    bottom: -100px;
    left: 110px;
}
.arrow.right {
  top: 60%;
  left: 100%;
  transform: translateY(-50%);
}
.arrow.down{
  transform: rotate(90deg);
  top: 121%;
  left: 35%;
}
.horizontal{
  width: 87px !important;
}
.arrow {
  position: absolute;
  width: 27%;
  height: 2px;
  background-color: black;
}
.arrow.right::before,.arrow.down::before {
  top: -9px;
  right: -4px;
  border-width: 10px 0px 10px 15px;
  border-color: transparent transparent transparent black;
}
.right-to-left{
  width: 33%;
  height: 3px;
}
.right-to-left::before{
  top:-8px !important;
  left: 5px !important;
  transform: rotate(60deg) !important;
}
.arrow::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
#be-the-part-of-india .card-body{
  min-height: 130px;
}
.box{
  margin: 45px;
}
.datek{
  text-transform: uppercase;
  color:#edc729;;
}
.fw-20{font-size: 20px;}
.accordion-body p{
    font-size: 18px !important;
}
.accordion-body  ul > li{
  font-size: 1.2rem !important;
text-transform: capitalize;
}