/*
Theme Name: Custom Theme
Theme URI: http://skyhawksfusion.com/
Description: .
Version: 1.0.0
Author: Skyhawks Fusion
Author URI: http://skyhawksfusion.com/
*/

.banner-wrapper {
    position: relative;
    padding: 50px 0px;
    background-position: top center;
    background-size: cover !important;
    margin-top: -90px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    z-index: 1;
}
.page-template-template-grocery-shopping .section-head p {
    max-width: 100%;
}
body:not(.home) section.banner-wrapper:before {
    content: "";
    width: 100%;
    height: 33%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #fff, transparent);
}
.main-heading, .main-heading span {
    color: #000;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
}
section.contentArea.blog {
    padding: 60px 0;
    position: relative;
}
.blogwrap {
    padding: 20px;
    box-shadow: 5px 0px 15px #00000066;
    height: 100%;
    position: relative;
    z-index: 9;
    background: #fff;
}
.blogwrap .post-thumb img {
    width: 100%;
    object-fit: cover;
}
.datepo {
    margin-top: 10px;
}
.secondary-btn {
    background: #041f3b;
    border-radius: 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    transition: 0.3s allease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    border: 1px solid #041f3b;
}
.secondary-btn svg {
    width: 14px;
    height: auto;
}
.theme-flexbox {
    display: flex;
    flex-wrap: wrap;
}
.list-2 {
    width: 47%;
}
.list-2:nth-child(even) {
    padding-right: 0;
}
.list-2 {
    padding: 0 21px;
    margin-bottom: 80px;
}
.blogwrap a {
    text-decoration: none;
}
section.postsinglepos {
    padding: 60px 0;
}
.single.post-item h2.post-title {
    max-width: 70%;
}
.single.post-item .post-title ul {
    list-style: none;
    padding: 0;
    margin: 14px 0;
    gap: 1rem;
    display: flex
;
}
.single.post-item p {
    margin-top: 20px;
}
.single.post-item img {
    width: 100%;
    margin-bottom: 15px;
}
.postsidebar {
    background: #fba41654;
    padding: 20px;
}
.searchd form {
    border: solid 1px #ffffff;
    padding: 15px 8px;
    background: #fff;
    border-radius: 30px;
    position: relative;
}
.searchd button {
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.catlist h2, .recpos h2, .tagsli h2 {
    font-size: 20px;
    margin: 23px 0 11px;
    text-transform: uppercase;
}
.catlist ul, .recpos ul, .tagsli ul {
    list-style: none;
    padding: 0;
}
.catlist ul li {
    border-bottom: solid 1px #c4c4c4;
    padding: 10px 25px 10px;
    position: relative;
}
.catlist ul li a {
    color: #000;
}
.catlist ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 0;
    background: url(staticimage/right-arrowlist.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}
.recpos a {
    align-items: center;
    display: flex
;
    gap: 1rem;
    text-decoration: none;
}
.titl {
    color: #000;
    font-size: 14px;
}
.cmtns {
    display: flex
;
    align-items: center;
    gap: 5px;
    color: #5E5E5E;
    font-size: 15px;
}
.cmtns img {
    width: 12px;
}
.cmtns span {
    font-size: 12px;
}
.tagsli ul {
    display: flex
;
    flex-wrap: wrap;
}
.tagsli li {
    width: 42%;
    background: #041F3B;
    margin: 0 5px 11px;
    padding: 10px 0;
}
.tagsli li a {
    color: #fff;
    background: #041F3B;
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: block;
}
h3#reply-title {
    text-transform: uppercase;
}
p.logged-in-as, p.logged-in-as a {
    color: #000;
}
section.commentbox.faq-wrapper form#commentform input, section.commentbox.faq-wrapper form#commentform textarea {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    border: solid 1px #000;
    padding: 10px;
}
section.commentbox.faq-wrapper form#commentform input#submit {
    background: #041f3b;
    border-radius: 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    transition: 0.3s allease;
    align-items: center;
    text-align: center;
    border: 1px solid #041f3b;
    width: auto;
    margin-bottom: 10px;
}
.postsidebar input#search-form- {
    width: 100%;
    border: 0;
}
@media (min-width: 768px) {
    .list-9 {
        flex: 0 0 auto;
        width: 75%;
    }
	.list-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}
@media(max-width:768px){
	.list-2{
		width:100%;
		padding: 0;
	}
	section.postsinglepos {
    padding: 25px 0;
}
}

/* ===== THANK YOU PAGE ===== */
.thankyou-wrapper {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 100%);
  padding: 60px 20px;
  font-family: 'Mulish', sans-serif;
}

.thankyou-card {
  background: #ffffff !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 48px rgba(31, 119, 255, 0.12) !important;
  padding: 60px 56px !important;
  max-width: 560px;
  width: 100%;
  text-align: center !important;
}

.thankyou-icon {
  margin-bottom: 28px;
}

.thankyou-title {
  font-size: 40px !important;
  font-weight: 800 !important;
  color: #1a2b3c !important;
  margin: 0 0 14px !important;
  line-height: 1.15 !important;
}

.thankyou-subtitle {
  font-size: 17px !important;
  color: #555 !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
}

