@charset "utf-8";

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font:"Manrope", sans-serif;
    --heading-font:"Manrope", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL:;
    --f-size-XXL:;    
    --f-size-XL: 60px;    
    --f-size-L: 45px;    
    --f-size-M:;
    --f-size-S: 22px;
    --f-size-Sm: 20px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    --clr-white: #fff;
    --clr-black-primary: #000000;
    --clr-blue: #3A8DFF;
    --clr-blue-shade: #2C70D9;
    --clr-dark-blue: #1A3E72;
    --clr-light-blue: #C7D2FF;
    --clr-light-gray: #E8F1FF;
    --clr-dark: #333333;
    
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}


/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0;  line-height: 1.4; font-weight: 400; color: var(--clr-dark); transition: var(--common-transition); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font) ; margin: 0 0 30px; padding: 0; line-height: 1.3; font-weight: 700; }

h1 {font-size: var(--f-size-XL);}
h2 {font-size: var(--f-size-L); color: var(--clr-dark-blue); }
h3 {font-size: var(--f-size-L);}
h4 {font-size: var(--f-size-S);font-family: var(--heading-font-md);}
h5 {font-size: var(--f-size-M);}
h6 {font-size: var(--f-size-S);}
  
p{ margin: 0 0 30px; padding: 0; line-height: 1.5; font-size: var(--f-size-Body);color: var(--clr-dark); } 
h2 span { color: var(--clr-blue-shade); display: block; font-size: 16px; text-transform: uppercase;}
img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }
html.translated-rtl body{ direction: rtl;}


textarea, select, .form-control, input { font-size: 16px; padding:16px 30px; background: #D3E5FF; width: 100%; border-radius: 10px; margin-bottom: 15px; border: 1px solid transparent; outline: none !important; box-shadow: none !important; color: var(--clr-dark); }
textarea { padding: 18.5px 20px; min-height: 100px !important; resize: none;border-radius: 10px !important; }
input[type="submit"] {background: #2C70D9 url(../images/subs-up.svg) no-repeat 80%; width: auto;  padding: 18px 69px 18px 40px; font-weight: 700; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; }
input[type="submit"]:hover {background:#3A8DFF url(../images/subs-up.svg) no-repeat 80%;}
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit!important; border-color: var(--primary-brown); }

select, .form-select { font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; border-radius: 10px; border: 1px solid var(--primary-brown); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: 95% center; color: var(--clr-black-four); }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid var(--primary-brown); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.field-group { margin-bottom: 30px; }


/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: var(--clr-dark); opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color:var(--clr-dark); }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color:var(--clr-dark); }
/* --- for placeholder color --- */

label, .maxchar { margin-bottom: 11px; color: var(--clr-black-primary); font-weight: 500; font-size: var(--f-size-Body);} /* desktop size 18 and mobile size 15 */
  
.common-padding{ padding-top: 80px; padding-bottom: 80px; }
.common-small-padding{ padding-top: 50px; padding-bottom: 50px; } 

