/*

	Theme Name: Neeliyas

	Theme URI: https://weblankan.com

	Author: Suranga

	Author URI: https://weblankan.com

	Description: Neeliyas

	Version: 1.0

	Text Domain: Neeliyas

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

:root {

	--main-color: #fff;

	--main-font: font-family: 'Poppins', sans-serif !important;

	--c-blue:#2F2F57;

	--font-color-1 :#575757;

	--bt-bc :#FDB827

}

html , body{
    overflow-x: hidden;
}

#header{

	padding: 20px 0;

}

.ne_container{

	max-width: 1400px;

	margin: 0 auto;

}		

hr.headder {

	max-width: 1500px;

    color: #707070;

    margin: 20px auto;

    border-width: 2px;

}

.icon_header strong {

    width: 100%;

    display: block;

}

.icon_header {

    display: inline-block;

	padding: 20px 0 20px 60px;

	text-align: left;

	margin-left: 20px;

}

.icon_header strong{

	color: var(--c-blue);

}

.icon_header a ,.icon_header{

	color: var(--font-color-1);

} 

.icon_header:nth-child(1) {

    background: url(/wp-content/themes/neeliyas/assets/img/ic_for_headder1.png) no-repeat;

    background-position: 10px center;

}

.icon_header:nth-child(2) {

    background: url(/wp-content/themes/neeliyas/assets/img/ic_for_headder2.png) no-repeat;

    background-position: 10px center;

}

.icon_header:nth-child(3) {

    background: url(/wp-content/themes/neeliyas/assets/img/ic_for_headder3.png) no-repeat;

    background-position: 10px center;

}

#menu-main-menu {

    text-align: center;

    display: inline-block;

    width: 100%;

}

#menu-main-menu li {

	display: inline-block;

	margin: 0 60px;
    
}

#menu-main-menu li a{

	text-align: center;

	font-family: var(--main-font);

	font-size: 16px;

	color: var(--font-color-1);

    transition-duration: 0.2s;
    padding: 0;

}

#menu-main-menu li a:hover{

	font-weight: bold;

}

#menu-main-menu li.active a{

	font-weight: bold;

	color: var(--c-blue);

}

div#slider-inner h5 {

	color: var(--font-color-1);

	font-weight: 300 ;

	font-size: 16px !important;

	text-align: center !important;

}

div#slider-inner h2 {

    color: var(--c-blue);

    font-weight: 300 !important;

    font-size: 50px !important;

    text-align: center !important;

    margin: 15px 0 !important;

    line-height: normal !important;

}

div#slider-inner p{

	font-family: var(--main-font);

	color: var(--font-color-1);

	text-align: center !important;

	font-size: 16px;

}

div#slider-inner{

	text-align: center !important;

}

div#slider-inner a {

    text-align: center !important;

    font-size: 16px !important;

    background: var(--bt-bc);

    padding: 10px 30px !important;

    display: inline-block;

    text-transform: uppercase;

	color: #fff;

	margin-top: 30px;

}

.allbts{

	text-align: center;

    font-size: 16px;

    background: var(--bt-bc);

    padding: 10px 30px;

    display: inline-block;

    text-transform: uppercase;

	color: #fff;

	margin-top: 30px;

	font-family: var(--main-font);

}

#sec-welcome{

	padding: 120px 0;

}

#sec-welcome {

    background: url(/wp-content/themes/neeliyas/assets/img/curtains.png) no-repeat;

    background-position: bottom left;

}

#sec-welcome .col-sm-6:nth-child(1) h5{

	font-family: var(--main-font);

	font-weight: 300;

	margin-bottom: 30px;

	font-size: 16px;

}

#sec-welcome .col-sm-6:nth-child(1) h1{

	font-family: var(--main-font);

	margin-bottom: 30px;

	font-size: 50px;

	color: var(--c-blue);

	margin-bottom: 30px;

	font-weight: 400;

}

#sec-welcome .col-sm-6:nth-child(1) p {

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 18px;

    line-height: 1.6;

}

.text_bx {

    width: 300px;

    height: 300px;

    padding: 50px;

    background: #fdb827;

    color: #fff;

    font-size: 50px;

    line-height: 1;

    font-weight: 300;

    z-index: 9;

	position: relative;

	float: left;

}

.img-box-2 {

	width: 300px;

    height: 300px;

    background: url(/wp-content/themes/neeliyas/assets/img/box_image_1.jpg) no-repeat;

    z-index: 1;

    float: left;

    margin-top: -120px;

    margin-left: 85px;

}

.img-box-1 {

	width: 300px;

    height: 300px;

    background: url(/wp-content/themes/neeliyas/assets/img/box_image_2.jpg) no-repeat;

    z-index: 2;

    float: left;

    background-position: bottom left;

    margin-left: -30px;

    margin-top: 100px;

    position: relative;

}

#sec-welcome .col-sm-6:nth-child(2) {

	padding-left: 80px;

}

.why_sec{

	padding: 55px 55px 55px 160px;

	background: #2F2F57;

	height: 370px;

}

.why_sec h5{

	font-family: var(--main-font);

	color: #fff;

	font-size: 16px;

	font-weight: 300;

	margin-bottom: 20px;

}

.why_sec h3{

	font-family: var(--main-font);

	color: #FDB827;

	font-size: 50px;

	font-weight: 300;

	margin-bottom: 20px;

}

.why_sec p{

	color: #fff;

	font-family: var(--main-font);

	height: 50px;

}

.anim_wrap {

    display: table;

    height: 100%;

    padding: 50px;

    width: 100%;

	position: relative;

	height: 370px;

	overflow: hidden;

}

.center_tt {

    width: 100%;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    background: rgb(255 255 255 / 70%);

    font-family: var(--main-font);

    font-size: 30px;

    color: #343434;

	font-weight: 300;

	transition-duration: 0.2s;

}

#why_choose .row:nth-child(1) .p-0:nth-child(2) .anim_wrap{

	background: url(/wp-content/themes/neeliyas/assets/img/why_btns_1.jpg) no-repeat;

	background-size: cover;

	background-position: center;

}

#why_choose .row:nth-child(1) .p-0:nth-child(3) .anim_wrap{

	background: url(/wp-content/themes/neeliyas/assets/img/why_btns_2.jpg) no-repeat;

	background-size: cover;

	background-position: center;

}

#why_choose .row:nth-child(2) .p-0:nth-child(1) .anim_wrap{

	background: url(/wp-content/themes/neeliyas/assets/img/why_btns_5.jpg) no-repeat;

	background-size: cover;

	background-position: center;

	padding: 50px 270px;

}

#why_choose .row:nth-child(2) .p-0:nth-child(2) .anim_wrap{

	background: url(/wp-content/themes/neeliyas/assets/img/why_btns_3.jpg) no-repeat;

	background-size: cover;

	background-position: center;

}

#why_choose .row:nth-child(2) .p-0:nth-child(3) .anim_wrap{

	background: url(/wp-content/themes/neeliyas/assets/img/why_btns_4.jpg) no-repeat;

	background-size: cover;

	background-position: center;

}

.overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgb(253 184 39 / 70%);

    left: 0;

	top: 0;

	opacity: 0;

	transition-duration: 0.3s;

	padding: 60px;

	text-align: center;

	transform: scale(1.1) translate(0, 0);

}

#why_choose .anim_wrap:hover .overlay{

	opacity: 1;

	transform: scale(1) translate(0, 0);

}

#why_choose .anim_wrap:hover .center_tt{

	opacity: 0;

}

.overlay h4{

	font-family: var(--main-font);

	font-size: 30px;

	color: #343434;

	margin-bottom: 30px;

}

.overlay p{

	font-family: var(--main-font);

	font-size: 16px;

	color: #343434;

}

.process_slider .process_items{

	display: grid; 

	position: relative;

}

.process_slider .process_items:nth-child(odd) .image_pross{

	order: 3;

}

.process_slider .process_items:nth-child(odd) .mid_pross{

	order: 2;

}

.process_slider .process_items:nth-child(odd) .disc_pross{

	order: 1;

}

.mid_pross {

    text-align: center;

    padding: 20px 30px;

    margin: 0 50px;

    background: #fdb827;

    color: #fff;

}

div#our_prosess {

    padding: 120px 0;

    text-align: center;

}

.image_pross, .disc_pross {

    height: 120px;

}

span.arrow_in_pross {

    height: 2px;

    background: #fdb827;

    width: 100px;

    transform: rotate(90deg);

    position: absolute;

    left: 50%;

    margin-left: -50px;

    z-index: -1;

}

span.arrow_in_pross:after {

    content: "";

    height: 10px;

    width: 10px;

    background: #fdb827;

    display: block;

    border-radius: 100%;

    margin-top: -4px;

    float: left;

}

.image_pross img{ 

	margin: 0 auto;

}

.process_slider .process_items:nth-child(odd) span.arrow_in_pross{

	top:40%;

}

.process_slider .process_items:nth-child(even) span.arrow_in_pross{

	top:60%;

}

.process_slider .process_items:nth-child(even) span.arrow_in_pross:after {

	float: right;

}

.process_slider .process_items:nth-child(even) .disc_pross {

    padding-top: 70px;

}

.process_slider .process_items:nth-child(odd) .image_pross {

    padding-top: 30px;

}

.process_slider .process_items{

	outline: none;

}

.process_slider:after {

    height: 2px;

    background: #fdb827;

    content: "";

    width:92%;

    display: block;

    top: 50%;

    position: absolute;

    z-index: -14;

    left: 50%;

    transform: translateX(-50%);

}

#our_prosess h5{

	font-family: var(--main-font);

	font-size: 16px;

	color: #353535;

	font-weight: 300;

	margin-bottom: 30px;

}

#our_prosess h3 {

    font-family: var(--main-font);

    font-size: 50px;

    color: var(--c-blue);

    font-weight: 400;

    margin-bottom: 30px;

    line-height: 1;

} 

#our_prosess p{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 16px;

    margin-bottom: 90px;

}

#our_prosess button.slick-prev.slick-arrow{

	position: absolute;

    left: -78px;

    background: none;

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    top: 50%;

    z-index: 999;

	margin-top: -15px;

	background: url(/wp-content/themes/neeliyas/assets/img/pr_arow_1.png) no-repeat;

	outline: none;

}

#our_prosess button.slick-next.slick-arrow{

	position: absolute;

    right: -78px;

    background: none;

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    top: 50%;

    z-index: 999;

	margin-top: -15px;

	background: url(/wp-content/themes/neeliyas/assets/img/pr_arow_2.png) no-repeat;

	outline: none;

}

div#my_counters {

    padding: 60px 0;

    background: var(--c-blue);

    text-align: center;

}

div#my_counters h5{

    font-family: var(--main-font);

    font-weight: 300;

    font-size: 16px;

    color: #fff;

    margin-bottom: 10px;

}

div#my_counters h3{

    font-family: var(--main-font);

    font-weight: 400;

    font-size: 50px;

    color: #fff;

    margin-bottom: 20px;

}

div#my_counters h6{

    font-family: var(--main-font);

    opacity: 0.1;

    font-size: 50px; 

    margin: 0;

    color: #fff;

    font-weight: 400;



}

div#my_counters h4 {

    color: #FDB827;

    font-family: var(--main-font);

    font-weight: 300;

    font-size: 35px;

    margin-top: -20px;

}

.service_item {

    height: 600px; 

    background-size: cover !important; 

    position: relative;

}

.serveice_title{

    background: #fff;

    position: absolute;

    bottom: 0;

    font-size: 30px;

    color: #343434;

    font-family: var(--main-font);

}

.serveice_title {

    background: rgb(255 255 255 / 70%);

    position: absolute;

    bottom: 0;

    font-size: 23px;

    color: #343434;

    font-family: var(--main-font);

    width: 60%;

    padding: 10px;

    font-weight: 300;

    line-height: 1.2;

}

.serveice_title span {

    width: 350px;

    display: block;

    float: right;

}

.service_item{ 

    outline: none;

}

.service_item:nth-child(even) .serveice_title{

    right: 0;

}

.service_item:nth-child(even) .serveice_title span{

    float: left;

}

#our_service{

    position: relative;

}

.mid_in_ser {

    width: 450px;

    padding: 50px;

    background: #fdb827;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);   

    text-align: center;

}

.mid_in_ser h5{

    font-family: var(--main-font);

    color: #343434;

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: 300;

}

.mid_in_ser h3{

    font-family: var(--main-font);

    color: #343434;

    font-size: 50px;

    margin-bottom: 20px;

    font-weight: 400;

}

.mid_in_ser p{

    font-family: var(--main-font);

    font-size: 16px;

    color: #343434; 

}

.mid_in_ser a{

	text-align: center;

    font-size: 16px;

    background: var(--c-blue);

    padding: 10px 30px;

    display: inline-block;

    text-transform: uppercase;

	color: #fff;

	margin-top: 30px;

	font-family: var(--main-font);

}

#our_service button.slick-prev.slick-arrow {

    position: absolute;

    z-index: 99;

    top: 50%;

    left: 20px;

    background: url(/wp-content/themes/neeliyas/assets/img/service_ar1.png) no-repeat;

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    outline: none;

}

#our_service button.slick-next.slick-arrow {

    position: absolute;

    z-index: 99;

    top: 50%;

    right: 20px;

    background: url(/wp-content/themes/neeliyas/assets/img/service_ar2.png) no-repeat;

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    outline: none;

}

#our_product{

    padding: 100px 0;

    background: url(/wp-content/themes/neeliyas/assets/img/our_product_home.jpg) no-repeat;

    text-align: center;

}

#our_product h5{

    font-family: var(--main-font);

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    margin-bottom: 10px;

}

#our_product h3{

    font-family: var(--main-font);

    font-size: 50px;

    color: #fff;

    font-weight: 400;

    margin-bottom: 30px;

}

#our_product p{

    font-family: var(--main-font);

    font-size: 16px;

    color: #fff;

}

#our_product h4{

    font-family: var(--main-font);

    color: var(--bt-bc);

    font-size: 34px;

    font-weight: 400;

    margin-top: 50px;

    margin-bottom: 35px;

}

#our_product img{

    margin-bottom: 30px;

}

#materials{

    padding: 100px 0;

    text-align: center;

    background: url(/wp-content/themes/neeliyas/assets/img/bc_material.jpg) no-repeat;

    background-position: top center;

    background-size: cover;

    min-height: 800px;

}

#materials h5{

    font-family: var(--main-font);

    font-size: 16px;

    color: #343434;

    font-weight: 300;

    margin-bottom: 10px;

}

#materials h3 {

    font-family: var(--main-font);

    font-size: 50px;

    color: var(--c-blue);

    font-weight: 400;

    margin-bottom: 30px;

    line-height: 1;

}

#materials p{

    font-family: var(--main-font);

    font-size: 16px;

    color: #343434;

    font-weight: 400;

    margin-bottom: 60px;

}

ul#materialsTabs {

    text-align: center;

    display: block;

    border: none;

    margin-bottom: 50px;

}

ul#materialsTabs .nav-item {

    display: inline-block;

    margin-bottom: 14px;

}

ul#materialsTabs .nav-item a {

    padding: 10px 40px;

    border: 1px solid #343434;

    margin: 0 5px;

    display: block;

    border-radius: 0;

    font-family: var(--main-font);

    font-size: 16px;

    color: #343434;

    width: 100%;

}

ul#materialsTabs .nav-item a.active {

    background: #2f2f57;

    color: #fff;

}

#myTabContent img {

    display: block;

    margin: 0 auto;

    border-radius: 100%;

    width: 100px;

    height: auto;

}

#myTabContent .col-sm-2{

    text-align: center;

}

#myTabContent .col-sm-2 p {

    margin-top: 10px;

    margin-bottom: 30px;

}

.tab-pane .col-sm-2{

    display: none;

}

.loadmore_mets{

    text-align: center;

    font-size: 16px;

    background: var(--bt-bc);

    padding: 10px 30px;

    display: inline-block;

    text-transform: uppercase;

    color: #fff;

    margin-top: 30px;

    font-family: var(--main-font);

    cursor: pointer;

}

.pg_in_inside {

    height: 636px;

    padding: 120px 50px 50px;

    background: rgb(255 255 255 / 70%);

    text-align: center;

}

.wp_pjs{

    padding: 50px;

    background: url(/wp-content/themes/neeliyas/assets/img/windows-min.jpg) no-repeat;

}

.pg_in_inside h4{

    font-family: var(--main-font);

    font-size: 25px;

    color: #343434;

    margin-bottom: 30px;

}

.pg_in_inside p{

    font-family: var(--main-font);

    font-size: 16px;

    color: #343434;

    margin-bottom: 0;

}

.cl_in_prj {

    background: #2f2f57;

    padding: 70px !important;

}

.lbc{

    background: url(/wp-content/themes/neeliyas/assets/img/window-with.jpg) no-repeat;

}

.cl_in_images,.cl_in_images2{

    height: 349px;

}

.cl_in_images{

    background: url(/wp-content/themes/neeliyas/assets/img/lev1.jpg) no-repeat;

}

.cl_in_images2{

    background: url(/wp-content/themes/neeliyas/assets/img/lev1.jpg) no-repeat;

}

.cl_in_prj h5{

    font-family: var(--main-font);

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    margin-bottom: 10px;  

}

.cl_in_prj h3{

    font-family: var(--main-font);

    font-size: 50px;

    color: var(--bt-bc);

    font-weight: 400;

    margin-bottom: 30px;

    line-height: 1;

}

.cl_in_prj p{

    font-family: var(--main-font);

    font-weight: 400;

    color: #fff;

    font-size: 16px;

}

#our_cliants{

    padding: 100px 0;

    text-align: center;

    background: url(/wp-content/themes/neeliyas/assets/img/our_partners_bc.jpg) no-repeat;

    background-position: top center;

}

#our_cliants h5{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--font-color-1);

    font-weight: 300;

    margin-bottom: 10px;  

}

#our_cliants h3{

    font-family: var(--main-font);

    font-size: 50px;

    color: var(--c-blue);

    font-weight: 400;

    margin-bottom: 30px;

    line-height: 1;

}  

#our_cliants p{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--font-color-1);

    margin-bottom: 10px;  

}

#our_cliants .slick-slide {

    display: block;

    height: 145px;

    background-position: center !important;

    background-color: #fff !important;

    margin: 0 10px;

}

.slider_cliants{

    margin-top: 50px;

}

#our_cliants button.slick-prev.slick-arrow {

    position: absolute;

    left: -78px;

    background: none;

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    top: 50%;

    z-index: 999;

    margin-top: -15px;

    background: url(/wp-content/themes/neeliyas/assets/img/pr_arow_1.png) no-repeat;

    outline: none;

}

#our_cliants button.slick-next.slick-arrow {

    position: absolute;

    right: -78px;

    background: none;

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    top: 50%;

    z-index: 999;

    margin-top: -15px;

    background: url(/wp-content/themes/neeliyas/assets/img/pr_arow_2.png) no-repeat;

    outline: none;

}



#materials_partners{

    padding: 100px 0;

    text-align: center;

    background: #3B3B3B;

}





#materials_partners .slick-arrow{

    display: none !important;

}





#materials_partners h5{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--main-color);

    font-weight: 300;

    margin-bottom: 10px;  

}

#materials_partners h3{

    font-family: var(--main-font);

    font-size: 50px;

    color: var(--bt-bc);

    font-weight: 400;

    margin-bottom: 30px;

    line-height: 1;

}  

#materials_partners p{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--main-color);

    margin-bottom: 10px;  

}

.materials_partners_item {

    display: block;

    height: 145px;

    background-position: center !important;

    background-color: #fff !important;

    margin: 0 10px;

}

.materials_partners_item{

    margin-top: 50px;

} 

#they_Say{

    padding: 100px 0;

    background:url(/wp-content/themes/neeliyas/assets/img/what_say.jpg) no-repeat;

}

#they_Say h5{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--font-color-1);

    font-weight: 300;

    margin-bottom: 20px;  

}

#they_Say h4{

    font-family: var(--main-font);

    font-size: 50px;

    color: var(--c-blue);

    font-weight: 400;

    margin-bottom: 30px;

    line-height: 1;

}  

#they_Say h6{

    font-family: var(--main-font);

    font-size: 16px;

    color:  var(--c-blue);

    font-weight: 600;

    margin-bottom: 30px;

    line-height: 1;

    font-style: italic;

}  

#they_Say p{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--font-color-1);

    margin-bottom: 10px;  

    

}

#footer{

    padding-top: 50px;

    background: url(/wp-content/themes/neeliyas/assets/img/footer_bc.jpg) no-repeat;

    background-size: cover;

    text-align: center;

}

#footer img{

    margin-bottom: 20px;

}

#footer p{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--main-color);

    margin-bottom: 0;   

}

#footer #menu-main-menu-1 {

    padding-top: 20PX;

    padding-bottom: 20PX;

}

#footer #menu-main-menu-1{

    display: block;

}

#footer #menu-main-menu-1 li{

    display: inline-block;

}

#footer #menu-main-menu-1 li a{

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--main-color);

    margin-bottom: 0;

}

#footer #menu-main-menu-1 li a:hover{

    text-decoration: underline;

}

.col-sm-12.footer_btms {

    padding: 10px 0;

    background: #2F2F57;

    margin-top: 30px;

}

.col-sm-12.footer_btms a{    

    font-family: var(--main-font);

    font-size: 16px;

    color: var(--main-color);

    margin-bottom: 0;

}

.col-sm-12.footer_btms a:hover{

        text-decoration: underline;

}

#inner_banners_top {

    height: 700px;

    width: 100%;

    position: relative;

}

.inner_banner h5{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-weight: 300;

    font-size: 16px;

    text-align: center;

}

.inner_banner h2{

    font-family: var(--main-font);

    color: var(--c-blue);

    font-weight: 400;

    font-size: 50px;

    text-align: center;

    margin: 15px 0;

    line-height: normal;

}

.inner_banner p{

    font-family: var(--main-font);

    color: var(--font-color-1);

    text-align: center;

    font-size: 16px;

}

.inner_banner ul{

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

    margin-top: 30px;

}

.inner_banner li{

    display: inline-block;

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 16px;

}

.inner_banner li a{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 16px;

}

.inner_banner{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    padding: 50px 100px;

    background-color: rgba(255, 255, 255, 0.77);

}

.page-template-About_us #inner_banners_top { 

    background: url(/wp-content/themes/neeliyas/assets/img/about_banner.jpg)no-repeat;

    background-size: cover;

}

#aboutdetails {

    padding: 100px 0;

    text-align: center;

    background: url(/wp-content/themes/neeliyas/assets/img/curtains.png) no-repeat;

    background-position: 98% 30px;

    background-size: 600px;

}

#aboutdetails h5{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-weight: 300;

    font-size: 16px;

    text-align: center;

    margin-bottom: 20px;

}

#aboutdetails h1{

    font-family: var(--main-font);

    color: var(--c-blue);

    font-weight: 400;

    font-size: 50px;

    text-align: center;

    margin: 15px 0;

    line-height: normal;

}

#aboutdetails p{

    font-family: var(--main-font);

    color: var(--font-color-1);

    text-align: center;

    font-size: 16px;

    line-height: 1.8;

}

.main_content {

    margin-bottom: 80px;

}

.inner_imeg img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.inner_imeg {

    display: inline-block;

    width: 200px;

    height: 200px;

    vertical-align: middle;

    position: relative;

    background: var(--c-blue);

    border-radius: 100%;

    margin: 50px 0;

}

.about_bg_inner p {

    width: 60%;

    margin: 0 auto;

    line-height: 1.6 !important;

    height: 60px;

}

.about_bg_inner {

    position: relative;

}

.about_bg_inner span {

    width: 2px;

    height: 60px;

    background: #FDB827;

    display: block;

    position: absolute;

    left: 50%;

    z-index: -1;

    transform: translateX(-1px);

}

#aboutdetails .col-sm-4:nth-child(1) span{

    top:65px;

}

#aboutdetails .col-sm-4:nth-child(1) span::before {

    content: '';

    width: 10px;

    height: 10px;

    display: block;

    background: #FDB827;

    margin-left: -4.1px;

    border-radius: 100%;

}

#aboutdetails .col-sm-4:nth-child(2) span{   

    bottom:65px;

}

#aboutdetails .col-sm-4:nth-child(2) span::before {

    content: '';

    width: 10px;

    height: 10px;

    display: block;

    background: #FDB827;

    margin-left: -4.1px;

    border-radius: 100%;

    position: relative;

    top: 100%;

}

#aboutdetails .col-sm-4:nth-child(2) p:nth-child(4) {

    padding-top: 15px;

}

#aboutdetails .col-sm-4:nth-child(3) span{

    top:65px;

}

#aboutdetails .col-sm-4:nth-child(3) span::before {

    content: '';

    width: 10px;

    height: 10px;

    display: block;

    background:#FDB827;

    margin-left: -4.1px;

    border-radius: 100%;

}

div#aboutdetails .row { 

    position: relative;

}

div#aboutdetails .row:after {

    position: absolute;

    border: 1px dashed #2F2F57;

    content: '';

    width: 70%;

    top: 50%;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

}

#aboutVM{

    padding: 80px 0;

    background: url(/wp-content/themes/neeliyas/assets/img/about_vm.jpg) no-repeat;

}

#aboutVM h5{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-weight: 300;

    font-size: 16px;

    margin-bottom: 30px;

}

#aboutVM img{

    margin-bottom: 20px;

}

#aboutVM .row:nth-child(1){

    margin-bottom: 50px;

}

.innerVM {

    padding-left: 70px;

}

#aboutVM .row:nth-child(1) .innerVM{

    background: url(/wp-content/themes/neeliyas/assets/img/vm_text2.png) no-repeat left top;

}

#aboutVM .row:nth-child(2) .innerVM{

    background: url(/wp-content/themes/neeliyas/assets/img/vm_text1.png) no-repeat left top;

}

#aboutVM p{

    font-family: var(--main-font);

    color: var(--font-color-1);

    text-align: center;

    font-size: 16px;

    line-height: 1.8; 

}

div#DirectorMessage {

    padding: 80px 0;

    background: url(/wp-content/themes/neeliyas/assets/img/manager_txt.jpg) no-repeat;

    background-position: top center;

    background-size: cover;

}

#DirectorMessage h5{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-weight: 300;

    font-size: 16px;

    margin-bottom: 10px;

    margin-top: 30px;

}

#DirectorMessage h3{

    font-family: var(--main-font);

    color: var(--c-blue);

    font-weight: 400;

    font-size: 50px;

    line-height: normal;

    margin-bottom: 20px;

}

#DirectorMessage h6{

    font-family: var(--main-font);

    color: var(--c-blue);

    font-size: 16px;

}

#DirectorMessage p{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 16px;

    line-height: 1.8; 

}

.post-type-archive-projects .inner_banner{

    padding: 50px 45px;

}

.post-type-archive-projects #inner_banners_top{

    background:url(/wp-content/themes/neeliyas/assets/img/project_banner.jpg) no-repeat;

    background-size: cover;

}

.ne_container.style_here {

    padding: 80px 0;

    text-align: center;

}

.ne_container.style_here h5{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-weight: 300;

    font-size: 16px;

    margin-bottom: 10px;

    margin-top: 30px;

}

.ne_container.style_here h1,.ne_container.style_here h2 {

    font-family: var(--main-font);

    color: var(--c-blue);

    font-weight: 400;

    font-size: 50px;

    line-height: normal;

    margin-bottom: 20px;

}

.ne_container.style_here p{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 16px;

    line-height: 1.8;  

}

.projects-bg {

    WIDTH: 100%;

    HEIGHT: 250PX;

    background-size: cover;

    background-position: center;

}

.detail_prs {

    padding: 15px;

    background: #2f2f57;

}

.detail_prs .left_prs{

    width: 60%;

    float: left;

}

.detail_prs .left_prs h6,.detail_prs .left_prs p{

    font-family: var(--main-font);

    color: var(--main-color);

    font-size: 17px;

    margin: 0; 

}



.detail_prs .right_prs{

    width: 40%;

    float: right;

}

.right_prs p{

    font-family: var(--main-font);

    color: var(--bt-bc);

    font-size: 17px;

    margin: 0;

    text-align: right;

    line-height: 43px;

}

.detail_prs{

    margin-bottom: 30px;

}

span.badge img{

    height: 28px;

    width: auto;

    display: block;

    margin: 0 auto;

}

span.badge {

    position: absolute;

    padding: 10px;

    width: 49px;

    border-radius: 100%;

    background: #fdb827;

    top: -20px;

    left: 30px;

}

.page-template-products-services #inner_banners_top{

    background:url(/wp-content/themes/neeliyas/assets/img/products-services.jpg) no-repeat;

    background-size: cover;

}

#Products_wp img{

     width: 100%;

}

#Products_wp .bli .col-sm-5{

    background: url(/wp-content/themes/neeliyas/assets/img/new_bl.png) var(--c-blue);

    background-repeat: no-repeat;

    background-size: 300px;

    background-position: 90% 15%; 

}

#Products_wp .cur  .col-sm-5{

    background: url(/wp-content/themes/neeliyas/assets/img/new_con.png) var(--c-blue);

    background-repeat: no-repeat;

    background-size: 300px;

    background-position: 10% 15%; 

}



.projects_wp .owl-carousel .owl-item img{
    height: 960px;
    width: 1280px;
}

#Products_wp  .row.cur {

    text-align: right;

}

#Products_wp h4{

    color: var(--bt-bc);

    font-family: var(--main-font);

    font-weight: 400;

    font-size: 34px;

    margin-bottom: 30px;

}

#Products_wp h6{

    font-family: var(--main-font);

    color: var(--bt-bc);

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 20px;

}

#Products_wp p{

    font-family: var(--main-font);

    color: var(--main-color);

    font-size: 17px;

    margin: 0;

}

#Products_wp ul{

    list-style: none;

    padding: 0;

    margin: 0;

    margin-top: 50px;

}

#Products_wp li{

    font-family: var(--main-font);

    color: var(--main-color);

    font-size: 17px;

    line-height: 45px;

}

.cur_dec {

    padding-right: 0;

    position: relative;

    transition-duration: 0.5s;

    margin-bottom: 30px;

}

.cur_dec span {

    position: absolute;

    top: 15px;

    right: 0;

    display: block;

    height: 1px;

    background: #fdb827;

    width: 0px;

    transition-duration: 0.5s;

}

.cur_dec p{

    height: 0;

    opacity: 0;

}

.cur_dec span::after {

    width: 15px;

    height: 15px;

    content: '';

    display: block;

    /* background: #fdb835; */

    margin-top: -7.5px;

    float: right;

    border-radius: 100%;

    transition-duration: 0.5s;

}