.thankyou-divider {
  width: 48px;
  height: 3px;
  background: linear-gradient(to right, #806AF9, #1F77FF);
  border-radius: 99px;
  margin: 0 auto 24px;
}

.thankyou-note {
  font-size: 15px !important;
  color: #888 !important;
  margin: 0 0 36px !important;
}

.thankyou-actions {
  display: flex !important;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.btn-primary-ty {
  display: inline-block !important;
  padding: 14px 36px !important;
  background: linear-gradient(135deg, #806AF9, #1F77FF) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: opacity 0.2s, transform 0.1s;
}

.btn-primary-ty:hover {
  opacity: 0.88;
  transform: translateY(-1px);
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-ty {
  display: inline-block !important;
  padding: 14px 36px !important;
  background: transparent !important;
  color: #1F77FF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  border: 2px solid #1F77FF !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, transform 0.1s;
}

.btn-outline-ty:hover {
  background: #1F77FF !important;
  color: #fff !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}

@media (max-width: 480px) {
  .thankyou-card {
    padding: 40px 24px !important;
  }
  .thankyou-title {
    font-size: 30px !important;
  }
  .thankyou-actions {
    flex-direction: column;
    align-items: center;
  }
}


/* ===== THANK YOU PAGE — CONTAINER OVERRIDES ===== */
.page-id-814 #middleCntr,
.page-id-814 .mainContainer,
.page-id-814 .contentArea,
.page-id-814 article.contentArea {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.page-id-814 .mainContainer {
    padding: 0 !important;
}

.page-id-814 #middleCntr {
    padding: 0 !important;
}

/* Hide the default page title for thank-you */
.page-id-814 .contentArea > div:first-child {
    display: none;
}
.nav-links a.active {
    color: #2f6fe4;
}
.single.single-solution p.dc-breadcrumb {
    margin: 10px 0;
}

.custom-service-top .service-top-img img{
	border-radius:20px;
	max-width:80%;
}
section.textiwthimag .col-md-6 img{
	border-radius:20px;
}
.cf7-custom-form{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
    padding:70px 20px;
}

.cf7-custom-form h2{
    font-size:34px;
    line-height:1.1;
    font-weight:700;
    color:#33495f;
    margin-bottom:20px;
}

.cf7-custom-form .form-subtitle{
    font-size:18px;
    color:#33495f;
    margin-bottom:25px;
}

.cf7-custom-form .form-group{
    margin-bottom:28px;
    text-align:left;
}

.cf7-custom-form label{
    display:block;
    margin-bottom:12px;
    font-size:20px;
    color:#7c7c7c;
    font-weight:500;
}

.cf7-custom-form label span{
    color:#ff0000;
}

.cf7-custom-form .form-control{
    width:100%;
    height:58px;
    border:2px solid #d5e3f5;
    border-radius:40px;
    background:#fff;
    padding:0 30px;
    font-size:16px;
    color:#333;
    outline:none;
    box-sizing:border-box;
}

.cf7-custom-form textarea.form-control{
    height:90px;
    padding:25px 30px;
    border-radius:30px;
    resize:vertical;
}

.cf7-custom-form input::placeholder,
.cf7-custom-form textarea::placeholder{
    color:#bdbdbd;
    font-size:16px;
    font-weight:300;
}

.cf7-custom-form .submit-btn{
    text-align:center;
    margin-top:30px;
}

.cf7-custom-form .wpcf7-submit{
    background:#0a00ff;
color: #fff;
    border: none;
    border-radius: 22px;
    padding: 10px 32px;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
    min-width: 230px;
    height: auto;
}

.cf7-custom-form .wpcf7-submit:hover{
    background:#001dd1;
}

/* Remove CF7 spinner spacing */
.cf7-spinner{
    display:none;
}

/* Responsive */

@media(max-width:991px){

    .cf7-custom-form{
        padding:50px 20px;
    }

    .cf7-custom-form h2{
        font-size:46px;
    }

    .cf7-custom-form .form-subtitle{
        font-size:20px;
    }

    .cf7-custom-form .form-control{
        height:65px;
        font-size:20px;
    }

    .cf7-custom-form textarea.form-control{
        height:130px;
    }

    .cf7-custom-form input::placeholder,
    .cf7-custom-form textarea::placeholder{
        font-size:20px;
    }

    .cf7-custom-form .wpcf7-submit{
        min-width:260px;
        font-size:24px;
        padding:18px 40px;
    }

}

@media(max-width:767px){

    .cf7-custom-form h2{
        font-size:34px;
    }

    .cf7-custom-form .form-subtitle{
        font-size:16px;
        line-height:1.6;
    }

    .cf7-custom-form .form-control{
        height:55px;
        font-size:16px;
        padding:0 20px;
    }

    .cf7-custom-form textarea.form-control{
        height:120px;
        padding:18px 20px;
    }

    .cf7-custom-form input::placeholder,
    .cf7-custom-form textarea::placeholder{
        font-size:16px;
    }

    .cf7-custom-form label{
        font-size:17px;
    }

    .cf7-custom-form .wpcf7-submit{
        width:100%;
        min-width:100%;
        font-size:20px;
        padding:16px;
    }

}
p.dc-breadcrumb img {
    width: 16px;
    height: auto;
}
.prd-card-body {
    justify-content: center;
    align-items: center;
}
.prd-card-body a.btn-prd-inquiry {
    margin: 0 auto;
	text-decoration:none
}
.inquiry-wrapper .product-img img{
	height:auto
}