@import url('https://fonts.maateen.me/adorsho-lipi/font.css');
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/bangla/stylesheet.css');
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/lal-sabuj-normal/stylesheet.css');
@import url(//fonts.googleapis.com/earlyaccess/notosansbengali.css);
@import url('https://fonts.googleapis.com/css?family=Atma');
@import url('https://fonts.googleapis.com/css?family=Galada');
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/ekushey-lohit/stylesheet.css');
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/solaimanlipi/stylesheet.css');
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/bensen-handwriting/stylesheet.css');
body {
  /*font-family: 'LalSabujNormal';*/
  /*font-family: 'Noto Sans Bengali', sans-serif;*/
  /*font-family: 'Atma', cursive;*/
  /*font-family: 'Galada', cursive;*/
  /*font-family: 'Bangla';*/
  font-family: 'SolaimanLipi';
  color: #101010;
  background-color: #ffffff;
}

.layout_padding {
  padding: 75px 0;
}

.layout_padding2 {
  padding: 45px 0;
}

.layout_padding2-top {
  padding-top: 45px;
}

.layout_padding2-bottom {
  padding-bottom: 45px;
}

.layout_padding-top {
  padding-top: 75px;
}

.layout_padding-bottom {
  padding-bottom: 75px;
}

.custom_heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}

.custom_heading-container h2 {
  color: #000000;
  font-weight: 700;
  position: relative;
}

.custom_heading-container h2::before {
  content: "";
  width: 60px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: #6bd1bd;
}

.custom_heading-container h2::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: -15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fb1004;
  border-radius: 100%;
}

/*header section*/
.hero_area {
  height: 100vh;
  background-image: url(../images/hero-bg.png);
}

.sub_page .hero_area {
  height: auto;
}

.hero_area.sub_pages {
  height: auto;
}

.header_section .active a {
  color: #0caa7d !important;
}

.header_section .call_btn {
  margin-left: auto;
}

.header_section .call_btn a {
  color: #000000;
}

.header_section .container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}

.header_section .nav_container {
  margin: 0 auto;
}

.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
  padding: 10px 30px;
  color: #070101;
  text-align: center;
  
}
/*CSS for Menu Color on Mobile*/

/*CSS for Menu Color on Mobile*/
.custom_nav-container .user_option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom_nav-container .user_option .login_btn-container a {
  display: inline-block;
  padding: 10px 30px;
  color: #070101;
  text-align: center;
  
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

a:hover,
a:focus {
  color: initial;
}

.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.nav_search-btn {
  background-image: url(../images/search-icon-black.png);
  background-size: 22px;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
}

.navbar-brand img {
  width: 200px; /*Logo Size*/
}

.navbar-brand,
.navbar-brand:hover {
  color: #0878a0;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.custom_nav-container {
  z-index: 99999;
  padding: 15px 0;
}

.custom_nav-container .navbar-toggler {
  outline: none;
}

.custom_nav-container .navbar-toggler .navbar-toggler-icon {
  background-image: url(../images/menu.png);
  background-size: 55px;
}

/*end header section*/
.slider_section {
  margin-top: -75px;
}

.slider_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider_section .detail-box h1 {
  font-size: 4rem;
  font-weight: bold;
}

.slider_section .detail-box p {
  margin: 15px 0;
}

.slider_section .detail-box a {
  display: inline-block;
  padding: 10px 45px;
  background-color: #fb1004;
  color: #ffffff;
  border-radius: 0;
  margin-top: 15px;
}

.slider_section .detail-box a:hover {
  background-color: #b00b03;
  color: #ffffff;
}

.slider_section .img-box img {
  width: 100%;
}

.slider_section .carousel-control-prev,
.slider_section .carousel-control-next {
  position: absolute;
  left: 2.5%;
  width: 45px;
  height: 45px;
  border: none;
  top: 47%;
}

.slider_section .carousel-control-prev {
  -webkit-transform: translate(-50%, 55px);
          transform: translate(-50%, 55px);
}

.carousel-control-prev,
.carousel-control-next {
  background-color: #0caa7d;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  opacity: 1;
  border-radius: 7px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  background-color: #fb1004;
}

.carousel-control-prev {
  background-image: url(../images/left-arrow-black.png);
}

.carousel-control-prev:hover {
  background-image: url(../images/left-arrow-white.png);
}

.carousel-control-next {
  background-image: url(../images/right-arrow-black.png);
}

.carousel-control-next:hover {
  background-image: url(../images/right-arrow-white.png);
}

.menu_fixed-position {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999999999999999999999;
}

.custom_menu-container {
  background-color:  #e5c50e; /*Menu Color*/
}

.custom_menu-container .custom_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.custom_menu-container .custom_menu .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.custom_menu-container .custom_menu .navbar-nav .nav-link {
  padding: 15px 12px;
  color: #000000;
  text-align: center;
  font-weight:600;
  font-size:16px;
  
}
/**CSS for menu hover*/
.nav-item a {
    position: relative;
}
.nav-item a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    border-bottom: 5px solid blue;
    transition: 0.4s;
}