.cur_dec:hover span::after {

    background: #fdb827;

}

.cur_dec:hover {

    padding-right: 80px;

}

.cur_dec:hover span {

    width: 60px;

}

.cur_dec:hover p {

    height: auto !important;

    opacity: 1 !important;

}

.cur li:after {

    content: '';

    height: 1px;

    width: 10px;

    background: #fdb835;

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

}



.bli_dec {

    padding-left: 0px;

    position: relative;

    transition-duration: 0.5s;

    margin-bottom: 30px;

}



.bli_dec:hover{

    padding-left: 80px;

}

.bli_dec:hover span{

    width: 65px;

}



.bli_dec span {

    position: absolute;

    top: 15px;

    left: 0;

    display: block;

    height: 1px;

    background: #fdb827;

    width: 0;

    transition-duration: 0.5s;

}



.bli_dec:hover span::after{

    display: block;

} 



.bli_dec span::after {

    width: 15px;

    height: 15px;

    content: '';

    display: none;

    background: #fdb835;

    margin-top: -7.5px;

    float: left;

    border-radius: 100%;

}



.bli_dec p{

    height: 0;

    opacity: 0;

}



.bli_dec:hover p{

    height: auto !important;

    opacity: 1 !important;

}



.bli li:before {

    content: '';

    height: 1px;

    width: 10px;

    background: #fdb835;

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

}

