/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-theme-child-sgvp-main
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.boxOuter img, #sticky-head, #sticky-head img,  .item img {-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.hidden {
  display: none;
}

.grid-1 {display: grid; grid-template-columns: 1fr  ; }
.grid-2 {display: grid; grid-template-columns: 1fr 1fr ; gap: 20px; }
.grid-3 {display: grid; grid-template-columns: 1fr 1fr 1fr ;   gap: 20px;}


.CTA_btn { position: fixed; right: 0px; bottom: 70px; z-index: 1000; border-radius: 0px 0px 7px 7px; padding: 7px 20px;  
  
  /* -moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); */

}

.CTA_btn img { fill: red;}

/* .CTA_btn a { color: #fff  !important; font-size: 18px; font-weight: bold; letter-spacing: 1.2px;} */
.elementor-counter {text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;}


.socialmediaright { position: fixed; right: -10px; top: 470px; z-index: 10; width: 60px !important;}

.mobilefooter { display: none;  position: fixed; left: 0; right: 0; bottom: 0; z-index: 500;}



/* .body-sticky { padding-top: 130px;} */

#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #111e36;
  border-top: solid 1px #111e36;
  text-align: center;
  z-index: 1020;
  color: #fff !important; 
}

button#accept-cookies { background-color: #00aeef !important; border: none; padding: 10px 20px !important;}

#cookie-banner a { color: #fff !important; text-decoration: underline;}


