*{margin:0;padding:0;}
html{
    overflow-x:hidden;
}

:root{
    --first-color: #000033;
    --second-color: #ff4d4d;
}

body{font-family:Lato-Regular;font-size:16px;color:#333; overflow-x:hidden;}

img{border:none; display: block;}

p,h1,h2,h3,h4,h5,h6{padding:0;line-height:20px;margin:0}

ul{list-style:none}

a{text-decoration:none;color:#000}

a:hover{transition-duration: 1s;}

html{scroll-behavior: smooth;}

@font-face {font-family:Lato-Regular;src: url(../fonts/Lato-Regular.ttf);}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track{
  background: var(--second-color);border-radius: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb{
  background: var(--first-color);border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  /*background: var(--heading-white);*/
}

.navbar{padding:0;position: sticky;top:0;left:0;width: 100%;background-color:var(--first-color);z-index:9;padding:0 !important;}

#divya_text{cursor:pointer; text-decoration:underline;}
.mssform #divya_text{color: white;}

button{
    background: var(--first-color) !important;
    border: 1px solid var(--first-color) !important;
}

.navbar .row{width:100%;}

.navbar .row .hamburger-menu{margin-top:auto;margin-bottom:auto;z-index: 1;margin-left: 40px;}

.navbar .row .hamburger-menu i{font-size:24px;color:#FFF;cursor: pointer;}

.navbar .row .navbar-brand{margin: 0 auto;padding-bottom: 0;}

.navbar .row .navbar-brand img{width: 250px;}

.navbar .row .right-navbar{margin-top:auto;margin-bottom:auto;}

.navbar .row .right-navbar p{font-size:15px;display: inline-flex;font-weight: 600;margin: 0;color: #FFF;}

.navbar .row .right-navbar i{color: #FFF;font-size: 14px;margin-right: 5px;    margin-top: 4px;}

.navbar .col-left, .navbar .col-mid, .navbar .col-right{width:33.33%;float: left;margin-top: auto;padding: 0;z-index: 1;margin-bottom: auto;}

.navbar .col-mid{text-align: center;}

.navbar .col-right{text-align: right;}

/**start navigation section**/

.navigation-menu{position: fixed;overflow-y: scroll;top:0;left:0;background-color:#111;z-index:9999;width:300px;height:100vh;padding:30px 30px;box-shadow: 0px 1px 10px #55555580;left:-300px;transition:0.5s;}

.navigation-menu.active{left:0;transition:0.5s;}

.navigation-menu ul{padding:0;margin:0;}

.navigation-menu ul li{padding:10px 0;border-bottom:1px solid #ffffff50;}

.navigation-menu ul li a{color:#fff;text-decoration: none;font-size:14px;}

.navigation-menu .navbar-close{position: absolute;right:20px;top:10px;color:#fff;opacity: 1;cursor: pointer;font-size:30px;}

/**end of navigation section**/

section{width: 100%;}

h2 span{color: var(--second-color);}

/*.navbar{height: 50px;}*/

.nav_menu img{width: 200px;margin-left: 10px;}

.navbar .nav_menu{display: flex;width: 100%;}

.navbar .nav_menu ul{margin-top: 10px;text-align: right;display: ruby;margin-bottom: 10px !important;position: relative;right: 10px;width: 100%;}

.navbar .nav_menu ul li{float: right;padding: 5px 13px;margin: 0px 5px;color: white;border-radius: 5px;transition: 0.5s linear;}

.navbar .nav_menu ul li:hover{background: white;}

.navbar .nav_menu ul li:hover a{color: var(--second-color);}

.navbar .nav_menu a{color: white;text-decoration: none;font-style: "Copper Black";}

.banner .container{max-width: 100% !important;padding: 0px !important;}

.banner .container img{width: 100%;}

.headline_slider{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    color: #fff;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: relative;
}

.headline_slider.slider1{
	background-color: var(--second-color);
}

.headline_slider.slider2{
	background-color: var(--first-color);
}

.headline_slider p{
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
}

@keyframes headline_slider1{
    0%{
        transform: translateX(100vw);
    }
    100%{
        transform: translateX(-100%);
    }
}

.sunyam{
	text-align: center;
}

.sunyam p{
	color: rgba(255, 255, 255, 0.7);
}

.sunyam p a{
	color: white;
    text-decoration: none;
}

.youcanclickhere img{width: 120px;margin: auto;}

.youcanclickhere>div>div div{display: flex;}

.youcanclickhere>div>div.row{text-align: center;}

.ycch1 a, .ycch3 a{color: var(--second-color);}

.youcanclickhere>div>div.row h2{padding: 10px;font-weight: 700;font-size: 22px;}

.youcanclickhere>div div.col-6{display: block;text-align: center;padding: 5px;}

.youcanclickhere>div div.col-6 a{text-decoration: none;font-weight: 500;}

.ycch1 a, .ycch3 a{color: var(--second-color);}

.ycch2 a, .ycch4 a{color: black;}

.ycch1 img, .ycch3 img{animation: ycch1 10s linear infinite;}
.ycch2 img, .ycch4 img{animation: ycch2 10s linear infinite;}

.banner2 .container{
	max-width: 100%;
	padding: 0px;
}

.banner2 .container img{
	width: 100%;
}

.banner{
	transform: translateX(-100%);
	animation: banner_anime 0.5s linear forwards;
}

@keyframes banner_anime {
	100%{
		transform: translateX(0px);
	}
}

@keyframes ycch1 {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}

@keyframes ycch2 {
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}


.complaint_img{
    width: 130px;
    line-height: 20px;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    text-align: center;
}

.complaint_img img{
    width: 50px;
    height: 50px;
    margin: auto;
}

.complaint_img a{
    color: black;
    text-decoration: none;
    font-weight: 700;
}

.complaint_img .comp_text{
    background: rgba(255, 255, 255, 0.7);
    padding: 0px 5px;
    border-radius: 10px;
    animation: comp_text1 2.5s linear infinite;
}

.complaint_form{
    display: flex;
}

.complaint_form .mss_quot{
    height: 100%;
    transform: translateY(10px);
}

@keyframes comp_text1 {
    0%{
        color: var(--second-color);
    }
    60%{
        color: red;
    }
    100%{
        color: var(--second-color);
    }
}

.files_instructions{
    color: white;
    font-size: 10px;
    transform: translateY(-10px);
}


.best_volunteer{
	padding: 40px 10px;
	text-align: center;
}

.best_v img{
	width: 200px;
	height: 200px;
	margin: 15px auto;
	border-radius: 50%;
	padding: 40px 10px;
	border: 1px solid var(--second-color);
}

.best_volunteer div.vol_img img{
	width: 130px;
	height: 130px;
	margin: auto;
	border-radius: 50%;
	padding: 20px 10px;
}

.best_volunteer h2{
	padding: 20px 10px;
	font-weight: 700;
}

.hamburger-menu{
	/*display: none;*/
}

.footer{
	width: 100%;
	background: var(--first-color);
	padding-bottom: 30px;
}

.footer li a{
	text-decoration: none;
	color: white;
}

.footer li{
	padding: 3px 0px;
}

.footer li img{
	width: 40px;
	height: 40px;
}

.footer ul.footer_gallery{
	display: flex;
}

.footer ul.footer_gallery li{
	margin: 3px;
}

.footer span{
	color: white;
}

.footer table td{
	color: white;
}

.upper_footer{
	background: var(--second-color);
	color: white;
	margin-bottom: 20px;
	border-radius: 0px 100px;
}

.upper_footer img{
	width: 20px;
}

.upper_footer table:nth-child(1){
	width: 40px;
}

.upper_footer div:nth-child(1){
	display: flex;
	margin: auto;
	padding-top: 10px;
	font-weight: 700;
}

.upper_footer div:nth-child(1) a{
    color: white;
    text-decoration: none;
    display: contents;
}
.upper_footer div:nth-child(2){
	display: flex;
	margin: auto;
	padding: 10px;
}

.upper_footer div:nth-child(1) img{
	width: 20px;
	margin-right: 15px;
}

.upper_footer div:nth-child(2) button{
	border-radius: 20px;
	padding: 0px 15px;
	color: white;
	background: black;
	border: 1px solid black;
	margin: 0px;
}

.footer_details{
    color: white;
}
.firstname p, .thirdname p{
	color: var(--second-color);
}

.firstname img, .thirdname img{
	border: 1px solid black;
}

.secondname p, .forthname p{
	color: black;
}

.secondname img, .forthname img{
	border: 1px solid var(--second-color);
}

.best_vol_others img{
	animation: bv_img 5s linear infinite;
}

@keyframes bv_img {
	0%{}
	50%{
		transform: translateY(-20px);
		box-shadow: 5px 5px 40px var(--second-color);
	}
	100%{}
}


.mssform #divya_text{color: white;}
.mssform .m_form div span.mss_quot{color:white;}
.mssform .m_form input::placeholder,.mssform textarea::placeholder{color: black; opacity: 0.8;}
.mssform .m_form input:focus,.mssform select option:focus, .mssform textarea:focus{background: #ffcccc !important;border: 1px solid #960001d6; border-radius: 0px; }
.mssform .m_form input,.mssform textarea,.mssform select,.mssform .mrd_box{background-color: #ffcccc !important;border: 1px solid #960001d6 !important; border-radius: 0px !important;}
.mssform .m_form input[type="file"]::file-selector-button{background: #ff9999 !important; color: black !important;border-radius: 3px; border: 1px solid #960001d6;}
label.term_conditions{font-size: 9px !important;text-align: justify;}
/**start banner section**/



.banner-section{

	position: relative;

}



.banner-section .overlay{

	position: absolute;

	top:0;

	left:0;

	bottom:0;

	right:0;

	/*background-color:rgba(0,0,0,0.7);*/

}



.banner-section .content{

	position: absolute;

	top:50%;

	left:200px;

	transform:translateY(-50%);

	background-image: linear-gradient(to right, rgba(0,0,0,0.7) , rgba(0,0,0,0.3));

    padding: 30px 150px 30px 50px;

}



.banner-section .content h1{

	color:#f7bf36;

	margin-bottom:20px;

	border-bottom:1px solid #f7bf3650;

	padding-bottom:15px;

	line-height: 30px;

}



.banner-section .content h4, .banner-section .content p{

	color:#fff;

	font-weight: normal;

}



.banner-section .content h4{

	margin-bottom:10px;

}



.banner-section .content h4 i{

	margin-right:10px;

	font-size:18px;

	vertical-align: middle;

}



.banner-section .carousel-control-prev{

	width:35px;

	height:35px;

	border:1px solid #f7bf36;

	border-radius: 50%;

	top:50%;

	transform:translateY(-50%);

	left:3%;

	padding:10px;



}



.banner-section .carousel-control-next{

	width:35px;

	height:35px;

	border:1px solid #f7bf36;

	border-radius: 50%;

	top:50%;

	transform:translateY(-50%);

	right:3%;

	padding:10px;



}





.banner-section .carousel-control-prev-icon{

	background-image:url('../images/icon/prev.png');

}



.banner-section .carousel-control-next-icon{

	background-image:url('../images/icon/next.png');

}



.banner-section .form{

	position: absolute;

	right:150px;

	top:50%;

	transform:translateY(-50%);

	background-color:#f5f8fd;

	padding: 20px;

    width: 350px;

    border: 5px solid #bfd4ea;

}



.banner-section .form .form-group{

	margin-bottom:10px;

}



.banner-section .form .form-group .form-control{

	background-color:#f5f8fd;

	height:auto;

}



.banner-section .form .form-group .form-control:focus{

	box-shadow: none;

}



.banner-section .form h4{

	text-align: center;

	margin-bottom:10px;

	color: #00102a;

    font-weight: bold;

}



.banner-section .form p{

	text-align: center;

    margin-bottom: 20px;

}



.banner-section .form input.btn{

	width:100%;

	background-color:#f7bf36;

	color:#fff;

}



/**end of banner section*/







/**start main about section**/



.main-about{

	background-image:url('../images/about-bg.jpg');

	background-position: center center;

	background-size: cover;

	padding:60px 15px 0;

}



.main-about .right-col{

	width:40%;

	float:left;

}



.main-about .right-col p.first{

	margin-bottom:10px;

}



.main-about .right-col p.second{

	font-size:14px;

	margin-bottom:60px;

}



.main-about .right-col h4{

	margin-bottom:30px;

	font-size: 18px;

    font-weight: 300;

}



.main-about .right-col h1{

	line-height: 55px;

	font-size:40px;

	margin-bottom:30px;

	margin-left: -130px;

	font-weight: 300;

	position: relative;

	display: inline-block;

    padding: 0 60px;

}



.main-about .right-col h1 .background-design{

	position: absolute;

    background-color: #00102a35;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    transform: skew(30deg);

}



.main-about .right-col h1 .background-design:before{

	position: absolute;

	background-color:#f7bf36;

	left: -30px;

	height:100%;

	width:20px;

	content:'';

}



.main-about .right-col h1 .background-design:after{

	position: absolute;

	background-color:#f7bf36;

	right: -30px;

	height:100%;

	width:20px;

	content:'';

}



.main-about .right-col h1 span{

	display: block;

	font-weight: 500;

}



.main-about .right-col p{

	font-size: 16px;

    line-height: 24px;

}



.main-about .right-col button{

	background-color:#00102a;

	margin-top:30px;

	margin-bottom:30px;

	color:#fff;

}



.main-about .left-col{

	width:60%;

	float:left;

	position: relative;

}



.main-about .left-col .user-image img{

	width:360px;

	height:auto;

	bottom:0;

	left:0;

	float:left;

	position: absolute;

}



/*.main-about .left-col .house1-image img{

	width:300px;

	float:left;

	left:200px;

	position: absolute;

	bottom:80px;

}*/



.main-about .left-col .house2-image img{

	width:300px;

	float:left;

	left:300px;

	position: absolute;

	bottom:80px;

}



/**end of main about section**/





/**start about us **/



.about-us{

	padding:30px 15px;

}



.about-us .row1 h1{

	margin: auto;

    color: #00102a;

    font-size: 30px;

    position: relative;

    line-height: 40px;

    padding: 0 20px;

    margin-bottom:30px;

}



.about-us .row1 h1 .background-design{

	position: absolute;

    background-color: #00102a35;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    transform: skew(30deg);

}



.about-us .row1 h1 .background-design:before{

	position: absolute;

    background-color: #f7bf36;

    left: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.about-us .row1 h1 .background-design:after{

	position: absolute;

    background-color: #f7bf36;

    right: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.about-us .row2 .col-left p{

	text-align: justify;

	font-size: 16px;

    line-height: 23px;

}



.about-us .row2 .col-right ul{

	display:flex;

	flex-wrap: wrap;

	margin-bottom:0;

}



.about-us .row2 .col-right li{

	width:50%;

	float:left;

	padding:15px;

}



.about-us .row2 .col-right li span{

	display: table-cell;

    vertical-align: middle;

}



.about-us .row2 .col-right li span.icon{

	padding-right:5px;

	width: 18%;

	float:left;

}



.about-us .row2 .col-right li span.content{

	width:82%;

	float:left;

}



.about-us .row2 .col-right li span.icon img{

	width:80px;

}



.about-us .row2 .col-right li span.content h4{

	font-size: 14px;

    font-weight: bold;

    margin-bottom:5px;

    border-bottom:1px solid #55555550;

    padding-bottom:5px;

}



.about-us .row2 .col-right li span.content p{

	font-size:13px;

	margin-bottom:0;

}



.about-us .row2 .col-right li:nth-child(3) span.icon img{

	width:60px;

}



.about-us .row2 .col-right li:nth-child(4) span.icon img{

	width:120px;

}



/**end of about us**/


/**start main-tour-destination section**/



.main-tour-destination{

	padding:70px 0;

	background-color:#f5f8fd;

}



.main-tour-destination .row2 .box{

	position: relative;

	border:1px solid #55555530;

	height: 436px;

}



.main-tour-destination .row2 .box img{

	width:100%;

	height:250px;

	object-fit: cover;

}



.main-tour-destination .row1 h1{

	margin: auto;

    color: #00102a;

    font-size: 30px;

    position: relative;

    line-height: 40px;

    padding: 0 20px;

    margin-bottom: 30px;

}



.main-tour-destination .row1 h1 .background-design{

	position: absolute;

    background-color: #00102a35;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    transform: skew(30deg);

}



.main-tour-destination .row1 h1 .background-design:before{

	position: absolute;

    background-color: #f7bf36;

    left: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.main-tour-destination .row1 h1 .background-design:after{

	position: absolute;

    background-color: #f7bf36;

    right: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.main-tour-destination .row2 .box p.rate{

	

	background-color: #f7bf36;

	border-radius: 0px;

    padding: 5px 12px;

    color:#fff;

    font-size:14px;

    margin:auto;

    position: absolute;

    margin-top: -17px;

    left: 33%;

    text-align: center;

}



.main-tour-destination .row2 .box p.rate a{

	text-decoration: none;

	color:#fff;

}



.main-tour-destination .row2 .box p.days{

	margin-top:30px;

	width: 90%;

    margin-left: auto;

    margin-right: auto;

}



.main-tour-destination .row2 .box h4{

	margin-top:10px;

	width: 90%;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 20px;

    line-height: 28px;

    font-size:16px;

}



.main-tour-destination .row2 .box ul{

	margin-top:15px;

	width: 90%;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 25px;

}



.main-tour-destination .row2 .box ul li{

	display: inline-block;

}



.main-tour-destination .row2 .box ul li i{

	color: #e18927;

	margin-right:10px;

}



.main-tour-destination .row2 .box ul li:first-child{

	margin-right:10px;

}
.project_list{display:block !important;}


.main-tour-destination .row2 .col:nth-child(4) .box, .main-tour-destination .row2 .col:nth-child(5) .box, .main-tour-destination .row2 .col:nth-child(6) .box, .main-tour-destination .row2 .col:nth-child(7) .box, .main-tour-destination .row2 .col:nth-child(8) .box, .main-tour-destination .row2 .col:nth-child(9) .box{

	margin-top:30px;

}



.main-tour-destination .row2 .nav-tabs{

	width:100%;

	margin-bottom:20px;

	justify-content: center;

	border-bottom:0;

}



.main-tour-destination .row2 .nav-item{

	width: 13%;

    text-align: center;

        border: 1px solid #55555550;

    border-radius: 5px;

}



.main-tour-destination .row2 .nav-item .nav-link{

    padding: 5px 10px;

}



.main-tour-destination .row2 .nav-item:first-child{

    float:right;

}



.main-tour-destination .row2 .nav-item a.active{

	background-color: #c8272d;

    color: #ffffff;

	font-size: 18px;

}



.main-tour-destination .row2 .tab-content{

	width:100%;

	

}



.main-tour-destination .row2 .tab-content .tab-pane{

	width: 100%;

}



.main-tour-destination .row2 .tab-content .tab-pane .col{

	float:left;

}



.main-tour-destination .row3{

    margin-top:50px;

    justify-content:center;

}



.main-tour-destination .row3 button{

    background-color: #00102a;

    border-radius: 0px;

    padding: 7px 15px;

    color: #fff;

    font-size: 16px;

    border: 0;

}



.main-tour-destination .row3 button:focus{

    outline:0;

}









/***end of main-tour-destination section**/



/* start online services */

.selectize-dropdown {
    position: static !important;
}

/* end online services*/



/**start main-gallery-section **/



.main-gallery-section{

	padding: 30px 15px;

    border-top: 1px solid #55555550;

}



.main-gallery-section .row1 h1{

	margin: auto;

    color: #00102a;

    font-size: 30px;

    position: relative;

    line-height: 40px;

    padding: 0 20px;

    margin-bottom: 30px;

}



.main-gallery-section .row1 h1 .background-design{

	position: absolute;

    background-color: #00102a35;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    transform: skew(30deg);

}



.main-gallery-section .row1 h1 .background-design:after{

	position: absolute;

    background-color: #f7bf36;

    right: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.main-gallery-section .row1 h1 .background-design:before{

	position: absolute;

    background-color: #f7bf36;

    left: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.main-gallery-section .image{

	padding:0;

}





#gallery .img-wrapper img{

	width:100%;

	height: 280px;

    object-fit: cover;

}



.img-wrapper {

  position: relative;

}

.img-overlay {

  background: rgba(0,0,0,0.7);

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

  i {

    color: #fff;

    font-size: 3em;

  }

}



.img-overlay i{

	color: #fff;

    font-size: 30px;

}



#overlay {

  background: rgba(0,0,0,0.7);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 30px;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 999;

  // Removes blue highlight

  -webkit-user-select: none;

  -moz-user-select: none;    

  -ms-user-select: none; 

  user-select: none; 

  img {

    margin: 0;

    width: 80%;

    height: auto;

    object-fit: contain;

    padding: 5%;

    /* @media screen and (min-width:768px) {

        width: 60%;

    } */

    @media screen and (min-width:1200px) {

        width: 50%;

    }

  }

}



#nextButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

  margin-left: 30px;

  cursor: pointer;

  &:hover {

    opacity: 0.7;

  }



  /* @media screen and (min-width:768px) {

    font-size: 3em;

  } */

}



#prevButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

  margin-right: 30px;

  cursor: pointer;

  &:hover {

    opacity: 0.7;

  }

  /* @media screen and (min-width:768px) {

    font-size: 3em;

  } */

}



#exitButton {

  color: #fff;

  font-size: 20px;

  transition: opacity 0.8s;

  position: absolute;

  cursor: pointer;

  top: 35px;

  right: 15px;

  &:hover {

    opacity: 0.7;

  }

  /* @media screen and (min-width:768px) {

    font-size: 3em;

  } */

}



/**end of main-gallery-section **/





/**start main-services section**/



.main-services{

	padding:0px 15px;

	background-color:#f5f8fd;

}



.main-services .left-col, .main-services .right-col{

	width:50%;

	float:left;

}



.main-services .right-col{

	text-align: center;

	padding-right: 95px;

	margin-top: auto;

    margin-bottom: auto;

}



.main-services .row1 .right-col h1{

	margin: auto;

    color: #00102a;

    font-size: 30px;

    position: relative;

    line-height: 40px;

    padding: 0 20px;

    margin-bottom: 30px;

    display: inline-block;

}



.main-services .row1 .right-col h1 .background-design{

	position: absolute;

    background-color: #00102a35;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    transform: skew(30deg);

}



.main-services .row1 .right-col h1 .background-design:before{

	position: absolute;

    background-color: #f7bf36;

    left: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.main-services .row1 .right-col h1 .background-design:after{

	position: absolute;

    background-color: #f7bf36;

    right: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.main-services .row1 .right-col .service1{

	width:33.33%;

	padding: 10px;

	float: left;

}



.main-services .row1 .right-col .service1:nth-child(5), .main-services .row1 .right-col .service1:nth-child(6), .main-services .row1 .right-col .service1:nth-child(7){

	margin-top:50px;

}



.main-services .row1 .right-col .service1 .box{

	border:1px solid #f7bf36;

	padding: 10px;

	text-align: center;

	border-radius: 5px;

	background-image:url('../images/service/box-bg.jpg');

	background-size: cover;

	background-position: center center;

}



.main-services .row1 .right-col .box .icon{

	background-color: #00102a;

    border-radius: 50%;

    height: 70px;

    width: 70px;

    padding: 15px;

    margin:auto;

    margin-top: -55px;

}



.main-services .row1 .right-col .box .icon img{

	width:100px;

}



.main-services .row1 .right-col .box .text p{

	margin-top:15px;

	font-size:13px;

}



.main-services .row1 .right-col .right-top{

	margin-bottom:30px;

}





/**end of main-services section**/





/**start location section**/



.location{

	padding:30px 15px;

	border-top:1px solid #55555540;

}



.location .row1 h1{

	margin: auto;

    color: #00102a;

    font-size: 30px;

    position: relative;

    line-height: 40px;

    padding: 0 20px;

    margin-bottom: 30px;

    display: inline-block;

}



.location .row1 h1 .background-design{

	position: absolute;

    background-color: #00102a35;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    transform: skew(30deg);

}



.location .row1 h1 .background-design:before{

	position: absolute;

    background-color: #f7bf36;

    left: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.location .row1 h1 .background-design:after{

	position: absolute;

    background-color: #f7bf36;

    right: -15px;

    height: 100%;

    width: 10px;

    content: '';

}



.location .row1 .col-left {

	background-image:url('../images/enquiry/form-bg.jpg');

	background-size: cover;

	background-position: center;

	position: relative;

	padding:20px 70px;

}



.location .row1 .col-left .overlay{

	position: absolute;

	top:0;

	left:0;

	bottom:0;

	right:0;

	content:'';

	background-color:rgba(0,0,0,0.7);

}



.location .row1 .col-left form{

	position: relative;

}



.location .row1 .col-left form h4{

	text-align: center;

	color:#fff;

	font-size:20px;

	opacity: 1;

	z-index: 1;

	margin-bottom:20px;

}



.location .row1 .col-left form label{

	color:#fff;

	margin-bottom:0;

}



.location .row1 .col-left form .form-control{

	background:transparent;

	border:0;

	border-bottom:1px dashed #dddddd50;

	border-radius: 0;

	color:#fff;

	padding: 1px 10px;

	height:auto;

}



.location .row1 .col-left form .form-control:focus{

	box-shadow: none;

}



.location .row1 .col-left form .form-group{

	margin-bottom:7px;

}



.location .row1 .col-left form input.btn{

	background-color:transparent;

	border:1px solid #f7bf36;

	color:#f7bf36;

	padding:3px 15px;

	margin-top:10px;

}



.location .row1 .col-left form input.btn:focus{

	box-shadow: none;

}



.location .row1 .col-left form input.btn:hover{

	background-color:#f7bf36;

	color:#fff;

	font-weight: normal;

}



.location .row1 .col-right{

	text-align: center;

}



.location .row1 .col-right ul li{

	text-align: left;

	margin-bottom:10px;

}



.location .row1 .col-right ul li span{

	display: table-cell;



}



.location .row1 .col-right ul li span.icon{

	height:35px;

	width: 35px;

	background-color:#00102a;

	border-radius: 50%;

	float:left;

	position: relative;

	margin-right:10px;

}



.location .row1 .col-right ul li span.icon i{

	color:#fff;

	top:50%;

	left:50%;

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

	position: absolute;

	font-size: 16px;

}



.location .row1 .col-right .content h5{

    font-size: 16px;

    font-weight: bold;

    border-bottom: 1px solid #55555550;

    padding-bottom: 2px;

    margin-bottom: 5px;

    display: inline-block;

}



.location .row1 .col-right .content p{

	font-size:14px;

}



/**end of location section**/





/**start map section**/



.map-section{

	padding-bottom:00px;

	line-height: 0;

}



/**end of map section**/





/**start footer section**/



.footer{
	padding-bottom:30px;
	float: left;
    width: 100%;
	margin: 40px 0 0 0;
}



.footer .box h4{

	color:#fff;

	margin-bottom:30px;

	font-size:20px;

}

.footer .box p{

	color:#fff;

	text-align: left;

}



.footer .link-box li a{ 

	color:#fff;

}



.footer .link-box ul{

	padding-left:10px;

}



.footer .insta-box ul li{

	width:25%;

	float:left;

	padding:2px;

}

.footer .contact-box p{

	margin-bottom:10px;

}



.footer .contact-box p i{

	margin-right:10px;

}



.footer .contact-box p a{

	color:#fff;

}



.footer .contact-box .icon, .footer .contact-box .text{

	display:table-cell;

	vertical-align: top;

}



.footer .contact-box .social-icons {

	margin-top:20px;

}



.footer .contact-box .social-icons li{

	display:inline-block;

	margin-right:10px;

}



.footer .contact-box .social-icons li a{

	background-color:#fff;

	height:30px;

	width:30px;

	border-radius:50%;

	display: block;

	float: left;

	position: relative;

}



.footer .contact-box .social-icons li a span{

	position:absolute;

	top:50%;

	left:50%;

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

}



.footer .contact-box .social-icons li a span i{

	font-size:18px;

	color:#e18927 ;

}



.footer .row1{

	margin-bottom:40px;

}



.footer .row2{

	padding:10px 0;

	border-top:1px solid rgba(255,255,255,.4);

	color:#fff;

}



.footer .row2 .right-col{

	text-align: right;

}



/**end of footer section**/









/**start mail icon**/





.mail-icon{

	position: fixed;

	bottom:20px;

	right:20px;

	background-color:#f7bf36;

	height:60px;

	width:60px;

	border-radius:50%; 

	animation: animate 1s infinite;

	cursor: pointer;

	

}



@keyframes animate{

	0%{

		right:20px;

	}



	40%{

		right:30px;

	}



	80%{

		right:20px;

	}



	100%{

		right:30px;

	}

}





.mail-icon i{

	color:#fff;

	position: absolute;

	top:50%;

	left:50%;

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

	font-size: 25px;

}



/**end of mail icon**/



.enquiry-page{

    padding:30px 15px;

    height:82vh;

    line-height:82vh;

}



.enquiry-page .content{

    position: absolute;

    top: 50%;

    left: 50%;

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

}



.enquiry-page h1, .enquiry-page p{

    width:100%;

    text-align:center;

}



.enquiry-page p{

    margin-top:30px;

}



/**start form2 section**/



.form2{

	padding:30px 15px;

	display: none;

}



.form2 .form{

	background-color: #bfd4ea;

	padding: 20px;

	width: 100%;

}



.form2 .form h4{

	text-align: center;

    margin-bottom: 10px;

    color: #00102a;

    font-weight: bold;

}



.form2 .form p{

	text-align: center;

    margin-bottom: 20px;

}



.form2 .form input.btn{

	background-color: #f7bf36;

    color: #fff;

    display: block;

    margin:auto;

}



/**end of form2 section**/





/**start enquiry popup**/





.enquiry-modal .modal-content {

    background-color: transparent;

    border: none;

    position: relative;

}





.enquiry-modal .modal-content .modal-header {

    border-bottom: none;

    position: absolute;

    top: -20px;

    right: -20px;

    z-index: 1;

}





.enquiry-modal .modal-content .modal-body {

    background-color: #f5f8fd;

    padding: 30px 20px;

    border-radius: 5px;

}



.enquiry-modal .modal-content .modal-body form input.btn {

    background-color: #e18927;

    color: #fff;

}



.enquiry-modal .modal-content .modal-header button {

    opacity: 1;

    background-color: #c8272d;

    border-radius: 50%;

    height: 40px;

    width: 40px;

    position: relative;

}



.enquiry-modal .modal-content .modal-header button span {

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

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

}







/**start responsive**/





@media(max-width:1199px){

	.navbar .left-design{

		width: 250px;

	}



	.navbar .right-design{

		width: 380px;

	}



	.navbar .row .right-navbar p{

		font-size: 14px;

	}



	.navbar .row .right-navbar i{

		font-size:20px;

	}



	.banner-section .form1{

		padding: 10px 20px;

		display: none;

	}



	.banner-section .form h4{

		font-size: 20px;

		margin-bottom: 5px;

	}



	.banner-section .form p{

		margin-bottom:15px;

	}



	.banner-bottom h4{

		font-size: 20px;

	}



	.banner-bottom h5{

		margin-bottom: 10px;

	}



	.banner-bottom .col2:after{

		width: 50px;

	}



	.form2{

		display: block;

	}



	.about-us{

		border-top:1px solid #55555540;

	}



	.main-specification .row2 .nav-tabs li{

		margin-top:5px;

		margin-bottom:5px;

	}



	.main-specification .security-ul li{

		padding-right:10px;

	}



	.main-services .row1 .right-col .box .icon{

	    height: 70px;

    	width: 70px;

	}

}



@media(max-width:991px){

	.navbar .left-design, .navbar .right-design{

		display: none;

	}



	.navbar .row .hamburger-menu i{

		/*color: #52b34a;*/

	}



	.navbar .col-left{

		width:15%;

	}



	.navbar .col-mid{

		width: 45%;

	}



	.navbar .col-right{

		width:40%;

	}



	.banner-section .content{

		padding: 30px 50px 30px 50px;

	}



	.banner-bottom .col1:after, .banner-bottom .col2:after, .banner-bottom .col3:after{

		display: none;

	}



	.banner-bottom h4{

		font-size: 15px;

	}



	.banner-bottom .col1, .banner-bottom .col3, .banner-bottom .col2, .banner-bottom .col4{

		padding: 15px 10px;

	}



	.banner-bottom h5 {

    	margin-bottom: 5px;

	}



	.about-us .row2 .col-right li span.icon img{

		width: 60px;

	}



	.about-us .row2 .col-right li:nth-child(3) span.icon img {

    	width: 40px;

	}



	.about-us .row2 .col-right li:nth-child(4) span.icon img {

    	width: 80px;

	}



	.main-services .left-col{

		display: none;

	}



	.main-services .right-col{

		width:720px;

	    margin: auto;

    	padding-right: 0;

    	padding: 30px 15px;

	}



	.floor-plan-section .row2 .col1:nth-child(3), .floor-plan-section .row2 .col1:nth-child(4){

		margin-top:30px;

	}



	.location .row1 .col-left form input.btn{

		margin-left:auto;

		margin-right:auto;

		display: block;

	}



	.location .row1 .col-right{

		margin-top:30px;

	}



	.footer-bottom p{

		text-align: center;

	}



	.footer-bottom .right-col{

		text-align: center;

		margin-top:10px;

		float: inherit;

	}

}



@media(max-width: 767px){
	.navbar .col-left {width: 15%;}
	.hamburger-menu{display: block !important;text-align: right;width: 100%;margin-top: auto;margin-bottom: auto;margin-right: 10px;}

	.nav_ul{display: none !important;}

	.hamburger-menu i{font-weight: 900;font-size: 24px;cursor: pointer;color: white;}

	.navbar .col-mid {width: 35%;}

	.navbar .col-right {width: 50%;}

	.navbar .row .navbar-brand img {width: 180px;}

	.banner-section .content h1{font-size:30px;padding-bottom: 5px;margin-bottom:10px;}
	
	.ycch1 a, .ycch4 a{color: var(--second-color);}

	.ycch2 a, .ycch3 a{color: black;}

	.ycch1 img, .ycch4 img{animation: ycch1 10s linear infinite;}
	.ycch2 img, .ycch3 img{animation: ycch2 10s linear infinite;}

	@keyframes ycch1 {
		0%{
			opacity: 0;
		}
		50%{
			opacity: 1;
		}
		100%{
			opacity: 0;
		}
	}

	@keyframes ycch2 {
		0%{
			opacity: 1;
		}
		50%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}

	.home_banner_carousel .carousel-item img{
		height: 300px;
	}

	.firstname p, .forthname p{
		color:var(--second-color);
	}

	.secondname p , .thirdname p{
		color:black;
	}

	.firstname img, .forthname img{
		border: 1px solid black;
	}

	.secondname img, .thirdname img{
		border: 1px solid var(--second-color);
	}


	
	/* .best_vol_others:nth-child(2) p, .best_vol_others:nth-child(3) p{
		color: black !important;
	} */
	.banner-section .content h4{

		font-size: 18px;

		margin-bottom: 5px;

	}



	.banner-section .content p{

		font-size:14px;

	}



	.banner-section .content{

		left: 40%;

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

	}



	.banner-bottom .col1, .banner-bottom .col3, .banner-bottom .col2, .banner-bottom .col4{

		border: 1px solid rgba(255,255,255,0.1);

	}



	.form2 .form h4{

		font-size:20px;

	}



	.form2 .form p{

		font-size:14px;

	}



	.about-us .row1 h1, .main-specification .row1 h1, .main-services .row1 .right-col h1, .pricing-section .row1 h1, .main-master-plan h1, .floor-plan-section h1, .main-gallery-section .row1 h1, .location .row1 h1{

		font-size: 22px;

	}



	.main-specification .table td, .main-specification p, .main-specification li{

		font-size:13px;

	}



	#prevButton{

		margin-right:15px;

	}



	#nextButton{

		margin-left:15px;

	}



	.location .row1 .col-left{

		padding: 20px 20px;

	}

}



@media(max-width: 575px){
	.navbar .col-left{order: 2;width:50%;}
	.navbar .col-mid{order:1;width:50%;text-align: left;}
	.hamburger-menu{display: block;}
	.nav_ul{display: none;}
	.youcanclickhere img {width: 60px !important;}
	.navbar .col-right {width: 100%;display:none;order: 2;}

	.navbar .row .hamburger-menu{

		text-align: right;

		margin-left: 0;

	}

	.nav_menu img {
		width: 150px;
	}



	.navbar .row{

		margin:auto;

	}



	.navbar .row .right-navbar{

		text-align: center;

	}



	.navbar .row .right-navbar p {

    	font-size: 13px;

	}

    	

    .banner-section .content {

    	left: 10%;

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

    	padding: 0px 20px 5px 20px;

	}



	.banner-section .content h1{

		font-size:20px;

	    padding-bottom: 0px;

    	margin-bottom: 5px;

	}



	.banner-section .content h4{

		font-size:14px;

		margin-bottom:0;

	}



	.banner-section .content p {

    	font-size: 12px;

	}



	.banner-section .content h4 i{

		font-size: 14px;

	}



	.banner-section .carousel-control-prev, .banner-section .carousel-control-next{

		width: 25px;

    	height: 25px;

	}



	.banner-bottom .col1, .banner-bottom .col3, .banner-bottom .col2, .banner-bottom .col4{

		padding: 10px 10px;

	}



	.banner-bottom h4 {

    	font-size: 13px;

	}



	.form2 .form{

		padding: 20px 10px;

	}



	.form2 .form h4 {

    	font-size: 18px;

    	margin-bottom: 5px;

	}



	.form2 .form p {

    	font-size: 13px;

	}



	.form2 .form .form-group{

		margin-bottom:5px;

	}



	.form2 .form .form-group input, .form2 .form .form-group textarea{

		font-size:13px;

	}



	.form2 .form input.btn{

		font-size: 13px;

    	padding: 3px 10px;

	}



	.about-us .row1 h1, .main-specification .row1 h1, .main-services .row1 .right-col h1, .pricing-section .row1 h1, .main-master-plan h1, .floor-plan-section h1, .main-gallery-section .row1 h1, .location .row1 h1{

		font-size:18px;

		line-height: 30px;

	}



	.about-us .row2 .col-right li{

		width: 100%;

	}



	.main-specification .row2 .nav-tabs li a {

    	border: 0;

    	padding: 2px 10px;

    	font-size: 12px;

	}



	.main-specification .row2 {

    	margin-top: 20px;

	}



	.main-services .row1 .right-col .service1{

		width: 50%;

	}



	.main-services .row1 .right-col .service1:nth-child(4){

		margin-top:40px;

	}



	.main-services .row1 .right-col .service1 .box{

		padding: 10px 0;

	}



	.main-services .row1 .right-col .service1:nth-child(5), .main-services .row1 .right-col .service1:nth-child(6), .main-services .row1 .right-col .service1:nth-child(7){

		margin-top:40px;

	}



	.floor-plan-section .row2 .col1:nth-child(2){

		margin-top:30px;

	}



	.location .row1 .col-left form h4{

		font-size:18px;

	}



	.footer-bottom{

		padding: 5px 15px 2px;

	}



	.navigation-menu ul li a{

		font-size:13px;

	}



	.navigation-menu ul li{

		padding:7px 0;

	}



	.navigation-menu{

		padding: 20px 20px;

	}

}



.aboutus img{

    border: none;

    display: block;

    height: 250px;

    margin-top: 30px;

    margin-bottom: 40px;

	width: 100%;

}

.aboutus h1{

    line-height: 20px;

    margin-top: 40px;

    color: #f40606;

	    font-size: 30px;

	margin-bottom: 30px;

}

.ourclients h1{

    line-height: 20px;

    margin-top: 40px;

    color: #f40606;

	    font-size: 30px;

	margin-bottom: 30px;

}

.contactus h1{

   line-height: 20px;

    margin-top: 40px;

    color: #f40606;

	    font-size: 30px;

	margin-bottom: 30px;

}









.t_box{ background:#EEE; margin:.5%;flex: 0 0 24%;

    max-width: 24%;}





.aboutus  p{

    line-height: 22px;

    color: #333;

    text-align: justify;

	 margin:10px 0; 

}



.contactus form .form-group{position:relative;}

.contactus form .form-group input, .contact-section form .form-group textarea{transition: 0.5s; background: transparent;}

.contactus form .form-group label{margin-left: 10px; transform: translateY(-30px); z-index: -1; position: absolute; transition:0.5s;}

.contactus form .form-group input:focus, .contact-section form .form-group input:valid, .contact-section form .form-group textarea:focus, .contact-section form .form-group textarea:valid{border: 1px solid #38657c;}

.contactus form .form-group input:focus + label, .contact-section form .form-group input:valid + label{z-index: 1; transform: translateY(-50px); background-color: #38657c; padding: 0 5px; color: #fff;}

.contactus form .form-group input:focus, .contact-section form .form-group textarea:focus{box-shadow: none;}

.contactus form .address-group label{transform: translateY(-55px);}

.contactus form .address-group textarea:focus + label, .contact-section form .address-group textarea:valid + label{z-index: 1; transform: translateY(-75px); background-color: #38657c; padding: 0 5px; color: #fff;}

.contactus form input.submit-btn{color: #FFF; background: var(--first-color); font-size: 14px; border-color: var(--first-color); border-radius: 0; border:0; padding:10px 20px;}

.contactus form button:hover{background: #00102a;}

.contactus{

    padding: 0;

    line-height: 20px;

    margin: 0;

    color: #333;

    margin-bottom: 30px;

    margin-top: 30px;

}

.contactus .col-lg-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    margin-top: 30px;

}

.contactus .col-lg-6 h3 {margin-bottom: 20px;}

.contactus li {margin-bottom: 10px;}

.contactus li strong {margin-right: 10px;}



.ournetworks ul {width:100%;}

.ournetworks li {    width: 25%;

    float: left;

    padding: 30px;

    color: #fff;

    text-align: center;

    background-color: #00102a;

    border: 1px solid;

}

.ournetworks{    margin-bottom: 40px;

    margin-top: 30px;}



.ournetworkpage h1{

    line-height: 20px;

    margin-top: 40px;

    color: #333;

    margin-bottom: 20px;

}



.main-exterior-section{padding:40px 15px; }

.main-exterior-section h1{line-height: 20px; 

    color: #f40606;

    font-size: 30px;

    margin-bottom: 30px; width:100%}

.main-exterior-section h3{display:inline-block; font-size:22px; width:100%;  text-align: center; margin-top:15px; color:#fff;}

.main-exterior-section img{width: 100%; display:inline-block; float:left; transition:0.5s;}

.main-exterior-section img:hover{transform:scale(1.07);} 

.main-exterior-section .row2 a{padding:0;}



.furniture-page{padding:40px 15px;background-color: #767879;}

.furniture-page h1{text-align: center; width: 100%;}

.furniture-page .box{border:1px solid rgba(0,0,0,0.2);}

.furniture-page .col-lg-6{padding:5px;}

.furniture img{ height: 200px; width: auto; transition: 0.5s; padding: 10px;}





.ourclients img {

    border: none;

    display: block;

    width: auto;

    height: 150px;

    margin: auto;

	margin-bottom: 30px;

	margin-top: 40px;

}

.ourclients .col-lg-3 {text-align: center; }

.ourclients h2	{    font-size: 20px;    margin-bottom: 10px !important; line-height:25px;}

.ourclients h4	{

    padding: 0;

    margin-bottom: 10px !important;

    line-height: 20px;

    margin: 0;

    font-size: 14px;

}



.ourclients .row{display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-top: 30px;

    margin-left: -15px;

    margin-bottom: 30px;}

	

.banner-section img{height: 100vh; object-fit:cover;}



.services {margin-bottom: 40px;

    display: block;

    margin-top: 40px;

}



.services h1{margin-bottom: 20px;}

.services p{margin-bottom: 20px; text-align:justify;}

/**end of responsive**/



.m_form{width: 100%;position: relative;font-size: 14px;overflow: hidden;float: left;left: 50%;transform: translateX(-50%);padding: 5px 0px;} 

.m_form div{margin:10px 0;}









/* red form code starts here  */
.mssform .m_form div span.mss_quot{color:white;padding-right: 5px;}
.mssform>.m_form>div>.search_tab{background:#960001d6 !important;}
.mssform .m_form input::placeholder,.mssform textarea::placeholder{color: black; opacity: 0.8;}
.mssform .m_form input:focus,.mssform select option:focus,.mssform textarea:focus{background: #ffcccc !important;border: 1px solid #960001d6; border-radius: 0px; }
.mssform .m_form input, .mssform .m_form textarea, .mssform .m_form select, .mssform .m_form .mrd_box{background-color: #ffcccc !important;border: 1px solid #960001d6 !important; border-radius: 0px !important;}
.mssform .m_form input[type="submit"]{color: black !important;}
.mssform .m_form input[type="file"]::file-selector-button{background: #ff9999 !important; color: black !important;border-radius: 3px; border: 1px solid #960001d6;}
/* red form code ends here  */

.m_form input[type="text"] {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;}

.m_form input[type="email"] {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;}

.m_form input[type="date"] {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;}

.m_form input[type="file"] {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;margin-left: -2px !important;}


.m_form input[type="number"] {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;}

.m_form textarea {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;}

.m_form select {padding: 10px;width: 30%;border: 1px solid #CCC;border-radius: 5px;}

.m_form input[type="submit"] {padding: 10px 20px; cursor:pointer; font-size:16px; background:#248cc8;text-transform: uppercase; border:none;border-radius: 5px;}

.reference{width:26% !important;}



.home_box{

    width:440px;

    position: relative;

    height:100vh;

    overflow: hidden;

    margin:0px auto;

    border: 10px solid #DDD;	

}

.home_box_dynamic_image {

    width: 100%;

    /*height: 630px;*/

    position: absolute;

    float: left;

}

.home_box_dynamic_image img {

    max-width: 100%;

   /*height: 103vh;*/

}

.home_text_box{position: absolute; width:250px; bottom:50px; left:0; z-index:999; height:170px;}

.home_text_box h2{ font-size: 25px;font-family: Georgia;font-weight: bold;color: #4f222a; text-align:center;}

.home_text_box .mem_text2{text-align:center; margin:10px 0; width:100%; float:left;}

.home_text_box .mem_text2 img{display:initial;}

.home_text_box .mem_text3 {

    font-size: 20px;

    text-decoration: none;

    font-family: Georgia;

    font-weight: bold;

    color: #4f222a !important; 

	text-align:center; margin:0 0 10px 0; width:100%; float:left;

}

.home_text_box .foll_text1 {

    font-size: 15px;

    font-family: Georgia;

    font-weight: bold;

    color: #4f222a !important;

    text-align:center; margin:0 0 10px 0; width:100%; float:left;

}

.home_social{text-align:center; margin:0 0px 10px 50px; float:left;list-style:none !important;}

.home_social li{float:left}

.home_social li a{float:left; width:45px; margin-left: 5px; text-align:center; font-size:20px; border-radius:10px; color:#FFF; padding:5px;}



.home_social li:nth-child(1) a{background:#3b5999;}

.home_social li:nth-child(2) a{background:#55acee;}

.home_social li:nth-child(3) a{background:#e4405f;}



.foll_text2 {

    font-size: 17px;

    font-family: Georgia;

    font-weight: bold;

    color: #4f222a !important;

    text-align:center; margin:0 0 10px 0; width:100%; float:left;

}



.contact_office_heading{ font-size:21px;

    font-family: Georgia;

    font-weight: bold;

	text-align:center; margin:30px 0; width:100%; float:left;

    color: #4f222a !important;}



.contact_office_text2{ font-size:14px;

    font-family: Georgia;

	background:#EEE;

	padding:15px;

    font-weight: bold;

	text-align:center; margin:10px 1%;    flex: 0 0 31.333333%;

    max-width: 31.333333%; float:left;

    color: #4f222a !important;}

	

.contact_office_text2 h2{ font-size:26px;text-align:center; margin:10px 0; width:100%; float:left;}

.contact_office_text2 p:nth-child(2){ font-size:16px;text-align:center; margin:10px 0; width:100%; float:left; color:#333;}



.mrd_box{padding:5px 10px; float:left; background:#EEE; border-radius:5px; border:1px solid #CCC; margin:0 5px 0 0 !important;}

.mrd_box span{margin:5px;}

.m_form label {font-size: 17px;letter-spacing: 1.1px;color: white;}

.preview_candidate_image{margin:20px 0 0 0 !important;}

.preview_aadhar_front_image{margin:20px 0 0 0 !important;}

.preview_aadhar_back_image{margin:20px 0 0 0 !important;}



.search_tab{width:100%; float:left; padding:10px; background:#EEE; border-radius:5px; border:1px solid #CCC;}

.search_tab table{width:100%; float:left;}

.search_tab table td{padding:10px;}



.search_tab table td input[type="text"] {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}

.search_tab table td input[type="submit"] {padding: 10px 20px; cursor:pointer; font-size:16px; background:#248cc8; color:#FFF; border:none;border-radius: 5px;}

.search_result_box{width:100%; float:left; padding:10px; background:#EEE; border-radius:5px; border:1px solid #CCC; margin:10px 0;}

.search_box .row{margin:0 !important;}



.help_box{width:100%; float:left; padding:10px; background:#EEE; border-radius:5px; border:1px solid #CCC; margin:10px 0;}

.help_box ul{width:100%; float:left;}

.help_box ul li{float:left; margin:20px 33px;}

.help_box ul li a{float:left; padding:30px; border-radius:20px; width:150px;border: 5px solid #DDD; height:115px;font-size:17px; text-align:center; background:var(--second-color); color:#FFF; }
.help_box ul li:nth-child(even) a{background: var(--first-color);}



.help_text1{width:100%; text-align:center;}
.help_text2{width:100%; text-align:center; color:#C00; margin:10px 0;}

.help_pop{width:100%; float:left; padding:10px; background:#EEE; border-radius:5px; border:1px solid #CCC;}

.help_pop table{width:100%; float:left;}

.help_pop table td{padding:10px;}

.help_pop table td input[type="text"] {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}
.help_pop table td input[type="date"] {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}
.help_pop table td input[type="number"] {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}
.help_pop table td input[type="email"] {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}
.help_pop table td select {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}

.help_pop table td textarea {padding: 10px;width:100%;border: 1px solid #CCC;border-radius: 5px;}

.help_pop table td input[type="submit"] {padding: 10px 20px; cursor:pointer; font-size:16px; background:#248cc8; color:#FFF; border:none;border-radius: 5px;}



.home_top_text{float:right; margin:30px 42px 0 0; z-index: 999; position: relative;}

.home_top_text li{float:left; margin:5px;}

.home_top_text li a img{width:50px;}





.candidate_search_tab{width:100%; float:left; padding:10px; background:#EEE; border-radius:5px; border:1px solid #CCC;}

.candidate_search_tab td{padding:10px; border:1px solid #CCC;}



.candidate_search_img{width:100%; height:250px; margin-bottom:10px; float:left;}


.home_text_box2{position: absolute; width:228px; bottom:20px; left:10px; z-index:999; height:320px;}
.home_text_box2 ul{width:100%; float:left;}
.home_text_box2 ul li{width:100%; margin:6px 0; float:left;}
.home_text_box2 ul li a img{width:90%;}
 


@media(max-width: 575px){
.ourclients h1{margin-top: 20px;font-size: 20px;margin-bottom: 10px;}
.aboutus h1 {margin-top: 20px;font-size: 20px;margin-bottom: 10px;}
.m_form input[type="text"]{width: 100%;}
.m_form input[type="email"]{width: 100%;}
.m_form input[type="date"]{width: 100%;}
.m_form input[type="file"]{width: 100%;}
.m_form input[type="number"]{width: 100%;}
.m_form #reference{width: 87% !important;}
.m_form textarea{width: 100%;}
.m_form select{width: 100%;}
.m_form label {margin: 0; font-weight: 400; font-size: 16px;}
.footer .box h4 {margin: 20px 0;font-size: 17px;}
.footer .row2 {text-align: center;font-size: 11px;}
.footer .row2 .right-col {text-align: center;}
.footer {padding: 0;}
.aboutus p {margin: 3px 0;font-size: 14px;}
.t_box {flex: 0 0 49%;max-width: 49%;}
.ourclients img {width: 100% !important;height: 150px !important;margin-bottom: 0;margin-top: 15px;}
.ourclients h2 {font-size: 16px;}
.main-exterior-section h1{margin-top: 20px;font-size: 20px;margin-bottom: 10px;}
.contactus h1{margin-top: 20px;font-size: 20px;margin-bottom: 10px;}
.main-exterior-section .col-12{flex: 0 0 50%;max-width: 50%;}
.furniture img {padding: 10px 0;}
.search_tab table td {display: inline-block;}
.help_box ul li {margin:.5%;}
.help_box ul li a {padding: 10px;border-radius: 10px;width: 150px;height: 55px;font-size: 14px;}
.contactus .col-lg-6 {flex: 0 0 100%;max-width: 100%;margin-top: 10px;}
.contactus .col-lg-6 h4{font-size: 19px;line-height: 28px !important;}
.contact_office_heading h4{font-size: 19px;line-height: 28px !important;}
.contact_office_text2 {font-size: 12px;margin: 10px 1%;flex: 0 0 48%;max-width: 48%;}
.contact_office_text2 h2 {font-size: 20px;}
.contact_office_text2 p:nth-child(2) {font-size: 13px;}

.home_box {width: 100%;}
.home_text_box2{bottom:0; left:10px; z-index:999; height:290px;}
.home_text_box2 ul li a img {width: 70%;}

}