:root {   
    --white: #ffffff;
    --navyblue: #101B2F;
    --darkblue: #1B3463;
    --skyblue: #00BAFF;
    --specialcolor:  : '#00BAFF', '#13C78B';
    --buttoncolor : '#24AEA4', '#5572FE';
    --black: #000000;
    --gray: #E5E7EB;
    --common-font: Mukta;
       --font-family-Poppins: 'Poppins', serif;
    --clientscolor : '#21262E00', '#00BAFF4D';
    --gradient-bg: linear-gradient(to right, rgba(12, 5, 18, 1), rgba(80, 33, 120, 1));
    --gradient-border: linear-gradient(90deg, rgba(0, 186, 255, 1), rgba(19, 199, 139, 1));
    --duriation: 12s;
    --totalitems: 6;
  
  }

  *{
    padding: 0;
    margin: 0;
    box-sizing:border-box;
  }

  body{
    font-family: var(--font-family-Poppins) !important;
     /* overflow-x: hidden; */
     
   }
 
   .wrapper{
     padding: 0 6%;
   }
    


   /* oru-serivce-section */

   .oru-serivce-section{
    padding: 3.5% 0;
     background-image: url("../images/service-page/our-service-component/our-service-bg.webp");
     background-color:var(--black);
     background-repeat: no-repeat;
     background-position: right;
     color: var(--white);
     background-size: 75%;
     /* margin-top: -70px; */
  }

  .oru-service-heading{
    font-size: 50px;
        padding-top: 8%;
        padding-left: 15%;
        font-weight: 400;
        letter-spacing: 1px;
  }

  .our-service-content{
        font-weight: 400;
        font-size: 20px;
        padding-top: 1%;
        padding-left: 15%;
        letter-spacing: 1px;
  }

/* digitalmarket-section */

  .digitalmarket-content-section{
    padding: 5% 0;
    color: var(--black);
    background-color: var(--white);
  }

  .digitalmarket-content-title{
    font-size: 34px;
    line-height: 55px;
    font-weight: 600;
}

.digital-market-content{
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    max-width: 100%;
}

.digitalmarket-count-main-div{   
  height: 100%;
}


.digital-market-count-div{
   height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}


.h1-count{
  font-size: 74px;
}


/* digital-market-accordiation-style */

/* service-section */

.service-section{
  padding-bottom: 5%;  
 
}
.service-main-div{
  display: flex;
  position: relative;
  /* border: 1px solid wheat; */
}

.service-left-section-div{
  width: 50%;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}

.service-content{
  font-weight: 300;
  font-size: 16px !important;
  line-height: 24px;
  color: #D6D6D6;
   padding-top: 5px;
   padding-bottom: 10px;
   max-width: 390px;
  margin-top: 20px;
  
}

.service-right-section-div{
  overflow: auto;
  width: 50%;
  height: 1015px;
  user-select: none; /* Standard */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  
}

.service-right-section-div:-webkit-scrollbar {
  display: none;
}

.mobile-service-sticky{
  display: none;
}

.service-heading{
  font-weight: 400;
  font-size: 46px;
  margin-top: 20px;
  /* border: 1px solid wheat; */
}

.services-contents{
  position: relative;
  border-bottom: 1px solid rgb(86, 86, 86);
  padding: 20px;
}

.service-btn{
  width: 250px;
  border-radius: 50px;
  height: 50px;
  border: 1px solid transparent;
  font-size: 18px;
  line-height: 24px;
  font-weight: lighter;
  background-color: black;
  color:var(--white);
  margin: 3% 0;
  position: relative;
  letter-spacing: 1px;
  font-weight: lighter;
  cursor: pointer;
}

@property --angle{
  syntax:"<angle>";
  initial-value: 0deg;
  inherits: false;
}