#services ul li{

    width: 100%;

    display: block;

}

#services ul li a{

    border: none;

    border-bottom: 1px solid #000;

    border-radius: 0;

    line-height: 1;

    margin-top: 20px;

    display: block;

    padding: 0 0 12px 10px;

    color: var(--c-blue);

    font-family: var(--main-font);

    font-size: 16px;

}

#services ul li a.active{

    color: var(--bt-bc);

    font-weight: 600;

    border-color: var(--bt-bc);

}

#services{

    padding-bottom: 50px;

}

.serv_image img{

    width: 100%;

}



.inner_serv h4{

    font-family: var(--main-font);

    font-weight: 400;

    margin-top: 15px;

    margin-bottom: 20px;

    color: var(--c-blue);

    position: relative;

}

.inner_serv h4::after {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 2px;

    background:#2F2F57;

    top: 50%;

    z-index: -1;

    margin-top: 3px;

}

.inner_serv h4 span{

    padding-right: 20px;

    background: #fff;

} 

.inner_serv p{

    font-family: var(--main-font);

    font-weight: 400;

    font-size: 16px;

    color: var(--font-color-1);

}

.page-template-contact_us #inner_banners_top {

    background: url(/wp-content/themes/neeliyas/assets/img/contact_banner.jpg)no-repeat;

    background-size: cover;

}