.nav-item a:hover:after {
    width: 100%;
	
}
/**CSS for menu hover*/

.custom_menu-container .custom_menu .user_option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.custom_menu-container .custom_menu .user_option .login_btn-container a {
  display: inline-block;
  padding: 15px 30px;
  color: #ffffff;
  text-align: center;
}

.custom_menu-container .nav_search-btn {
  background-image: url(../images/search-icon.png);
}

.about_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about_section .img-box img {
  width: 100%;
   border: 1px solid #e5c50e;
   text-align:center;
   padding:10px;
}

.about_section .detail-box p {
  margin-top: 25px;
  text-align:justify;
  font-size:18px;
}

.about_section .detail-box a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #fb1004;
  color: #ffffff;
  border-radius: 7px;
  margin-top: 10px;
  font-size:20px;
  transition: transform .2s; /* Animation */
}

.about_section .detail-box a:hover {
  background-color: #b00b03;
  color: #ffffff;
  transform: scale(1.05); /* (150% zoom)*/
}

.do_section .content-box {
  color: #ffffff;
  text-align: center;
  padding: 15px 5px;
  border-radius: 15px;
  margin: 20px 0;
}

.do_section .content-box img {
  height: 90%;
  margin: 1px;
  padding:0;
}

.do_section .content-box.bg-red {
  background-color: #fb1004;
}

.do_section .content-box.bg-green {
  background-color: #0ca57a;
}

.do_section .content-box a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #e5c50e;
  color: #ffffff;
  border-radius: 6px;
  margin-top: 10px;
  font-size:25px;
  transition: transform .2s; /* Animation */
}

.do_section .content-box a:hover {
  
  transform: scale(1.05); /* (150% zoom)*/
}



.do_section .custom_heading-container a {
  display: inline-block;
  padding: 8px 12px;
  background-color: #fb1004;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 8px;
  font-size:20px;
}
.do_section .content-box .img-box  {
padding:0px;
margin:0x;  
transition: transform .2s; /* Animation */
}
.do_section .content-box .img-box a {
  text-decoration:none;
  
  
}
.do_section .content-box .img-box a:hover {
  transform: scale(1.05); /* (150% zoom)*/
}


