/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.7.1726905633
Updated: 2024-09-21 08:00:33

*/





/* Common CSS Start */

.container { max-width: 1170px; margin: auto; }
h1, h2, h3, h4, h5, h6 {  font-family: "Nerko One", cursive;  margin: 0px;  }
.cent { text-align: center; }
.main-heading { color: #446A98; font-size: 42px; letter-spacing: 0.4px; padding-bottom: 14px;  font-weight: 400;}
.main-heading span { color: #333333; }
.padd { padding: 60px 0px;  }
.sub-head { font-family: 'Nerko One'; color: #446a98; letter-spacing: 0.4px; font-size: 22px; padding-bottom: 40px; }
.sub-head-2 { color: #fff; font-family: 'Nerko One';  letter-spacing: 0.4px; font-size: 22px; padding-bottom: 40px; }
p { margin-bottom: 0; , font-family: "Poppins", sans-serif; }
li { list-style: none; margin: 0;     font-size: 15px;  }
ul { margin: 0; }
a, ul.con-icons li, .textwidget.custom-html-widget {  font-family: "Poppins"; font-size: 15px; letter-spacing: 0.2px; }
a { text-decoration: none; }
input:focus-visible, textarea:focus-visible {  outline: none; }

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { color: #152238;
    font-size: 14px;    padding: 20px 20px;    letter-spacing: 0.2px;   text-transform: capitalize; }
.theme-btns {
  margin-top: 30px;
}
.theme-btns a i {
  padding-right: 10px;
}
span.toggle-text {  display: none; }
.active::after {  display: none; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {  border-color: #ffb900;    font-size: 14px;  margin-left: 0; }

p.desc,p {  font-family: 'Poppins' !important;    font-size: 15px;    line-height: 1.8; }

.sec3.padd {   display: none; }
.sec4.padd {  display: none;  }
.toggle.close-nav-toggle:focus-visible {  outline: none;  }

/* Common CSS END */





/* Top-Arrow Icon PNG */


.arrow-top { margin-bottom: 20px; position: fixed; bottom: 41px; right: 46px; cursor: pointer;	z-index: 999;
	transform: translateY(120px) scale(0) rotate(0);	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

span.top-arrow { padding: 9px 17px;  background: #333333;  color: #fff; position: absolute;  border-radius: 2px; width: 41px;  height: 41px;     border: 1px solid #f7f7f7;  }

a.arrow-top.arrowon{ margin-bottom: 20px;  position: fixed;  bottom: 40px;  right: 46px;  cursor: pointer;  z-index: 999;    
	transform: translateY(120px) scale(0) rotate(0);    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}

a.arrow-top.arrowon { transform: translateY(0) scale(1) rotate(0); }



/* Button CSS Start */

.col-full input.wpcf7-submit, .proj-right input[type="submit"], .blog .more-link,.theme-btn, input[type="submit"] { background: #333333; border-radius: 6px;	font-size: 22px;	font-family: 'Nerko One';  	font-weight: 400 !important;    text-transform: capitalize; 
	padding: 14px 32px;  		text-decoration: none; color: #fff;    transition: 0.1s; }

.col-full input.wpcf7-submit:hover , .proj-right input[type="submit"]:hover, .theme-btn:hover, input[type="submit"]:hover { 
	background: #446a98; }

.blog .more-link { padding: 10px 26px; font-size: 18px; }

/* Button CSS END */




/* Featured Image Section CSS Start */

.sub-header.about-sub.featured-banner {  min-height: 250px;  display: flex; }
.featured-banner h2 { color: #fff; font-weight: 400; letter-spacing: 0.4px; }

/* Featured Image Section CSS END */




/* Header CSS Start */

header#site-header {  background: #446a98; }
.header-inner.section-inner ul.primary-menu a {   text-decoration: none;  color: #fff;  text-transform: capitalize; }
.header-inner.section-inner ul.primary-menu a:hover {   color: #333;   }
.site-logo img {   max-height: 8rem;  }
.header-inner {  padding: 1.8rem 0; }

/* Header CSS END */




/* Slider CSS Start */

.sp-layer.sp-animated {transform: scale(1) !important;margin: auto !important;position: absolute; left: 0px !important;  right: 0px; }
.slide-1 h3 { font-size: 90px; text-align: center;  color: #fff;  font-weight: 400; letter-spacing: 0.8px;  }
.slide-1 p { font-family: 'Nerko One';  text-align: center;  color: #fff;  font-size: 28px; }
.sl-p {  background: #446a98; border-radius: 80px; padding: 20px 60px; border-bottom: 5px solid #fff;  width: fit-content;  margin: auto;  }

/* Slider CSS END */






/* Let to Know Us Section CSS Start */

.let-to.padd {  padding-bottom: 50px;  }
.let-to img {  border-radius: 10px;  }

.members { display: flex; justify-content: space-between;  gap: 30px;  }
.team { display: flex; flex-direction: column; align-items: center; }
.mem-title { font-family: 'Nerko One' !important; color: #446a98; letter-spacing: 0.4px; font-size: 30px; padding-top: 14px; }
.mem-text { font-family: 'Nerko One'; color: #446a98; letter-spacing: 0.4px; font-size: 20px;  text-align: center;  }

/* Let to Know Us Section CSS Start */





/* Things-We-Do Section CSS Start */

.sec2 .main-heading { color: #fff; }
.sec2 { background: #446a98; }
.capabilities {display: flex; align-items: flex-start; justify-content: space-between; padding-top: 40px;  gap: 30px;  }
.sec2 .container, .sec3 .container { max-width: 100%; padding-left: 3.75rem; padding-right: 3.75rem; }
.cap ul { display: flex;  flex-direction: column;  align-items: center;   gap: 12px; }
.cap ul li { color: #fff; font-size: 15px;     text-align: center; }
.cap { display: flex; flex-direction: column; align-items: center; }

.cap-alphabet { text-align: center; font-size: 72px; font-family: 'Nerko One'; color: #fff; border: 14px solid #fff; 
	border-radius: 50%; height: 160px; width: 160px; display: flex; justify-content: center; align-items: center; 
	transition: 0.2s cubic-bezier(0.39, 0.58, 0.57, 1); }

.cap-title { font-size: 24px; text-align: center; color: #fff; letter-spacing: 0.4px; font-weight: 400; 
	padding-bottom: 20px; 	padding-top: 20px;  }

p.cap-alphabet:hover {    border-color: #333;  }
p.cap-alphabet { color:#fff; }

/* Things-We-Do Section CSS END */





/* Strong-Creative Section CSS Start */

.sec3 ul { display: flex; flex-wrap: wrap; gap: 22px;  }
.sec4 {background: #446a98; }
.sec4.padd img { padding-bottom: 30px;  }
.sec4 .main-heading { COLOR: #fff; }
.sec3 li { width: 23%;     position: relative;}
.sec3 li img {  width: 100%; }

.link-hover {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: #446a98;    display: flex;    align-items: center;    justify-content: center;    transition: 0.2s linear;    opacity: 0; }

.link-hover .fa {    color: #fff;    font-size: 50px;  position: relative;     transition: 0.2s; }
.sec3 li:hover .link-hover {    opacity: 1; }

/* Strong-Creative Section CSS END */





/* Contact-Form Section CSS Start */

.col-half { width: 49%;   display: inline-block;  }
.hm-hal {    display: flex;    justify-content: space-between;  } 
.hm-form {   display: flex;    flex-direction: column;    gap: 30px;  }
.col-full { width: 100%; }
span.wpcf7-spinner { display: none; }
.sec5 { background-image: url(imgs/bgg.jpg); background-position: center;  background-attachment: fixed; background-size: cover; }
.sec5 .main-heading {  color: #fff; }
.wpcf7-form-control-wrap {  width: 100%; }
.col-full { display: flex; justify-content: center; max-width: 100%; width: 100%; }
.col-full p { width: 100%; display: flex; justify-content: center; } 
input[type="text"], .wpcf7 input[type="email"], textarea, .wpcf7 input[type="tel"] {  border-radius: 6px; }
::placeholder { color: #0f4b55;  font-weight: 600; }
.wpcf7 form.invalid .wpcf7-response-output {  background: #fff; }

/* Contact-Form Section CSS END */



/*Home FAQ CSS start*/

.faq-row.faq-box {  row-gap: 30px;  display: flex;  flex-direction: column; }

button.accordion {  color: #282828;  cursor: pointer;    font-size: 16px;  width: 100%;  text-align: left;  padding: 16px 20px;
    border: none;    outline: none;  transition: 0.4s;  display: flex;  justify-content: space-between;   align-items: center;
    font-weight: bold;    border-radius: 8px;   box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;  margin-bottom: -8px;  }

.acrdn-row {  background: #fff; border-bottom-left-radius: 20px;  border-bottom-right-radius: 20px;  border-bottom: 3px solid #f3a759; }
.faq-row.faq-box {  row-gap: 40px;  display: flex;  flex-direction: column; }
.pannel {  padding: 10px 18px 30px 18px; }
.accordion i {    font-size: 2.4rem;  	color:#fff;  }
active, .accordion:hover{ text-decoration:none;}
active,  button.accordion {    text-decoration: none;  }
button.accordion.active {    border-radius: 8px 8px 0 0; }
.pannel {    padding: 10px 2rem 10px 2rem;    overflow: hidden; }

.pannel p {    color: #000;    font-size: 14px;    line-height: 1.8;  }
.acrdn-row.active {border: none; background: #fff;    border-radius: 20px;  }
.acrdn-row.active i.fa, .acrd_row.active i.fa {   transform: rotate(180deg);   padding-left: 0;  color: #2f5b53;  }
.acrd_row.active i.fa {color: #ffffff;}
button.accordion {   border-radius: 3px;  background: #fff; }
.accordion::after { display: none; }
.sec4 button.accordion { border-radius: 0px 0px 12px 12px;     font-family: 'Poppins'; font-weight: 600; letter-spacing: 0.4px;
	color: #2e5b53; }

.acrdn-row .panel {  border: 0;  padding: 28px 2rem 10px 2rem;  overflow: hidden; }
.panel p { font-size: 16px;  }
.sec4 .panel { background: none; }

/* Home FAQ  css END */



/* Projects CSS Start */

ul.project-list { max-width: 100%;padding-left: 3.75rem;padding-right: 3.75rem;display: flex;flex-wrap: wrap;gap: 30px; padding-top: 8rem;
    padding-bottom: 8rem;   row-gap: 50px;   }

ul.project-list li { width: 23%;    position: relative; }
ul.project-list li img { width: 100%; }
ul.project-list h3 { font-size: 20px; text-align: center; padding-top: 10px; font-weight: 400;  color: #446a98;  text-decoration: none; }
ul.project-list li:hover .link-hover{ opacity: 1; }
.link-box {    position: relative;  }

/* Projects CSS END */






/* Single Project Css*/

.cn-head { font-size: 22px;  font-weight: 400;  color: #446a98; }
.project-details h1 { font-size: 34px; font-weight: 400; padding-top: 40px; color: #446a98; }
.single-project .container { display: flex;  justify-content: space-between;  column-gap: 40px; }
.proj-left {   width: 64%;  }
.proj-right {  width: 32%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;   padding: 40px 30px;  border-radius: 10px; }
.proj-left .project-featured-image img { width: 100%;  height: 300px; object-fit: cover; }
.single-project { padding-top: 8rem;  padding-bottom: 8rem;  }
.proj-right .cn-head {  margin-bottom: 20px; }

/* Single Project Css End*/




/* Footer CSS Start */

footer#site-footer { background: #446a98; padding-bottom: 0; padding-top: 90px;  }
div.main-footer .container { display: flex; justify-content: space-between;   gap: 40px;  }
.footer-sec-three { width: 30%;  }
.footer-sec-three h3 {  color: #fff;  font-size: 24px;  letter-spacing: 0.8px;  font-weight: 400;  padding-bottom: 40px;  text-align: left;  }
ul.social-media { display: flex; align-items: center; gap: 30px; }
ul.social-media li { margin: 0; }
ul.social-media i { color: #fff; }
.footer-copyright p {  text-align: center;  color: #f7f7f7;  font-weight: 400; font-size: 16px; }
.textwidget.custom-html-widget { color: #f7f7f7; }
div.main-footer .footer-copyright .container { display: flex; justify-content: center; }
.footer-copyright { padding: 20px 0px;  background: #333;  margin-top: 70px; }
#site-footer a {   color: #f7f7f7; }
ul.con-icons li {  display: flex;  align-items: flex-start; }
ul.con-icons li i {padding-top: 4px;width: 30px;  color: #fff;  }
footer#site-footer h3:after { content: ""; display: block; height: 2px; width: 72px; background: #fff;  margin: 12px 0px 0px !important; }
.widget li {   font-family: 'Poppins';  }
.foopen {  display: flex;    gap: 16px;    margin-top: 20px;  }

.footer-address {  display: flex;  flex-direction: column;  gap: 20px;  color: #fff;  }
.address-block {  line-height: 1.6; }
.address-title {  font-weight: bold;  margin-bottom: 5px;  }
.address-line { margin: 0; }
.footer-sec-three.third {  width: 20%; }

/* Footer CSS END */





/*Blog Page CSS Start*/

.post-inner p {  margin-top: 4px !important;  }
.entry-title { padding-top: 24px;  }
.blog #site-content {	max-width: 1170px;	margin: auto;	display: flex;	flex-wrap: wrap;	align-items: stretch;	align-content: center;
	justify-content: flex-start;	column-gap: 3%;	margin-top: 60px;	margin-bottom: 60px; 	width:95%; }
.blog article.post.type-post {	width: 31%; 	border: 1px solid #f4a759;	padding: 20px;	border-radius: 10px;	background: #466b96; }
.blog .featured-media img{border-radius: 10px 40px 0 0; }
.blog article.post.type-post header.entry-header.has-text-align-center {	padding: 10px 15px;display: block; }
.blog .entry-categories {	display: none; }
.blog .has-text-align-center {	text-align: left;  }
.singular .featured-media {	display: none;  }

.blog article.post .entry-title a {	color: #fff;	font-size: 16px;	display: block;	letter-spacing: normal;	font-weight: 600;   
	text-decoration: none; }

.blog .entry-content p {	width: 100% !important; 	max-width: 100% !important; }
.blog .entry-content p {	font-size: 15px;	color: #fff;    margin: 2rem 0 3rem;  }
p.blog-read-more {	text-align: left;  }

.blog .more-link:hover {	background: #fff;	color: #446a98;	border-color:#446a98;  }
.post-separator.styled-separator.is-style-wide.section-inner {	display: none;  }
.post-meta-wrapper.post-meta-single.post-meta-single-top {	display: none;  }
.blog article.post.type-post .post-inner.thin {	padding: 0px 15px !important;  }
.blog article.post.type-post {	padding: 0;	margin-bottom: 40px;  }
.blog article.post.type-post .featured-media { overflow: hidden; margin-top: 0;  }
.blog article.post.type-post .featured-media img { margin: 0 auto; max-height: 200px; height: 200px; }
article.post.type-post .section-inner.medium {	max-width: 100%;	width: 100%; }
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {	font-size: 20px; }
body.blog .footer-nav-widgets-wrapper.header-footer-group {	display:none;  }
p.accordion {  display: flex;  justify-content: space-between;  align-items: center; }

/*Blog Page CSS End*/


/*Single Blog CSS Start*/

.blog_sec { width: 100%;display: flex; 	flex-direction: column;	justify-content: space-between;	row-gap: 2rem;	margin: 4rem 0; }
.blog_sec .cont_sec {display: flex;	justify-content: space-between; width: 100%; flex-direction: row; column-gap: 2%; align-items: center; }
.cont_sec:nth-child(even) {	flex-direction: row-reverse; }
.blog_sec .col_lft, .blog_sec .col_rght {width: 50%;	display: flex;	flex-direction: column; }
.blog_sec .cont_sec, .blog_bot_sec, .blog_top_sec {	font-size: 1.4rem;	font-weight: 400;	letter-spacing: 0.24px;	color: #333333; }

.blog_sec .cont_sec strong, .blog_bot_sec strong, .blog_top_sec strong{	font-size: 1.6rem;	font-weight: 600;	letter-spacing: 0.24px;
	color: #000000; }

.blog_bot_sec, .blog_top_sec {    display: flex;    flex-direction: column;    width: 100%;	    margin: 4rem auto;}

div#blog-section h2 , div#blog-section h4, div#blog-section h3{	font-size: 24px;	text-align: left;   font-weight: 700;  
	line-height: 30px;	font-weight: 500;	letter-spacing: 0.24px;	color: #000000;	margin: 2rem 0 1rem; }

div#blog-section h4, div#blog-section h3 {	text-align: left;margin: 2rem 0;}
.blog_sec ul, .blog_sec ol, .blog_bot_sec ul, .blog_bot_sec ol {    margin: 1rem 0;}
.blog_sec .col_rght img {    display: flex;    width: 100%;    margin-top: 3rem;  }
.single-side-col2 {    display: none;}
div#blog-section {    margin: 6rem 0;}
ul.dsk_non li {    list-style-type: none;    margin-left: 0;}
ol.list_typ li {    list-style-type: disc;}

.accordion {	background-color: #446a98;	color: #ffffff;	cursor: pointer;	padding: 18px;	width: 100%;	text-align: left;
	border: none;	outline: none;	transition: 0.4s;	position: relative; 	text-transform: capitalize; }

.accordion::after { content: '\002B';	color: #fff;	font-weight: bold;	position: absolute;	right: 16px; transition: transform 0.4s; }

.active::after {	content: '\2716';	font-weight: bold;	position: absolute;	right: 16px;	transform: rotate(90deg);	color:#007b80; }

.entry-content .active, .entry-content .accordion:hover {  background-color: #ccc;  color:#007b80;  }
body.single.single-post.singular .post-inner.thin .entry-content p.active, body.single.single-post.singular .post-inner.thin .entry-content p.accordion:hover {	color:#007b80;	}

.panel { padding: 0 18px;	background-color: #ffffff;	display: none;	overflow: hidden;	border: 1px solid #446a98;
	padding: 15px;	}

body.single.single-post.singular .post-inner.thin .entry-content .panel p {    margin: 0;color:#333333;}
button.accordion {   border-radius: 3px;  }
p.accordion.active {  margin-bottom: 0;  }
.blog_bot_sec ol {  margin-left: 0;  }
.faq_sec { display: flex; flex-direction: column; row-gap: 14px; }

.acrd_row {  background-color: #2f5b53;  }

/*Single Blog CSS End*/



/* Condition Page CSS Start */

.cont-1 .col-left, .cont-1 .col-right {  width: 50%;   box-sizing: border-box; }
.col-frm {  display: flex;    flex-wrap: wrap;   justify-content: space-between;  }
.col-frm label {  color: #fff; }
.col-frm input.wpcf7-submit {  background: #333 !important;  margin-top: 20px; }

.cont-1 .flex {  display: flex;    align-items: center;    gap: 40PX;  }
.cont-1 .col-right {   background: #446a98;   padding: 40px;    border-radius: 12px;   }
.cont-1 .col-half {  width: 47%;  display: inline-block;  }
.cont-1 .heading {  font-weight: 600;  letter-spacing: 0.4px;  padding-bottom: 16px;  line-height: 1.8;  }
.cont-1 p {  letter-spacing: 0.4px;  line-height: 1.8;	font-size: 14px;	color: #191919;  }
.cont-1 textarea {  height: 8rem;  line-height: 1.5;  width: 100%;  }
.col-fulltext {  width: 100%; }
.cont-1 img {  margin-top: 40px;  width: 100%;  object-fit: cover;  object-position: top;      max-height: 200px;  }
.cont-map {  padding-top: 0;  }
.cond-box {  display: flex;  justify-content: space-between;  align-content: center;	gap:40px;	margin-top: 30px; }
.cond-left {  width: 50%; }
.cond-right {  width: 50%; }
.doc-intro {  display: flex;  justify-content: space-between;  align-content: center;  gap: 50px;  }
.doc-right {  width: 60%; }
.doc-left {  width: 40%; }
.doc-right p {  padding: 10px 0px; }
.step-heading {  font-weight: 400;  color: #446a98;  margin-bottom: 10px;  }
.flex {  display: flex;    align-items: center;    justify-content: space-between;    gap: 40px;  }
.col-left {  width: 100%; }
.col-right {  width: 100%; }
.cond-right img {  width: 100%;  max-height: 300px;  object-fit: cover;  }
.box-2, .box-4, .box-6 { display: flex;  flex-direction: row-reverse; }
.conditions {  display: flex;  flex-direction: column;   gap: 40px; }

/* Condition Page CSS END */




/*Responsive CSS Start*/


@media (min-width: 1281px) {

	.sec3 ul, ul.project-list { justify-content: space-between; }

}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){  

	.sp-mask.sp-grab, .sp-image-container {   min-height: 500px; }
	img.sp-image {  min-height: 500px;  object-fit: cover;  }
	.sp-slide.sp-selected, .sp-mask {  height: 500px !important; }	
	.cap-alphabet {  font-size: 60px;  border: 10px solid #fff;   height: 120px;   width: 120px;   }
	.cap {  width: 30%; }
	.capabilities, .sec3 ul {   justify-content: flex-start; }
	.sec3 li {  width: 30%;  }	
	.col-half { width: 47%; display: inline-block; }
	form.wpcf7-form.init {  gap: 18px;  }
	.col-full input.wpcf7-submit {  font-size: 18px;  padding: 12px 24px;  }
	
	ul.project-list li {  width: 30%;  }
	.site-logo img {  max-height: 6rem; }

	form.wpcf7-form.init {  flex-direction: column; }
	.single-project .container {  flex-direction: column; row-gap: 70px;  }
	.proj-left, .proj-right {  width: 100%; }	

	ul.project-list {  padding-top: 6rem;  padding-bottom: 6rem;   }
	.home-form form.wpcf7-form.init {  display: flex;  align-content: space-around;  flex-wrap: wrap; flex-direction: row; }
	.step-heading {  font-size: 30px;  }
	.footer-sec-three.third {  width: 40%; }
	
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

	.sp-mask.sp-grab, .sp-image-container {   min-height: 600px; }
	img.sp-image {  min-height: 600px;  object-fit: cover;  }
	.sp-slide.sp-selected, .sp-mask {  height: 600px !important; }	
	.container { max-width: 94%; }
	.team img {  max-width: 80%; }
	.capabilities {  justify-content: flex-start;  flex-wrap: wrap;  }
	.cap {  width: 30%;  }
	.first img { max-height: 8rem;  width: auto; }
	.proj-left {  width: 58%;  }
	.proj-right {  width: 38%;  }
	.col-full input.wpcf7-submit, .proj-right input[type="submit"] {  font-size: 18px;   padding: 12px 24px;  }	


	.blog_sec .cont_sec, .cont_sec:nth-child(even) {  flex-direction: column;  }
	.blog_sec .col_lft, .blog_sec .col_rght {  width: 100%; }
	img.img_blog { max-height: 250px; object-fit: cover;  object-position: center; }
	ul.project-list li {  width: 22%; }
	section { padding: 4rem 0;  }
	footer#site-footer {  padding-top: 60px;  }
	.footer-sec-three {  width: 46%;   }
	.main-footer .container {    flex-wrap: wrap;  }
	
	input[type="text"], input[type="email"],input[type="tel"], textarea {   padding: 1rem 1.2rem;  }
	
}





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

	.main-heading { font-size: 30px; }
	.sub-head-2 {  font-size: 18px; }
	.slide-1 h3 { font-size: 52px; padding-bottom: 20px; }
	.sl-p { max-width: 100%;   padding: 20px 48px; }
	.sl-p p { font-size: 18px; }
	.sp-layer.sp-animated { display: flex; align-items: center;  bottom: 0;  right: 0px;  top: 0 !important;  justify-content: center; }
	.container { max-width: 94%;  margin: auto; }
	div.main-footer .container {  display: flex;  flex-direction: row;  flex-wrap: wrap; }
	.footer-sec-three { width: 42%; }
	.capabilities {  flex-wrap: wrap; padding-top: 0px;  }
	.sec2 .container, .sec3 .container {  padding-left: 1.75rem;  padding-right: 1.75rem; }
	.first img { max-height: 8rem; width: auto; }	
	.team img {  max-width: 80%; }
	footer#site-footer {  padding-top: 70px;  }
	.sec4 button.accordion {   font-size: 14px;  }
	.col-full input.wpcf7-submit, .proj-right input[type="submit"] {  font-size: 18px;  padding: 12px 24px;  }
	input[type="text"], .wpcf7 input[type="email"], textarea, .wpcf7 input[type="tel"] {   padding: 10px; }
	.blog_sec .cont_sec, .cont_sec:nth-child(even) {  flex-direction: column;  }
	.blog_sec .col_lft, .blog_sec .col_rght {  width: 100%; }
	img.img_blog { max-height: 250px; object-fit: cover;  object-position: center; }
	button.toggle.close-nav-toggle.fill-children-current-color {     top: -80px;    right: 0;   }

	button.toggle { background: #fff;  font-size: 14px;  padding: 2%;  border-radius: 5px;  text-decoration: none; letter-spacing: normal;        line-height: normal;  height: 40px;  width: auto;  line-height: normal; position: absolute;  bottom: auto; 
	color: #333  !important;        top: 20px;      }
	
	.nav-toggle svg {    width: 20px;     height: 20px;}	
	.modal-menu .ancestor-wrapper {    display: flex;    justify-content: flex-start;  width: 100%; }
	.menu-modal {    z-index: 10000;}
	.menu-wrapper {    display: flex;   flex-direction: column;   position: relative;  top: 100px; }
	p.desc, p {  font-size: 14px;  }
	
	.header-inner .toggle {   padding: 0 1rem;  }
	.section-inner {  width: 96%;  }
	section {  padding: 4rem 0;  }	
	footer#site-footer {  padding-top: 40px;  }
	.conditions {  gap: 30px;  }
	.flex {  gap: 20px;  }
	
	.col-full input.wpcf7-submit, .proj-right input[type="submit"], .blog .more-link, .theme-btn { font-size: 20px;  padding: 8px 20px; }
	.sub-head {   font-size: 18px;  }
	
	
	
}





@media screen and (max-device-width: 991px) and (orientation: landscape) { 

.mem-title { font-size: 22px; }
.mem-text { font-size: 15px; }
.cap {   width: 30%; }
.cap-alphabet { font-size: 58px; border: 8px solid #fff; height: 100px;  width: 100px;  }

.capabilities {  justify-content: flex-start;  }
form.wpcf7-form.init {  gap: 18px;  }
.sp-mask.sp-grab, .sp-image-container {   min-height: 400px; }
img.sp-image {  min-height: 400px;  object-fit: cover;  }
.sp-slide.sp-selected, .sp-mask {  height: 400px !important; }

form.wpcf7-form.init {  flex-direction: column; }
.single-project .container {  flex-direction: column; row-gap: 70px;  }
.proj-left, .proj-right {  width: 100%; }	
.proj-left .project-featured-image img {   height: 200px;  }

ul.project-list li {  width: 47%; }
.site-logo img { max-height: 6rem; }
.header-inner { padding: 1rem 0; }
	
.home-form form.wpcf7-form.init {  display: flex;  align-content: space-around;  flex-wrap: wrap;  flex-direction: column; }
	
	.step-heading {  font-size: 30px;  }
	.header-inner .toggle {  right: 30px;  }
	button.toggle.close-nav-toggle.fill-children-current-color {  right: 4px;  }
	.footer-sec-three.third {  width: 40%; }
	
}




@media screen and (max-device-width: 767px) and (orientation: portrait) { 

	.container {   max-width: 90%;  }
	.sp-mask.sp-grab, .sp-image-container {   min-height: 500px; }
	img.sp-image {  min-height: 500px;  object-fit: cover;  }
	.sp-slide.sp-selected, .sp-mask {  height: 500px !important; }	
	.col-m p { display: flex; flex-direction: column; align-items: center; }
	.members, div.main-footer .container {  flex-direction: column; }
	.footer-sec-three, .col-half {  width: 100%;  }
	.sl-p {  padding: 20px 14px;  }
	.sec3 li { width: 46%; }
	form.wpcf7-form.init {  gap: 18px; }
	.col-full input.wpcf7-submit {  font-size: 18px;  padding: 12px 24px;  }
	.footer-sec-three h3 {  padding-bottom: 24px;  }
	div.main-footer .container {  gap: 60px; }
	.sub-head, .sub-head-2 {   padding-bottom: 30px;  }
	.cap, .proj-left, .proj-right {  width: 100%; }
	.capabilities {  gap: 50px;  }
	.single-project .container {  flex-direction: column; row-gap: 70px;  }

	.blog_sec .cont_sec, .cont_sec:nth-child(even) {  flex-direction: column;  }
	.blog_sec .col_lft, .blog_sec .col_rght {  width: 100%; }
	ul.project-list li { width: 100%; }
	
	.cond-left, .cond-right {  width: 100%;  }
	.conditions .cond-box {  display: flex;  flex-direction: column-reverse;    gap: 20px;  }
	
	.nav-toggle {   right: 24px;  }
	button.toggle {  top: 38px;   }
	button.toggle.close-nav-toggle.fill-children-current-color {  top: -60px;   right: 20px;  }
	.let-to .col-btm {  display: flex;  flex-direction: column;  }
	.hm-hal {   flex-direction: column;    gap: 30px;  }
	
	.doc-intro { display: flex;  flex-direction: column;  }
	.doc-left, .doc-right {  width: 100%;  }
	.footer-sec-three.third {  width: 100%; }
	
	.cont-1 .flex {  flex-direction: column;  }
	.cont-1 .col-left, .cont-1 .col-right {  width: 100%;  }
	.cont-1 .col-right {   padding: 30px 20px;  }
	
	.cont-map .flex {  display: flex;  flex-direction: column;  }
	.cont-map iframe {  height: 250px !important;  }

}





@media screen and (max-device-width: 767px) and (orientation: landscape) { 

	.sec3 li {  width: 22%;  position: relative; }
	button.toggle.close-nav-toggle.fill-children-current-color {  right: 16px;  }

}