/*-------- 10-left-content-right-image ---------*/
.left-content-right-image{background-size: 100%;background-repeat: no-repeat;overflow:hidden;}
/* .left-content-right-image .title-description h2{color:#0099db;font-size:80px;font-weight:800;text-align:center;letter-spacing: 86px;margin-bottom: 40px;text-shadow: 0px 4px 3px #d8dfe2;;} */
.left-content-right-image .title-description h1{font-size:30px;color:#0099db;text-align:center;font-weight:600;margin-bottom:20px;}
.left-content-right-image h2{font-size:20px;font-weight:500;margin-bottom:20px;}
.left-content-right-image h5{color:#0099db;font-weight:500;margin-bottom:20px;}
.left-content-right-image .title-description{margin-bottom:40px;}
.left-content-right-image .title-description p{text-align:center;}
.left-content-right-image a{color:#0099db;margin-top:20px;display:inline-block;}
.left-content-right-image ul{padding-left:40px;list-style: disc;}
.left-content-right-image ul li{line-height:1.7;text-align:justify;margin-bottom:15px;}
.left-content-right-image img{max-width:100%;width:100%;}
.left-content-right-image .justify-content-center{justify-content:center;}
.left-content-right-image .content{margin-bottom:30px;}
.left-content-right-image p{text-align:justify;}
.left-content-right-image .image-section{height: 250px;}
.left-content-right-image strong{font-weight:600;}

.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.three {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.four {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/* @media(max-width: 640px){
  .left-content-right-image .title-description h1{font-size: 60px;letter-spacing: 36px;}
} */
@media(min-width:767px){
  .left-content-right-image .image-section{height: auto;min-height: 400px;}
  .left-content-right-image{padding:0px;}
  .order-1 {order: 1!important;}
  .order-2 {order: 2!important;}
  .left-content-right-image .content{margin-bottom:0px;}
  .left-content-right-image .title-description h1{font-size:34px;}
  .left-content-right-image h2{font-size:24px;}
}