
/************************************************ About Section ********************************************/
.about-section{padding-bottom: 60px;}
.about-section .title-section{text-align: center;}
.about-section .title-section .title{color:#4B3527;position: relative;text-transform: uppercase;font-weight:800;}
.about-section .title-section::after{content:'';position: relative;display: block;background-color:#4b3527;width:25%;height: 1px;float:none;margin:0 auto;}
.about-section .title-section::before{content:'';position: relative;display: block;background-color:#4b3527;width:15%;height: 3px;bottom:-46px;float:none;margin:0 auto;transform: scaleX(1);transition:all 0.5s ease-in-out;}
.about-section .title-section:hover:before{width:25%;}
.about-section .about{padding:35px 40px; }
.about-section .about p{text-align: center;text-indent: 60px;font-size: 18px;margin-bottom: 15px;letter-spacing: 0px;line-height:20px;}
.about-section .logo{text-align: center;}
.about-section .logo img{width: 35%;}
.about-section .logo .name h1{font-weight:800;}

/************************************************ Quote Section ********************************************/
.quote-section{background:url('../../../assets/images/about/aboutback.png');background-size: cover;background-position: center;padding: 0px 100px;}
.quote-section .founders{display: flex;}
.quote-section .founders .founder2{position: absolute;width:55%;height: auto;left:0;top:71px;}
.quote-section .founders .founder1{position: absolute;width:65%;height: auto;right:-15px;top:53px;}
.quote-section .quote-block-outer{display:table;min-height:100vh;}
.quote-section .quote-block-inner{display:table-cell;vertical-align:middle;}
.quote-section .quote-card{padding:50px;background-color: #e8e8e8e3;width:90%;float: none;}
.quote-section .quote-card p{font-size: 23px;font-weight: 600;line-height: 32px;color: #707070;}

/************************************************ Founders Section ********************************************/
.founder-section{padding:0px 150px;}
.founder-section .title-section{padding-top: 42px;}
.founder-section .title-section .title{font-size:40px;font-weight: 600;color: #4B3527;text-transform: uppercase;}
.founder-section .title-section::after{content:'';position: relative;display: block;background-color:#4b3527;width:25%;height: 1px;}
.founder-section .title-section::before{content:'';position: relative;display: block;background-color:#4b3527;width:10%;height: 3px;bottom:-46px;transform: translateX(1px);transition: all 1s ease-in-out;}
.founder-section .title-section:hover::before{transform: translateX(1px);width: 25%;}
.founder-section .founder{padding-top: 30px;padding-bottom: 30px;}
.founder-section .founder .name{font-weight: 800;}
.founder-section .founder .desig{font-weight:600;}
.founder-section .founder .info{font-size: 16px;color:#707070;font-weight: 400;}
.founder-section .founder .social i{background-color: #0E76A8;padding:10px 12px;color: #fff;border-radius: 50%;font-size: 22px;margin-top: 5px;}

/******************************************** Founder section *****************************************************/

/******************************************** Team Section ***************************************************/
.team-section{margin:0px!important;}
.team-section{padding-top:0px;padding-bottom: 0px;}
.team-section .about-team{background-color:#4A4C4E;}
.team-section .about-team .team-desc{transform: translateY(80%);padding-left:145px;}
.team-section .about-team table tr td img{vertical-align: bottom;width: 150px;height:120px;}
.team-section .about-team .team-desc h2{font-weight: 600;color: #fff;text-transform: uppercase;}
.team-section .about-team .team-desc p{color: #fff;padding-top: 20px;}
.team-section .about-team table tr td img{vertical-align: bottom;width:100%;height: 146px;}
.team-members .row .col-md-2{padding: 0px;}
/******************************************** Team Section ***************************************************/
.why-section{background-color: #E1D0BD;padding: 30px 0px;margin-top:0px!important;}
.why-section .title-section{text-align: center;margin-top: 40px;}
.why-section .title-section .title{color:#4B3527;position: relative;text-transform: uppercase;font-weight:800;padding-bottom: 20px;font-size: 40px;}
.why-section .title-section .title::after{content:'';position: relative;display: block;background-color:#4b3527;width:30%;height: 1px;float: none;margin:0 auto;}
.why-section .title-section .title::before{content:'';position: relative;display: block;background-color:#4b3527;width:10%;height: 3px;bottom:-46px;float: none;margin:0 auto;transform: translateX(1px);transition:all .5s ease-in-out;}
.why-section .title-section .title:hover::before{transform: translateX(1px);width:30%;}
.why-section .title-section .subtitle{margin-top: 30px;color: #707070;}
.why-section .process{margin-top: 25px;position:relative;padding-left: 50px;padding-right: 160px;}
.why-section .process .step{margin-top:55px;margin-bottom: 55px;}
.why-section .process .step .title{text-align: right;font-weight: 600;color: #4B3527;text-transform: uppercase;font-size: 42px;}
.why-section .process .step .step-count{text-align: left;font-weight: 800;font-family: 'Poppins';font-size: 120px;color: #D1C0AD;margin-top: 12px;}
.why-section .process .step .icon{border: 1px solid #4B3527;position: absolute;border-radius: 50%;left:0px;top:-20px;background:#E1D0BD; }
.why-section .process::before{content:'';position: absolute;width: 1px;height: 95%;background-color: #4B3527;display: block;left:51%;z-index:0;}
.why-section .process .step .icon img{width: 75px;height: 75px;margin: 30px 33px;z-index: 1;}
.why-section .process .step .desc{font-size: 16px;}
.why-section .button-section {text-align: center;}
.why-section .button-section .btn-roulay{padding: 10px;border-width: 3px;border-color: #4B3527;font-weight: 600;border-radius: 0;}

.testimonial-section .brands{padding-top: 25px;padding-bottom:25px;}
  .testimonial-section .main-head{color:#4B3527;font-weight: 800;text-transform: uppercase;padding:20px;}
  .testimonial-section .brands .main-head::before{content:'';display:block;position: relative;background-color: #4B3527;width:200px;height: 3px;float: none;margin:0 auto;transform:translateX(1px);transition:all 1s ease-in-out;bottom: -46px;}
  .testimonial-section .brands .main-head::after{content:'';position: relative;display:block;background-color: #4B3527;width:550px;height: 1px;float: none;margin:0 auto;}
  .testimonial-section .brands .main-head:hover::before{transform:translateX(1px);width:550px;}
  .testimonial-section .brands .brand-slider{padding-top:20px;padding-bottom:20px;}
  .testimonial-section .brands .brand-slider .brand-logo{float:none;margin:0 auto;border:2px solid #4B3527;margin-bottom:25px;}

.testimonial-section{padding-left: 100px;padding-right: 100px;margin-left: auto;margin-right: auto;}
.testimonial-section .news{padding-left: 125px;padding-right: 125px;padding-top: 15px;padding-bottom: 15px;}
  .testimonial-section .newsimg{width: 100%!important;height: 100px!important;position: relative;margin-bottom:15px;}
  .testimonial-section .border::before{content: '';position: absolute;width: 2px;height: 100%;color:#707070;display: block;}
  .testimonial-section .newsimg img{position: absolute;bottom:10px;}
  .testimonial-section .news-head{color:#4B3527;font-weight: 800;text-transform: uppercase;padding:20px;}
  .testimonial-section .news-head::before{content:'';display:block;position: relative;background-color: #4B3527;width:100px;height: 3px;float: none;margin:0 auto;bottom: -46px;transform:translateX(1px);transition:all 1s ease-in-out}
  .testimonial-section .news-head:hover::before{transform:translateX(1px);width:350px;}
  .testimonial-section .news-head::after{content:'';position: relative;display:block;background-color: #4B3527;width:350px;height: 1px;float: none;margin:0px auto;}
  .testimonial-section .newslider .news{font-size: 15px;padding:0px 10px;line-height: 18px;height: 160px;}
  .testimonial-section .border-left::before{content: '';position: absolute;display: block;width: 2px;height: 200px;background-color: #d3d3d3;top:20px;}
  .testimonial-section .newslider .newsblock .newsimg::after{content: '';width: 300px;height: 1px;background: #707070;position: relative;display:block;bottom: -100px;}
  .testimonial-section .newslider .newsblock .newsimg::before{content: '';width: 70px;height: 3px;background: #707070;position: relative;display: block;bottom: -101px;transform: translateX(1px);transition: all 1s ease-in-out;}
  .testimonial-section .newslider .newsblock:hover .newsimg::before{transform: translateX(1px);width:300px;}
  .testimonial-section .newslider .slick-slide::before{content:'';background-color:#d3d3d3;width:2px;height:225px;position:relative;display:block;float:right;right:10px;bottom:0;}
@media only screen and (max-width: 768px){
.about-section .title-section{margin-top: 0px;}
.about-section .title-section::after{width: 200px;}
.about-section .title-section .title{font-size: 40px;}
.about-section .about{padding: 20px 0px;}
.about-section .about p{text-indent: 0px;font-size: 18px;}
.about-section .logo img{width: 100%;}
.quote-section{padding: 0px;}
.quote-section .quote-card{padding:20px;margin: 10px auto;width:100%;padding: 30px 20px;}
.quote-section .quote-card p{font-size: 18px;line-height:20px;}
.founder-section{padding: 0px;}
.founder-section .title-section{margin-top: 20px;}
.founder-section .founder{padding:15px; }
.founder-section .title-section::after{width: 65%;}
.team-section .about-team .team-desc{padding:15px;}
.why-section .title-section .title{font-size: 32px;}
.why-section .process{padding-left: initial;padding-right: initial;}
.why-section .process::before{display: none;}
.why-section .process .step{margin-top: 0px;margin-bottom: 0px;}
.team-section .about-team .team-desc h2{font-size: 28px;}
.team-section .about-team .team-desc{transform: translateY(0%);}
.team-section .about-team table tr td img{height: auto;}
.testimonial-section{padding-left: 15px;padding-right: 15px;}
.testimonial-section .news-head::after{width:285px;}
.slick-prev, .slick-next{display: none;}
.why-section .process .step .title{padding: 20px 0px;text-align: center;}
.why-section .process .step .step-count{padding: 20px 0px;}
.why-section .process .step .icon{left:auto;bottom:0px;right:20px;top:auto;}
.why-section .process .step .desc{padding:20px 0px;}
.why-section .process .step .icon img{width: 65px;height:65px;margin:20px;}
.why-section .title-section .title::after{width:95%;}
.why-section .title-section .title::before{width:30%;}
.testimonial-section .newsimg img{left:0;}
.testimonial-section .newslider .newsblock .newsimg::before{bottom: -102px;}
}


@media only screen and (min-width: 1600px){
  .about-section .title-section{padding-bottom:15px;}
  .about-section .about p{font-size:18px;}
  .quote-section .quote-card{width:80%;}
  .quote-section .quote-card p{font-size:28px;}
  .founder-section .title-section{padding-bottom:42px;}
  .founder-section .founder .info{font-size:20px;line-height:28px;padding:5px 0px;}
  .founder-section .founder{padding-top:15px;padding-bottom:15px;}
  .mt-40{margin-top:20px!important;}
  .mt-20{margin-top: 10px;}
.team-section .about-team table tr td img{vertical-align: bottom;width:100%;height:145px;}
.team-section .about-team .team-desc{transform: translateY(100%);padding-left:30px;}
.why-section .title-section .title{font-size:48px;}
.why-section .process .step .desc{font-size:20px;}
.testimonial-section .newslider .news{height:142px;font-size:20px;line-height:28px;}
.testimonial-section .news-head{font-size:40px;padding: 15px 0px;}
}


@media only screen and (min-width: 1777px){
.about-section .title-section .title::before{width:8%;}
.about-section .about p{line-height:23px;}
.about-section .about{padding:66px 0px;}
.about-section .logo img{width:42%;}
.team-section .about-team table tr td img{height:auto;}
.team-section .about-team .team-desc p{font-size:20px;}
.team-section .about-team .team-desc h2{font-size:40px;line-height:50px;}
.why-section .process .step .icon img{width:90px;height:90px;margin:20px 25px;}
.why-section .process .step{margin-top:75px;margin-bottom:75px;}
.quote-section .quote-card p{font-size:30px;}
.quote-section .quote-card{padding:66px;float:none;margin:0 auto;}
.quote-section .quote-block-outer{min-height:105vh;}
.team-section .about-team .team-desc{padding-left: 150px;}
.testimonial-section .newslider .news{padding-right:80px;padding-left:0px;}
}


@media only screen and (min-width: 2000px){
.about-section .title-section .title{font-size: 56px;}
.about-section .title-section::after{height:2px;}
.about-section .title-section::before{height:5px;bottom:-63px;}
.about-section .about p{font-size: 22px;line-height:30px;}
.about-section .about{padding:15px 0px;}
.quote-section .quote-card{padding:60px;margin:200px auto;}
.quote-section .quote-card p{font-size: 34px;line-height:42px;}
.founder-section .title-section .title{font-size:50px;}
.founder-section .title-section::after{height:2px;}
.founder-section .title-section::after{height:5px;}
.founder-section .founder .name{font-size: 36px;}
.founder-section .founder .desig{font-size:24px;padding:10px 0px;}
.founder-section .founder .info{font-size:24px;line-height:32px;padding:15px;}
.founder-section .founder .social i{font-size: 32px;padding:15px;}
.founder-section .founder{padding-top: 30px;padding-bottom:30px;}
.team-section .about-team table tr td img{width:100%;height:auto;}
.team-section .about-team .team-desc h2{font-size:46px;line-height: 60px;}
.team-section .about-team .team-desc p{font-size:22px;line-height:30px;}
.why-section .process .step .title{font-size: 50px;line-height: 48px;}
.why-section .process .step .step-count{font-size:140px;}
.why-section .process .step{margin-top: 80px;margin-bottom:80px;}
.why-section .process .step .icon img{width:100px;height:100px;}
.why-section .process .step .desc{font-size:24px;}
}