*{ padding:0; margin:0;}
body{ padding:0; margin:0; font-family: 'K2D', sans-serif; }
a, a:hover, a:focus{ text-decoration:none; }
ul, li{ padding:0; margin:0; list-style:none;}
h1, h2, h3, h4, h5, h6, p{ padding:0; margin:0;}

/*---------------------- Font Face ------------------*/
/*
font-family: 'El Messiri', sans-serif;
font-family: 'K2D', sans-serif;
*/

/*---------------------- Font Face ------------------*/
.gray-bg{
  background: #FAFAFA;
}
.header{ position:relative;z-index:999; padding:15px 0; margin:0; transition: all 300ms ease-in-out; }
.header.stickyhead{position:fixed; width:100%; left:0; top: 0; animation: smoothScroll 1s forwards; }

    @keyframes smoothScroll {
        0% {
            transform: translateY(-118px);
        }
    
        100% {
            transform: translateY(0px);
        }
    }
.header.stickyhead{ background:#fff; }
.header .header-wrap{display: flex; width: 100%;justify-content: space-between; align-items: center; }
.logo {
    width: 22%;
}
.header .nav-sec{ padding:0; margin:0; }
.header .nav-sec { display: flex; align-items: center; justify-content: space-between; padding:0; margin:0; }
.header .nav-sec .stellarnav.dark{ background:transparent; display: flex; justify-content: space-between; padding:0; margin:0 0px 0 0px; }
.header .logo img{ max-width:100%; }
.stellarnav.dark a, .stellarnav.dark li a{ color: #585858; text-transform: capitalize; }
.stellarnav ul li a{font-family: 'K2D', sans-serif; font-weight: 400; font-size: 20px; line-height:1.2; color: #000; padding: 0 0 0px; position:relative; display: inline-block; }
.stellarnav.dark li.current-menu-item a {
  color: #000;
}

.stellarnav ul{ width:100%; text-align:left;}
.stellarnav ul li{ margin-right:50px; display: inline-block;}
.stellarnav ul li:last-child{ margin-right:0;}
.header .nav-sec .social-icons{
  border-left: 1px solid #D5D5D5;
  padding: 10px 0 10px 30px;
  margin: 0 0 0 30px;
}
.header .nav-sec .social-icons ul{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.header .nav-sec .social-icons ul li{
  padding: 0;
  margin: 0 10px 0 0;
}
.header .nav-sec .social-icons ul li:last-child{
  margin-right: 0;
}
.header .nav-sec .social-icons ul li a{
  background: #16202A;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: all 300ms ease-in-out;
  border: 1px solid #16202A;
}
.header .nav-sec .social-icons ul li a:hover{
    color: #16202A;
    background: #fff;
}

.banner{
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
  overflow: hidden;
  position: relative;
  height: calc(100vh - 84px);
  background: #FAFAFA;
}
.banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.banner .desc{
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  z-index: 2;
}
.banner .desc .text-block{
  max-width: 680px;
  padding: 0;
  margin: 0;
}
.banner .desc .text-block h1{
  font-family: 'El Messiri', sans-serif;
  font-weight: 700;
  font-size: 80px;
  line-height: 79px;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}
.banner .desc .text-block p{
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
  color: #FFFFFF;
  padding: 0;
  margin: 0 0 30px;
}
.banner .desc .text-block a{
  display: flex;
  align-items: center;
  background: #000;
  padding: 8px 12px;
  font-weight: 700;
  font-size: 18px;
  line-height:1.2;
  color: #FFFFFF;
  max-width: 316px;
  justify-content: center;
  transition: all 300ms ease-in-out;
}
.banner .desc .text-block a:hover{
  background: #fff;
  color: #000;
}



.home-about{
  padding: 60px 0;
  margin: 0;
  position: relative;
  z-index: 2;
}
/* .home-about::after{
  content: '';
  background: #000;
  right: 0;
  top: 0;
  width: 30%;
  height: 60%;
  position: absolute;
  z-index: 1;
} */
.home-about .tham-img{
  position: relative;
  padding: 0px 0px 10px 10px;
  margin: 0;
  z-index: 2;
}
/*.home-about .tham-img:after{*/
/*  content: '';*/
/*  width: 215px;*/
/*  height: 215px;*/
/*  border-left: 2px solid #000;*/
/*  border-bottom: 2px solid #000;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*}*/
.home-about .tham-img img{
  width: 100%;
  height: auto;
}
.home-about .text-block{
  padding: 0;
  margin: 0;
}
.home-about .text-block h4{
  font-family: 'El Messiri', sans-serif;
  font-weight: 500;
font-size: 49px;
line-height:1.2;
color: #666565;
  padding: 0;
  margin: 0;
}
.home-about .text-block h2{
  font-family: 'El Messiri', sans-serif;
  font-weight: 500;
  font-size: 88px;
  line-height: 99px;
  color: #413E3E;
  margin: 0 0 20px;
}

.home-about .text-block p{
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #423C3C;
  padding: 0;
  margin: 0 0 15px;
}
.home-about .text-block a{
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 10px 25px;
  margin: 0;
  transition: all 300ms ease-in-out;
  background: #353434;
  border: 1px solid #353434;
}
.home-about .text-block a:hover{
  color: #353434;
  background: #fff;
}


.latest-blog{
  padding:40px 0;
  margin: 0;
  background: #FAFAFA;
}
.empt-bar{
  background: #D9D9D9;
  height: 35px;
  padding: 0;
  margin: 0;
} 
.latest-blog h2{
  text-align: center;
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 55px;
  line-height:1.2;
  color: #413E3E;
  padding: 0;
  margin: 0 0 30px;
}
.blog-box{
  padding: 0;
  margin: 0 0 40px;
  background: #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.05);
}
.blog-box .tham-img{
  padding: 0;
  margin: 0;
  height: 262px;
}
.blog-box .tham-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.blog-box .text-box{
  position: relative;
  padding: 20px 15px;
  margin: 0;
}
.blog-box .text-box h3{
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height:1.2;
  color: #413E3E;
  padding: 0;
  margin: 0 0 10px;
}
.blog-box .text-box p{
  font-weight: 400;
  font-size: 15px;
  line-height:1.6;
  color: #636161;
  padding: 0;
  margin: 0 0 15px;
}
.blog-box .text-box span.block-date {
  background: #353434;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: #FFFFFF;
  padding: 6px 11px;
  position: absolute;
  top: -14px;
  display: inline-block;
  z-index: 1;
  left: 0;
}
.view-btn{
  background: #353434;
  font-weight: 400;
  font-size: 18px;
  line-height:1.2;
  color: #FFFFFF;
  display: inline-block;
  padding: 10px 16px;
  margin: 0;
  transition: all 300ms ease-in-out;
  border: 1px solid #353434;
}
.view-btn:hover{
  color: #353434;
  background: #fff;
}

.let-talk-sec{
  padding: 0px 0;
  margin: 0;
}
.let-talk-sec .let-talk-text{
  padding: 0;
  margin: 0;
}
.let-talk-sec .let-talk-text{
  display: flex;
  justify-content: flex-end;
  padding: 40px 30px 50px 0;
  margin: 0;
}
.let-talk-sec .let-talk-text .text{
  padding: 0;
  margin: 0;
}
.let-talk-sec .let-talk-text .text {
  max-width: 646px;
  padding: 0;
  margin: 0;
}
.let-talk-sec .let-talk-text .text h2{
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 55px;
  line-height:1.2;
  color: #413E3E;
  padding: 0;
  margin: 0 0 10px;
}

.let-talk-sec .let-talk-text .talk-text-form .form-group {
    display: inline-block;
    width: 100%;
}
.let-talk-sec .let-talk-text .text p{
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  color: #636161;
  padding: 0;
  margin: 0;

}

.talk-text-form{
  padding: 0;
  margin: 0;
}
.talk-text-form label{
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
  color: #1F1D1D;
  padding: 0;
  margin: 0 0 6px;
}
.talk-text-form label sup{
  color: #F01111;
}
.talk-text-form .form-control{
  border: 1px solid #B6B2B2;
  outline: none;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
}
.talk-text-form textarea.form-control{
  height: 197px;
  resize: none;
}
.talk-text-form .btn-block{
  padding: 0;
  margin: 0;
}
.talk-text-form .btn-block .btn{
  background: #353434;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #FFFFFF;
  display: inline-block;
  padding: 10px 40px;
  margin: 0;
  transition: all 300ms ease-in-out;
  border: 1px solid #353434;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  transition: all 300ms ease-in-out;
}
.talk-text-form .btn-block .btn:hover{
  color: #353434;
  background: #fff;
}

.let-talk-sec .contact-map img{
  width: 100%;
  height: auto;
}
.let-talk-sec .contact-map{
line-height: 0;
}
.let-talk-sec .contact-map iframe{
  line-height: 0;
  width: 100%;
  height: 45rem;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -webkit-backface-visibility: hidden;
}
.footer{
  background: #090909;
  padding: 40px 0;
  margin: 0;
}
.footer .ft-logo{
  padding: 0;
  margin: 0 0 20px;
}
.footer .ft-logo img{
  max-width: 100%;
}
.footer .ft-desc{
  padding: 0;
  margin: 0;
}
.footer .ft-desc p{
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  color: #AAAAAA;
  padding: 0;
  margin: 0;
}
.footer .ft-box{
  padding: 0px 0 0;
  margin: 0;
}
.footer .ft-box h3{
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 0;
  margin: 0 0 30px;
}
.footer .ft-box p{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 16px;
  line-height:1.2;
  color: #AAAAAA;
}
.footer .ft-box p a{
  color: #AAAAAA;
  transition: all 300ms ease-in-out;
}


.footer .ft-contact {
  display: flex;
  padding: 0;
  margin: 0;
}

.footer .ft-contact .icon i{
  color: #AAAAAA;
}
.footer .ft-contact .text{
  padding: 0;
  margin: 0;
}
.footer .ft-contact .text ul li{
  font-weight: 400;
  font-size: 16px;
  line-height:1.2;
  color: #AAAAAA;
  padding: 0;
  margin: 0 0 10px;
}
.footer .ft-contact .text ul li a{
  color: #AAAAAA;
  transition: all 300ms ease-in-out;
}
.footer .ft-box p a:hover, .footer .ft-contact .text ul li a:hover{
  color: #fff;
}
.footer .ft-box ul li{
  padding: 0;
  margin: 0 0 10px;
}
.footer .ft-box ul li:last-child{
  margin-bottom: 0;
}
.footer .ft-box ul li a{
  font-weight: 400;
  font-size: 18px;
  line-height:1.2;
  color: #AAAAAA;
  padding: 0;
  margin: 0;
  transition: all 300ms ease-in-out;
}
.footer .ft-box ul li a:hover{
  color: #fff;
}

.copyright{
  background: #2E2E2E;
  padding: 15px 0;
  margin: 0;
}
.copyright p{
  font-weight: 400;
  font-size: 17px;
  line-height:1.2;
  color: #AAAAAA;
  padding: 0;
  margin: 0;
}
.copyright ul{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.copyright ul li{
  padding: 0;
  margin: 0 10px 0 0;
}
.copyright ul li:last-child{
  margin-right: 0;
}
.copyright ul li a{
  background: #000;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all 300ms ease-in-out;
    border: 1px solid #000;
}
.copyright ul li a:hover{
  color: #fff;
  background: transparent;
}

.project-sec {
  background: #413E3E;
  padding: 250px 0 60px;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 12%, 100% 100%, 0% 100%);
}
.project-sec h2{
  font-family: 'El Messiri', sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 65px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 0;
  margin: 0 0 30px;
}
.project-gallery{
  padding: 0;
  margin: 0;
}
.project-gallery .img-box{
  padding: 0;
  margin: 0 0 0px;
  position: relative;
}
.project-gallery .img-box .overlay-box {
  position: absolute;
  background: rgba(0, 0, 0, 0.57);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.project-gallery .img-box:hover .overlay-box {
  opacity: 1;
}


.project-gallery .img-box .overlay-box .block{
  text-align: center;
}
.project-gallery .img-box .overlay-box .block p{
  font-weight: 800;
  font-size: 26px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 0;
  margin: 20px 0 0;
}
.project-gallery .img-box .overlay-box .block .icon{
  background: #353232;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.all-btn{
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #2E2A2A;
  background: #fff;
  border: 1px solid #fff;
  display: inline-block;
  padding:10px 30px;
  margin: 0;
  transition: all 300ms ease-in-out;
}
.all-btn:hover{
  color: #fff;
  background: transparent;
}

.project-gallery .img-box .overlay-box .block .icon img{
  width: 60px;
}

.project-gallery .img-box img{
  width: 100%;
  height: auto;
}
.project-tab .nav-tabs{
  justify-content: center;
  border-bottom: none;
  padding: 0 0 30px;
}
.project-tab .nav-tabs .nav-item{
  margin-bottom: 0;
}
.project-tab .nav-tabs .nav-item .nav-link{
  border-radius: 0;
  border: none;
  box-shadow: none;
  outline: none;
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  background: transparent;

}
.project-tab .nav-tabs .nav-item .nav-link.active{
  background: #fff;
  color: #151414;
}

.roll-sec {
  padding: 30px 0;
  margin: 0 0 0;
  display: flex;
  justify-content: flex-end;
}
.roll-sec .roll-wrap{
  max-width: 80%;
}
.roll-sec .roll-info{
  padding: 0;
  margin: 0;
}
.roll-sec .roll-info h2{
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.2;
  color: #413E3E;
  padding: 0;
  margin: 0 0 15px;
}

.roll-box{
  background: #FFFFFF;
  box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.05);
  padding: 30px 15px;
  text-align: center;
}
.roll-box .icon{
  text-align: center;
  padding: 0;
  margin: 0 0 15px;
}
.roll-box .icon img, .roll-box .text a img{
  width: auto;
  margin: 0 auto;
}
.roll-box .text h4{
  font-weight: 400;
  font-size: 22px;
  line-height:1.2;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
}
.roll-box .text p{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #423C3C;
  padding: 0;
  margin: 0 0 20px;
}
.roll-box .text a {
  display: inline-block;
}
.my-owl-nav{
  display: flex;
  padding:20px 0 0;
  margin: 0;
}
.my-owl-nav span{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7B7A7A;
  box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.05);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
}
.roll-slider-wrap .owl-nav{
  display: none;
}
.two-sec-wrap{
  background: #FAFAFA;
  padding: 0 0 70px;
}
/*====== Inner Page css =========*/




.portfolio-section {
  padding-top: 30px;
  transition: 1.3s;
  box-sizing: border-box;
  height: auto;
}

.portfolio-tab ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio-tab ul li {
  border-radius: 0;
  border: none;
  box-shadow: none;
  outline: none;
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  background: transparent;
  padding: 0.5rem 1rem;
}
@media (max-width: 575.98px) {
  .portfolio-tab ul li {
    display: block;
    margin: 10px auto;
    max-width: 200px;
  }
}
.portfolio-tab ul li:hover {
  background: #fff;
    color: #151414;
}
.portfolio-tab ul .active {
  background: #fff;
    color: #151414;
}
.clearfix:after {
  display: table;
  content: " ";
  clear: both;
}
.portfolio-grid {
  margin-top: 50px;
  column-count: 3;
  column-gap: 15px;
  line-height: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .portfolio-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 768.1px) and (max-width: 991px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }		
  }
.portfolio-grid .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:none;
	overflow:hidden;
  margin-bottom: 15px;
}
.portfolio-wrapper {
  overflow:hidden;
  position: relative !important;
  cursor:pointer;
}
.portfolio-bg {
  width: 100%;
  /* height: 300px; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 1s;
  transform: scale(1)
}
.portfolio:hover .portfolio-bg{
  transform: scale(1.2)
}

.portfolio .label {
  position: absolute;
  width: 100%;
  height:100%;
  bottom: 0;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden
}

.portfolio .label-bg {
  background: #232323;
  opacity: 0.7;
  width: 100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  transition: 1px;
}
.portfolio .label-text {
  color:#fff;
  position: relative;
  z-index:500;
  padding:50px 20px;
}
.portfolio:hover .label {
  opacity: 1;
  visibility: visible;
}
.portfolio .text-category {
  display:block;
}
.portfolio .template-btn {
  background: #e30b5d;
  border: 1px solid #e30b5d;
  text-decoration: none;
  margin-top: 20px;
  font-weight: 500
}

.inner-banner{
  height: 600px;
  position: relative;
  padding: 0;
  margin: 0;
}

.inner-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-banner .desc{
    display: none;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0,-50%);
  left: 0;
  transition: all 300ms ease-in-out;
}
.inner-banner .desc .text{
  text-align: center;
  padding: 0;
  margin: 0;
}
.inner-banner .desc .text h1{
  font-family: 'El Messiri', sans-serif;
  font-weight: 700;
  font-size: 97px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}
.about-desc {
  background: #FAFAFA;
  padding: 80px 0;
  margin: 0;
}
.about-desc h2 {
  text-align: center;
  font-family: 'El Messiri', sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 1.2;
  color: #413E3E;
  padding: 0;
  margin: 0;
}
.site-text p{
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #423C3C;
  padding: 0;
  margin: 0 0 15px;
}


.associations-sec{
  background: #413E3E;
  padding: 250px 0 80px;
  -webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
}
.associations-sec h2{
  text-align: center;
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 65px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 0;
  margin: 0 0 40px;
}
.associations-sec .tham-img {
  max-width: 217px;
  margin: 0 auto;
  min-height: 266px;
  display: flex;
  align-items: center;
}

.associations-sec .owl-nav button{
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  box-shadow: none;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
}
.associations-sec .owl-nav button.owl-prev{
  left: -30px;
}
.associations-sec .owl-nav button.owl-next{
  right: -30px;
}

.service-sec{
  padding: 40px 0;
  margin: 0;
}

.service-box{
  position: relative;
  padding: 0;
  width: 100%;
  height: 366px;
  overflow: hidden;
  margin: 0 0 30px;
}
.service-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 600ms ease-in-out;
}
.service-box:hover img{
  transform: scale(1.2);
}
.service-box .text{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.01deg, rgba(20, 20, 20, 0) 0.01%, rgba(0,0,0,.61) 99.99%);
  display: flex;
  justify-content: center;
  align-items: end;
}
.service-box .text h3{
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height:1.2;
  color: #FFFFFF;
  padding: 0 0 30px;
  margin: 0;
  text-align: center;
}

.testimonial-sec{
  background: #FAFAFA;
  padding: 60px 0;
  margin: 0;
}
.testimonial-box{
  background: #FFFFFF;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.05);
  padding: 40px 15px;
  margin: 0;
}
.testimonial-box .tham{
  width: 128px;
  height: 128px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.testimonial-box .tham img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-box .text-block{
  padding:30px 0 0;
  margin: 0;
  text-align: center;
}
.testimonial-box .text-block p{
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #636161;
  padding: 0;
  margin: 0 0 20px;
}
.testimonial-box .text-block h3{
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 27px;
  line-height:1.2;
  color: #413E3E;
  padding: 0;
  margin: 0;
}
.testimonial-box .text-block p sup{
  font-size: 37px;
  line-height: 1;
  font-family: 'K2D', sans-serif;
  top: 4px;
  color: #636161;
}
.testimonial-box .text-block p sub {
  font-size: 37px;
  line-height: 1;
  font-family: 'K2D', sans-serif;
  color: #636161;
  transform: rotate(180deg);
  display: inline-block;
  top: 4px;
  right: -9px;
}

.testimonial-sec h2{
  text-align: center;
  font-family: 'El Messiri', sans-serif;
  font-weight: 400;
  font-size: 55px;
  line-height:1.2;
  color: #413E3E;
  padding: 0;
  margin: 0 0 30px;
}

.search-news{
  padding: 60px 0;
  margin: 0;
  background: #FAFAFA;
}
.search-news .search-wrap{
  max-width: 768px;
  margin: 0 auto;
  position: relative;
}
.search-news .search-wrap .form-control{
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 40px;
  border: none;
  padding: 10px 50px 10px 10px;
}
.search-news .search-wrap .btn{
  border-radius: 0px 10px 10px 0;
  background: #fff;
  border-left: 1px solid #B4B4B4;
  outline: none;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
}

.news-list{
  background: #FAFAFA;
  padding: 0 0 40px;
  margin: 0;
}

.news-box{
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
  padding: 0;
  margin: 0 0 30px;
}
.news-box .tham-block{
  padding: 0;
  margin: 0;
}
.news-box .tham-block img{
  width: 100%;
  height: auto;
}
.news-box .news-text{
  padding: 15px 15px 30px;
  margin: 0 0 0px;
}
.news-box .news-text span{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #635B5B;
  padding: 0;
  margin: 0;
}
.news-box .news-text h3{
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4;
  color: #413E3E;
  padding: 0;
  margin: 0 0 15px;
}
.news-box .news-text h3 a{
  color: #413E3E;
}
.news-box .news-text .panel-box{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.news-box .news-text .panel-box .icon{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.news-box .news-text .panel-box .icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-box .news-text .panel-box .info{
  padding: 0 0 0 10px;
  margin: 0;
  width: calc(100% - 32px);
}
.news-box .news-text .panel-box .info p{
  font-weight: 400;
  font-size: 12px;
  line-height:1.2;
  color: #757575;
  padding: 0;
  margin: 0;
}
.news-box .news-text .panel-box .info strong{
  font-weight: 400;
  font-size: 16px;
  line-height:1;
  color: #2E2929;
  padding: 0;
  margin: 0;
}




/*--- surojit das ----*/

.blog_details:after, .blog_details .tham-img:after {
  display: none;
}

.blog_details_sec .tham-img {
  width: 50%;
  float: left;
  padding: 0px 30px 30px 0px;
}

.blog_details_heading {
  padding-bottom: 40px;
}

.blog_details_heading h2 {
  text-align: left;
  font-weight: 700;
}

.blog_top_head_date {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.blog_top_head_date .date {
  font-size: 26px;
  color: #757575;
  padding-right: 30px;
  text-transform: uppercase;
}

.blog_top_head_date .panel-box {
  display: flex;
  align-items: center;
  padding-left: 30px;
  border-left: solid 1px #413E3E;
}

.blog_top_head_date .panel-box .icon img {
  width: 45px;
}

.blog_top_head_date .panel-box .info {
  padding-left: 20px;
}

.blog_top_head_date .panel-box .info p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #757575;
  padding: 0;
  margin: 0 0 5px;
}

.blog_top_head_date .panel-box .info strong {
  font-weight: 400;
  font-size: 26px;
  line-height: 1;
  color: #2E2929;
  padding: 0;
  margin: 0;
}



.learn_desc h4 {
  font-size: 58px;
  font-weight: 300;
  color: #413E3E;
}

.learn_desc h2 {
  font-size: 78px;
  color: #413E3E;
}

.learn_video:after {
  right: auto;
  left: 0;
}

.learn_video .tham-img {
  padding: 0px 15px 15px 0;
}

.learn_video .tham-img:after {
  border-right: solid 2px;
  border-left: none;
  left: auto;
  right: 0;
}

.learn_video .text-block h2, .you_learn .text-block h2 {
  font-size: 78px;
  line-height: 89px;
}

.you_learn {
  margin-top: 60px;
}

.you_learn ul li {
  position: relative;
  font-size: 20px;
  padding-left: 25px;
  margin: 10px 0;
}

.you_learn ul li:before {
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: #1D1B1B;
  border-radius: 50%;
}

.you_learn ul li p {
  margin: 0;
  line-height: normal;
}

.contact_information {
  margin-bottom: 30px;
}

.contact_information_box {
  text-align: center;
}

.contact_information_box_icon {
  width: 100px;
  height: 100px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 15px;
}

.contact_information_box_content {
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
}

.releted_blog h2 {
  text-align: left;
}

.how_we_roll_icon {
  background: #323232;
  border-radius: 50%;
  float: left;
  margin-right: 1rem;
}