.page-template-contact_us #inner_banners_top .inner_banner{

    padding: 50px 30px;

}

.con_inwp {

    padding-top: 80px;

    padding-left: 120px;

    padding-right: 30px;

    padding-bottom: 50px;

}

.con_inwp span{

    display:block;

    padding-left: 50px;

    line-height: 50px;

}

.con_inwp span:nth-child(3),.con_inwp span:nth-child(4){

    width: auto;

    float: left;  

}

.con_inwp span:nth-child(2) {

    background: url(/wp-content/themes/neeliyas/assets/img/con2.png) no-repeat;

    background-position: 10PX center;

}

.con_inwp span:nth-child(3) {

    background: url(/wp-content/themes/neeliyas/assets/img/con1.png) no-repeat;

    background-position: 10PX center;

}

.con_inwp span:nth-child(4) {

    background: url(/wp-content/themes/neeliyas/assets/img/con3.png) no-repeat;

    background-position: 10PX center;
    float: right;

}

.con_dts .w-link{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.con_dts .w-link a{
    position: relative;
    left: 8px;
}
.con_dts .whatsapp{
    background: url(/wp-content/themes/neeliyas/assets/img/whatsapp.png) no-repeat;

    /* background-position: 10px center; */
    width: 33px !important;
    height: 33px;
    padding: 0;
    padding-left: 10px;
    
    margin-left: 10px;
}

.con_dts {

    margin-bottom: 30px;

}

.con_dts.con_dts:last-child{

    margin: 0;

    padding-top: 20px;

    border-top: 1px solid #fff;

}

.con_inwp h6{

    font-family: var(--main-font);

    color: var(--main-color);

    font-size: 16px;

}

.con_inwp span,.con_inwp a,.con_inwp p{

    font-family: var(--main-font);

    font-weight: 400;

    font-size: 16px;

    color: var(--main-color);

}

#contact_details_map .col-sm-5{

    background: url(/wp-content/themes/neeliyas/assets/img/contact_bc.jpg) no-repeat;

    background-size: cover;

}