.skill_section {
  background-image: url(../images/skill-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.skill_section .row .col-md-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #ffffff;
  margin: 25px 0;
}

.skill_section .row .col-md-3 h6 {
  font-weight: bold;
  margin-top: 20px;
  font-size: 25px;
}

.skill_section .skill_padding {
  padding: 10px 0;
  color:#ffffff;
  text-align:justify;
  font-size:20px;
  /*font-family: 'Galada', cursive;*/
  font-family: 'BenSenHandwriting';
  line-height:32px;
}

.skill_section .skill_padding h6{
  padding: 10px 0;
  color:#ffffff;
  text-align:justify;
  font-size:25px;
  font-weight: 900;
}


.skill_section .custom_heading-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.skill_section .custom_heading-container h2 {
  color: #ffffff;
}

.skill_section .custom_heading-container h2::before, .skill_section .custom_heading-container h2::after {
  background-color: #ffffff;
}

.skill_section .progress_text {
  font-size: 24px !important;
  color: #ffffff;
  font-weight: bold;
}



.portfolio_section .row .col-md-6 {
  margin: 45px 0;
}

.portfolio_section .box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.portfolio_section .box.b-1, .portfolio_section .box.b-4 {
  margin-bottom: 20px;
}

.portfolio_section .box img {
  width: 100%;
}

.portfolio_section .container ul {
 list-style-type: none;
  
 }

.portfolio_section .container li {
	margin: 10px;
	padding: 10px 10px 10px 10px;
 list-style: none;
  position: relative;
  font-size:25px;
  line-height:25px;
  list-style-image: url(../images/pen_icon2.png);
	background-repeat: no-repeat;
   background-position: left center;
	
}
.portfolio_section .container a {
 text-decoration:none;
 color:#B0171F;
  
 }
 .portfolio_section .container a:hover {
 
 color:#483D8B;
  
 }
 /*--Social media Link*/
 .portfolio_section .social_link  {
 text-decoration:none;
 color:#e5c50e;
 text-align:right; 
  
 }
 .portfolio_section .social_link a {
 text-decoration:none;
 color:#e5c50e;
 text-align:right;
 
  
 }
 .portfolio_section .social_link a:hover {
 
 color:#B0171F;
  
 }
 .portfolio_section .container span {
 font-size:17px;
 color:#483D8B;
  
 }
 
  .portfolio_section .container p {
 padding: 0px 20px 0px 20px;
 font-size:18px;
 text-align:justify;
 
  
 }
 
   .portfolio_section .container h2,h3,h4 {
margin-left:10px;
 
  
 }



.portfolio_section .box h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 28px;
  -webkit-filter: drop-shadow(8px 3px 8px #000000);
          filter: drop-shadow(8px 3px 8px #000000);
}

.client_section .custom_heading-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.client_section .client_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.client_section .client_box {
  background-color: #f3f3f3;
  margin-left: 25px;
  margin-right: 25px;
  padding: 25px;
  border-radius: 20px;
}

.client_section .client_box.b-2 {
  margin-top: 135px;
}

.client_section .client_box .client-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.client_section .client_box .client-id .img-box {
  border-radius: 10px;
  overflow: hidden;
}

.client_section .client_box .client-id .img-box img {
  width: 100%;
}

.client_section .client_box .client-id .name {
  margin-left: 10px;
}

.client_section .client_box .client-id .name h5 {
  text-transform: uppercase;
  color: #0caa7d;
  font-weight: bold;
}

.client_section .client_box .detail {
  margin-top: 25px;
}

.client_section .carousel-control-prev,
.client_section .carousel-control-next {
  width: 60PX;
  height: 60PX;
  border-radius: 100%;
  top: 40%;
  background-size: 10px;
}

.client_section .carousel-control-prev {
  left: -75px;
}

.client_section .carousel-control-next {
  right: -75px;
}

.contact_section {
  background-color: #0ca57a;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}

.contact_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact_section h2 {
  margin-bottom: 45px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.contact_section form {
  padding-right: 35px;
}

.contact_section input {
  width: 100%;
  border: 0;
  height: 50px;
  border-radius: 25px;
  margin-bottom: 25px;
  padding-left: 25px;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  outline: none;
  color: #101010;
 
}

.contact_section textarea {
  width: 100%;
  border: 0;
  height: 250px;
  border-radius: 25px;
  margin-bottom: 25px;
  padding-left: 25px;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  outline: none;
  color: #101010;
}

.contact_section input::-webkit-input-placeholder {
  color: #131313;
}

.contact_section input:-ms-input-placeholder {
  color: #131313;
}

.contact_section input::-ms-input-placeholder {
  color: #131313;
}

.contact_section input::placeholder {
  color: #131313;
}

.contact_section input.message-box {
  height: 120px;
}

.contact_section input[type="submit"] {
  background-color: #fa0909;
  padding: 10px 55px;
  outline: none;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size:20px;
  font-weight:bold;
  font-family: 'Roboto', sans-serif;
  transition: transform .2s; /* Animation */
}

.contact_section input[type="submit"]:hover {
  background-color: #cc0404;
  transform: scale(1.05); /* (150% zoom)*/
}

.info_section {
  background-color: #201f33;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
}

.info_section h4 {
  font-weight: bold;
  margin-bottom: 20px;
}

.info_links ul {
  padding-left: 15px;
}

.info_links ul .active::before {
  background-color: #0caa7d;
}

.info_links ul li {
  list-style-type: none;
  position: relative;
}

.info_links ul li::before {
  content: "";
  left: -15px;
  top: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.info_links ul li a {
  color: #ffffff;
}

.info_form input {
  width: 100%;
  border: none;
  height: 45px;
  margin-bottom: 25px;
  padding-left: 25px;
  background-color: #eaeaea;
  outline: none;
  color: #101010;
}

.info_form button {
  background-color: #0caa7d;
  padding: 8px 35px;
  outline: none;
  border: none;
  border-radius: 30px;
  color: #fff;
  text-transform: uppercase;
}

.info_form button:hover {
  background-color: #097a5a;
}

.info_social .social_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.info_social .social_container a {
  margin: 0 5px;
}

.info_social .social_container a img {
  width: 35px;
}

.info_contact > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.info_contact > div img {
  width: 20px;
  height: auto;
  margin-right: 12px;
}
.info_contact a {
  text-decoration:none;
  color: #ffffff;
}
.info_contact a:hover {
  color: #B0171F;
}
/* footer section*/
.footer_section {
  background-color: #0D0D0D;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}

.footer_section p {
  border-top: 1px solid #ffffff;
  width: 60%;
  color: #CFCFCF;
  margin: 0 auto;
  text-align: center;
  padding: 20px 35px;
  font-size:13px;
}
.footer_section span {
  display: inline-block;
  padding: 2px 2px 1px;
  border-radius: 1px;
  background: #ffffff;
  margin-right: -2px;
  font-size:15px;
  text-align:center;
  color: black;
 }


.footer_section a {
  color: #ffffff;
}
/*# sourceMappingURL=style.css.map */

.card-view{ border-radius: 3px; overflow: hidden; box-shadow: 2px 2px 4px rgba(0,0,0,.10);  background: #fff; }
.p-title{ position: relative; padding-bottom: 10px; font-weight:bold; margin-bottom: 20px; }

.p-title:after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc; }
.p-title:before{ content:''; position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; 
	background: #0C0E68; z-index: 1; }

.p-title.in:after { background: #777; }
.p-title.in:before{ background: #fff; }

.h-title{ position: relative; padding-bottom: 15px;  margin-bottom: 30px; }

.h-title:after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc; }
.h-title:before{ content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; 
	background: #0C0E68; z-index: 1; }

.h-title.in:after { background: #777; }
.h-title.in:before{ background: #fff; }


/*Custom CSS Code */
.msg {
padding: 5px;
width: 100%;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;

} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}