.build-module-sec { width: 100%; display: inline-block; }
.build-module-sec .three-col-wrap { width: calc(100% + 20px); display: flex; align-items:stretch; justify-content:flex-start; flex-wrap: wrap; margin: 0 -10px;padding:40px 0;}
.build-module-sec .three-col-wrap .three-col-inner { width: calc(100% / 3 - 20px); display: inline-block; vertical-align: top; margin: 0 10px 20px 10px;}
.build-module-sec .three-col-wrap .three-col-inner .image { width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
.build-module-sec .three-col-wrap .three-col-inner .image img { width: 60px; height: 60px; object-fit: contain; object-position: center; display: inline-block; }
.build-module-sec .three-col-wrap .three-col-inner .title { width: 100%; display: inline-block; }
.build-module-sec .three-col-wrap .three-col-inner .title h3 { color: #dd5928; font-family: NewBaskerville-SemiBold, Merriweather, Open Sans, "sans-serif"; font-size:25px; font-weight: 400; line-height:30px; margin: 0; padding: 16px 0; }
.build-module-sec .three-col-wrap .three-col-inner .content { width: 100%; display: inline-block;color:#898989;}
.build-module-sec .three-col-wrap .three-col-inner .content p { color: #898989; font-family: ProximaNova-Regular, Merriweather Sans, Open Sans, "sans-serif"; font-size:18px; font-weight: 400; line-height: 24px; margin: 0 0 15px; }
.build-module-sec .three-col-wrap .three-col-inner a:after { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #dd5928; border-radius: 3px; visibility: hidden; opacity: 0;z-index:-1; }
.build-module-sec .three-col-wrap .three-col-inner a:hover:after { visibility: visible; opacity: 1; }
.build-module-sec .three-col-wrap.four-col .three-col-inner { width: calc(100% / 4 - 20px); }
.build-module-sec .three-col-wrap .three-col-inner .image a {width: 100%;display: inline-block;}
.build-module-sec .three-col-wrap .three-col-inner a.moreless-button { display: inline-block; font-size: 16px; font-weight: 700; margin: 8px 0; width: auto; }
.build-module-sec .moretext {display: none;}

.build-module-sec .top-area { width: 100%; display: inline-block; background-color: #dd5928; padding: 30px 0 40px 0;position:relative;z-index:9;}
.build-module-sec .top-area .heading { width: 100%; display: inline-block; text-align: center; }
.build-module-sec .top-area .heading .section-title { width: 100%; display: inline-block; }
.build-module-sec .top-area .heading .section-title h2 { color: #fff; font-weight: 600; margin: 0 0 15px 0;font-size:32px;line-height:40px;}
.build-module-sec .top-area .heading .sub-title { width: 100%; display: inline-block; }
.build-module-sec .top-area .heading .sub-title h5 { width: 100%; display: inline-block; color: #fff; font-weight: 600; }
.build-module-sec .top-area .wrap { width: 60%; display: flex; align-items: center; justify-content: center; background-color: #fff; flex-wrap: wrap;border-radius:3px; }
.build-module-sec .top-area .wrap .left-part {border-right: 1px solid rgb(223, 227, 235); width: 40%; margin: 0; padding: 15px 24px; position: relative; z-index: 1;cursor:pointer;}
.build-module-sec .top-area .wrap .right-part { width: 60%; margin: 0; }


.build-module-sec .pattern { padding:0; line-height: 1; }
.build-module-sec .f { position: relative; }
.build-module-sec input { display: block; border: 1px solid #000; }
.build-module-sec input[type=search] { width: 100%; padding: 1em; padding-right: 7em; position: relative; top: 0; }
.build-module-sec button[type=submit] { position: absolute; right: 0.75em; top: 0.5em; bottom: 0.5em; z-index: 1; width: 6em; padding: 0; cursor: pointer; }

.build-module-sec .top-area .wrap .left-part .title { width: 100%; display: inline-block; }
.build-module-sec .top-area .wrap .left-part .title h5 { width: 100%; margin: 0; font-size: 16px; text-transform: capitalize; font-weight: 600; color: #4f4f4f; }


.build-module-sec button[type=submit] i { font-size: 17px; color: #575757; }
.build-module-sec .top-area .wrap .left-part .left-info { position: absolute; left: 0; top: 62px; display: none; border-radius: 3px; box-shadow: 0 1px 24px 0 rgba(0, 0, 0, .08); background-color: #fff; border: 1px solid #cbd6e2; width: 250px; }
.build-module-sec .top-area .wrap .left-part .left-info .search-bar { display: inline-block; background-color: #eaf0f6; border-top-left-radius: inherit; border-top-right-radius: inherit; padding: 12px; position: relative; width: 250px; }
.build-module-sec .top-area .wrap .left-part .left-info .search-bar form { border: 0; background-color: #fff; width: 100%; position: relative; display: inline-block; }
.build-module-sec .top-area .wrap .left-part .left-info .search-bar form input[type=search] { padding: 9px 40px 9px 10px; border: 1px solid #cbd6e2; font-size: 19px; transition: all .15s ease-out; color: #4f4f4f; display: inline-block; line-height: 22px; text-align: left; vertical-align: middle; width: 100%; border-radius: 3px; }
.build-module-sec button[type=submit] { position: absolute; right: 7px; top: 11px; z-index: 1; padding: 0; cursor: pointer; background-color: transparent; height: 20px; width: 22px; }
.build-module-sec button[type=submit] i { font-size: 17px; color: #575757; }
.build-module-sec .top-area .wrap button:hover{border:0;}
.build-module-sec .top-area .wrap .right-part .rightpart-search { width: 100%; display: inline-block; }
.build-module-sec .top-area .wrap .right-part .rightpart-search form { width: 100%; display: inline-block; background-color:transparent; border: 0; }
.build-module-sec .top-area .wrap .right-part .rightpart-search form input[type="search"] { font-size: 21px; padding: 20px 88px 20px 20px; padding-right: 72px; height: 60px; line-height: normal; width: 100%; display: inline-block; border: 0; color:#4f4f4f; text-align: left; }
.build-module-sec .top-area .wrap .right-part .rightpart-search button[type=submit] { right: 20px; top: 20px; }
.build-module-sec .top-area .wrap .right-part .rightpart-search button[type=submit] i { font-size: 20px; }
.build-module-sec .top-area .wrap .left-part .title h5:after {content: "\f0d7";font-family: fontawesome;color: #dd5928;margin: 0 0 0px 8px;}
.build-module-sec .top-area .wrap .right-part .rightpart-search form input[type="search"]::placeholder {color: #5a5a5a;}
.build-module-sec .top-area .wrap .left-part .left-info .category { width: 100%; display: inline-block; }
.build-module-sec .top-area .wrap .left-part .left-info .category ul { width: 100%; display: inline-block; list-style: none; padding: 0 0 0 0px; margin: 0; }
.build-module-sec .top-area .wrap .left-part .left-info .category ul li { width: 100%; display: inline-block;}
.build-module-sec .top-area .wrap .left-part .left-info .category ul li a { width: 100%; display: inline-block; padding: 8px 20px; font-size: 16px; font-weight: 600; }

.build-module-sec .three-col-wrap .three-col-inner a { width: 100%;height: 100%; display: inline-block; background-color: rgb(255, 255, 255); box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px; border-radius: 3px; padding: 24px; position: relative; transition: border 150ms ease-out 0s;z-index:1;}

.three-col-inner {
  display: block;
}
.three-col-inner.hidden {
  display: none !important;
}



@media(max-width:1459px){
  .build-module-sec .three-col-wrap.four-col .three-col-inner { width: calc(100% / 3 - 20px); }
}

@media(max-width:1279px){
  .build-module-sec .top-area { z-index: 0; }
  .build-module-sec .three-col-wrap { position: relative; z-index: -1; }
}

@media(max-width:1199px) {
  .build-module-sec .three-col-wrap .three-col-inner { padding: 20px; }

}


@media(max-width:991px){
  .build-module-sec .three-col-wrap .three-col-inner {width: calc(100% / 2 - 20px);}
  .build-module-sec .three-col-wrap .three-col-inner .content p{font-size:16px;line-height:22px;}
  .build-module-sec .three-col-wrap.four-col .three-col-inner { width: calc(100% / 2 - 20px); } 
  .build-module-sec .three-col-wrap .three-col-inner .content {font-size: 16px;line-height: 22px;}  
  .build-module-sec .three-col-wrap .three-col-inner { padding: 10px 0; margin: 0 10px; }
}

@media(max-width:767px){
  .build-module-sec .three-col-wrap {width: 100%;margin: 0;}
  .build-module-sec .three-col-wrap .three-col-inner {width: 100%;margin: 0;}
  .build-module-sec .three-col-wrap .three-col-inner .title h3 { font-size: 25px; line-height:30px; }
  .build-module-sec .three-col-wrap .three-col-inner .content p{font-size:14px;line-height:20px;}
  .build-module-sec .three-col-wrap.four-col {width: 100%;margin: 0;}
  .build-module-sec .three-col-wrap.four-col .three-col-inner {width: 100%;margin: 0 0 20px 0;} 
  .build-module-sec .three-col-wrap .three-col-inner .content {font-size: 14px;line-height: 20px;}    
  .build-module-sec .top-area .wrap { width: 100%; } 
  .build-module-sec .top-area .wrap .left-part { width: 35%; } 
  .build-module-sec .top-area .wrap .right-part { width: 65%;}
}

@media(max-width:767px){
  .build-module-sec .top-area .wrap .right-part .rightpart-search form input[type="search"] { font-size: 18px; padding-right: 50px; }
}

@media(max-width:481px){
  .build-module-sec .top-area .wrap .left-part { width: 100%; border-bottom: 1px solid #eee; } 
  .build-module-sec .top-area .wrap .right-part { width: 100%;}
    .build-module-sec .top-area .wrap .right-part .rightpart-search form input[type="search"] { font-size: 16px; }
  .build-module-sec .top-area .wrap .left-part .title h5:after { position: absolute; right: 25px; top: 18px; }
  .build-module-sec .top-area .wrap .left-part .left-info { width: 100%;}
  .build-module-sec .top-area .wrap .right-part .rightpart-search button[type=submit] {  z-index: 0; }
}