.con_inwp p{

    background: url(/wp-content/themes/neeliyas/assets/img/ic_for_headder3.png) no-repeat;

    background-position: 10PX center;

    line-height: 50px;

    padding-left: 50px;

    margin-bottom: 0;

}

.con_inwp:nth-child(4){

    padding-top: 20px;

    border-top: 1px solid #fff;

}

div#rec_sales {

    padding: 80px 0;

    background: url(/wp-content/themes/neeliyas/assets/img/contact_mid_inner.jpg) no-repeat;

    background-size: cover;

}

div#rec_sales h5{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-weight: 300;

    font-size: 16px;

    margin-bottom: 10px;

    margin-top: 30px;

}

div#rec_sales h3{

    font-family: var(--main-font);

    color: var(--c-blue);

    font-weight: 400;

    font-size: 50px;

    line-height: normal;

    margin-bottom: 20px;

}

div#rec_sales p{

    font-family: var(--main-font);

    font-weight: 400;

    font-size: 16px;

    color: var(--font-color-1);

}

div#rec_sales span{

    display: block;

    width: 100%;

    margin-bottom: 20px;

}

div#rec_sales input[type=text],

div#rec_sales input[type=tel],

div#rec_sales input[type=email]{

    background: none;

    line-height: 45px;

    border: 1px solid #707070;

    border-radius: 8px;

    width: 100%;

    padding:0 20px;

    outline: none;

}

div#rec_sales textarea{

    height: 150px;

    background: none;

    line-height: 45px;

    border: 1px solid #707070;

    border-radius: 8px;

    width: 100%;

    padding:0 20px;

    outline: none;

}

div#wpcf7-f51-o1 {

    margin-top: 30px;

}

div#rec_sales input[type=submit] {

    background: var(--bt-bc);

    font-family: var(--main-font);

    color: #fff;

    border: none;

    outline: none;

    padding: 8px 50px;

}

div#rec_sales span.ajax-loader {

    width: 16px !important;

    display: inline-block !important;

    margin: 0 !important;

    margin-left: 30px !important;

}

div#rec_sales .con_ins {

    margin-top: 25px;

}

div#rec_sales .con_ins span{

    width: auto;

    float: left;

    padding-left: 50px;

    line-height: 50px;

}

div#rec_sales .con_ins span:nth-child(2) {

    background: url(/wp-content/themes/neeliyas/assets/img/con1.png) no-repeat;

    background-position: 10PX center;

}

div#rec_sales .con_ins span:nth-child(3) {

    background: url(/wp-content/themes/neeliyas/assets/img/con3.png) no-repeat;

    background-position: 10PX center;
    float: right;
}

div#rec_sales .con_ins h6{

    font-family: var(--main-font);

    color: var(--c-blue);

    font-size: 16px;

}

div#rec_sales .con_ins span a{

    font-family: var(--main-font);

    color: var(--font-color-1);

    font-size: 16px;

}

div#rec_sales .obs_ins{

    margin-bottom: 10px;

}

div#our_prosess {

    background: url(/wp-content/themes/neeliyas/assets/img/curtains.png) no-repeat;

    background-position: top right;

    background-size: 500px;

}