.btn, a.btn{ line-height: 1;background:linear-gradient(90deg, #3A8DFF 30%, var(--clr-blue-shade) 70%); color: var(--clr-white); column-gap:5px; display:inline-flex; align-items: center; border-radius: 10px; padding: 18px 40px; transition: var(--common-transition);font-size: 18px; font-weight: 500; text-transform: capitalize; border: 0 none;}
.btn:hover{ background:linear-gradient(90deg, var(--clr-blue-shade) 30%, #3A8DFF 70%); color: var(--clr-white);}
.btn i.fa-arrow-up { margin-left: 15px; transform: rotate(45deg);}
/* .btn.border { background: url(../images/btn-border-bg.svg); background-size: cover; border: none !important; background-repeat: no-repeat; padding: 14px 107px; } */
.btn.border { background:transparent;  border: solid 1px var(--clr-white) !important; background-repeat: no-repeat; padding: 18px 35px; }
.btn.border:hover {  color: #fff; }
.btn.border i.fa-angle-down { margin-left: 15px;}
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */
header.no-banner { background: linear-gradient(287.94deg, rgba(25, 112, 230, 0.65101) 23.1%, #0B29A7 89.93%);}
header.header-sticky .main-header { position: fixed; background: linear-gradient(10deg, rgba(25, 112, 230, 1) 23.1%, #0B29A7 89.93%);}
header.no-banner.header-sticky { background: linear-gradient(10deg, rgba(25, 112, 230, 1) 23.1%, #0B29A7 89.93%);}
header.no-banner.header-sticky .main-header {  position: fixed;}
header.no-banner .main-header {  position: relative;}
.logo img { height: 78px;}
.hdr-wrap { display: flex; align-items: center; }
.main-header { padding: 20px 0;position: absolute; left: 0; right: 0; top: 0; z-index: 999; }
.custom-header-wrap { display: flex; justify-content: space-between; }
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.main-menu ul li { margin-right:40px; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a {color:var(--clr-light-blue);border-bottom: solid 1px var(--clr-light-blue);}
.main-menu ul li a {font-family: var(--body-font); color: var(--clr-white);font-size: var(--f-size-Body);font-weight: 500; border-bottom: solid 1px transparent;}
.main-menu .hdr-btn{display: none;}

.main-header.no-banner { background: var(--clr-light-blue); position: relative;}
.hdr-btn {  display: flex; column-gap: 10px; flex-wrap: wrap; align-items: center;}
.selectbox, .gt_selector {
    width: auto;
    background: transparent; cursor: pointer;
    color: #fff;
    border: solid 1px #fff;
  font-size: 20px; 
  padding:12px 50px 13px 30px; margin-bottom: 0;
  appearance: none;
  -webkit-appearance: none; 
  -moz-appearance: none;
  background: url('../images/select-arrow.svg') no-repeat right 20px center;

}

select.selectbox option, .gt_selector option{color: #000;}
.translated-rtl span.modal-close { left: 20px; right: auto !important;}
.translated-rtl h4#modalTitle { padding-left: 40px; padding-right: 0;}
h4#modalTitle { padding-right: 40px;}

/* dropdown */

li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children::after { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 17px; margin-left: 15px; color: var(--clr-white); transition: 0.3s ease-in; top: 4px; right: -10px; }
.hdr-menu .main-menu ul li.menu-item-has-children a:hover::after{display: none;}
li.menu-item-has-children > ul.sub-menu {display: none;position: absolute;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(46, 45, 45, 0.25);min-width: 430px; z-index: 1;margin-top: 0px; border-radius: 10px;}
li.menu-item-has-children > ul.sub-menu li{margin-right: 0;}
li.menu-item-has-children > ul.sub-menu li:hover{background: linear-gradient(86.89deg, #3A8DFF 0.83%, #2C70D9 69.23%);}
li.menu-item-has-children > ul.sub-menu li:hover a{color: var(--clr-white) !important;}
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--clr-black-primary);margin-right: 0;padding: 20px 28px; border: none;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--yellow) !important;color: var(--black); }
li.menu-item-has-children > ul.sub-menu > li > a{border: none;border-bottom: 1px solid #8F8C82B2; }
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover::after{transform: rotate(180deg);}
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;margin: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0 none;margin: 0; border-radius:0 0 10px 10px;}
li.menu-item-has-children ul.sub-menu li:first-child{border-radius: 10px 10px 0 0;}
li.menu-item-has-children ul.sub-menu li:last-child a{border:0 none;}
.minus, .plus {display: none;}

/* dropdown */



/* @keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
} */

/* -- Header -- */

/* -- Banner -- */

.home-banner-holder { display: flex; justify-content: center; height: 100vh; padding-top:20rem; min-height: 940px; } 
.banner-cnt { position: relative;} 
.banner-cnt h1, .banner-cnt p { color: var(--clr-white);} 
/* -- Banner -- */

/*----Welcome----*/
.welcome-section-img { position: relative; padding-bottom: 100%; overflow: hidden;}
.welcome-section-img img { border-radius: 10px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height: 100%;top: 0;}
/*----Welcome----*/
/*----What We Do----*/
.home-project {background: linear-gradient(169.64deg, #0E31C7 -20.25%, var(--clr-blue-shade) 100.83%);}
.home-project h2 , .home-project h2 span{color: var(--clr-white);}
.home-project-card { background: linear-gradient(303.13deg, #A0C8FF 5.53%, #E4EFFF 75.25%); padding: 30px; height: 100%;  border-radius: 10px;  border-width: 2px 1px 0px 2px; border-style: solid;border-color: #E4EFFF;}
.home-project-card h6{color: var(--clr-dark-blue);}
.home-project-card ul li { padding-bottom: 10px;}
a.btn.more { padding: 0;  background: transparent; color: var(--clr-blue-shade);}
.home-project-card:hover{background: linear-gradient(82.39deg, #3A8DFF 5.17%, #0333F8 104.99%);}
.home-project-card:hover a.btn.more, .home-project-card:hover h6, .home-project-card:hover ul li{color: var(--clr-white);}
.home-project-card:hover .hscard-icon img { filter: brightness(0) invert(1);}
.home-project-slider .slick-list.draggable { padding: 0 !important;}
.home-project-slider .col-lg-3.col-md-6 { margin: 0 12px;}
.home-project-slider .slick-track { 	display: flex !important; }
.slick-slide { 	height: inherit !important; }
.home-project-slider .slick-next { right: 15px; z-index: 9;}
.home-project-slider .slick-prev {left:15px; z-index: 9;}
.home-project-slider .slick-prev:before, .home-project-slider .slick-next:before { opacity: 1; color:var(--clr-dark-blue);font-size: 30px;}
/*----What We Do----*/

/*----Industries----*/
.home-services h2, .home-services-card .home-services-desc h6, .home-services-card .home-services-desc p{color: var(--clr-white);}
.home-services-card .home-services-desc a.btn.more {color: var(--clr-white);}
.home-services-img  {padding-bottom: 86%; position: relative;}
.home-services-img img { border: solid 1px #fff; border-radius: 10px; width: 100%; object-fit: cover; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.industries .home-services-card { margin-bottom: 30px;}
.industries h2, .industries .home-services-card .home-services-desc h6{color: var(--clr-dark-blue);}
.industries .home-services-card .home-services-desc p{color: var(--clr-dark);}
.industries .home-services-card .home-services-desc a.btn.more { color: var(--clr-blue-shade);}
div#modalContent { max-height: 400px;  overflow-y: auto;}
.modal span.modal-close { background: var(--clr-dark); color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%;}
/*----Industries----*/


/*----Blog----*/
.home-blog-img, .home-blog-card { position: relative; }
.home-blog-img:before { background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 99.99%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; content: ""; }
.home-blog-img { border-radius: 10px; overflow: hidden;}
.home-blog-img img { border-radius: 10px; width: 100%;}
.home-blog-desc { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; padding: 30px; }
.home-blog-desc p, .home-blog-desc h6 {color: var(--clr-white); display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.home-blog-desc a.btn.more { opacity: 0; position: absolute; right: 20px; bottom: 20px; }
.home-blog-card:hover .home-blog-desc a.btn.more{opacity: 1;}
.home-blog-card:hover .home-blog-img:before{background: linear-gradient(299.62deg, #3A8DFF 6.9%, #0333F8 90.7%); opacity: 85%;}
.home-blog .col-lg-6:last-child .home-blog-card:last-child { margin-top: 20px;}

.blog-card { display: flex; align-items: flex-start; border: 1px solid #A1A7B2; border-radius: 10px; padding: 20px; margin-bottom: 24px; column-gap: 20px; }
.blog-card .blog-img { width: 210px;position: relative;  padding-bottom: 43%; }
.blog-card .blog-img img {  border-radius: 10px;  height: 100%;  position: absolute;  left: 0;  right: 0; bottom: 0;  top: 0; object-fit: cover; width: 100%;}
.blog-card .blog-desc { width: calc(100% - 230px); }
.blog-card .blog-desc p, .blog-card .blog-desc h6 { margin-bottom: 20px;}
.blog-card .blog-desc p{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.blog-card .blog-desc h6 a{color: var(--clr-dark-blue); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.blog-details-holder-img img { width: 100%; border-radius: 10px; height: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.blog-details-holder-img { position: relative; margin-bottom: 30px;padding-bottom: 45%; overflow: hidden; border-radius: 10px;}
.blog-details-holder-img p.dateofpost { background: linear-gradient(86.89deg, #3A8DFF 0.83%, #2C70D9 69.23%); padding: 14px 22px; position: absolute; right: 0; bottom: 0; margin-bottom: 0; border-radius: 10px 0 10px 0; color: var(--clr-white); }
.blog-details-holder-desc h6 { color: var(--clr-dark-blue);}
.next-prev-btn { margin-top: 30px; display: flex;  align-items: center; justify-content: space-between;}
.home-blog .col-lg-6:last-child .home-blog-card .home-blog-img { overflow: hidden; }
.home-blog-img img { width: 100%; height: 100%; object-fit: cover; }
.home-blog .col-lg-6 .home-blog-card .home-blog-img {  padding-bottom: 100%; position: relative;}
.home-blog .col-lg-6 .home-blog-card .home-blog-img img { position: absolute;left: 0;right: 0;bottom: 0; top: 0;}
.home-blog .col-lg-6:last-child .home-blog-card .home-blog-img { padding-bottom:48.5%; overflow: hidden;}
/*----Blog----*/



/* -- Inner Banner -- */
.innerBanner .home-banner-holder { max-height: 600px; padding-top: 10rem; min-height: auto; align-items: center;}
/*.innerBanner .banner-cnt { max-width: 780px;}*/
.innerBanner .banner-cnt p{ color: var(--clr-black-four);}
/* -- Inner Banner -- */



/* -- Services -- */
.services-section .services-img  { height: 330px;}
.services-section .services-img img { width: 100%;  border-radius: 10px; height: 100%; object-fit: cover}
.services-section .services-cnt { padding: 0 20px;}
.services-section .servicescard:nth-child(even) .services-cnt {padding-left: 0;}
.services-section .servicescard:not(:last-child) { padding-bottom: 50px; margin-bottom: 50px; position: relative; }
.services-section .servicescard:not(:last-child):before { width: calc(100% - 12px); left: 12px; right: 12px; content: ""; background: #9BB2D3; height: 1px; bottom:0; position: absolute; }

/* -- Services -- */

/* -- Portfolio -- */
.portfolio-area .row .col-lg-4:nth-child(3) .portfolio-card:before, .portfolio-area .row .col-lg-4:nth-child(6) .portfolio-card:before, .portfolio-area .row .col-lg-4:nth-child(9) .portfolio-card:before, .portfolio-area .row .col-lg-4:last-child .portfolio-card:before{display: none;}
.portfolio-area .row { margin: 0 -54px;}
.portfolio-img, .portfolio-card { position: relative;}
.portfolio-img{overflow: hidden;}
.portfolio-card {padding: 0 40px; margin-bottom: 54px;}
.portfolio-card:before{position: absolute; right: -12px; height: 100%; width: 1px; content: ""; background: #A6AEB8;}
.portfolio-img {border-radius: 10px;padding-bottom: 100%;}
.portfolio-img img {border-radius: 10px;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;object-fit: cover;}
.portfolio-desc { position: absolute; left: 40px; right: 65px; bottom:0; z-index: 9; padding: 30px; opacity: 0;transition: all 0.3s; }
.portfolio-desc a.btn.more, .portfolio-desc h6 {color: var(--clr-white);}
.portfolio-card:hover .portfolio-img:before{ background: linear-gradient(148.74deg, rgba(25, 112, 230, 0) 10.4%, #1970E6 80.12%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; content: "";}
.portfolio-card:hover .portfolio-desc{opacity: 1;bottom: 30px; transition: all 0.3s;}

.portfolio-details-holder-img img { width: 100%; border-radius: 10px; }
.portfolio-details-holder-img { position: relative; margin-bottom: 30px; max-height: 585px; overflow: hidden; border-radius: 10px;}
.smallimg { padding-bottom: 60%;}
.smallimg img { position: absolute;object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; height: 100%;}
.portfolio-details-holder-desc h6{color: var(--clr-dark-blue);}
.portfolio-details-holder-desc ul { list-style: none; padding: 0;}
.portfolio-details-holder-desc ul li { position: relative; padding: 0 0 20px 36px; font-weight: 600;}
.portfolio-details-holder-desc ul li:before{position: absolute; left: 0; top:-2px; content: ""; background: url(../images/check.svg); width: 26px; height: 26px; background-size: 100%;}

.next-prev-btn span { margin: 0 10px;}
.errorimg {  max-width:500px; margin: auto;}
.translated-rtl .portfolio-card:before {left: -12px; right:auto;}

/* -- Portfolio -- */


/* -- Contact -- */
.contactus-form { padding-right: 60px; border-right: solid 1px #A6AEB8;}
.getintuch-cnt { padding-left: 35px;}
ul.connect {padding: 0;}
ul.connect li span { background: linear-gradient(86.89deg, #3A8DFF 0.83%, #2C70D9 69.23%); box-shadow: 0px 0px 20px 0px #0000000A; min-width: 45px; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 10px; margin-right: 15px; } 
ul.connect li { display: flex; align-items:center; margin-top: 24px; } 
ul.connect li p { margin-bottom: 0; } 
ul.connect li h4 a { color: var(--gray); } 

.form-control.wpcf7-not-valid { border-color: red;}
span.wpcf7-not-valid-tip { display: none;}
.contactus-form input:-webkit-autofill,
.contactus-form input:-webkit-autofill:hover, 
.contactus-form input:-webkit-autofill:focus, 
.contactus-form input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #D3E5FF inset !important;
}
/*Change autocomplete styles in WebKit */
.newsletter-holder input:-webkit-autofill,
.newsletter-holder input:-webkit-autofill:hover, 
.newsletter-holder input:-webkit-autofill:focus{
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #1B1B1C inset;
  transition: background-color 5000s ease-in-out 0s;
}
/* -- Contact -- */

.comnpage h2, .comnpage h3 { font-size: var(--f-size-S); color: var(--clr-dark-blue);}
.translated-rtl .btn i.fa-arrow-up { margin:10px 15px 0 15px;}
.translated-rtl .hdr-btn { margin-right:15px;}
.translated-rtl .portfolio-details-holder-desc ul li:before { left: auto; right: 0;}
.translated-rtl .portfolio-details-holder-desc ul li { padding: 0 36px  20px 0;}
.translated-rtl .terms-privacy ul li a { padding-left: 0; padding-right: 34px;}
.translated-rtl .terms-privacy ul li:last-child:before { left: inherit; right: 16px;}
html.translated-rtl .terms-privacy ul { padding: 0;}
.translated-rtl ul.connect li span { margin-right: 0; margin-left: 15px;}
.translated-rtl .contactus-form { padding-right: 0; padding-left: 60px; border-left: solid 1px #A6AEB8; border-right: 0;}
.translated-rtl .newsletter-holder form .mc4wp-form-fields .form-group .form-control { text-align: right;}
/*.translated-rtl .blog-card .btn i.fa-arrow-up { margin: 10px 15px 0 0;}*/

/* -- Footer -- */

.main-footer{position: relative; background: var(--clr-blue); padding: 80px 0 35px 0;}
.main-footer h6{color: var(--clr-white);}
.main-footer p{color:#AAAAAA;}
.ftr-menu ul{ margin: 0;padding: 0;list-style: none;}
.ftr-menu ul li a{color:#AAAAAA; padding-bottom: 15px; display: block; font-size: var(--f-size-body);}
.ftr-menu ul li:hover a{color: var(--clr-yellow);}
.newsletter-holder h2 {text-transform: uppercase; color: #fff;font-weight: 500;}
.newsletter-holder p{color: #fff; font-weight: 600;}

.newsletter-holder form .mc4wp-form-fields .form-group { width: calc(50% - 15px);}
.newsletter-holder form .mc4wp-form-fields{ display: flex; flex-wrap: wrap;column-gap: 15px;}
.newsletter-holder form .mc4wp-form-fields .form-group .form-control{ font-size: 16px;  padding:10px 0 20px; background: transparent; width: 100%; border-radius: 0; margin-bottom: 20px; border-bottom: 1px solid #AAAAAA !important; outline: none !important;  box-shadow: none !important; border: 0 none;  color:var(--clr-white);}
.newsletter-holder .form-control::-moz-placeholder { color: #aaaaaa; opacity: 1; }
.newsletter-holder .form-control:-ms-input-placeholder { color: #aaaaaa; }
.newsletter-holder .form-control::-webkit-input-placeholder { color:#aaaaaa; }

.terms-privacy ul {list-style: none;  display: flex; justify-content: flex-end; margin: 0;}
.terms-privacy ul li{position: relative;}
.terms-privacy ul li a { font-weight: 400; font-size:var(--f-size-Body);  color: #AAAAAA;  padding-left: 34px;}
.terms-privacy ul li:hover a{color:#AAAAAA;}
.terms-privacy ul li:last-child:before {position: absolute;  left: 16px;  content: "|";  top: 1px;}
.terms-privacy ul li:first-child a {  padding-left: 0;}
.copyright p{margin-bottom: 0;}
.copyright hr {  border-top: #fff solid 1px;opacity: .30;}
.logo-wrap img {height: 78px;}

/* -- Footer -- */


/* -- Body Adjustment -- */

@media only screen and (min-width:1699px){
.container{max-width: 1430px;}
}

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

:root {
/* ~-~-~-~-~ declare font size ~-~-~-~-~ */
--f-size-XXXL:;
--f-size-XXL:;    
--f-size-XL: 40px;    
--f-size-L: 40px;    
--f-size-M:;
--f-size-S: 20px;
--f-size-Sm: 18px;
--f-size-Body: 16px;    
/* ~-~-~-~-~ declare font size ~-~-~-~-~ */ 
}
.home-banner-holder { align-items: center;} 
.maingalleryinfo {max-width: 480px;}
.customgallery {  padding-bottom: 120px;}  
.ourworkImgRight {  top: 80px; max-width: 400px;}  


}
@media only screen and (max-width:1399px){
.btn, a.btn { padding: 18px 20px;} 
.main-menu ul li { margin-right: 25px;}  
.home-banner-holder { padding-top: 10rem;} 
    
.portfolio-card { padding: 0 10px;  margin-bottom: 25px;} 
.portfolio-area .row { margin: 0;} 
}

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

:root{
--f-size-XXXL:;
--f-size-XXL:;    
--f-size-XL: 30px;    
--f-size-L: 30px;    
--f-size-M:;
--f-size-S: 18px;
--f-size-Sm: 16px;
--f-size-Body: 16px; 
}


.common-padding { padding-top: 60px; padding-bottom: 60px; }
.common-small-padding { padding-top: 40px; padding-bottom: 40px; }
.nav_btn { display: block; cursor: pointer;position: relative;}
.hdr-wrap ul { display: block;}
body.fixed { overflow-y: hidden;}
body.fixed .main-header { background: var(--clr-dark-blue);}
.main-menu { position: fixed; transform:translateX(100%); right: -100%; top: 118px; bottom: 0; z-index: 999; max-width: 100%; background-color:var(--clr-dark-blue); padding-top: 20px; margin:0; display:block; width: 100%; padding-left: 20px;padding-right: 20px; transition: 250ms ease-in;overflow: auto;height: 100vh; border-top: solid 1px var(--clr-blue); }
.main-menu>ul li { width: 100%; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu>ul>li a { display: block; padding: 10px 0;border-bottom:solid 1px rgb(58 141 255 / 30%);color: var(--clr-white); }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a{}
.hdr-rt ul li a {color: var(--clr-white);padding: 10px;}
li.menu-item-has-children::after{content: none;}
.nav_btn::after { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); right: 0; top: -12px;transition: ease-in-out 0.4s; }
.nav_btn::before { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); top: 3px; right: 0;transition: ease-in-out 0.4s; }

.nav_btn.sidebar_active::after{transform: rotate(45deg);top: 0; }
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 0; }
.main-menu.sidebar-open { right: 0; }
.minus, .plus{display: block;position: absolute;right: 0;top: 0;font-weight: 400;color: var(--clr-white);font-size: 30px;}
.minus{display: none;}

li.menu-item-has-children.open-sub > ul.sub-menu{display: block;}
li.menu-item-has-children:hover > ul.sub-menu{height: 0; overflow: hidden;}
li.menu-item-has-children.open-sub > ul.sub-menu{height: 100%; position: relative;}
.hdr-btn{margin-right: 50px;}
li.menu-item-has-children.open-sub .minus{display: block; font-size: 50px; line-height: 1; right: 0; top: -8px;}
li.menu-item-has-children.open-sub .plus{display: none;}
li.menu-item-has-children ul.sub-menu a{color: var(--clr-black-primary) !important;}
.hdr-wrap  .sidebar-open .mobileview {display: block;}

    
.home-banner-holder { padding-top: 6rem; min-height: 67vh; height: auto;}
.innerBanner .home-banner-holder { min-height: 400px;}
.home-project-card { padding: 15px;}
h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px;}  
.home-blog-desc { padding: 20px;}
.home-blog-desc a.btn.more { right: 0; bottom: 0; width: 50px;}     
.translated-rtl .hdr-btn {  margin-right: 55px;}
.translated-rtl .nav_btn { position: absolute;}   
.translated-rtl li.menu-item-has-children.open-sub .minus, .translated-rtl .plus { left: 0; right: auto;}  
.translated-rtl .main-menu ul li { margin-right: 0;} 
.translated-rtl .main-menu ul li.menu-item-has-children a { margin-right: 0;}
.main-menu ul li.menu-item-has-children a { margin-right: 0;}
    
}
@media only screen and (max-width:991px){
:root{  
--f-size-XL: 25px;    
--f-size-L: 25px;  
}

.selectbox {padding: 9px 50px 10px 30px;}
.btn, a.btn{padding:15px 20px;}
.main-menu{top: 100px;}
.logo img {height: 60px;}
.home-banner-holder { min-height: 70vh;}
.home-blog .col-lg-6:last-child .home-blog-card:last-child {margin-top: 0;}  
.welcome-section-img, .home-services-card, .home-blog .col-lg-6 .home-blog-card { margin-bottom: 30px;}
.home-project-card {  margin-bottom: 30px; height: calc(100% - 30px);} 
.main-menu { max-width: none;}   
.home-blog .col-lg-6:last-child .home-blog-card:last-child {  margin-bottom: 0;}
.home-blog-desc a.btn.more { opacity: 1;}   
.home-blog-img:before {background: linear-gradient(180deg, #000000 0, rgba(0, 0, 0, 0.5) 99.99%, rgba(0, 0, 0, 0) 100%);}
.industries .col-lg-4:last-child .home-services-card { margin-bottom: 0;}   
.portfolio-card:before{display: none;}  
.portfolio-card { padding: 0;} 
.portfolio-desc { left: 0; right: 0;bottom:20px;} 
    
/*.main-menu>ul>li a { border-bottom:0 none;}  */
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { border-bottom:solid 1px rgb(58 141 255 / 30%);}
.contactus-form { padding: 0 0 30px;  border-bottom: solid 1px #A6AEB8;  border-right: 0 none; margin-bottom: 30px;}  
.translated-rtl .contactus-form { padding-left: 0; border-left: 0;} 
.getintuch-cnt { padding-left: 0;}
.services-section .services-cnt { padding: 20px 0 0 0;}    
    
    
}

@media only screen and (max-width:767px){
:root{  
--f-size-XL: 20px;    
--f-size-L: 20px;  
} 
.btn, a.btn {font-size: 16px;}    
.home-banner { background-position: 80% 20%!important;} 
.innerBanner .home-banner-holder {    padding-top: 5rem; min-height: 200px;}   
.newsletter-holder form .form-group { width: 100%;}  
.portfolio-card { margin-bottom: 30px;}    
.main-menu.sidebar-open .hdr-btn {display: flex ; align-items: center;   justify-content: center;  margin-top: 50px;}  
.hdr-btn a.btn { display: none;}
.selectbox, .gt_selector {font-size: 15px;background-size: 18px;  padding: 7px 35px 7px 15px; background-position:  90% 7px;} 
.main-menu.sidebar-open .hdr-btn a.btn { display: block;}  
li.menu-item-has-children > ul.sub-menu { min-width: auto;}  
.main-menu {top: 85px;}
.btm-footer { text-align: center;}
.copyright p {  margin-bottom: 20px;  text-align: center;}
.copyright { flex-direction: column-reverse;}
.terms-privacy ul {  justify-content: center; margin: 0 0 20px;} 
.newsletter-holder { margin: 20px;}  
.order-2 { order: inherit !important;}
.services-section .services-cnt { padding: 20px 0 0 0;}
.services-section .services-img { height: auto;}
.services-section .servicescard:not(:last-child) { padding-bottom: 30px;    margin-bottom: 30px;}
.home-blog .home-blog-card .home-blog-img { max-height: none; min-height: 250px;}  
.home-blog-img img { width: 100%; height: 100%; object-fit: cover;  position: absolute;left: 0; right: 0; bottom: 0; top: 0;} 
.home-services-img { padding-bottom: 100%;}  
.logo img { height: 45px;}      
.portfolio-details-holder-desc ul li:before {width: 20px; height: 20px; top: 7px;}   
.blog-card { display: block;}  
.blog-card .blog-img {  width: 100%; padding-bottom: 57%;}   
.blog-card .blog-img img {  min-height: auto; width: 100%;}
.blog-card .blog-desc { width: 100%; padding-top: 20px;}     
.banner-cnt h1, .banner-cnt p { text-align: center;} 
.home-banner-holder .banner-cnt { text-align: center;}
.blog-details-holder-img p.dateofpost { padding: 10px 15px;}    
.translated-rtl .hdr-btn { margin-right: 50px;} 
.newsletter-holder form .mc4wp-form-fields .form-group { width: 100%;}
.home-blog .col-lg-6:last-child .home-blog-card .home-blog-img { padding-bottom: 100%;}
}


@media only screen and (max-width:360px){
.main-menu {top: 85px;}
}