@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

@font-face {
  font-family: "Flaticon";
  src: url("https://dashboard.tapipedia.org/fonts/Flaticon.eot");
  src: url("https://dashboard.tapipedia.org/fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("https://dashboard.tapipedia.org/fonts/Flaticon.woff2") format("woff2"),
       url("https://dashboard.tapipedia.org/fonts/Flaticon.woff") format("woff"),
       url("https://dashboard.tapipedia.org/fonts/Flaticon.ttf") format("truetype"),
       url("https://dashboard.tapipedia.org/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("https://dashboard.tapipedia.org/fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-play-button:before { content: "\f100"; }
.flaticon-play:before { content: "\f101"; }
.flaticon-tools-and-utensils:before { content: "\f102"; }
.flaticon-checked:before { content: "\f103"; }
.flaticon-pie-chart:before { content: "\f104"; }
.flaticon-verified:before { content: "\f105"; }
.flaticon-ui:before { content: "\f106"; }
.flaticon-machine-learning:before { content: "\f107"; }
.flaticon-data-analytics:before { content: "\f108"; }
.flaticon-laptop:before { content: "\f109"; }
.flaticon-cloud-network:before { content: "\f10a"; }
.flaticon-data-integration:before { content: "\f10b"; }
.flaticon-robot:before { content: "\f10c"; }
.flaticon-left-quotes-sign:before { content: "\f10d"; }
.flaticon-right-quotation-sign:before { content: "\f10e"; }
.flaticon-database:before { content: "\f10f"; }
.flaticon-search:before { content: "\f110"; }
.flaticon-price:before { content: "\f111"; }
.flaticon-open-cardboard-box:before { content: "\f112"; }
.flaticon-file:before { content: "\f113"; }

/** button **/

.theme-btn{
position: relative;
display: inline-block;
overflow: hidden;
font-size: 17px;
line-height: 30px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #fff !important;
padding: 15px 58px;
text-align: center;
cursor: pointer;
border-radius: 30px;
z-index: 1;
transition: all 500ms ease;
}

.theme-btn.style-one{
box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.3);
}

.theme-btn.style-two{
background: transparent;
}

.theme-btn.style-three{

}

.theme-btn.style-two:hover{
color: #fff !important;
}

.theme-btn:before {
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -70px;
z-index: -1;
border-bottom: 60px solid #222;
border-right: 60px solid transparent;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

.theme-btn:after {
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -70px;
z-index: -1;
border-bottom: 60px solid #222;
border-left: 60px solid transparent;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

.theme-btn:hover::before {
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}

.theme-btn:hover::after {
-webkit-transform: translateX(40%);
transform: translateX(40%);
}

.theme-btn.style-one:before{

}

.theme-btn.style-one:after{

}

.theme-btn.style-two:before{

}

.theme-btn.style-two:after{

}

.theme-btn.style-three:before{
background: #222;
}

.theme-btn.style-three:after{
background: #222;
}

.theme-btn.style-one{
  box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.3);
}

.theme-btn.style-one{
  background: #532D5D;
  text-decoration: none;
}

.theme-btn.style-two {
    padding: 10.5px 35px;
}

.theme-btn.style-two {
    background: transparent;
}
.theme-btn.style-two {
    border: 2px solid #532D5D;
    color: #532D5D !important;
    text-decoration: none;
}
.theme-btn.style-two:before {
    border-bottom: 60px solid #532D5D;
}
.theme-btn.style-two:after {
    border-bottom: 60px solid #532D5D;
}
/** Lists **/

.list-items li.list-item {
    position: relative;
    display: block;
    padding-left: 45px;
    margin-bottom: 20px;
}

li.list-item:before {
    position: absolute;
    content: "\f105";
    font-family: 'Flaticon';
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    left: 0px;
    top: 0px;
    color: #532D5D;   
}

/** Video **/

.video-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 17px;
  line-height: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #3b3b3b;
  padding: 15px 0px 15px 75px;
  z-index: 1;
}

.video-btn:hover{

}

.video-btn i {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 17px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  transition: all 500ms ease;
  color: #532D5D;
  border: 2px solid #532D5D;
}

.video-btn:hover i{
  color: #fff;
}

/** icon **/

.icon-box {
    position: absolute;
    left: 0px;
    top: 12px;
    font-size: 36px;
    background: #fff;
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 0 7px #edf1fe;
    transition: all 500ms ease;
    color: #532D5D;
}

.icon-box:hover {
    background: #532D5D !important; /* Replace 'blue' with a specific blue shade if needed */
    color: #fff;
}

h1.content-box {
    position: relative;
    font-size: 55px;
    line-height: 72px;
    color: #3b3b3b;
    font-weight: 700;
    margin-bottom: 31px;
}

.animation_text_word {
  /* Styles for the typing animation container */
  display: inline-block;
  overflow: hidden; /* Hide the text going outside the width */
  border-right: .15em solid orange; /* Cursor style */
  white-space: nowrap; /* Keep the text in one line */
  margin: 0 auto; /* Center the text */
  letter-spacing: .15em; /* Adjust spacing */
  animation: blink-caret .75s step-end infinite;
}

/* Cursor Blink Effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

.typed-cursor {
    color:#532D5D;
}

h2.title {
    position: relative;
    font-size: 40px;
    line-height: 60px;
    color:#532D5D;
    font-weight: 700;
    padding-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}

p strong {
    color: #532D5D;
    font-size: 14pt;
    font-weight: bold;
}


/**************************/

/* Style for the label that users click to toggle the expander */
.expander-label {
    display: block;
    cursor: pointer;
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Initially hide the content */
.expander-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: none;
    padding: 0 10px;
}

/* Use the :checked pseudo-class to show the content when the checkbox is checked */
.expander-checkbox:checked + .expander-label + .expander-content {
    max-height: 10000px; /* Large enough to fit any content */
    padding: 10px;
    transition: max-height 0.5s ease-in;
}

/**************************/

.container-quote {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.col-1, .col-2 {
    padding: 10px;
    box-sizing: border-box; /* Ensures padding is included in the total width */
}
.col-1 {
    flex: 1; /* Adjusted for a more flexible layout, can also use flex-basis with a specific width */
}
.col-2 {
    flex: 9; /* Adjusted to complement .col-1 */
    color: #532D5D;
    font-family: Roboto;
    font-size: 14pt;
    font-weight: bold;
}
.icon-box.themes {
    top: 10px;
    position: relative;
}