/* responsive css gose here */

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

    .text-right{

        display: none;

    }

    #top-header img{

        height: 40px;

        padding-left: 10px;

    }

    .mb_menu{

        display: block !important;

        float: right;

        margin-right: 15px;

    }

    .mb_menu .bar1, .mb_menu .bar2, .mb_menu .bar3 {

        width: 35px;

        height: 5px;

        background-color: var(--c-blue);

        margin: 6px 0;

        transition: 0.4s;

      }

      

    .change .bar1 {

        -webkit-transform: rotate(-45deg) translate(-8px, 7px);

        transform: rotate(-45deg) translate(-8px, 7px);

    }

      

    .change .bar2 {

        opacity: 0;

    }

    .change .bar3 {

        -webkit-transform: rotate(45deg) translate(-8px, -8px);

        transform: rotate(45deg) translate(-8px, -8px);

    }

    .ne_container{

          position: relative;

    }

    #menu-main-menu{

          position: absolute;

          z-index: 99;

          background: var(--main-color);

    }

    #menu-main-menu{

          display: none; 

    }

    .headder{

        display: none;

    }

    div#slider-inner h2 {

        font-weight: 600 !important;

        font-size: 16px !important;

    }

    div#slider-inner h5 {

        font-size: 11px !important;

    }

    div#slider-inner a {

        font-size: 10px !important;

        padding: 10px 15px !important;

    }

    #sec-welcome .row .col-sm-6:nth-child(1){

        text-align: center;

    }

    div#sec-welcome {

        padding: 45px 20px;

        background-size: 180px;

    }

    #sec-welcome .col-sm-6:nth-child(1) h1 {

        font-size: 35px;

        margin-bottom: 15px;

    }

    #sec-welcome .col-sm-6:nth-child(1) h5 {

        margin-bottom: 15px;

    }

    #sec-welcome .col-sm-6:nth-child(1) p {

        font-size: 14px;

    }

    #sec-welcome .col-sm-6:nth-child(2) {

        padding-left: 30px;

        padding-top: 40px;

    }

    .text_bx {

        width: 80%;

        height: auto;

        padding: 25px;

        font-size: 40px;

        z-index: 9;

        display: block;

        margin: 0 auto !important;

        float: none;

        text-align: center; 

    }

    .img-box-1 ,.img-box-2 {

        display: none;

    }

    .why_sec {

        padding: 30px;

        background: #2F2F57;

        height: auto;

        text-align: center;

    }

    .why_sec h3{

        font-size: 35px;

    }

    #why_choose .row:nth-child(2) .p-0:nth-child(1) .anim_wrap{

        padding: 50px;

    }

    #our_prosess button.slick-next.slick-arrow{

        right: 0;

    }

    #our_prosess button.slick-prev.slick-arrow{

        left: 0;

    }

    div#my_counters h3 {

        font-size: 38px;

    }

    .mid_in_ser h3 {

        font-size: 35px;

        margin-bottom: 20px;

    }

    .mid_in_ser {

        width: 80%;

        padding: 30px;

    }

    .mid_in_ser {

        width: 80%;

        padding: 30px;

        background: #fdb827;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

        text-align: center;

    }

    .serveice_title {

        background: rgb(255 255 255 / 70%);

        position: absolute;

        bottom: 0;

        font-size: 14px;

        color: #343434;

        font-family: var(--main-font);

        width: 100%;

        padding: 10px;

        font-weight: 300;

        line-height: 1.2;

    }

    .mid_in_ser p {

        font-size: 10px;

    }

    #our_product {

        padding: 60px 25px;

    }

    #our_product h3{

        font-size: 35px;

    }

    #our_product p {

        font-size: 12px;

    }

    #our_product img {

        width: 80px;

    }

    #our_product h4 {

        font-size: 23px;

        margin-top: 10px;

        margin-bottom: 10px;

    }

    ul#materialsTabs .nav-item a {

        padding: 5px 20px !important;

        font-size: 16px;

        width: auto;

    }

    #myTabContent .col-sm-2 {

        text-align: center;

        width: 25%;

    }

    #myTabContent img {

        display: block;

        margin: 0 auto;

        border-radius: 100%;

        width: 100%;

        height: auto;

    }

    #materials {

        padding: 50px 0;

        min-height: auto;

    }

    #materials h3,#our_cliants h3 ,#materials_partners h3,#they_Say h4{

        font-size: 35px;

    }

    .cl_in_prj h3 {

        font-size: 35px;

    }

    .cl_in_images2,.cl_in_images{

        display: none

    }

    #our_cliants,#materials_partners,#they_Say {

        padding: 50px 15px;

    }

    #footer #menu-main-menu-1{

        display: none !important

    }

    #footer p {

        font-size: 12px;

        padding: 0 20px;

    }

    #footer p a{

        font-size: 12px;

    }

    .home .slick-next.slick-arrow{

        right: 0 !important;

    }

    .home .slick-prev.slick-arrow{

        left: 0 !important;

    }

    .inner_banner{

        padding: 25PX !important;

        width: 80%;

    }

    .inner_banner h2 {

        font-size: 33px;

    }

    #aboutdetails {

        padding: 50px 15px;

    }

    #aboutdetails h1{

        font-size: 35px;

    }

    div#aboutdetails .row .col-sm-4 {

        margin-bottom: 40px !important;

    }

    div#aboutdetails .row:after{

        display: none

    }

    #aboutVM {

        padding: 50px 25px !important;

        text-align: left;

        background-size: cover !important;

    }

    #aboutVM p{

        text-align: left;

    }

    #DirectorMessage img{

        width: 100%;

    }

    .page-template-About_us .ne_container {

        position: relative;

        padding: 0 15px;

    }

    #DirectorMessage h3{

        font-size: 30px;

    }

    #DirectorMessage .col-sm-7 img:nth-child(5){

        width: 150px;

    }

    .page-template-About_us #menu-main-menu,

     .post-type-archive-projects #menu-main-menu,

     .page-template-products-services #menu-main-menu,

     .page-template-contact_us #menu-main-menu{

        left: 0;

    }

    .post-type-archive-projects .ne_container ,.page-template-contact_us .ne_container {

        padding: 0 15px;

    }

    .ne_container.style_here h1, .ne_container.style_here h2,div#rec_sales h3,div#rec_sales h3{

        font-size: 35px;

    }

    .page-template-products-services .ne_container{

        padding: 0 15px;

    }

    div#servContent {

        padding-top: 35px;

    }

    .inner_serv h4::after{

        display: none

    }

    .serv_image img{

        height: auto;

    }

    .con_inwp {

        padding: 25px !important;

    }

    .con_dts .whatsapp{
        margin-bottom: 0;
    }
    .con_inwp span {

        line-height: 1;

        margin-bottom: 20px;

        width: 100% !important;

        min-height: 35px;

        background-position: top left !important;

    }

    .con_inwp p{

        line-height: 1;

    }

    div#rec_sales {

        padding: 50px 0;

    }

    div#rec_sales .con_ins span {

        width: 100%;

        float: left;

        padding-left: 50px;

        line-height: 33px;

    }

    #rec_sales .col-sm-6{

        padding:  0 20px !important;

    }

    html ,body{

        overflow-x:hidden ;

    }



}