.themBtn, a.btn-theme { background: #0f3566; color: #fff !important  ; cursor: pointer; border-radius: 20px; padding: 7px 30px; text-decoration: none !important; display: inline-block; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 30px;}
.grid-2 {display: grid; grid-template-columns: 1fr 1fr ; gap: 30px;}
.blog-info a.btn { background: none; color: #f25f1a !important; padding: 0; text-transform: uppercase; font-weight: bold;} 

.blog-info h4 a { font-size: 18px; color: #111E36; text-decoration: none;}
.blog-date{ color: #cf2e2e; padding-top: 15px;}
.content { color: #fff; }

.copyright a { color: #fff !important; font-weight: normal;}
.copyright p { margin: 0 !important; padding: 0 !important;}
.breadcrumbs { display: flex ; justify-content: center;}
.breadcrumbs, .breadcrumbs a { color: #fff !important;}
.breadcrumbs li{ padding-right: 15px;}
.breadcrumbs a { margin-right: 15px; background: url(../hello-elementor-child/assets/images/arrowright.png;) no-repeat right 10px; text-decoration: none; padding: 0 20px 0 0px ; }
.breadcrumbs a:hover { opacity: 0.6;}
#readmoreContentArea  { background: #0f3566 url(../hello-elementor-child/assets/images/areabg.png) no-repeat ; background-size: cover;background-attachment:fixed; color: #fff; padding: 80px 0;}

.b-item { position: relative;}
.hfe-sticky  .elementor-element.elementor-element-a0a0019 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a{color: #000 !important;}

body { overflow-x: hidden !important;}
body.body-sticky { padding-top: 100px;}

.elementskit-menu-overlay { background: none !important;}

/* BLog css  */

.container1 , .container2{width: 1350px; margin: auto;}

.blog_contentOuter { padding: 15px;}


.blog_list_page { padding: 40px 0 ; position: relative; z-index: 10; }


.archive  .blog_list_page { padding-top: 0;}


.page-content-1 {background-color:#fff ; padding: 70px 0 ; position: relative;}


#breadcrumbs a {color: #fff;}

.post_date_outer { display: flex; gap: 15px; padding: 0px 0 7px 0 ;}
.post_date { color: #111E36;}
.post_single { padding-bottom: 80px; padding-top: 0px;  display: grid; grid-template-columns: 1fr 350px; gap: 30px;}

.post_single p { color: #000 !important;}
.post_single h1.entry-title { color: #1c1c1c !important;}
h2.wp-block-heading { color: #111E36 !important;}
.single  .innerHeader { height: 80px !important}
.page-content h1 { font-size: 35px;}

.post .wp-post-image { width: auto !important;}
.breadcrumb_last { opacity: 0.6;}
.post_full .blog-date { font-size: 13px; padding: 10px 20px 0px 0px;}
.blog-date  span{ opacity: 0.8; color: #111E36; font-weight: 400; padding: 0px 0 0px 0; display: block;}
.post_full .pdate { font-size: 25px;}
.post_right { background-color: #fff;   
border-radius: 10px; 
      -webkit-box-shadow: 0 0 10px 0 #BDBDBD50;
    box-shadow: 0 0 10px 0 #BDBDBD50; border: none;
}
.single-post .post_full img{ margin: 0 0 30px 0 ;

}
.sliderContent { padding: 15px 0 0px 0 ;}
.readmore a { color: #fbbc04;}

.widget_block ul { padding: 0; margin: 0;}
.widget_block li { background: #fff; padding: 10px 0 ; list-style: none; margin-bottom: 0px; border-bottom: solid 1px #e6ebef;}
.widget_block li a{ color: #000; display: block; line-height: 20px; font-size: 16px !important; text-decoration: none !important;}
.widget_block li a:hover { color: #000 !important;}
h2.wp-block-heading { font-size: 20px; font-weight: bold; margin: 0 0 0 0 ; padding: 0; line-height: 45px; border-bottom: solid 1px #CCCCCC; position: relative; margin-bottom: 20px;}
h2.wp-block-heading::after { content: ""; width: 50px; height: 2px; position: absolute; bottom: -1px; 
   left: 0; background: #D13519; }
.wp-block-categories-list li { display: flex; justify-content: space-between; align-items:center;}
.post-tags { padding-left: 10px;}
.wp-block-tag-cloud a, .post-tags a { color: #A4A4A4; padding: 5px 7px;  text-decoration: none;}
.post-tags a { margin-right: 7px;}
.post_right input { background: #fff; border-radius: 50px; border: none;}
.post_right button { color: #fff !important; border: none; }

.post_right_inner {
  /* position: sticky; */
  /* top: 60px; */
}
.sliderImg {
  overflow: hidden;
}
.sliderImg img { border-radius: 15px;}

.blog-date, .project_tags {
  /* position: absolute; */
  /* background: #08416b ; */

  color: #000;
  font-size: 14px;
  font-weight: bold ;
  padding: 0px 0px;
  z-index: 10;
  
}
.blog-info h4 { font-size: 22px; padding: 0px 0 15px 0; margin: 0; font-weight: bold;}
.post_full .pdate {
  font-size: 25px;
}
.pmonth {
  text-transform: uppercase;
}

.post-cate a { color: #409fb4; font-size: 14px; padding-bottom: 5px;}
.newsTitle a { color: #004aad; font-weight: bold; font-size: 20px; line-height: 25px;}

.newsListOuter { display: grid; grid-template-columns: 1fr 1fr 1fr ;  gap: 20px;}
.newsListOuter .newsBox { position: relative;}
.blog-date-inner { font-size: 13px; opacity: 0.7;}
.newsListOuter .newsTitle { font-size: 16px; line-height: 22px !important;}

.wp-pagenavi { padding: 30px 0 30px 0 ; display: flex;}
        .wp-pagenavi .pages,   .wp-pagenavi  a.last  { display: none;}
        .wp-pagenavi a, .wp-pagenavi span {
            font-size: 16px !important;
            color: #000;
            padding: 0px;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none !important;
            background-color: #F6F6F6 !important;
            border-radius: 10px !important ;
            -webkit-border-radius: 10px !important ;
            -moz-border-radius: 10px !important ;
            -ms-border-radius: 10px !important ;
            -o-border-radius: 10px !important ;
            text-decoration: none !important;
}

.wp-pagenavi span.current { background: #f25f1a !important; color: #fff !important;}
.post_right select { border: solid 1px #E4A4A1; font-size: 14px; color: #f25f1a;}
.widget_block { padding: 25px 0 0 0;}
.post_right section:first-child { padding-top: 0px !important;}
.post_right_inner { padding:  15px 0 0 ; }


.post_single-header { padding: 0px 0 0 0; margin: 0 !important; }
.post_tag , .published_by { display: none;}
.post_single-header p { margin-bottom: 0;}


.post_tag a { color: #A4A4A4;}
.post_tag a:hover { color: #E3A100;}
.post_right_inner .widget  { background-color: #fff; padding:0px 25px 0px 25px; margin-bottom: 30px;}

.page-content { padding-top: 0px !important;}

/* blog-recent-items css  */

.blog-recent-items { display: grid; grid-template-columns: 30% 1fr; gap: 20px; border-bottom: solid 1px #CCCCCC; padding: 15px 0 ; position: relative;}
.b-outer  .blog-recent-items:last-child { border-bottom: 0; padding-bottom: 0;}
.b-date  {background: url(../hello-elementor-child/assets/images/time.png) no-repeat left 5px ; padding-left: 20px; font-size: 14px; opacity: 0.5; }
h4.b-title { font-size: 16px; line-height: 20px; margin: 0; padding: 0;}

.bigImgSingle { padding-bottom: 30px;}
.post .wp-post-image { max-height: inherit !important;}

/* end blog css  */

.hfe-sticky { position: fixed; top: -30px; left: 0; right: 0; z-index: 50; background-color: #fff; border-bottom: solid 1px #3a383540;}
.hfe-sticky .e-con-inner { padding-bottom: 0px !important;}
.hfe-sticky .e-con-inner .e-con-inner { align-items: center !important; padding:  0px !important;}
.hfe-sticky .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a  {  height: 50px; font-size: 16px !important;}
.hfe-sticky .top-header{display: none;}
.hfe-sticky .logo-top{margin-top: 0px !important;}


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

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--e-global-color-primary); 
  border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--e-global-color-primary); 
}
.thumb img { border-radius: 20px !important;}

.modal-content { background: #000 !important; border: solid 1px #e2d18450;  border-radius: 20px; }
.modal-backdrop.show { opacity: 0.8;}  
.modal-header { border-bottom: solid 1px rgba(255, 255, 255, 0.1); display: block;}
.modal-header p { margin: 0;}
.btn-close { position: absolute; right: 20px; top: 20px;}
.modal-header h5{padding-left: 0px; color: #f6a201 !important; font-size: 25px !important; font-weight: bold;}

button.btn-close {
  opacity: 1 !important;
  background: var(--e-global-color-secondary) !important;
  color:#fff !important ;
  border: none !important;
  width: 20px !important; height: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.mobilelogo { height: 0px !important; position: absolute; left: 0; top: 0; overflow: hidden; }
#sticky-head.hfe-sticky .elementskit-navbar-nav > li > a{color: #fff;}
 /* #sticky-head.hfe-sticky #menu-main-menu.jkit-menu{margin: 26px 0 26px 0;} */


button.e-n-tab-title { background: #fff !important; color: #000 !important; padding: 7px 25px !important; border-radius: 12px !important;}
/* .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]::before { content: ""; background: url(../hello-elementor-child/assets/images/downarrow.png) no-repeat center center; width: 13px; height: 7px; position: absolute; left: 45%; right: 0; bottom: -7px; } */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true], .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a  { background: #E55415 !important; color: #fff !important; padding: 7px 25px !important; border-radius: 12px !important;}


.contactusText a {color: #fff !important;}
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.formRow { padding: 0 0 20px 0;}
.formRow p { margin: 0; padding: 0;}
.jeg-elementor-kit.jkit-contact-form-7 form .formRow input, .formRow textarea,  .formRow select , .jeg-elementor-kit.jkit-contact-form-7 form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .jeg-elementor-kit.jkit-contact-form-7 form select, .jeg-elementor-kit.jkit-contact-form-7 form textarea
{  background: #f0f0f2 !important; border: solid 1px #fff ; border-radius: 10px !important; font-size: 16px !important; margin: 0px !important; color: #052754;}

.jeg-elementor-kit.jkit-contact-form-7 form select {font-size: 16px !important; color: #052754;}


/* Style the placeholder for input fields */
input::placeholder {
  color: #052754; /* Change the placeholder text color */
  font-size: 16px !important;
 
}

/* Style the placeholder for textareas */
textarea::placeholder {
  color: #052754; /* Change the placeholder text color */
  font-size: 16px !important;
  
}

/* Style the placeholder for select elements */
select::placeholder {
  color: #052754; /* Change the placeholder text color */
  font-size: 16px !important;
  
}
input.wpcf7-submit   { background: #f29e0b !important; border: none; color: #fff !important; border-radius: 7px !important; text-transform: uppercase; font-size: 20px !important;}
.checkboForm label{ display: flex; gap: 10px; max-width: 100% !important; width: 100% !important; padding-bottom: 30px; color: #052754; align-items: center; }
.checkboForm p{ display: flex; gap: 0px; align-items: center; }
.checkboForm p > span { padding-right: 10px; margin-top: 10px;}
.checkboForm p a { padding-left: 5px; color:#052754 ;}
.checkboForm p  span input { width: 20px; height: 20px;  background: #f0f0f2 !important; border: solid 1px #fff ; border-radius: 10px !important;}
.jeg-elementor-kit.jkit-contact-form-7 form label span { font-size: 16px !important; color: #052754 !important;}
.checkboForm span { display: block; font-size: 16px !important; }
.wpcf7-not-valid-tip { font-size: 14px !important;}

.formRow textarea { padding: 25px !important;}

.quotesForm label{ display: flex; padding-bottom: 15px; color: #32d216 !important;}

.jeg-elementor-kit.jkit-contact-form-7 form .quotesForm label span.red {color: red !important; padding-left: 5px;}

.wpcf7-radio label { display: flex; gap: 7px;}


.fulllink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 500; text-indent: -9999px;}
.fulllink div, .fulllink a { height: 100%; width: 100%; border-radius: 0px; }
.fulllink a span { display: none;}
.fulllink a  { text-indent: -9999px; background: none !important;display: block;}

.priceBoxOuter .e-con-inner, .priceBoxOuter { padding: 0;}
.priceBoxOuter .e-con-inner:hover .priceBox  { background-color: #32d216 !important;}

.priceBoxOuter .e-con-inner:hover .priceBox h6, .priceBoxOuter .e-con-inner:hover .priceBox h3, .priceBoxOuter .e-con-inner:hover .priceBox p,  .priceBoxOuter .e-con-inner:hover .priceBox p strong{ color: #fff !important;}
.footerLocation a { color: #000;}


.blog-content { padding: 20px 00px;}
.blog-content-detail { padding: 0px 0  !important;}

.cate-tag { display: flex; gap: 12px; align-items: center;  color: #DC214C;}
.cate-tag::before {  content: ""; width: 16px; height: 2px; display: block; background-color: #DC214C; }


.innerHeader  { background-color: #000;  padding:  0; margin-top: 0px; height: 108px; display: flex; align-items: center;}

/* .blog .innerHeader   { display: none !important;} */

.innerHeader h1, .innerHeader .entry-title { font-size: 30px; color:  #fff !important; 
  
   font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  
  font-weight: 600; margin: 0px !important;}



.btnReadlink  { background-color: #7D6F2D; border-radius: 100px; padding: 7px 25px ; display: inline-block !important; color: #fff !important; cursor: pointer;}
.elementor-editor-active #readmoreContent.hidden{ display: block !important;}

/* link color */
#w-link{color: #fff;}
  /* #readmoreContent { display: none;} */
  
  

/* new css  */
.item {  height: 100%;}
/* .owl-stage div, .owl-item , .item div { height: 100% !important;} */

/* .owl-carousel .owl-item{box-shadow: 0 0 24px rgb(0 0 0 / 11%);padding: 40px 34px 40px 30px;min-height: 440px;margin: 0 auto;text-align: center; }*/
/* .owl-stage{padding: 0 40px;} */
.quote-icn{margin: 20px 0 15px 0px;}
.quote-icn i{font-size: 30px;} 
 .item{box-shadow: 0 0 0px rgb(0 0 0 / 11%) !important;}


.owl-carousel .owl-item {flex: 1;}

.item_img { margin: auto; display: flex; justify-content: center; align-items: center;}

  .item { overflow: hidden; margin: 0 auto;}
  .item:hover .readMore { filter: grayscale(0%);}

  .item img { border-radius: 0;}
  /* .item:hover img { -moz-transform: scale(1.2);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);} */
.service_slider a { color: #fff; text-decoration: none; text-align: center; padding-top: 15px;}
.sub_title { color: #7d6f2d;}
.service_content { padding-top: 10px; } 

.service_content p {color: #d6c483; font-weight: 400 !important;}

button.prev-btn, button.next-btn, button.prev-btn2, button.next-btn2 { padding: 0px !important; width: 35px; height: 35px; background: #d6c483 !important; border: none !important; border-radius: 50%;}

/* .custom-nav {   position: absolute;
  top: 180px; display: flex; justify-content: left; gap: 5px; justify-content: space-between; width: 100%;} */

  .custom-nav { display: flex; gap: 20px; justify-content: flex-end;}
.custom-nav button {
  background:  url(assets/images/prev.svg) no-repeat center center !important;
  filter: grayscale(0%);
}
.custom-nav button:hover {filter: grayscale(0);  background:  url(assets/images/prev_act.svg) no-repeat center center !important;}
.custom-nav button.prev-btn2, .custom-nav button.prev-btn { left: -50px;}
.custom-nav button.next-btn2, .custom-nav button.next-btn { right: -50px;}


.custom-nav button.next-btn, .custom-nav button.next-btn2 { -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  

}



.accordingOuter .tab-nav-list, .accordingOuter .tab-nav-list li { background: none !important; text-align: left !important ; justify-content: left !important;}
.accordingOuter .tab-nav-list li { border-bottom: solid 1px #9594a680; padding: 25px 0px !important;}
.accordingOuter .tab-nav-list li.active { border-bottom: solid 1px #9594a690; padding: 25px 0px !important;}
.accordingOuter .jeg-elementor-kit { display: grid !important; grid-template-columns: 45% 1fr; gap: 40px;}
.accordingOuter .tab-content-list h2 { color: #fff !important;}
.accordingOuter .tab-content-list p { color: #fff !important;}
.accordingOuter .tab-content-list { background: #373558; border-radius: 15px; padding: 0px;}
.accordingOuter .tab-content  { padding: 0px !important;}
.accordingOuter .tab-content h2 { border-bottom: solid 1px #9594a7; padding: 20px !important;}
.accordingOuter .tab-content h2 strong { color: #f1af1d;}
.accordingOuter .tab-content p { padding: 0 20px;}

.elementskit-stars li a { background: url(../hello-elementor-child/assets/images/star.png) no-repeat left top !important; background-size: 18px 18px !important; display: block; width: 18px; height: 18px; }
.elementskit-stars li a i { display: none !important;}





 
 

 
  


.contactus a { text-decoration: none !important;}
.modal-dialog { max-width: 700px !important;}



.pettern_white_01::before {
   background: url(../hello-elementor-child/assets/images/pettern-white.png) no-repeat left top; 
  width: 151px; height: 234px; display: block; position: absolute; left: -50px; top: 30px; content: "";}
  .pettern_white_01_right::after {
    background: url(../hello-elementor-child/assets/images/pettern-white.png) no-repeat left top; 
   width: 151px; height: 234px; display: block; position: absolute; right: -50px; top: 30px; content: "";}
   .centerpettern:before { top: 30% !important;}

  

  .petternDark::before {
    background: url(../hello-elementor-child/assets/images/pettern-dark.png) no-repeat left top; 
   width: 151px; height: 234px; display: block; position: absolute; left: -50px; top: 30px; content: "";}
 .innerheaderContent {  margin-top: 139px !important;}
  
.tnp-subscription-outer { display: grid; grid-template-columns:60% 1fr;}
.tnp-field input[type="submit"] { background: #ff8b00; border-radius: 0 10px 10px 0px; width: 100% !important; color: #fff;}
input.tnp-email, input.tnp-name { background-color: #fff; border-radius: 10px 0 0 10px;}
div.tnp-subscription{ padding-bottom: 0px; margin-bottom: 0px !important; max-width: 100%; margin: 0px auto !important;}
.aboutusSection .tnp-field input[type="submit"]  { background-color: #000; color: #fff !important;}
.tnp-subscription .tnp-field label{ display: none !important;}

.tnp-subscription .tnp-privacy-field label{ display: block !important;}
.tnp-subscription .tnp-privacy-field  a{ color: #fff !important;}


.topminiOuter { grid-template-columns: 1fr 180px 140px !important;}

.team_name { line-height: 20px; padding-top: 15px !important;}
.team_inner { background: #fff; border-radius: 15px; padding: 14px;}

.team_designation { font-size: 14px; color: #000; opacity: 0.5;}
.team_education { display: none; line-height: 15px;}

.BlogListing .b-item { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: center;}
.btnOuter { padding: 25px 0 0 0;}
.btnOuter a { background-color: #b18c48 !important;}

.WriteReview { position: absolute; top: -150px;
  right: 150px !important; z-index: 100;}

  .owl-dots { display: none !important;}
  .tnp-subscription  label{ color: #111E36 !important;}

  .blog_list_page  .item { margin: 0; }

   .blog_list_page .item   { background: #fff !important;

     padding: 30px; 
      -webkit-box-shadow: 0 0 10px 0 #BDBDBD50 !important;

      box-shadow: 0 0 10px 0 #BDBDBD50 !important;
      border-radius: 30px;


    }

    .blog-info a.readMore1 { background: #00aeef !important; color: #fff; border-radius: 80px; padding: 7px 20px; font-size: 16px;}
    .post_single_outer { background-color: #f2f7fd !important; padding: 70px 0 0 0; border-radius: 20px;}
    

    .post_left { background: #fff; padding: 25px; border-radius: 10px;}

    

.header02 { position: relative;}
.header02::after { position: absolute; right: 0; top: 0; display: block; height: 120px; background: #111e36; width: 70%; content: ""; z-index: 1;

  -moz-transform: translateX(50%) translateY(0px);
  -webkit-transform: translateX(50%) translateY(0px);
  -o-transform: translateX(50%) translateY(0px);
  -ms-transform: translateX(50%) translateY(0px);
  transform: translateX(50%) translateY(0px);
}
.topmenu , .headerbtnOuter { position: relative; z-index: 20;}

.boxOuter:hover h2.elementor-heading-title { color: #d13519 !important;}

.boxOuter { height: 100% !important;}
.boxOuter:hover img { 
  
  transition: transform 0.3s ease; /* Smooth animation */
   transform: scale(0.9) rotate(10deg);

}









/* New Css  */


.cart-item-count {
    position: absolute;
    right: 0%;
    top: 7%;
    z-index: 1000;
}

.cart-item-count {
    background-color: #00aeef;
    color: #fff;
    margin-top: -12px;
    margin-right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.Topcart {  border-radius: 150px; padding: 0px 0px ; color: #21282d;}
.Topcart img { padding-right: 0px;}


.cartText { display: none;}
.top_user_account a { color: #00aeef !important; border: solid 1px #1c1c1c50; padding: 5px 15px;
   border-radius: 15px; font-weight: bold; font-size: 14px;}
   .missionText { position: absolute; bottom: -50px; width: 350px; right: -20px;}
   .logoOver {position: absolute; bottom: -50px; width: 350px; left: 20px;}
   
   

   .awsm-job-post-title a{ color: #32316d; }
   .awsm-selectric { display: none !important;}
   .awsm-job-listings { display: grid; grid-template-columns: 1fr 1fr 1fr ; padding: 50px 0 ;  gap: 20px; }
   .awsm-job-item { display: block; border: solid 1px #00000010; border-radius: 30px; padding: 30px; 
      -webkit-box-shadow: 0 0 10px 0 #BDBDBD50;
    box-shadow: 0 0 10px 0 #BDBDBD50;
    }
   .awsm-lists { border: none !important;}
   .awsm-list-right-col, .awsm-list-left-col { float: none !important; width: 100%; text-align: left;}
   a.awsm-job-more { color: #00aeef !important;}
   
   .awsm-job-single-wrap { display: grid; grid-template-columns: 60% 1fr ; gap: 50px; padding: 40px 0 ;}
   .awsm-job-form-inner {  border-radius: 30px; padding: 30px; 
      -webkit-box-shadow: 0 0 10px 0 #BDBDBD50;
    box-shadow: 0 0 10px 0 #BDBDBD50; border: none;}
 
    h2.wp-block-heading strong { font-weight: normal;}
    #awsm-application-form input, #awsm-application-form textarea { border: solid 1px #00000030;}
    #awsm-application-form input[type="submit"] { color: #fff !important;}
    .awsm-job-specifications-row { padding-top: 30px;}
    .portfolio_tags { display: none !important;}

    .singleContent { margin:20px  0 ;}
    .post_single img { border-radius: 20px;}
    .listing-page-awsm_job_openings .awsm-job-listings  { width: 1350px; margin: auto;}

    #main {
    max-width: 100% !important;
    width: 100% !important;
}


.single-product .product .images {
    position: relative !important;
    top: 0;
    align-self: flex-start;
    width: 100% !important;
    float: none !important;
}
.productdetailpage:before, .leftPettern:before, .page-content-1::before  { background: url(assets/images/leftpettern.png) no-repeat left top; position: absolute; left: 0; top: 0; height: 737px; width: 349px; content: ""; }

.productdetailpage { padding: 80px 0 ;}
.productdetailpage .row { z-index: 2; position: relative;}
.descritpon_title { color: #00aeef; margin-bottom: 15px;}


 


.variations tr { display: grid; grid-template-columns: 1fr; gap: 0px;}
.variations tr  th, .variations tr  td { padding: 0; margin: 0px; background: none !important;}
select#select-plan { background-color: #fff !important; width: 50%; padding: 10px !important; height: 55px;}

.quantity { display: none !important; }
p.price { display: none;}
.woocommerce-variation-price span.price::before { content: "Price";  display: block; color: #4B4B4B !important; }
.woocommerce-variation-price span.price { display: flex; gap: 10px; color: #00aeef !important;  font-size: 20px; font-weight: bold;}
button.single_add_to_cart_button , a.custom-quote-button { background-color: #00aeef !important; color: #fff !important; border-radius: 50px !important;
  padding: 15px 30px !important;
  font-size: 16px !important;
  border: none !important;
}
button.single_add_to_cart_button:hover { background: #0f2743 !important;} 
a.custom-quote-button { background-color: #0f2743 !important; text-transform: uppercase;  }
a.custom-quote-button:hover { background-color: #00aeef !important;  }


.woocommerce-variation-add-to-cart  { display: flex; gap: 10px; padding: 20px 0 0 0;}
.product_meta { display: none !important;}

.woocommerce-product-gallery__trigger {
            display: none !important;
        }


        .productimg { padding: 30px;  background: #fff;
        -webkit-box-shadow: 0 0 15px 0 #DBDBDB;

      box-shadow: 0 0 15px 0 #DBDBDB;
      margin: 0; 
        }
.woocommerce div.product div.images { margin: 0px !important;}
.awsm-job-content ul { margin-bottom: 30px;}
.awsm-job-specifications-row { padding: 0;}
.woocommerce-form-login { width: 400px; margin: auto !important; }
.page-id-40 .woocommerce h2 { text-align: center;}
.page-id-40 .woocommerce  { padding: 40px 0  !important;}
button.woocommerce-button, a.wp-element-button , button.wc-block-components-button { border: none !important; border-radius: 80px 80px 80px 80px !important; 
  
  background: #00AEEF !important; color: #fff !important; font-size: 16px !important;
  padding: 10px 20px !important;

}
.lost_password a { font-size: 15px !important; color: #000 !important;}
.woocommerce-form input { border: solid 1px #00000030 !important;}
body:not(.home) #content_inner111 { width: 1320px !important; max-width: 1320px !important; margin: auto; padding: 30px 15px !important; }
.alignwide { margin: 0px !important;}
a.wc-block-components-product-name { color: #000;}

.wc-block-components-quantity-selector {
    display: none !important;
}


input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea
{ border: solid 1px #00000020 !important;}



.woocommerce-MyAccount-navigation  ul { border: solid 1px #00000020; border-radius: 10px; padding: 30px;}

.woocommerce-MyAccount-navigation  ul li { list-style: none; padding: 7px 0; border-bottom: solid 1px #00000020;}
.woocommerce-MyAccount-content a, .woocommerce-MyAccount-navigation  ul li a { color: #000;}
.woocommerce-MyAccount-content a { text-decoration: underline;}
.woocommerce-MyAccount-content a:hover { color: #00AEEF;}
.woocommerce-MyAccount-navigation  ul li a:hover { color: #00AEEF;}
.wc-block-components-checkout-step__content p.content { color: #4B4B4B !important;}



    @media (min-width: 1000px) and (max-width: 500000px) {

      .elementor-social-icon-jki-phone-line, .elementor-social-icon-envelope  { display: none !important;}

.hfe-sticky { position: fixed; top: -30px; left: 0; right: 0; z-index: 50; background-color: #fff; border-bottom: solid 1px #3a383540;}
.hfe-sticky .e-con-inner { padding: 0px !important;}
.hfe-sticky .e-con-inner .e-con-inner { align-items: center !important; padding:  0px !important;}
.hfe-sticky .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a  {  height: 50px;}
.hfe-sticky .top-header{display: none;}
.hfe-sticky .logo-top{margin-top: 0px !important;}



#sticky-head  {  z-index: 100;}
#sticky-head.hfe-sticky { position: fixed; top:0px; padding: 15px 0 15px 0 ; z-index: 20000; 
  border-bottom: solid 1px #000; background-color: #2c2b60;}
  #sticky-head.hfe-sticky  .elementor-element { background-image: none !important;}
.admin-bar  #sticky-head { top: 0px; z-index: 1000;}

#sticky-head.hfe-sticky  .elementor-hidden-tablet.elementor-hidden-mobile.e-flex.e-con-boxed {display: none;}
.owl-nav button { width: 50px; height: 50px; background: #000 !important; border-radius: 10px !important; }

#sticky-head.hfe-sticky .headerOuter {margin: 0px;}
#sticky-head.hfe-sticky img { height: inherit !important; width: 200px !important; padding: 10px; background-color: #fff !important; border-radius: 10px;}
.wp-caption { position: relative;}
#sticky-head.hfe-sticky .logoheader { min-height: inherit !important;}
#sticky-head.hfe-sticky .elementor-element-5785954 { padding: 0px !important;}
/* .header02::after { height: 86px;} */
.wp-caption .wp-caption-text{ position: absolute; font-size: 20px; font-weight: bold !important; color: #fff; text-transform: uppercase; left: 0; right: 0; bottom: 20px; font-weight: normal; font-style: normal;}

#sticky-head.hfe-sticky .elementor-element { background: none !important;}

#sticky-head.hfe-sticky .desktoplogo { height: 0px !important; overflow: hidden; }
#sticky-head.hfe-sticky .mobilelogo { display: block !important; 
  position: absolute; left: 0; top: 0;
   height: auto !important;}

    }

    #sticky-head.hfe-sticky .topMini { display: none !important;}

    
@media (min-width: 1000px) and (max-width: 500000px) {
  .hfe-sticky img {  height: auto !important;}

}
@media (min-width: 100px) and (max-width: 767px) {

  .missionText { position: relative; bottom: 0px; width: 100%; right: 0px;}
  .post_single h1.entry-title { font-size: 20px; line-height: 25px;}
  .headerbtnOuter {  z-index: 1;}
  .headerRight { background: none !important;}
  .header02::after {  display: none !important;}
  .post_single-header h1 { position: relative; bottom: 0px !important; font-size: 18px !important;}
  .bannerOuter { background: #000 !important;}
  .keyfeatureList { display: grid;grid-template-columns: 16% 1fr;}
  .keyfeatureList .elementor-heading-title  { line-height: 25px; align-items: flex-start;}
  #FooterOuter::after { display: none !important;}

  .blog_list_page {  padding:  20px;}
  .post_single { grid-template-columns: 1fr; padding: 20px;}
  .post_single_outer { padding: 0px;}

  .BlogListing .b-item { grid-template-columns: 1fr;} 
  .post_single_full  { padding: 30px !important;}

  .socialmediaright, #mobileFooter { display: none;}
  #mobileFooter.sticky { display: block;}

  .page-content-1 { padding: 30px 0 ;}
  .CTA_btn { display: none !important;}
  .container1 ,  .container2{ width: 100%;}
  #sticky-head, #sticky-head.hfe-sticky { position: relative; top:0; background-color: #fff;}

  
  .footerLogo > .e-con-inner::before { height: 60px;}
  .headerOuter > .e-con-inner::before, .footerLogo  > .e-con-inner::before { width: 100%;}
    
   
  .grid-3 , .grid-2{ grid-template-columns: 1fr;}
  .checkboForm label, .checkboForm p { display: block;}
  .innerHeader  {  padding: 40px 10px; height: 70px; margin-top: 0;}
  .breadcrumbs , .breadcrumbs a{ font-size: 14px;}
   
  .mobilefooter { display: block;}
  .gl_service_list { grid-template-columns: 1fr;}
  .proejctTitle { position: relative; top: 0px; left: 0px;}
  #_gl_slider_service_box  .owl-stage-outer, #_gl_slider_service_box  { overflow: hidden !important;}

  body { padding-top:0px ;}
  .topIcon .elementor-icon-wrapper { display: flex;}
  .item .item-box .testimonials_inner { padding: 15px !important;}
  .owl-carousel .owl-stage-outer { padding: 0px !important;}
  .WriteReview { position: relative; left: 0; top: 0; right: 0;}

  .top_user_account a { border-radius: 3px !important; padding: 9px 15px !important;}
  h1.elementor-heading-title { font-size: 30px !important; line-height: 35px !important;}
  h2.elementor-heading-title { font-size: 22px !important; line-height: 28px !important;}
  .serviceBoxOuter h2.elementor-heading-title { font-size: 18px !important; line-height: 22px !important;}

  body:not(.home) #content_inner111 , .listing-page-awsm_job_openings .awsm-job-listings{ width: 100% !important; max-width: 100% !important; margin: auto; padding: 30px 15px !important; }
.listing-page-awsm_job_openings .awsm-job-listings { grid-template-columns: 1fr; padding: 0 !important;}
.g-recaptcha div , iframe { width: 100% !important; max-width: 100% !important;}
.awsm-job-item h2.awsm-job-post-title { line-height: 22px;}
.awsm-filter-toggle { display: none !important;}
.awsm-job-single-wrap { grid-template-columns: 1fr; gap: 0px;}
.productdetailpage:before, .leftPettern:before, .page-content-1::before { width: 100%;}
.shop_attributes h1 { font-size: 20px !important;}
.innerHeader h1, .innerHeader .entry-title { font-size: 20px;}
.woocommerce-variation-add-to-cart {  display: grid; grid-template-columns: 1fr;}
#main {
  padding: 0px !important;
 
}
.productdetailpage { padding: 0 15px !important;}
.wp-block-woocommerce-checkout { padding-top: 0px !important; margin: 0px !important;}
.blog_list_page .item { border-radius: 10px;}
.post_single { padding: 15px !important; border-radius: 0px;}
  
}
@media (max-width: 320px){
  .innerHeader{height: 70px;}
}

@media (min-width: 768px) and (max-width: 1000px) {
  .awsm-job-single-wrap { grid-template-columns: 1fr 30%;}
  .awsm-filter-toggle { display: none !important;}
  body:not(.home) #content_inner111 , .listing-page-awsm_job_openings .awsm-job-listings { width: 100% !important; max-width: 100% !important; margin: auto; padding: 30px 15px !important; }
  .header02::after {  display: none !important;}
  .elementor-social-icon-jki-phone-line, .elementor-social-icon-envelope  { display: none !important;}
  .headerRight { background: none !important;}

  #sticky-head, #sticky-head.hfe-sticky { position: relative; top:0; background-color: #fff;} 
  #FooterOuter::after { display: none !important;}
  
  .topIcon .elementor-icon-wrapper { display: flex;}
  .service_slider::after
  .post_single_full  { padding: 30px !important;}
  .innerHeader   h1 { font-size: 25px;margin-bottom:0 }
  .innerHeader  {  padding: 40px;height:150px;}
  #_gl_slider_service_box .inner-box .item_img .owl-img{width: 100%;}
  #_gl_slider_service_box  .owl-stage-outer, #_gl_slider_service_box  { overflow: hidden !important;}
  .content_outer { position: relative; left: 0;right: 0;}
  .content_outer .service_slider {  font-size: 18px !important;display: flex;flex-direction: column;gap: 30px;}
  .cnt-email .elementor-icon-list-item a .elementor-icon-list-text {overflow: hidden;overflow-wrap: break-word;max-width: 160px;line-height: 18px;}

  #sticky-head.hfe-sticky {position: relative;}

  .container1 ,  .container2{ width: 100%;}
  .footerOuter  {  display: grid; 
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  grid-template-rows: auto auto;  /* Two rows */
  
  }

  .footerOuter .elementor-element:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.footerOuter .elementor-element:nth-child(2){
  grid-column: 2;
  grid-row: 1;
}

.footerOuter .elementor-element:nth-child(3) {
  grid-column: 1 / span 2; /* Span both columns */
  grid-row: 2;
}

 
  .footerOuter .elementor-element  { width: 100%;}
  
}


@media (min-width: 2000px) and (max-width: 500000px) {
  .headerOuter > .e-con-inner::before , .footerLogo > .e-con-inner::before{ width:32% !important;}

}