body{  }

ul,li{ list-style: none; margin: 0; padding: 0; }
img{ max-width: 100%; }
a,a:hover{ text-decoration: none; }

/* Header Part Design Start */
header{transition: all 0.2s ease-in-out;}
.header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    background-color: #1c3381; z-index: 9;
    padding: .5rem 1rem;
    
}
.logo_main .logo {
    max-height: 30px;
    display: block;
    margin: 0 auto;
}

.header_top .navbar-nav{ flex-direction: row; }
.header_top .navbar-nav .nav-link{ padding: 8px; }

.header_top li.nav-item { position: relative;}
.header_top a.nav-link {color: #fff;}
.header_top .navbar-nav i {font-size: 22px;}
.header_top .search_box { margin-bottom: 0;width: 100%;max-width: 500px;}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.count_icon {
    background-color: #00baf2;
    color: #fff;
    font-size: 11px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 5px #071442;
}

.header_top.sticky_nav {position: fixed;width: 100%; z-index: 9;}


header > nav{ padding: 8px 16px 0 !important; box-shadow: 0 10px 10px #eee;}

.dropdown-menu.dropdown-content{ width: 100%; left: 0; top: 100%; z-index: 9;min-height: calc(100vh - 320px); }
.dropdown-menu.dropdown-content .drop_box:after{ display: none; }
.dropdown-menu.dropdown-content .product_list .sub_list{ border: none; }
.dropdown-menu.dropdown-content .product_list > ul{ min-height: 100%; height: auto; }

.megamenu{ display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; }
.megamenu a{ color: #333; }
.mega-dropdown { position: static !important;}
.mega-dropdown > a{ padding:10px !important; display: block; text-decoration: none !important; }
.mega-dropdown.open > a{ background-color: #1c3381; color: #fff; border-radius: 10px 10px 0 0; }

.mega-dropdown-menu {padding: 20px 15px 15px;text-align: left; width: 96%; left: 2%; margin: 0;}

.mega-dropdown-menu li{ display: block; }
.mega-dropdown.open > a {
    background-color: #1c3381 !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0 !important;
}
nav.navbar{ padding-bottom: 0; box-shadow: 0 10px 10px #eee; }

.mega-dropdown-menu > li > ul {padding: 0;margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none;text-align: left;}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #999;
	white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {text-decoration: none;color: #444;background-color: #f5f5f5;}
.mega-dropdown-menu .dropdown-header {color: #428bca;font-size: 18px;font-weight: bold; padding: 0;}
.mega-dropdown-menu .dropdown-header a{color: #428bca;}
.mega-dropdown-menu form {margin: 3px 20px;}
.mega-dropdown-menu .form-group {margin-bottom: 3px;}


/* Header Part Design End */


/* Banner Form Structure Design  */

.banner_bg{
	background: url(../images/banner_img.jpg) no-repeat center bottom;
	background-size: cover;
	min-height: calc( 100vh - 122px); padding: 0;
	display: flex; /*align-items: center;*/
    position: relative; overflow-x: hidden;
    text-align: center; color: #fff;

}
.banner_bg:after{
    content: "";
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);
}

.banner_bg h1 { color: #fff; font-size: 40px; text-shadow: 0 5px 10px #000; border: none; margin: 0; }
.banner_bg p{ font-size: 16px; }

.banner_bg.v_center{ align-items: center; }

.banner_bg .container-fluid{ padding: 0; }

.search_form_box{
    background: #fff;
    border-radius: 6px; margin: 30px 0;
    box-shadow: 0px 0px 0px 8px rgb(255 255 255 / 25%);
}
.search_form_box form {
    padding: 8px 175px 8px 8px; position: relative;
    display: flex;
}

.search_form_box .select2-container--default .select2-selection--single .select2-selection__rendered{ text-align: left;}


.select2-container{ max-width: 100%; }

.search_form_box .custom-form .form-group span.icon{ font-size: 16px; color: #384f95; }

.search_form_box form .form-group{ width: 33.33%; margin-bottom: 0; border-right: 1px solid #eee; }
.search_btn{ background-color: #384F95; color: #fff !important; min-width: 150px; position: absolute; right: 10px; top: 10px; }
.search_form_box .custom-form textarea, .search_form_box .custom-form input{ 
    background-color: transparent; border: none; font-size: 16px;
}

.search_form_box .select2-container--default .select2-selection--single{ 
    background-color: transparent; border: none; padding-left: 45px;
 }

 .search_form_box .select2-container--default .select2-selection--single .select2-selection__rendered{color: #7d93b2 !important; font-weight: bold;}
 .search_form_box .select2-container--default .select2-selection--single .select2-selection__arrow{ right: 5px; }

.search_form_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7d93b2 !important ;
}
.search_form_box input::-moz-placeholder { /* Firefox 19+ */
  color: #7d93b2 !important;
}


.my_form_box{
	width: 100%; height: 100%; margin: 0 auto;
	display: flex; justify-content: space-between; align-items: center;
}

.my_form_box .btn {
    width: 100%;
    max-width: 130px;
    height: 35px;
    padding: 5px 15px;
    border-radius: 17px;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin: 15px auto;
    border: 1px solid #fa607e;
}

.my_form_box label{ line-height: 18px; }

.left_form_box{
	border-radius: 10px; padding: 20px; margin-left: auto; flex: 1; max-width: 600px;
}
.right_form_box{
	padding: 20px; flex: 1; max-width: 500px;
	/*background-color: #007562;*/ /*box-shadow: 0 10px 15px #141b71;*/
    height: 100%; margin-left: auto; position: relative; z-index: 2;
    display: flex; flex-wrap: wrap; justify-content: center;align-content: center;
}
.right_form_box:after{
    content: "";
    display: table; z-index: -1;
    position: absolute; left: -35px; bottom: 0; width: 700px; height: 100%;
      transform: skew(347deg);
      background: #007562;

}
.right_form_box form{ width: 100%; }
.right_form_box label{ color: #fff; text-align: left; }


.left_form_box .btn {background-color: #007562; border-color:#007562;  box-shadow: 0 5px 10px #b6b9e4; margin: 15px 0;}
.right_form_box .btn {background-color: #ff5722;border-color:#ff5722; box-shadow: 0 5px 10px #042d26; color: #fff; display: block; margin: 0;}

.welcome-title {padding: 0 0 15px;color: #333;}

.right_form_box .welcome-title{ color: #fff; text-align: center; }

.select2-results__option--selectable{ display: block; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 36px !important; }


/* Slick Slider Start */

.slider { width: 50%; margin: 100px auto; }
.slick-slide {margin: 0px 15px; position: relative;}
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before {color: #000 !important;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}



.slick-prev:before,.slick-next:before{
    content: "\f137";
    font-family: 'FontAwesome';
  }

.slick-next:before {
    content: "\f138";
  }

/* Slick Slider End */

.py100{ padding: 80px 0; }
.pb30 { padding-bottom: 30px;}
.pb10 {padding-bottom: 10px;}

section{ display: inline-block;width: 100%; }
.light_bg{ background-color: #f8f9ff; }

.section-title h3{ color: #333; padding-bottom: 20px; margin-bottom: 8px; text-align: center; position: relative; }
.section-title h3 span { color: #5b6fe6;  }
.section-title h3:after {
    content: "";
    width: 80px; height: 4px; background-color: #4b55c1;
    position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;
}

.thum_box{
 background-color: #fff; border-radius: 5px; box-shadow: 0 3px 15px #d5d8ea; overflow: hidden; margin-bottom: 15px;
 cursor: pointer;
  }
.thum_title{ padding: 7px 12px; border-top: 2px solid #f4f4f4; }

.thum_box a{ position: relative; display: block; }
.thum_box a img{ transition: all .3s ease-in-out 0s; }
.thum_box a:hover img{ transform: scale(1.12); }
.thum_box a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 30%;
    background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
    z-index: 0;
}

.thum_box .user_txt{ flex: 1; }
.thum_box .avatar {
    margin-bottom: 0;
    width: 45px;
    height: 45px; border: 3px solid #fff;
}
.thum_box .user_title h4{ color: #fff; }
.thum_box .rating-bar label:before{ font-size: 12px; }

.thum_slider_03 .slick-slide{ margin: 0 10px; }

.thum_slider_03 .slick-next,.thum_slider_03 .slick-prev {
    background-color: #1c3381 !important; color: #fff;
    width: 50px;
    border-radius: 10px 0 0 10px;
    height: 30px; z-index: 9;
}


.thum_box1 {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 15px #d5d8ea;
    overflow: hidden;
    margin-bottom: 15px;
    cursor: pointer;
}



.thum_slider_03 .slick-next{ right: 8px !important; }
.thum_slider_03 .slick-prev{ left: 10px !important; border-radius: 0 10px 10px 0;  }

.thum_slider_03 .slick-prev:before, .thum_slider_03 .slick-next:before{ color: #fff !important; }

.center_slider .slick-slide{ padding-top: 65px; margin: 0 15px; }
.center_slider .slick-slide.slick-center{ padding-top: 0; }
.center_slider .slick-list.draggable{ padding: 0 !important; }

.center_slider .thum_box{ border: 1px solid #e1e1e1; box-shadow: 0 0 15px rgb(0 0 0 / 5%); }
.center_slider .thum_box:hover{ box-shadow: 0 3px 15px #d5d8ea; }
.center_slider .thum_title{ text-align: right; }
.center_slider .thum_title h6{ margin-bottom: 0; }
.center_slider .thum_title .price{ color: #ff8a00; }
.center_block{ 
    display: flex; flex-wrap: wrap; align-content: center; height: 100%; padding: 20px; margin-right: 20px;
    border: 10px solid #eee; box-shadow: 10px 10px 10px #ddd;
 }

.center_block h4{ margin-bottom: 20px; }
.center_block p{ line-height: 30px; margin-bottom: 20px; color: #777777; }

.more_btn{
    background-color: #ff8a00;
    color: #fff !important;
    min-width: 150px;
}

.center_slider .slick-next,.center_slider .slick-prev {
    background-color: #1c3381 !important; color: #fff;
    width: 50px;
    border-radius: 0 10px 10px 0;
    height: 30px; z-index: 9;
}
.center_slider .slick-next{ right: -34px !important; }
.center_slider .slick-prev{ left: -34px !important; border-radius: 10px 0 0 10px;  }

.center_slider .slick-prev:before, .center_slider .slick-next:before{ color: #fff !important; }



.professional_list li{ 
	display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px;
	border-bottom: 1px solid #ddd;
 }
 .professional_list li:last-child{ border: none; }
.user_detail{ flex: 1; margin: 0 30px; }
.user_head{ 
	display: flex; justify-content: space-between; flex-wrap: wrap; 
	position: relative;
}
.user_title{ flex: 1; padding: 0 0 0 10px;  }
.user_title h5{ margin: 0; }

.rating-bar {border: 0;display: block;width: 100%;float: left;position: relative;margin-bottom: 0;}
.rating-bar span {float: left;margin-right: 15px;line-height: 25px}
.rating-bar .rating-stars {float: left;height: 30px;line-height: 30px}
.rating-bar input {display: none}
.rating-bar label:before {
	font-size: 16px;
	display: inline-block;
	font-family: "FontAwesome";
	content: "\f006";
	cursor: pointer;
	padding: 2px;
}


.rating-bar label {
	color: #ddd;
	float: right;
	margin-bottom: 0!important;
	line-height: 25px
}

.rating-bar label:hover:before {
	font-family: "FontAwesome";
	content: "\f006"!important;
}

.rating-bar input:checked~label:before, .rating-bar:not(:checked) label:hover, .rating-bar:not(:checked) label:hover~label:before {
	font-family: "FontAwesome";
	content: "\f005"!important;
}

.rating-bar input:checked+label:hover, .rating-bar input:checked~label:hover, .rating-bar label:hover~input:checked~label:before, 
.rating-bar input:checked~label:hover~label:before {
	font-family: "FontAwesome";
	content: "\f005"!important;
}

.rating-bar input:checked~label, .rating-bar:not(:checked) label:hover, .rating-bar:not(:checked) label:hover~label {
	color: #fbc12a
}

.rating-bar input:checked+label:hover, .rating-bar input:checked~label:hover, .rating-bar label:hover~input:checked~label, 
.rating-bar input:checked~label:hover~label {
	color: #FFD700
}

.user_img img{border-radius:50%;border: 1px solid #e6e6e6;}

.blockquote{ font-size: 14px; position: relative; padding-left: 20px; }
.blockquote p{ font-size: 14px;  }
.blockquote span.qt{ position: absolute; left: 0; top: 0; }

.address { max-width: 150px;}
.address p{ margin: 8px 0 0; position: relative; padding-left: 20px; font-size: 14px; color: #666; }
.address p i{ position: absolute; left: 0; top: 4px; }




.review_box{ padding: 20px; }
.review_box h5{margin-bottom:20px;  }

.review_box .user_head{ padding-left: 50px; }
.review_box .user_title {padding: 0;}
.review_box .user_title h5{ font-size: 18px; margin: 5px 0 0; }
.review_box .user_title h6{ font-weight: normal; margin-bottom: 0; }
.review_box .user_head .user_img{ position: absolute; left: 0; top: 0; }

.pro_thum_box .pro_list ul{ display: flex; flex-wrap: wrap; padding: 0; }
.pro_thum_box .pro_list li{
    width: 33.33%; padding: 10px; background-color: transparent; padding: 10px; box-shadow: none;
    flex-basis: unset;
}
.pro_list li .thum_box{border-radius: 10px; box-shadow: 0 3px 15px #d5d8ea; overflow: hidden;}
.pro_txt{ padding: 10px; }
.pro_txt p{ color: #666; margin: 0; }

.review_like_box{ border-bottom: 1px solid #ddd; padding: 20px 0; }
.review_like_box .user_head p{ text-align: right; }
.review_like_box .user_head p span{ display: block; color: #666; font-size: 14px; }
.like_txt{ margin: 0; }
.like_txt span{margin: 0 5px;}

.gray_box {padding: 24px;background-color: #f4f4f4;border: 1px solid #f0f0f0; border-radius: 3px;}

.pro_banner_box .pro_banner{ padding-top: 20px; }
.pro_banner_box .user_img img{ border-radius: 0; }
.pro_banner_box .user_detail{ margin: 0; padding: 20px; }

/*.contact_form{ margin: 20px 0; }
.form_box{padding: 20px; border: 1px solid #ddd; border-radius: 5px;}
.contact_list li{ border-bottom: 1px solid #ddd; padding-bottom:10px; padding-left: 30px; margin-bottom: 10px; position: relative; }
.contact_list li i{ position: absolute; left: 0; top: 4px; }*/

.social_icon i{ color: #999; font-size: 20px; margin-right: 8px; }

.detail_bg{
    min-height: 200px; border-radius: 10px 10px 0 0 ;
    background: url(https://townhub.kwst.net/images/bg/29.jpg) no-repeat; 
    background-size: cover;
    padding: 150px 20px 10px; position: relative;
}
.detail_bg:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 30%;
    background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
    z-index: 0;
}
.user_box{ display: flex; justify-content: space-between; align-items: center; }
.user_txt{ color: #fff; display: flex; flex-wrap: wrap; align-items: center;z-index: 2; }
.avatar{ 
    width: 90px; height: 90px; border: 5px solid #fff; border-radius: 50%;
    box-shadow: 0 9px 26px rgb(58 87 135 / 20%); 
    margin-bottom: -40px;
}
.avatar img{border-radius: 50%;}
.detail_bg .user_title h4{ color: #fff; }
.user_title h4{ margin: 0; font-size: 20px; }
.user_title span{ font-size: 14px; color: #ddd; }
.user_txt_part{ padding: 45px 20px 20px; color: #878C9F; }
.user_txt_part p:last-child{ margin-bottom: 0; }

.follow_list{ z-index: 2; }
.follow_list ul{ display: flex; background-color: rgba(255,255,255,0.2); border-radius: 5px; }
.follow_list li{  padding: 5px 10px; color: #fff; z-index: 2; }
.follow_list li span{ color: #00bafa;font-weight: 600;padding-right: 10px; }

.card{ margin: 20px 0; border-radius: 10px; overflow: hidden; }
.card-header{ background-color: #fff; }
.card-link{ color: #566985; font-weight: bold; display: block; }
.card .card-header .card-link:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-weight: 900;
    float: right;
}
.card .card-header .card-link.collapsed:after {
    content: "\f106";
}


.card .avatar{ width: 50px; height: 50px; border: none; margin: 0; box-shadow: none; }
.card .user_title h4{ color: #566985; font-size: 16px; }
.card .user_title span{ color: #999; }

.light_bg .container {
    max-width: 1224px;
    width: 92%;
    margin: 0 auto;
    position: relative;
    /*z-index: 5;*/
}

.small-container {
    max-width: 1024px;
}

.contact_list li{ border-bottom: 1px solid #eee; padding:0 0 10px; margin-bottom: 10px; display: flex; flex-wrap: wrap;  }
.contact_list li:last-child{ margin: 0; border: none; padding-bottom: 0; }
.contact_list li span {min-width: 80px;}
.contact_list li span, .contact_list li a { text-align: left;font-weight: 500;}
.contact_list li span i {
    margin-right: 7px;
    font-size: 14px;
}
.contact_list li a {
    margin-left: 20px;
    color: #878C9F;
}

.list-widget-social ul{ display: flex; flex-wrap: wrap; }
.list-widget-social li{ margin-right: 8px; }
.list-widget-social li a {
    width: 30px;
    height: 30px; background-color: #4DB7FE;
    display: flex; justify-content: center; align-items: center;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
}
.list-widget-social li a:hover{ background-color: #1c3381; }

.custom-form .form-group{ position: relative; }
.custom-form textarea, .custom-form input{
    border: 1px solid #e5e7f2;
    background: #f9f9f9;
    width: 100%;
    padding: 18px 20px 18px 45px;
    border-radius: 4px;
    color: #7d93b2; font-weight: bold; font-size: 12px;
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    z-index: 1;
}

.custom-form input.form-control{ height: calc(1.5em + .75rem + 2px); }

.custom-form .form-group span.icon {
    position: absolute; left: 15px; top: 9px;
    text-align: left;
    font-weight: 500;
    color: #666;
    color: #878C9F;
    font-size: 13px;
    font-weight: 500;
}
.custom-form textarea {
    height: 200px;
    resize: none;
    padding: 20px;
    -webkit-appearance: none;
}

.pro_thum_box{ padding: 20px 0 0; }

/* Reiview Design */

.review_box{ padding: 0; }
.review_box .card .card-header .card-link:after{ display: none; }

.reviews-comments-item {
    padding: 0 0 20px 90px;
    position: relative;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.reviews-comments-item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.review-comments-avatar {
    position: absolute;
    top: 0;
    left: 10px;
    width: 60px;
    height: 60px;
}
.review-comments-avatar img {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 100%;
}

.review-comments-avatar:before {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    border-color: #fff;
    border-right-color: #F5F6FA;
    border-width: 10px;
    margin-top: -10px;
    pointer-events: none;
}

.reviews-comments-item-text {
    padding: 20px 20px 15px;
    background: #F5F6FA;
    border-radius: 6px;
}

.reviews-comments-header {
    margin-bottom: 10px;
    display: flex; justify-content: space-between;
}

.reviews-comments-item-text h4 {
    text-align: left;
    font-size: 15px; margin-bottom: 0;
    font-weight: 600;
    color: #566985;
}
.reviews-comments-item-text h4 a {
    color: #566985;
}
.review-score-user{ display: flex; flex-wrap: wrap; align-items: center; margin-top: -8px; }
.review-score-user .rating-bar{ width: auto; }
.review-score-user_item{
    background: #3D4E94;
    color: #fff;
    display: flex; justify-content: center;align-items: center;
    font-weight: 600;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.21);
    text-shadow: 0px 2px 5px rgb(0 0 0 / 21%);
    margin-left: 20px;
}
.reviews-comments-item-text p{color: #878C9F;font-size: 12px;line-height: 24px;}
.reviews-comments-item-footer {
    padding: 10px 0 0;
    border-top: 1px solid #e5e7f2;
    display: flex; justify-content: space-between; align-items: center;
}

.reviews-comments-item-date { position: relative; color: #878C9F;}
.reviews-comments-item-date i{ color: #4DB7FE; margin-right: 8px; }
.rate-review {
    float: right; display: flex; align-items: center; line-height: 14px;
    padding: 8px 15px;
    border: 1px solid #e5e7f2;
    border-radius: 30px;
    background: #fff;
    font-size: 11px;
    font-weight: 400;
    color: #566985;
}

.rate-review i{ margin-right: 5px; }
.rate-review span{ margin-left: 5px; }




/* Listing Page Design */

.listing_grid ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.listing_grid li{
    border-radius: 10px;background-color: #fff;box-shadow: 0 3px 15px #d5d8ea;margin: 20px 0 0;
    flex-basis: 100%;
    display: flex; flex-wrap: wrap;
}

.listing_grid li .list_thum > a img{ transition: all .3s ease-in-out 0s; }
.listing_grid li:hover .list_thum > a img{ transform: scale(1.12); }

.list_thum {
    max-width: 35%;
    border-radius: 10px;
    top: 0;
    overflow: hidden; position: relative;
}

.list_thum > a{ display: block; height: 100%; }
.list_thum > a img{ min-height: 100%; }
.list_thum a:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 30%;
    background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
    z-index: 0;
}

.list_review{ position: absolute; z-index: 2; bottom: 0; width: 100%; display: flex; justify-content: space-between; padding: 10px 15px; }
.listing-avatar img {
    width: 30px;
    height: 30px; border-radius: 100%;
    box-shadow: 0px 0px 0px 3px rgb(255 255 255 / 20%);
}

.list_review .review-score-user_item{ margin-left: 0; margin-right: 10px; }

.list_txt{ padding: 10px; flex: 1; }
.list_header h3{ font-size: 16px; font-weight: bold; margin: 0; color: #566985; }
.list_header span{ color: #7d93b2; font-size: 12px; }
.list_header span i{ color: #00baf2; }
.listing_body{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; margin: 5px 0; }
.listing_body p{ font-size: 12px;color: #999;font-weight: 500; margin: 0; }
.list_txt .list_footer{ display: flex; width: 100%; justify-content: space-between; align-items: center; padding-top: 5px; }
.list_txt .list_footer > div{ display: flex; flex-wrap: wrap; }
.list_txt .list_footer a{
    width: 40px;height: 25px;border-left: 1px solid #ddd; text-align: center;
    display: inline-block;  cursor: pointer;
}


.sort_list_box{ 
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    border-radius: 10px;background-color: #fff;box-shadow: 0 3px 15px #d5d8ea;margin: 20px 0 0; padding: 10px;
}

.sort_list_box .btn {background-color: #f1f1f1;border: none;}
.sort_list_box h5{ 
    margin: 0; color: #566985; font-weight: bold; font-size: 16px;
    display: flex; align-items: center;
 }
 .sort_list_box h5 span{ margin-right: 8px; }

 .list_txt .avatar{ margin-bottom: 0; width: 65px; height: 65px; }

 .user_title h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 3px;
    color: #566985;
}
.list_txt .user_title span{ color: #999; display: block; line-height: 16px; }

.thum_slider_04 .thum_box{ border-radius: 10px; }
.thum_slider_04 .slick-slide{ margin: 0 10px; }

.slick-prev { left: -10px !important;}
.slick-next{right: -10px !important;}

.category_title{position: absolute;
    bottom: 12px;
    right: 12px;
    left: 12px;
    background: #fff;
    padding: 8px;
    z-index: 3;
    border-radius: 40px;
}
.category_title h5{ color: #566985; font-weight: normal; text-align: center; font-size: 16px; margin: 0; }

.category_filter ul{ display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 30px !important; border: none; }
.category_filter li a{ 
    background: #fff;border-radius: 40px !important; position: relative; padding: 5px !important; margin: 0 5px; cursor: pointer;
    display: flex; flex-wrap: wrap; align-items: center; 
    box-shadow: 0 3px 15px #d5d8ea; border: none !important;
}
.category_filter li .sub_icon{
 width: 30px; height: 30px; background-color: #ddd; color: #566985; border-radius: 100%;
 display: flex; align-items: center; justify-content: center;
}
.category_filter li h5{ 
    color: #566985; font-weight: normal; font-size: 16px; font-weight: bold; margin: 0; flex: 1; padding: 0 15px;
    line-height: 14px;
}

.category_filter li a.active,.category_filter li a:hover{ background-color: #F75C96 !important; color: #fff; }
.category_filter .nav-tabs .nav-link.active, 
.category_filter .nav-tabs .nav-item.show .nav-link{background-color: #F75C96 !important;}

.category_filter li a.active .sub_icon,.category_filter li a:hover .sub_icon{ background-color: #fff; color: #F75C96; }
.category_filter li a.active h5,.category_filter li a:hover h5{ color: #fff; }

.category_filter li a.active::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f75c96;
    bottom: -10px;
    position: absolute; left: 50%; transform: translateX(-50%);
    filter: drop-shadow(2px 10px 6px #d5d8ea);
}


/* Filter Box */

.white_box{border-radius: 10px; background-color: #fff; box-shadow: 0 3px 15px #d5d8ea; margin: 20px 0; }
.light_bg .white_box{ padding: 0; }

.filter_box{  margin-top: 20px;}
.filter_box.flex_none{ display: unset; }
.filter_box .form-group{ margin-bottom: 0; }
.filter_box.flex_none .form-group{ margin-left: 0; }
.filter_box .card-body .card{ margin-top: 0; margin-bottom: 15px; }
.filter_box .card-body .card-header{ padding: 5px 15px; margin-bottom: -1px; }
.filter_box .card-body .card-body { padding: 8px 12px; }



.my_btn{ background-color: #1c3381; color: #fff !important; border: none; }
.d_block{ display: block; width: 100%; }

.card .card-header.no_icon .card-link:after{ display: none; }

.select2-container .select2-selection--single{ padding: 4px 12px; height: auto !important; border: 1px solid #ced4da !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 36px; }


/* Product Detail Design Start */

.pro_img_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pro_img_list li{ width: 48%; margin: 5px 0; }
.pro_img_large{ margin-top: 20px; }
.pro_img_large img{ border-radius: 10px; }

.pro_detail{ 
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    padding: 15px 20px;
}

.pro_txt_box{flex: 1;border-right: 1px solid #ddd;margin-right: 15px; padding-right: 15px;}
.pro_txt_box h1{
    text-align: left;
    font-weight: 600;
    padding-bottom: 12px;
    color: #566985;
    position: relative; margin: 0;
    font-size: 26px;
}

.pro_txt_box span {
    color: #7d93b2;
    display: block;
    line-height: 16px;
}

.pro_txt_box span i{ color: #1c3381; }
.pro_review{ 
    border-radius: 70px; padding: 6px; 
    background-color: #eceff7; box-shadow: 0 5px 10px #c1c6da; min-width: 160px;
    display: flex; flex-wrap: wrap; align-items: center;
}
.review_num{ 
    width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; 
    background-color: #384F95; color: #fff; font-weight: bold; margin-right: 10px;
}

.pro_review .rating-bar{ float: none; }
.pro_review .rating-bar .rating-stars{height: 15px;line-height: 15px;}
.pro_review .rating-bar label{ line-height: 15px; color: #bbb; }
.pro_review .rating-bar label:before{ font-size: 14px; }

.pro_view_footer{ 
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 20px;
    border-top: 1px solid #eee;
}
.pro_view_footer .avatar{ margin: 0 10px 0 0; border:none; width: 50px; height: 50px;  }
.pro_view_footer a{ color: #7d93b2; font-weight: 500; }
.pro_view_btn span{
    padding: 7.5px 15px; display: inline-block;
    border: 1px solid #e7e7ed;
    color: #70778b; font-size: 14px; font-weight: 600;
    border-radius: 4px; margin-right: 5px;
}

.pro_view_btn span i{ color: #1c3381; margin-right: 10px; }

.view_btn{ background-color: #5b6fe6; color: #fff !important; font-weight: normal !important; border:none; }
.light_btn{ background-color: #f5f6fa; font-weight: normal !important;  border-color: #ddd;}

.thum_detail_slider .slick-prev:before, .thum_detail_slider .slick-next:before{font-family: FontAwesome;}
.thum_detail_slider .slick-next::before {
    content: "\f054";
}
.thum_detail_slider .slick-prev::before {
    content: "\f053";
}

.tag_icon{ 
    position: absolute; cursor: pointer; font-size: 24px; font-weight: 400;
    border-radius: 50%;
    width: 48px; height: 48px;
    background-color: rgba(255,255,255,0);
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease-in-out;
}
.tag_icon:before {
    content: "\f02b";
    font-family: FontAwesome;
    color: #fff;
    filter: drop-shadow(0px 3px 5px #000);
}


.tag_icon:hover{
    background-color: rgba(255,255,255,0.5);
}

.tag_icon.active{ background-color: #1c3381; }


.item_slider_box{  height: 0; overflow-y: hidden; }
.item_slider_box.show{ height: auto; overflow: visible;border-bottom: 1px solid #ddd; }
.item_slider{ text-align: center; }
.item_topbar{ display: flex; flex-wrap: wrap; justify-content: space-between; margin:5px 15px 15px; }
.item_topbar p{ margin: 0; }


.d_flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }




/* Footer Part Start */

footer{ background-color: #fff; }
footer p {
    line-height: 32px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    font-size: 14px; color: #777;
}
.sub-title h4 {
    color: #222222; font-size: 16px;font-family: Lato, sans-serif;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

.sub-title li {
    position: relative;
    display: inherit;
    padding-top: 13px;
    text-transform: capitalize;
    font-size: 14px;
    color: #777777;
}
.sub-title li a { position: relative; color: #777777;}
.sub-title li a:before {
    position: absolute;
    top: 20px;
    content: "";
    height: 2px;
    width: 0;
    background-color: #5b6fe6;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.sub-title li:hover a:before {
    width: 100%;
    height: 2px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.sub-title .contact-list li {position: relative;padding-left: 25px; line-height: 28px;}
.sub-title .contact-list i {position: absolute;left: 0;top: 21px;}

.footer-social{
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-social li {
    display: inline-block !important;
    padding-right: 25px;
}

.footer-social i {
    font-size: 20px;
    color: #000000;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.footer-social i:hover {
    color: #5b6fe6 !important;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.p_50{ padding: 50px 0; }


.subscribe_box{ border-bottom: 1px solid #dddddd; padding: 30px 0; }

.subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #dddddd;
    text-align: left;
}
.subscribe h4 {
    color: #222222;font-family: Lato, sans-serif;
    text-transform: uppercase; font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 0px;
}
.subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.subscribe-form .form-control {
    padding: 13px;
    width: 345px; height: auto;
    border-radius: 0;
    border: 1px solid #eeeeee;
}
.btn-solid {
    padding: 13px 29px; line-height: 20px;
    color: #ffffff;
    letter-spacing: 0.05em;
    border: 2px solid #5b6fe6;
    background-image: linear-gradient(30deg, #5b6fe6 50%, transparent 50%);
    background-size: 850px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.sub-footer {
    background-color: #f9f9f9;
}
.sub-footer .payment-card-bottom {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.sub-footer .payment-card-bottom li {
    padding-left: 7px;
    padding-right: 7px;
    display: inline-block;
}
.sub-footer p {
    color: #777777;
    margin-bottom: 0;
    /*padding: 20px 0;*/
}


/* All Media Query Start */

@media only screen and (max-width: 1199px) {
    .pro_view_footer{ justify-content: center; }
    .pro_view_btn{ 
        /*border-top: 1px solid #ddd;*/
        width: 100%;
        display: flex;justify-content: center; flex-wrap: wrap;
        margin-top: 10px; 
    }
    .pro_view_btn span,.pro_view_btn .view_btn{ margin-top: 10px; }

    .pro_txt_box{margin-right: 10px;padding-right: 10px;}

}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .follow_list{ position: absolute; top: 5px; right: 5px; }
    .follow_list ul{ background-color:  rgba(0,0,0,0.5); }
    .avatar{ width: 70px; height: 70px; }
    .contact_list li span, .contact_list li a{ flex-basis: 100%; }

    .pro_thum_box .pro_list li {width: 49.33%;padding: 7px; flex-basis: unset;}
    .pro_thum_box .pro_list li .thum_box{ margin-bottom: 0; }

}

@media only screen and (max-width: 991px) {

    .center_block{ margin: 0 0 50px; height: auto; }

    .search_form_box form{ padding: 8px; flex-wrap: wrap; }
    .search_form_box .select2-container--default .select2-selection--single{ padding-left: 28px; }
    .custom-form textarea, .custom-form input{ padding: 18px 20px 18px 28px; }
    .search_form_box .custom-form textarea, .search_form_box .custom-form input{ font-size: 14px; }
    .search_form_box .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 14px; }
    .custom-form .form-group span.icon{ top: 6px; left: 8px; }
    .search_btn{ position: relative; margin: 0 auto 10px; }
    .search_form_box form .form-group{ border-bottom: 1px solid #eee; }
    .search_form_box form .form-group:last-of-type{ border-right: 0; }

    .subscribe{ 
        border-right: 0; border-bottom: 1px solid #dddddd; text-align: center;
        flex-direction: column; margin-bottom: 10px; height: auto;
    }
    .subscribe-form{ justify-content: center; }
    .subscribe-form .form-group{ margin-bottom: 0; }

    .footer-logo{ margin-bottom: 10px; }
    .footer-social{margin-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px;}
    .footer-contant p{ line-height: 20px; }

    .pro_detail{ flex-direction: column; }
    .pro_txt_box{ margin: 0; padding: 0; border:none; }
    .pro_review{ margin-top: 20px; }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .list_thum{ max-width: 100%; }
    .sort_list_box h5{ font-size: 14px; }
    .sort_list_box .btn{ font-size: 14px; padding: 6px 8px; }

    .card-body{ padding: 10px; }
    .card-body .user_txt{ align-items: flex-start; }
    .card .user_title span{ display: block; line-height: 16px; }
    .user_txt_part{ padding: 30px 20px 20px; }

    

    .pro_txt p{ font-size: 14px; }
    .reviews-comments-item{ padding: 0 0 20px 79px; }
    .review-comments-avatar,.review-comments-avatar img{ width: 50px; height: 50px; }
    .reviews-comments-item-text{ padding: 15px 12px 15px; }
    .rate-review{ padding: 8px 10px; }

    .review-score-user_item{ margin-left: 5px; }
    .rating-bar label:before{ font-size: 14px; }

    .container.creative-card{ max-width: 1024px; width: 92%; }
    .footer-2{ padding-top: 0; }
    .footer-2 .footer-main-contian .footer-left{padding: 20px 0px;}
    .footer-2 .footer-main-contian .footer-left .footer-detail p{ padding: 0; }

    
}

@media only screen and (min-width: 700px) and (max-width: 991px) {

    .thum_slider_03 .list_review{ height: 100%; align-items: flex-end;  }
    .thum_slider_03 .review-score-user{ position: absolute; top: 10px; right: 10px; margin: 0; }

    ul.megamenu > li > a{ font-size: 14px; }

}

@media only screen and (max-width: 767px) {
    header{ position: relative; }
    header > nav{ padding: 8px 16px !important; }
    .header_top{ min-height: 60px; }
    .header_top .search_box{width: calc(100% - 95px);position: absolute;top: 69px;right: 15px;}
    .header_top.sticky_nav .search_box{ display: none; }

    .bg-light header.variant{ margin-bottom: 0; }
    .bg-light .layout-header2{ border: none !important; }
    .bg-light nav.navbar{ padding: 0; }
    .bg-light nav.navbar > .navbar-toggler{ position: absolute; right: 15px; top: -60px; }
    .bg-light ul.megamenu{ margin: 15px; max-width: calc(100% - 30px);}

    .megamenu{margin-top: 8px;border: 1px solid #ddd; border-top: 0;}
    .mega-dropdown{ border-top: 1px solid #ddd; }
    .mega-dropdown > a{ padding: 5px 10px; }
    .mega-dropdown-menu{ width: 100%; left: 0; padding: 15px; border-radius: 0; }
    .mega-dropdown.open > a{ border-radius: 0; }

    .search_form_box form .form-group{ width: 100%; border-right: 0; }

    .search_form_box{ max-width: 500px; margin: 30px auto; }

    

    .follow_list {position: absolute;top: 5px;right: 5px;}
    .follow_list ul { background-color: rgba(0,0,0,0.5);}

    .select2-container{ width: 100%; }

    footer .p_50{ padding-bottom: 0; }
    .sub-title .footer-title h4{ margin-bottom: 0; }
    .footer-contant{ margin-bottom: 20px; }
    .sub-footer .payment-card-bottom{ justify-content: center; }
    .sub-footer .payment-card-bottom ul{ margin-bottom: 15px; }
    .sub-footer p{
        padding: 15px 0 5px;text-align: center;line-height: 20px;border-bottom: 1px solid #ccc;margin-bottom: 10px;
    }



}

@media only screen and (max-width: 600px) {

    .light_bg .container{ width: 96%; }
    .py100{ padding: 40px 0; }

    .list_thum{ max-width: 100%; }
    .category_filter li h5{ padding: 0 8px; }

    .reviews-comments-item{ display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 0 0 20px 0; }
    .review-comments-avatar{ position: relative; order: 2; left: 0; margin-top: 15px; }
    .reviews-comments-item-text{ box-shadow:2px 2px 10px #d5d8ea;  }
    .review-comments-avatar:before{ display: none; }
    .review-comments-avatar:after {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #f5f6fa;
        top: -15px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        filter: drop-shadow(0px 7px 5px #999);
    }

    .py100.pb30{ padding-bottom: 10px; }

    .thum_slider_03 .list_review{ height: 100%; align-items: flex-end;  }
    .thum_slider_03 .review-score-user{ position: absolute; top: 10px; right: 10px; margin: 0; }
    .thum_slider_03 .user_title{ padding-right: 0; }

    .pro_thum_box .pro_list li {width: 49.33%;padding: 7px;}
    .pro_thum_box .pro_list li .thum_box{ margin-bottom: 0; }

    .right_form_box{ max-width: 100%; }
    .right_form_box:after{ transform: none; left: 0; }
    .right_form_box .col-sm-4{ border: none !important; }
    .right_form_box .col-sm-8.offset-sm-4{ padding: 0; }

}

@media only screen and (max-width: 575px) {
    .subscribe-form{ flex-direction: column; }
    .subscribe-form .form-group,.subscribe-form .form-control{ width: 100%; }
    .subscribe-form .form-group{ margin-bottom: 10px; }

    .pro_view_btn span{ padding: 7.5px 10px; }

    
}

@media only screen and (max-width: 450px) {
    .category_filter li h5{ font-size: 14px; }
    .category_filter li a{ padding: 15px 5px 8px !important; margin: 0 2px; }
    .category_filter li .sub_icon{ 
        position: absolute; left: 50%; transform: translateX(-50%);
        box-shadow: 0 0 10px #ccc; top: -50%; background-color: #fff;
    }

    .reviews-comments-header{ flex-direction: column; align-items: center; }
    .reviews-comments-item-text{ padding: 15px; }
    .reviews-comments-item-text h4{ margin-bottom: 20px; }
    .rate-review{ font-size: 0; padding: 8px 10px }
    .rate-review i,.rate-review span{ font-size: 12px; margin: 0 5px; }

    .list_txt .avatar{ width: 50px; height: 50px; }
    .user_title h4{ font-size: 14px; margin-bottom: 3px; }
    .list_txt .user_title span{ font-size: 12px; }

    .sort_list_box h5{ margin: 5px 0; }

    .thum_slider_03 .user_title h4{ font-size: 14px; }
    .thum_slider_03 .user_title span{ font-size: 12px; }

    .banner_bg h1{ font-size: 35px; }
    .section-title h3{ font-size: 26px; }

    .detail_bg{ padding: 80px 20px 10px; }
    .detail_bg .user_box{ justify-content: center; }
    .detail_bg .user_txt{ flex-direction: column; text-align: center; }
    .detail_bg .avatar{ margin-bottom: 10px; }

    .pro_thum_box .pro_list li {width: 100%;padding: 7px;}
    .follow_list li{ padding: 5px 7px; }
    .follow_list li span{ padding-right: 5px; }

    .user_txt_part{ padding: 20px;}
}

@media only screen and (max-width: 400px) {
    .pro_view_btn{ flex-direction: column; text-align: center; }
}

.collection-grid-view ul.bar_icon li span {
    width: 4px;
    height: 20px;
    margin: 0;
    background-color: var(--sub_color);
    display: inline-block;
}
.list_seach {
    background-color: #f1f1f1;
    border: none;
    padding: .375rem .75rem;
}