@media only screen and (min-width:480px) and (max-width:767px){

    .text-right{

        display: none;

    }

    #top-header img{

        height: 40px;

        padding-left: 10px;

    }

    .mb_menu{

        display: block !important;

        float: right;

        margin-right: 15px;

    }

    .mb_menu .bar1, .mb_menu .bar2, .mb_menu .bar3 {

        width: 35px;

        height: 5px;

        background-color: var(--c-blue);

        margin: 6px 0;

        transition: 0.4s;

      }

      

    .change .bar1 {

        -webkit-transform: rotate(-45deg) translate(-8px, 7px);

        transform: rotate(-45deg) translate(-8px, 7px);

    }

      

    .change .bar2 {

        opacity: 0;

    }

    .change .bar3 {

        -webkit-transform: rotate(45deg) translate(-8px, -8px);

        transform: rotate(45deg) translate(-8px, -8px);

    }

    .ne_container{

          position: relative;

    }

    #menu-main-menu{

          position: absolute;

          z-index: 99;

          background: var(--main-color);

    }

    #menu-main-menu{

          display: none; 

    }

    .headder{

        display: none;

    }

    div#slider-inner h2 {

        font-weight: 600 !important;

        font-size: 16px !important;

    }

    div#slider-inner h5 {

        font-size: 11px !important;

    }

    div#slider-inner a {

        font-size: 10px !important;

        padding: 10px 15px !important;

    }

    #sec-welcome .row .col-sm-6:nth-child(1){

        text-align: center;

    }

    div#sec-welcome {

        padding: 45px 20px;

        background-size: 180px;

    }

    #sec-welcome .col-sm-6:nth-child(1) h1 {

        font-size: 35px;

        margin-bottom: 15px;

    }

    #sec-welcome .col-sm-6:nth-child(1) h5 {

        margin-bottom: 15px;

    }

    #sec-welcome .col-sm-6:nth-child(1) p {

        font-size: 14px;

    }

    #sec-welcome .col-sm-6:nth-child(2) {

        padding-left: 30px;

        padding-top: 40px;

    }

    .text_bx {

        width: 80%;

        height: auto;

        padding: 25px;

        font-size: 40px;

        z-index: 9;

        display: block;

        margin: 0 auto !important;

        float: none;

        text-align: center; 

    }

    .img-box-1 ,.img-box-2 {

        display: none;

    }

    .why_sec {

        padding: 30px;

        background: #2F2F57;

        height: auto;

        text-align: center;

    }

    .why_sec h3{

        font-size: 35px;

    }

    #why_choose .row:nth-child(2) .p-0:nth-child(1) .anim_wrap{

        padding: 50px;

    }

    #our_prosess button.slick-next.slick-arrow{

        right: 0;

    }

    #our_prosess button.slick-prev.slick-arrow{

        left: 0;

    }

    div#my_counters h3 {

        font-size: 38px;

    }

    .mid_in_ser h3 {

        font-size: 35px;

        margin-bottom: 20px;

    }

    .mid_in_ser {

        width: 80%;

        padding: 30px;

    }

    .mid_in_ser {

        width: 80%;

        padding: 30px;

        background: #fdb827;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

        text-align: center;

    }

    .serveice_title {

        background: rgb(255 255 255 / 70%);

        position: absolute;

        bottom: 0;

        font-size: 14px;

        color: #343434;

        font-family: var(--main-font);

        width: 100%;

        padding: 10px;

        font-weight: 300;

        line-height: 1.2;

    }

    .mid_in_ser p {

        font-size: 10px;

    }

    #our_product {

        padding: 60px 25px;

    }

    #our_product h3{

        font-size: 35px;

    }

    #our_product p {

        font-size: 12px;

    }

    #our_product img {

        width: 80px;

    }

    #our_product h4 {

        font-size: 23px;

        margin-top: 10px;

        margin-bottom: 10px;

    }

    ul#materialsTabs .nav-item a {

        padding: 5px 20px !important;

        font-size: 16px;

        width: auto;

    }

    #myTabContent .col-sm-2 {

        text-align: center;

        width: 25%;

    }

    #myTabContent img {

        display: block;

        margin: 0 auto;

        border-radius: 100%;

        width: 100%;

        height: auto;

    }

    #materials {

        padding: 50px 0;

        min-height: auto;

    }

    #materials h3,#our_cliants h3 ,#materials_partners h3,#they_Say h4{

        font-size: 35px;

    }

    .cl_in_prj h3 {

        font-size: 35px;

    }

    .cl_in_images2,.cl_in_images{

        display: none

    }

    #our_cliants,#materials_partners,#they_Say {

        padding: 50px 15px;

    }

    #footer #menu-main-menu-1{

        display: none !important

    }

    #footer p {

        font-size: 12px;

        padding: 0 20px;

    }

    #footer p a{

        font-size: 12px;

    }

    .home .slick-next.slick-arrow{

        right: 0 !important;

    }

    .home .slick-prev.slick-arrow{

        left: 0 !important;

    }

    .inner_banner{

        padding: 25PX !important;

        width: 80%;

    }

    .inner_banner h2 {

        font-size: 33px;

    }

    #aboutdetails {

        padding: 50px 15px;

    }

    #aboutdetails h1{

        font-size: 35px;

    }

    div#aboutdetails .row .col-sm-4 {

        margin-bottom: 40px !important;

    }

    div#aboutdetails .row:after{

        display: none

    }

    #aboutVM {

        padding: 50px 25px !important;

        text-align: left;

        background-size: cover !important;

    }

    #aboutVM p{

        text-align: left;

    }

    #DirectorMessage img{

        width: 100%;

    }

    .page-template-About_us .ne_container {

        position: relative;

        padding: 0 15px;

    }

    #DirectorMessage h3{

        font-size: 30px;

    }

    #DirectorMessage .col-sm-7 img:nth-child(5){

        width: 150px;

    }

    .page-template-About_us #menu-main-menu,

     .post-type-archive-projects #menu-main-menu,

     .page-template-products-services #menu-main-menu,

     .page-template-contact_us #menu-main-menu{

        left: 0;

    }

    .post-type-archive-projects .ne_container ,.page-template-contact_us .ne_container {

        padding: 0 15px;

    }

    .ne_container.style_here h1, .ne_container.style_here h2,div#rec_sales h3,div#rec_sales h3{

        font-size: 35px;

    }

    .page-template-products-services .ne_container{

        padding: 0 15px;

    }

    div#servContent {

        padding-top: 35px;

    }

    .inner_serv h4::after{

        display: none

    }

    .serv_image img{

        height: auto;

    }

    .con_inwp {

        padding: 50px !important;

    }

    .con_dts .whatsapp{
        margin-bottom: 0;
    }
    .con_inwp span {

        line-height: 1;

        margin-bottom: 20px;

        width: 100% !important;

        min-height: 35px;

        background-position: top left !important;
        
    }

    .con_inwp p{

        line-height: 1;

    }

    div#rec_sales {

        padding: 50px 0;

    }

    div#rec_sales .con_ins span {

        width: 100%;

        float: left;

        padding-left: 50px;

        line-height: 33px;

    }

    #rec_sales .col-sm-6{

        padding:  0 20px !important;

    }

    html ,body{

        overflow-x:hidden ;

    }

    div#top-header .col-sm-4 {

        width: 100%;

        max-width: 100%;

        flex: auto;

    }

    #menu-main-menu li {

        width: 100%;

        margin: 0 !important;

    }

    div#slider-inner p{

        line-height: 1.6 !important;

    }

    #sec-welcome .row .col-sm-6:nth-child(1) {

        text-align: center;

        max-width: 100%;

        flex: auto;

    }

    #sec-welcome .col-sm-6:nth-child(2){

        max-width: 100%;

        flex: auto;

        text-align: center;

    }

    #why_choose .col-sm-6{

        max-width: 100%;

        flex: auto;

        text-align: center;

    }

    #why_choose .col-sm-3{

        width: 50%;

        max-width: 50%;

        flex: auto;

    }

    #op_col .col-sm-3{

        width: 100%;

    }

    #op_col .col-sm-3 {

        width: 100%;

        flex: auto;

        max-width: 100%;

    }

    .wp_pjs {

        background-size: cover;

    }

    .pg_in_inside {

        height: auto;

        padding: 50px 50px 50px;

    }

    .lbc{

        display: none

    }

    div#op_col .col-sm-9,div#op_col .col-sm-8 {

        max-width: 100%;

        flex: auto;

    }

    .about_bg_inner p {

        width: 100% !important;

    }

    .projects_wp .col-sm-3{

        max-width: 50%;

        flex: auto;

    }

    #Products_wp .col-sm-5,#Products_wp .col-sm-7 {

        width: 100%;

        flex: auto;

        max-width: 100%;

    }

    #services ul li a{

        font-size: 10px;

    }

    #contact_details_map .col-sm-5 ,#contact_details_map .col-sm-7{

        width: 100%;

        flex: auto;

        max-width: 100%;

    }

    .con_dts.con_dts:last-child p {

        line-height: 50px !important;

    }

}

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

    .text-right{

        display: none;

    }

    #top-header img{

        padding-left: 10px;

    }

    .mb_menu {

        display: block !important;

        float: right;

        margin-right: 15px;

        margin-top: 21px;

    }

    .mb_menu .bar1, .mb_menu .bar2, .mb_menu .bar3 {

        width: 35px;

        height: 5px;

        background-color: var(--c-blue);

        margin: 6px 0;

        transition: 0.4s;

      }

      

    .change .bar1 {

        -webkit-transform: rotate(-45deg) translate(-8px, 7px);

        transform: rotate(-45deg) translate(-8px, 7px);

    }

      

    .change .bar2 {

        opacity: 0;

    }

    .change .bar3 {

        -webkit-transform: rotate(45deg) translate(-8px, -8px);

        transform: rotate(45deg) translate(-8px, -8px);

    }

    div#top-header .col-sm-4 {

        width: 100%;

        max-width: 100%;

        flex: auto;

    }

    #menu-main-menu{

        display: none; 

    }

    .headder{

        display: none;

    }

    #menu-main-menu{

        position: absolute;

        z-index: 99;

        background: var(--main-color);

    }

    #menu-main-menu li {

        width: 100%;

        margin: 0 !important;

    }

    div#slider-inner p{

        line-height: normal !important;

    }

    div#slider-inner h2 {

        font-size: 30px !important;

    }

    #sec-welcome .col-sm-6{

        width: 100%;

        max-width: 100%;

        flex: auto;

        padding: 0px 45px;

    }

    #sec-welcome {

        padding: 55px 0;

    }

    #sec-welcome .col-sm-6:nth-child(2) {

        padding-left: 80px;

        margin-top: 60px;

    }

    #why_choose .col-sm-6{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    #why_choose .col-sm-3{

        width: 50%;

        max-width: 50%;

        flex: auto; 

    }

    div#our_prosess {

        padding: 50px;

        text-align: center;

    }

    .home .slick-prev.slick-arrow{

        left: 0 !important;

    }

    .home button.slick-next.slick-arrow{

        right: 0  !important;

    }

    div#my_counters h6 {

        font-size: 30px;

    }

    .serveice_title{

        width: 100%;

    }

    #our_product ,#materials{

        padding: 50px;

    }

    #op_col .col-sm-3,#op_col .col-sm-9{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    .wp_pjs{

        background-size: cover;

    }

    .pg_in_inside {

        height: auto;

        padding: 50px;

    }

    #our_cliants ,#materials_partners{

        padding: 50px;

    }

    body,html{

        overflow-x: hidden;

    }

    #inner_banners_top {

        height: 450px;

        width: 100%;

        position: relative;

    }

    .inner_banner {

        padding: 50px 34px;

        width: 80%;

    }

    .inner_banner h2{

        font-size: 35px;

    }

    #aboutdetails {

        padding: 50px;

    }

    .about_bg_inner p {

        width: 100%;

        font-size: 14px !important;

    }

    #DirectorMessage .col-sm-5, #DirectorMessage .col-sm-7{

        width: 100%;

        max-width: 100%;

        flex: auto;   

        text-align: center;

    }

    .ne_container.style_here {

        padding: 50px;

    }

    .projects_wp .col-sm-3{

        width: 50%;

        max-width: 50%;

        flex: auto; 

    }

    .projects_wp{

        padding:  0 20px;

    }

    #Products_wp .col-sm-5{

        padding-bottom: 30px !important;

    }

    #Products_wp .col-sm-5, #Products_wp .col-sm-7{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    .serv_image img {

        width: 100%;

        height: auto;

    }

    #contact_details_map .col-sm-5, #contact_details_map .col-sm-7{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    div#rec_sales .col-sm-6 {

        max-width: 100%;

        flex: auto;

        padding: 50px 50px 0 !important;

    }

}