.service-btn::after, .service-btn::before{

  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: conic-gradient( from var(--angle), #00BAFF,#13C78B);
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1;
  padding: 2px;
  border-radius: 50px;
  animation: 3s spin linear infinite;
}

.service-btn::before{
  filter: blur(1.5rem);
  opacity: 0.5;
}

@keyframes spin{
  from{
       --angle:0deg;
  }
  to{
       --angle:360deg;
  }
}

.service-img-div{
  width: 90%;
}
.service-img{
  width: 100%;
}
.accordion {
  color: white;
  
}

.content-align-no{
  font-size: 38px;
  font-weight: 400;
  margin-right: 7%;
  margin-left: -2%;
}

.content-align-no-one{
  margin-right: 9%;
}

.content-align{
  padding-right: 7%;
  font-weight: 400;
  font-size: 28px;
  line-height: 48px;
}

.content-align>a{
  text-decoration: none;
  color: white;
}

.accordion .content {
  transition: none;
}

.accordion li {
  list-style: none;
  width: 100%;
  border-right: 1px solid transparent;
}

.accordion li label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checked-radio {
  display: none !important;
}

.accordion .content {
 
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;

  color: #d6d6d6;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
}

.accordion input[type="radio"]:checked + label + .content {
  max-height: 1000px;
  padding: 1px 0px !important;

}

.content>p{
  margin-left: 9%;
  font-size: 16px;
  color: #D6D6D6 !important;

}

.content>p>a{
  color: #d6d6d6;
}


.service-plus-icon {
  display: inline-block;
  position: absolute;
  right: 0;
  margin-right: 2%;
}

.toggle-icon {
  display: none;
  position: absolute;
  right: 0;
  margin-right: 2%;
}

.accordion input[type="radio"]:checked + label .service-plus-icon {
  display: none;
}

.accordion input[type="radio"]:checked + label .toggle-icon {
  display: inline-block;
}


/* digital-market-types-section */

.digital-market-types-section{
    padding: 4% 0;

}

.digital-market-link{
    text-decoration: none;
    color: var(--black);
}



.digital-market-type-main-heading{
    font-size: 34px;
    line-height: 55px;
    font-weight: 600;
}

.digital-market-type-side-heading{
    font-size: 20px;
    line-height: 50px;
    font-weight: 300;
    max-width: 100%;
}

/* digital-box-styles */

.digital-market-type-div{
    background-color: var(--white);
   
    width: 100%;
    margin: 15px 0;
}

.market-type-img-div{
height: 70px;
margin-bottom: 20px;
}

.market-type-img{
  height: 100%;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.market-type-img:hover{
 
    transform: scale(1.02); 
}

.market-type-heading{
  padding: 0 20px;
  font-size: 26px;
  line-height: 35px;
  font-weight: 400;
  height: 75px;
}

.market-type-content{
    padding: 0 20px;
    height: 150px;
    line-height: 28px;
    font-size: 14px;
}

.market-type-learnmore{
    padding: 20px;
    color: blue;
}

.call-to-action-description{
  font-size: 28px;
  line-height: 45px;
  font-weight: 300;
  color: #d6d6d6;
}
/* digital-market-card-section */


.why-briston-digital-content{
    color: var(--white);
}

.digital-usecase-section{
  padding-top: 0;
}

@media screen and (min-width: 1920px){
    .wrapper{
      padding: 0 10%;
    }
}

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

  .oru-service-heading{
    padding-top: 6%;
   
    font-size: 48px;
    padding-left: 11%;
}

.our-service-content{
    font-size: 20px;
    
    padding-left: 11%;
}

.digital-market-type-main-heading {
    font-size: 30px;
    line-height: 50px;
}

.digital-market-type-side-heading{
    font-size: 22px;
    line-height: 38px;
}

/* digital-type-accordiation-style */

.service-heading{
  font-size: 42px;
}

.service-content{
  font-size: 15px;
}

.service-btn{
  width: 260px;
  font-size: 17px;
}

.content-align-no{
  margin-right: 5.5%;
}

.content-align-no-one{
  margin-right: 8.5% !important;
}

.content-align{
  padding-right: 0%;
  padding-left: 0%;
  font-size: 26px;
  line-height: 40px;
 
}

.content>p{
  font-size: 15px;
}

/* discussion-section */

.discussion-content{
  font-size: 28px;
  line-height: 40px;
}

.discussion-btn{
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  width: 300px;
  height: 50px;
}

.discussion-btn::after, .discussion-btn::before{
  padding:  26px 151px; 
}

}


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

  .digitalmarket-content-section{
    padding: 50px 0;
   
  }

  .digitalmarket-content-title{
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
}

.digital-market-content{
    font-size: 16px;
    line-height: 32px;
    font-weight: 300;
    max-width: 100%;
}

    .oru-serivce-section{
        height: 200px;
         background-size:contain;
         background-position: bottom;
      }
    
      .oru-service-heading{
            font-size: 38px;
            padding-top: 25px;
            padding-left: 0 !important;
            text-align: center;
      }
    
      .our-service-content{
            font-size: 16px;
            
            padding-left: 0;
            width: 90%;
            margin: 0 auto;
            text-align: center;
            padding-top: 10px;
      }

      .digital-market-type-main-heading {
        font-size: 32px;
        line-height: 45px;
    }

    .digital-market-type-side-heading{
        font-size: 16px;
        line-height: 30px;
    }

    


    /* digital-type-accordiation-style */
  

    .digital-market-types-section{
      height: auto; 
      padding: 50px 0;
  }
  
  
    .content{
     padding-right: 0 !important;
     box-sizing: border-box;
     width: 100% !important;
    }
    
    .service-main-div{
      display: block;
    }
  
    .service-left-section-div{
      position: static !important;
      width: 100%;
      height: auto;
    }
    
    .service-right-section-div{
      width: 108%;
      margin-left: -4%;
      height: auto;
      padding: 10% 0;
    }
  
  .service-heading{
   display: none;
    }
  
    .service-content{
      padding: 30px 0;
      font-size: 14px;
      width: 100%;
      margin: auto;
      text-align: justify;
    }
  
    .mobile-service-sticky{
      display: block;
      position: sticky;
      font-weight: 400;
      font-size: 28px;
      top:69px;
      z-index: 9;
      padding:5px 0;
      text-align: center;
      background-color: black;
    }
  
    .service-img-div{
      width: 100%;
      margin: 5% 0;
    
    }
  
    .service-btn-div{
      width: 100%;
      display: flex;
      justify-content: center;
    }
  
    .service-btn{
        width: 150px;
        font-size: 16px;
      
      }
  
      .content-align-no{
        font-size: 38px;
        font-weight: 400;
        margin-right: 7%;
        margin-left: -5%;
      }
      .content-align-no-one{
           margin-right: 10%;
      }
      
  .content-align{
    padding-right: 0;
    font-size: 28px;
    line-height: 24px;
    width: 80%;
    
  }
  
      .content>p{
        padding: 0 !important;
        text-align: justify;

        width: 90%;
        margin-left: 9%;
        font-size: 14px;
      }
  
      .content-align{
        font-size: 18px;
    
      }

    /* Discussion-style */

.collabrate-section{
  padding:6% 0;
  padding-top: 25%;
}

.collaborate-heading{
  font-size: 40px;
  line-height: 50px;
width: 100%;
text-align: center;
}

.collaborate-content{
  text-align: center;
  font-size: 18px;
  line-height: 29px;
  margin-top: 30px;
}

.collaborate-content>span{
  display: inline;
}

.discussion-btn-div{
  margin: 50px 0;
  display: flex;
  justify-content: center;
}

.discussion-btn{
  font-size: 14px;
 padding:  0 0;
  width: 190px;
}


.discussion-btn::after, .discussion-btn::before{
  padding:  27px 97px; 
}

}