@import url('https://fonts.googleapis.com/css?family=Roboto');

.navigation {
    height: 88px;
	
	
}
 .brand {
     position: absolute;
     float: left;
     line-height: 55px;
     text-transform: uppercase;
     font-size: 1.4em;
}
 .brand a, .brand a:visited {
     color: #ffffff;
     text-decoration: none;
}
 /* .nav-container {
     max-width: 1000px;
     margin: 0 auto;
} */
nav {
    float: right;
    margin-top: 16px;
}
 nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 nav ul li {
     float: left;
     position: relative;
}
nav ul li a, nav ul li a:visited {
    display: block;
    padding: 0 20px;
    line-height: 55px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: rgb(0, 0, 0);
    text-decoration: none;
}

 nav ul li a{
     background: transparent;
}
nav ul li a:hover, nav ul li a:visited:hover {
    background: none;
    color: #e2362d;
    text-decoration: none;
}
.navbar-dropdown li a {
    background: #eaeaea;
}
 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
     padding-left: 4px;
     content: ' \025BE';
}
 nav ul li ul li {
     min-width: 190px;
}
 nav ul li ul li a {
     padding: 15px;
     line-height: 20px;
}
 .navbar-dropdown {
     position: absolute;
     display: none;
     z-index: 1;
     background: #fff;
     box-shadow: 0 0 35px 0 rgba(0,0,0,0.25);
}
/* Mobile navigation */
.nav-mobile {
    display: none;
    position: absolute;
    top: 16px;
    right: 0;
    height: 55px;
    width: 70px;
}
 @media only screen and (max-width: 800px) {
     .nav-mobile {
         display: block;
    }
     nav {
         width: 100%;
         padding: 55px 0 15px;
    }
     nav ul {
         display: none;
    }
     nav ul li {
         float: none;
    }
     nav ul li a {
         padding: 15px;
         line-height: 20px;
         background: #262626;
    }
     nav ul li ul li a {
         padding-left: 30px;
    }
     .navbar-dropdown {
         position: static;
}
 @media screen and (min-width:800px) {
     .nav-list {
         display: block !important;
    }
}
 #navbar-toggle {
     position: absolute;
     left: 18px;
     top: 15px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
}
#navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: #000000;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
 #navbar-toggle span:before {
     top: -10px;
}
 #navbar-toggle span:after {
     bottom: -10px;
}
 #navbar-toggle.active span {
     background-color: transparent;
}
 #navbar-toggle.active span:before, #navbar-toggle.active span:after {
     top: 0;
}
 #navbar-toggle.active span:before {
     transform: rotate(45deg);
}
 #navbar-toggle.active span:after {
     transform: rotate(-45deg);
}
 }

       .nav-list li:nth-child(1) {
           animation-delay: .3s;
       }

       .nav-list li:nth-child(2) {
           animation-delay: .6s;
       }

       .nav-list li:nth-child(3) {
           animation-delay: .9s;
       }

       .nav-list li:nth-child(4) {
           animation-delay: 1.2s;
       }

       .nav-list li:nth-child(5) {
           animation-delay: 1.5s;
       }

       /* Animation */

       @keyframes fadeInUp {
           from {
               transform: translate3d(0, 40px, 0)
           }

           to {
               transform: translate3d(0, 0, 0);
               opacity: 1
           }
       }

       @-webkit-keyframes fadeInUp {
           from {
               transform: translate3d(0, 40px, 0)
           }

           to {
               transform: translate3d(0, 0, 0);
               opacity: 1
           }
       }

       .animated {
           animation-duration: 1s;
           animation-fill-mode: both;
           -webkit-animation-duration: 1s;
           -webkit-animation-fill-mode: both
       }

       .animatedFadeInUp {
           opacity: 0
       }

       .fadeInUp {
           opacity: 0;
           animation-name: fadeInUp;
           -webkit-animation-name: fadeInUp;
       }

       .img-logo {
           width: 70%;
       }

       .logo {
           width: 65%;
       }

       .but {
           background-color: #004c5e;
           color: white;
           border: none;
           padding: 0 40px;
       }


       /* carousel slider        */
       .banner-txt {
           position: absolute;
           bottom: 342px;
           right: 0;
           left: 0px;
           z-index: 10;
           color: white;
           font-family: 'Roboto', sans-serif;

       }

       .banner-txt p {
           color: white;
       }

       .banner-txt span {
           font-size: 50px;
           font-weight: 700;
           line-height: 76px;
       }


       .heading {
           font-size: 40px;
           font-family: 'Roboto', sans-serif;
           font-weight: 500;
           color: #15162A;
       }

       p {
           color: #7B7B7B;
           font-family: 'Roboto', sans-serif;
           font-size: 14px;
       }



       .progress {
           height: 20px;
           margin-bottom: 20px;
           overflow: hidden;
           background-color: #f5f5f5;
           border-radius: 0px;
           -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
       }

       .progress {
           background-image: -webkit-gradient(linear, left 0, left 100%, from(#ebebeb), to(#f5f5f5));
           background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
           background-image: -moz-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
           background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
           background-repeat: repeat-x;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
       }

       .progress {
           height: 12px;
           background-color: #ebeef1;
           background-image: none;
           box-shadow: none;
       }

       .progress-bar {
           float: left;
           width: 0;
           height: 100%;
           font-size: 12px;
           line-height: 20px;
           color: #fff;
           text-align: center;
           background-color: #428bca;
           -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
           -webkit-transition: width .6s ease;
           transition: width .6s ease;
       }

       .progress-bar {
           background-image: -webkit-gradient(linear, left 0, left 100%, from(#428bca), to(#3071a9));
           background-image: -webkit-linear-gradient(top, #428bca 0, #3071a9 100%);
           background-image: -moz-linear-gradient(top, #428bca 0, #3071a9 100%);
           background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
           background-repeat: repeat-x;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
       }

       .progress-bar {
           box-shadow: none;
           border-radius: 0px;
           background-color: #0090D9;
           background-image: none;
           -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
           transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
           -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
           transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
       }

       .progress-bar-success {
           background-image: -webkit-gradient(linear, left 0, left 100%, from(#5cb85c), to(#449d44));
           background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);
           background-image: -moz-linear-gradient(top, #5cb85c 0, #449d44 100%);
           background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
           background-repeat: repeat-x;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
       }

       .progress-bar-success {
           background-color: #004C5E;
           background-image: none;
       }

       .progress-bar-info {
           background-image: -webkit-gradient(linear, left 0, left 100%, from(#5bc0de), to(#31b0d5));
           background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
           background-image: -moz-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
           background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
           background-repeat: repeat-x;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
       }

       .progress-bar-info {
           background-color: #0090D9;
           background-image: none;
       }

       .progress-bar-warning {
           background-image: -webkit-gradient(linear, left 0, left 100%, from(#f0ad4e), to(#ec971f));
           background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
           background-image: -moz-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
           background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);
           background-repeat: repeat-x;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
       }

       .progress-bar-warning {
           background-color: #FDD01C;
           background-image: none;
       }

       .progress-bar-danger {
           background-image: -webkit-gradient(linear, left 0, left 100%, from(#d9534f), to(#c9302c));
           background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);
           background-image: -moz-linear-gradient(top, #d9534f 0, #c9302c 100%);
           background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%);
           background-repeat: repeat-x;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
       }

       .progress-bar-danger {
           background-color: #F35958;
           background-image: none;
       }


       .box {
           border: none;
           padding: 30px 20px;
           box-shadow: 0px 10px 11px #aaa2a26b;
           transition: transform .2s;
       }

       .box:hover {
           -ms-transform: scale(1.5);
           /* IE 9 */
           -webkit-transform: scale(1.5);
           /* Safari 3-8 */
           transform: scale(1.1);
       }

       .subhead {
           font-size: 20px;
           color: #15162A;
           font-family: 'Roboto', sans-serif;
           font-weight: 500;
       }

       .subhead1 {
           font-size: 20px;
           color: #ffffff;
           font-family: 'Roboto', sans-serif;
           font-weight: 500;
       }

       .box1 {
           border: none;
           padding: 20px;
           background-color: #004C5E;
           transition: transform .2s;
           box-shadow: 0px 10px 11px #aaa2a26b;
       }

       .box1:hover {
           -ms-transform: scale(1.5);
           /* IE 9 */
           -webkit-transform: scale(1.5);
           /* Safari 3-8 */
           transform: scale(1.1);
       }

       .img-mon {
           width: 26px;
       }

       .bg-clr {
           background-color: #F6F4F3;
           padding: 0 0 40px 0;
           margin-top: 35px;
       }

       footer {
           margin-top: 45px;
       }

       footer span {
           font-size: 19px;
           font-weight: 500;
           color: #15162A;
       }

       hr {
           width: 20%;
           margin-left: 0px;
           border: 0.1px solid #707070;
       }

       /* .serv {
           background-color: #004C5E;
           color: white;
           border: none;
           padding: 7px 19px;
       } */

       .read:hover {
           background: #E2362D;
           /* border: 2px solid #004C5E; */
           color: #ffffff;
       }
       .reads:hover {
        background: none;
        border: 2px solid #ffffff;
        color: #ffffff;
    }


       .margin {
           margin-top: 168px;
       }

       .white {
           color: #cdcdcd;
       }

       h4{
        color: #000068;
       }

       .read {
        background-color: #6F4E37;
        color: white;
        border: none;
        padding: 10px 26px;
        margin-top: 10px;
    }
    .reads {
        background: #E2362D;
        color: white;
        border: none;
        padding: 8px 49px;
        margin-top: 10px;
    }
    .img-1 {
        width: 18%;
    }
    .card {
        border: none;
    }
    
    .card-text {
        font-size: 14px;
    }
    
    .bg-blu {
        background-color: #000068;
        padding: 32px;
    }
	 .bg-red {
        background-color: #FF0000;
        padding:10px 32px;
		color:#FFFFFF;
		 
    }
    .vl {
        border-left: 4px solid #E2362D;
        height: 356px;
        margin-top: 54%;
    }

    /* .bg-img{
        background-image: url(../img/cap.jpg);
    } */
    .top-text_a {
        position: absolute;
        bottom: 20px;
        right: 0;
        left: 0px;
        z-index: 10;
        color: white;
        font-family: 'Oswald', sans-serif;
        font-size: 52px;
        font-weight: 400;
    }

    .bg-mv{
        background-color: #000068;
        padding: 40px;
        margin-top: 10px;
    }
    .bg-mv .heading{
        color: white!important;
    }
    .bg-box{
        background-color: #D8D4D2;
        padding: 23px;
    }
    .bg-box h5{
        color: #E2362D;
    }
    .bg-mv p{
        color: white!important;
    }
    .bg-box p{
        color: #6F4E37!important;
    }
    .bg-sec{
        background-color: #F9F8F8;
        padding-bottom: 3%;
    }
    .read a{
        color: white!important;
        text-decoration: none;
    }




    figure.menu-card {
        color: rgb(0, 0, 0);
        position: relative;
        overflow: hidden;
        width: 100%;
        background-color: #ffffff;
        text-align: left;
        font-size: 16px;
        opacity: 0.95;
      }
      figure.menu-card {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
      }
      figure.menu-card img {
        max-width: 100%;
        vertical-align: top;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
      }
      figure.menu-card figcaption {
        padding: 25px;
        position: relative;
      }
      figure.menu-card .date {
        background-color: #e2362dd4;
        top: 0px;
        color: rgb(255 255 255);
        right: 0px;
        position: absolute;
        text-align: center;
        font-size: 12px;
        letter-spacing: 1px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }
      figure.menu-card h2 {
        font-weight: 600;
        color: rgb(0, 0, 0);
        text-transform: uppercase;
        line-height: 1;
        margin: 0;
        padding-bottom: 5px;
        letter-spacing: 2px;
      }
      figure.menu-card h3 {
        line-height: 1;
        letter-spacing: 2px;
        font-weight: 600;
        color: rgb(0, 0, 0);
        margin: 0;
      }
      figure.menu-card p {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 1.25em;
        height: 90px;
        overflow: hidden;
      }
      figure.menu-card button {
        border: medium none;
        padding: 10px 20px;
        background-color: rgba(60, 59, 110, 0.95);
        font-weight: 800;
        color: #ffffff;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 15px;
        border: 1px solid white;
        width: 100%;
      }
      figure.menu-card a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 1;
      }
      figure.menu-card:hover img,
      figure.menu-card.hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
      
      /* figure.menu-card:hover button,
      figure.menu-card.hover button {
        background-color: rgba(678, 34, 52, 0.85);
        border: 1px solid white;
      }
       */
      
      figure {margin:0;padding:0}
      figure img {width:100%;}
      
      
   
.contact_whitebox {
    padding: 5px;
    margin-top: 40px;
}

.white_msgbox {
    background-color: white;
    padding: 31px;
    margin-top: 25px;
}

.msg {
    width: 60%;
    margin: 10px;
}

.map {
    margin: 10px;
    width: 54%;
}

.call {
    margin: 3px 0px 0px 21px;
    width: 58%;
}

.ylw-but1 {
    background-color: #6F4E37;
    border: none;
    font-family:  roboto;
    font-weight: 500;
    padding: 6px 24px 6px 24px;
    color: white;

}
.ylw-but1:hover{
    background: none;
    border: 2px solid #6F4E37 ;
    color: #000000;
}



/*	
	Table Responsive
	===================
	Author: https://github.com/pablorgarcia
 */

 h1 {
    font-size:3em; 
    font-weight: 300;
    line-height:1em;
    text-align: center;
    color: #4DC3FA;
  }
  
  h2 {
    font-size:1em; 
    font-weight: 300;
    text-align: center;
    display: block;
    line-height:1em;
    padding-bottom: 2em;
    color: #ffb8c2;
  }
  
  h2 a {
    font-weight: 700;
    text-transform: uppercase;
    color: #ffb8c2;
    text-decoration: none;
  }
  
  .blue { color: #185875; }
  .yellow { color: #FFF842; }
  
  .branch th h1 {
        font-weight: bold;
        font-size: 1em;
    text-align: left;
    color: #ffffff;
  }
  
  .branch td {
        font-weight: normal;
        font-size: 1em;
    -webkit-box-shadow: 0 2px 2px -2px #0E1119;
         -moz-box-shadow: 0 2px 2px -2px #0E1119;
              box-shadow: 0 2px 2px -2px #0E1119;
  }
  
  .branch {
        text-align: left;
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
    display: table;
    padding: 0 0 8em 0;
  }
  
  .branch td, .container th {
        padding-bottom: 2%;
        padding-top: 2%;
    padding-left:2%;  
  }
  
  /* Background-color of the odd rows */
  .branch tr:nth-child(odd) {
        background-color: #ffffff;
  }
  
  /* Background-color of the even rows */
  .branch tr:nth-child(even) {
        background-color: #6f4e3729;
  }
  
  .branch th {
        background-color: #E2362D;
  }
  
  .branch td:first-child { color: #FB667A; }
  
  .branch tr:hover {
     /* background-color: #464A52; */
  -webkit-box-shadow: 0 6px 6px -6px #0E1119;
         -moz-box-shadow: 0 6px 6px -6px #0E1119;
              box-shadow: 0 6px 6px -6px #0E1119;
  }
  
  .branch td:hover {
    background-color: #000068;
    color: #ffffff;
    font-weight: bold;
    
    box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
    transform: translate3d(6px, -6px, 0);
    
    transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
    transition-timing-function: line;
  }
/*   
  @media (max-width: 800px) {
  .container td:nth-child(4),
  .container th:nth-child(4) { display: none; }
  } */


  
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 26px 15px 19px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


.nav-head{
    position: relative;
    z-index: 10;
}

.dropdown ul {
    margin: 0;
    padding: 0;
    /* display: flex; */
    list-style: none;
    /* align-items: center; */
}

.navbar-nav {
    flex-direction: row;
}

.dropdown-content li{
    list-style-type: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff;
}

.timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 0;
}
.head::after{
 position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;

}
.body1 {
    background: #fff;
   
	
	
  
	}

.demo-card-wrapper {
      display: flex;
	 
      flex-flow: column wrap;
      width: 100%;
	  height:356px;
	   box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
	   border-bottom-color: 1px #FF0000;
      
      margin: 0 auto;
    }
.head h2 {
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: inherit;
  letter-spacing: 2px;
  margin: 0;
  padding-bottom: 6px;
  line-height: 1rem;
  }
.head{
 padding:12px;
 background-color: #E2362D;
  position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 400;
 }
 .head .number-box {
  display: inline;
  float: left;
  margin: 15px;
  padding: 10px;
  font-size: 35px;
  line-height: 35px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.17);
}
.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #e8ebea;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.containerr {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%;
  
}

.containerr.left {
  left: 0;
}

.containerr.right {
  left: 50%;
}

.containerr::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(20% - 8px);
  right: -8px;
  background: #b7b7b7;
  border: 5px solid #e8ebea;
  border-radius: 16px;
  z-index: 1;
}

.containerr.right::after {
  left: -8px;
}

.containerr::before {
  content: '';
  position: absolute;
  width: 50px;
 
  top: calc(10% - 1px);
  right: 8px;
  
  z-index: 1;
 border-bottom: 30px solid #E2362D;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 1px;
	 
}

.containerr.right::before {
  left: 8px;
}

.containerr .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #006E51;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.containerr.left .date {
  right: -75px;
}

.container.right .date {
  left: -75px;
}

.containerr.icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #F6D155;
  border: 2px solid #006E51;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #006E51;
  z-index: 1;
}

.containerr.left .icon {
  right: 56px;
}

.containerr.right .icon {
  left: 56px;
}

.containerr .content {
  padding: 30px 90px 30px 30px;
  background: #F6D155;
  position: relative;
  border-radius: 0 500px 500px 0;
}

.containerr.right .content {
  padding: 30px 30px 30px 90px;
  border-radius: 500px 0 0 500px;
}

.containerr .content h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #006E51;
}

.containerr .content p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px;
  }

  .containerr {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .containerr.right {
    left: 0%;
  }

  .containerr.left::after, 
  .containerr.right::after {
    left: 82px;
  }

  .containerr.left::before,
  .containerr.right::before {

    left: 100px;
    border-color: transparent #006E51 transparent transparent;
  }

  .containerr.left .date,
  .containerr.right .date {
    right: auto;
    left: 15px;
  }

  .containerr.left .icon,
  .containerr.right .icon {
    right: auto;
    left: 146px;
  }

  .containerr.left .content,
  .containerr.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }
}