@media only screen and (max-width:1024px) and (min-width:960px) {

    .text-right{

        display: none;

    }

    #top-header img{

        padding-left: 10px;

    }

    .mb_menu {

        display: block !important;

        float: right;

        margin-right: 15px;

        margin-top: 21px;

    }

    .mb_menu .bar1, .mb_menu .bar2, .mb_menu .bar3 {

        width: 35px;

        height: 5px;

        background-color: var(--c-blue);

        margin: 6px 0;

        transition: 0.4s;

      }

      

    .change .bar1 {

        -webkit-transform: rotate(-45deg) translate(-8px, 7px);

        transform: rotate(-45deg) translate(-8px, 7px);

    }

      

    .change .bar2 {

        opacity: 0;

    }

    .change .bar3 {

        -webkit-transform: rotate(45deg) translate(-8px, -8px);

        transform: rotate(45deg) translate(-8px, -8px);

    }

    div#top-header .col-sm-4 {

        width: 100%;

        max-width: 100%;

        flex: auto;

    }

    #menu-main-menu{

        display: none; 

    }

    .headder{

        display: none;

    }

    #menu-main-menu{

        position: absolute;

        z-index: 99;

        background: var(--main-color);

    }

    #menu-main-menu li {

        width: 100%;

        margin: 0 !important;

    }

    div#slider-inner p{

        line-height: normal !important;

    }

    div#slider-inner h2 {

        font-size: 30px !important;

    }

    #sec-welcome .col-sm-6{

        width: 100%;

        max-width: 100%;

        flex: auto;

        padding: 0px 45px;

    }

    #sec-welcome {

        padding: 55px 0;

    }

    #sec-welcome .col-sm-6:nth-child(2) {

        padding-left: 80px;

        margin-top: 60px;

    }

    #why_choose .col-sm-6{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    #why_choose .col-sm-3{

        width: 50%;

        max-width: 50%;

        flex: auto; 

    }

    div#our_prosess {

        padding: 50px;

        text-align: center;

    }

    .home .slick-prev.slick-arrow{

        left: 0 !important;

    }

    .home button.slick-next.slick-arrow{

        right: 0  !important;

    }

    div#my_counters h6 {

        font-size: 30px;

    }

    .serveice_title{

        width: 100%;

    }

    #our_product ,#materials{

        padding: 50px;

    }

    #op_col .col-sm-3,#op_col .col-sm-9{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    .wp_pjs{

        background-size: cover;

    }

    .pg_in_inside {

        height: auto;

        padding: 50px;

    }

    #our_cliants ,#materials_partners{

        padding: 50px;

    }

    body,html{

        overflow-x: hidden;

    }

    #inner_banners_top {

        height: 450px;

        width: 100%;

        position: relative;

    }

    .inner_banner {

        padding: 50px 34px;

        width: 80%;

    }

    .inner_banner h2{

        font-size: 35px;

    }

    #aboutdetails {

        padding: 50px;

    }

    .about_bg_inner p {

        width: 100%;

        font-size: 14px !important;

    }

    #DirectorMessage .col-sm-5, #DirectorMessage .col-sm-7{

        width: 100%;

        max-width: 100%;

        flex: auto;   

        text-align: center;

    }

    .ne_container.style_here {

        padding: 50px;

    }

    .projects_wp .col-sm-3{

        width: 50%;

        max-width: 50%;

        flex: auto; 

    }

    .projects_wp{

        padding:  0 20px;

    }

    #Products_wp .col-sm-5{

        padding-bottom: 30px !important;

    }

    #Products_wp .col-sm-5, #Products_wp .col-sm-7{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    .serv_image img {

        width: 100%;

        height: auto;

    }

    #contact_details_map .col-sm-5, #contact_details_map .col-sm-7{

        width: 100%;

        max-width: 100%;

        flex: auto; 

    }

    div#rec_sales .col-sm-6 {

        max-width: 100%;

        flex: auto;

        padding: 50px 50px 0 !important;

    }

}









/* product and service page loading effect by Tharindu 15-03-2021 */

/* 

#Products_wp {

    height: 500px;

}

#Products_wp  li{

    max-height: 50px;

    padding-top: 5%;

    padding-bottom: 5%;

    list-style-type: '-';

}



#Products_wp  .feature-content{

    display: none;

}

#Products_wp  li:hover{

    max-height: 100px !important;

    margin-right: 5%;

    list-style-image: url(/wp-content/themes/neeliyas/assets/img/list-style.png);

    transition: all 1000ms ease-in-out ;

}



#Products_wp  li:hover .feature-content{

    display: block;

}

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

    #Products_wp .list-content{

        height: 100%;

    }

    #Products_wp .list-content li{

        max-height: 100%;

        padding-top: 5%;

        padding-bottom: 5%;

        list-style-type: '-';

    }

    

    #Products_wp .list-content .feature-content{

        display: block;

    }

    #Products_wp .list-content li:hover{

        transition: none;

        list-style: '-';

        margin: 0;

        max-height: none;

    }

    

    

} */





.projects_wp .modal-dialog{

    max-width: 1000px !important;

    max-height:750px !important;

}



.projects_wp .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    right: auto;

    left: auto;

    bottom: auto;

}



.projects_wp .owl-nav .owl-prev{

    float: left;

    height: 100px;

    width: 5%;

    font-size: 50px !important;

    background: #000 !important;

    opacity: 0.8;

    color: white !important;

}

.projects_wp .owl-nav .owl-next{

    float: right;

    height: 100px;

    width: 5%;

    font-size: 50px !important;

    background: #000 !important;

    opacity: 0.8;

    color: white !important;

}



.projects_wp .modal-content .close{

    position: absolute;

    z-index: 9;

    color: var(--main-color);

    right: 1%;

    left: auto;

}

.page-template-products-services #Products_wp .col-sm-7.p-0.m-0{
    background: url(/wp-content/themes/neeliyas/assets/img/hml2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-template-products-services #Products_wp img{
    height: 100% !important;
    display: none;
}



@media only screen and (max-width:960px){
    .page-template-products-services #Products_wp .col-sm-7.p-0.m-0{
        background: none;
    }
    .page-template-products-services #Products_wp img{
        
        display: block;
    }
    .bli_dec:hover p{
        left: -77px;
    }
}

@media only screen and (max-width:1440px) and (min-width:1280px){
    #header #top-header .col-sm-8.tex-right{
        padding-right: 30px;
    }
    .ne_container{
        max-width: 1100px;
    }
    hr.headder{
        max-width: 1200px;
    }
    #DirectorMessage .ne_container{
        max-width: 1400px;
    }
    .page-template-contact_us .con_inwp{
        padding-left: 10px;
    }
}
.qr-img img{
    width: 100px;
    height: auto;
}