@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@400;500;600;700&display=swap');


:root{
    --epilogue: 'Epilogue', sans-serif;
    --oswald: 'Oswald', sans-serif;
    --font-awesome: 'Font Awesome 6 Free';
    --body-font-color: #000;
    --white: #fff;
    --black: #000;
    --primary-color: #991b39;
    --button-hover-color: #851731;
    --dark-grey: #333;
    --dark-green: #687231;
    --fade-pink:#ebdade;
    --pale-pink:#f8ebee;
    --common-transition: all 0.3s ease 0s;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
html{ overflow-x: hidden;}
body { margin: 0 !important; padding: 0; font-family: var(--epilogue); font-weight: 400; font-size: 14px; color: var(--body-font-color); overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 { font-family: var(--oswald); text-transform: uppercase; margin: 0 0 25px; padding: 0;}
h1{ font-size: 90px; font-weight: 600;}
h2{ font-size: 60px; font-weight: 600;}
h3{ font-size: 36px; font-weight: 600;}
h4{ font-size: 28px;}
h5{ font-size: 22px;}
h6{ font-size: 18px;}
p{  line-height: 1.45; margin: 0 0 25px; padding: 0;}
ul{ margin: 0; padding: 0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--common-transition);}
a:hover{ text-decoration:none;}

h2.decorated-title{ font-size: 18px; text-transform: uppercase; color: var(--light-blue); margin-bottom: 15px;}
h3.section-title{ font-size: 58px;}
.overlay-content { position: relative; z-index: 2;}
.text-dark-grey { color: #333333 !important;}
.font-epilogue { font-family: var(--epilogue); }
.common-padding{ padding-top: 100px; padding-bottom: 100px;}
.common-padding-top{ padding-top: 100px;}
.common-padding-bottom{ padding-bottom: 100px;}
.custome-padding-bottom{ padding-bottom: 350px;}
.common-padding-small{ padding-top: 60px; padding-bottom: 60px;}

@media only screen and (max-width: 991px){
    h1{ font-size: 60px; font-weight: 600;}
    h2{ font-size: 38px; font-weight: 600;}
    h3{ font-size: 28px; font-weight: 600;}
    h4{ font-size: 24px;}
    h5{ font-size: 20px;}
    h6{ font-size: 16px;}
    .common-padding{ padding-top: 80px; padding-bottom: 80px;}
    .common-padding-top{ padding-top: 80px;}
    .common-padding-bottom{ padding-bottom: 80px;}
}
@media only screen and (max-width: 767px){
    h1{ font-size: 38px;}
    h2{ font-size: 30px;}
    h3{ font-size: 24px;}
    h4{ font-size: 22px;}
    h5{ font-size: 18px;}
    h6{ font-size: 15px;}
    .common-padding{ padding-top: 60px; padding-bottom: 60px;}
    .common-padding-top{ padding-top: 60px;}
    .common-padding-bottom{ padding-bottom: 60px;}
    .common-padding-small{ padding-top: 40px; padding-bottom: 40px;}
}
@media only screen and (max-width: 429px){
    h1{ font-size: 35px;}
    h2{ font-size: 27px;}
    h3{ font-size: 22px;}
    h4{ font-size: 20px;}
    h5{ font-size: 17px;}
   
}

/* ~~~~~ container adjustments ~~~~~ */
/* @media only screen and (min-width: 1600px){
    .container{ max-width: 1494px;}
} */
/* ~~~~~ container adjustments ~~~~~ */

/* ~~~~~ buttons adjustments ~~~~~ */
.simple-button{ display: inline-block; vertical-align: top; font-size: 20px;}

/* ~-~-~-~-~-~-~-~-~-~ header adjustments ~-~-~-~-~-~-~-~-~-~ */
.main-header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; transition: var(--common-transition); background: rgba(7,47,142,0);}

.top-header{ padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.10);}
.top-header svg { fill: var(--white);}
.top-header .right-col{ margin-left: auto;}
.top-header .phone a { display: flex; align-items: center; font-size: 14px; font-weight: 400; line-height: 1; color: var(--white); position: relative;}
.top-header .phone a svg { width: 14px; height: 12px; margin-right: 5px; align-self: self-start; }

.top-header .right-col ul{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.top-header .right-col ul li{ padding: 0 15px; position: relative;}
.top-header .right-col ul li:first-child{ padding-left: 0;}
.top-header .right-col ul li:last-child{ padding-right: 0;}
.top-header .right-col ul li::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 2px; background: rgba(255,255,255,0.10);}
.top-header .right-col ul li:last-child:before{ display: none;}
.top-header .right-col .cart a{ display: flex; align-items: start; font-size: 14px; font-weight: 400; line-height: 1; color: var(--white); padding-left: 17px; position: relative;}
.top-header .right-col .cart a svg { width: 14px; height: 12px; margin-right: 5px; align-self: self-start; }

.header-search-panel .search-box{ position: relative; width: 72px; height: 20px;}
.header-search-panel .search-box .search-box-inner{ position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 72px; background: rgba(255,255,255,0); transition: all .5s ease;}
.header-search-panel .search-box .search-icon{ width: 12px; height: 12px; /*background: url(../images/search-icon-2x.png) top left no-repeat; background-size: 100%;*/ position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; margin: auto 0; display: flex; align-items: self-start;}
.header-search-panel .search-box .search-close{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 20px; height: 20px; background: url(../images/close-outline.svg) top left no-repeat; background-size: 100%; margin: auto 0;}
.header-search-panel .search-box input[type="search"]{ background: transparent; border: none; font-size: 12px; width: 100%; height: 20px; padding: 0 0 0 15px; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; outline: none;}

.header-search-panel .search-box input[type="search"]::-moz-placeholder{ color: var(--white); opacity:1;}
.header-search-panel .search-box input[type="search"]:-ms-input-placeholder{ color: var(--white);}
.header-search-panel .search-box input[type="search"]::-webkit-input-placeholder{ color: var(--white);}
.main-header .nav-right{ display: flex; justify-content: end;}
.main-header .nav-right .main-menu:last-child{ margin-left: 60px;}


.woocommerce-cart .main-header, .single-new_blog .main-header{ position: relative;}
.woocommerce-cart.header-sticky  .main-header, .single-new_blog.header-sticky  .main-header{ position: fixed !important;}
.woocommerce-cart ul.main-menu li a, .single-new_blog ul.main-menu li a{ color: black;}
.woocommerce-cart .main-header .nav-right .main-menu:last-child a, .single-new_blog .main-header .nav-right .main-menu:last-child a{ color: var(--white);}
.woocommerce-cart.header-sticky ul.main-menu li a, .single-new_blog.header-sticky ul.main-menu li a{ color: var(--white);}
.woocommerce-cart .top-header .phone a, .single-new_blog .top-header .phone a{ color: var(--black);}
.woocommerce-cart .top-header .right-col .cart a, .single-new_blog  .top-header .right-col .cart a{ color: var(--black);}
.woocommerce-cart .top-header svg, .single-new_blog .top-header svg { fill: var(--black); }
.woocommerce-cart .top-header, .single-new_blog .top-header { border-bottom: 1px solid rgb(0 0 0 / 10%); }
/* .main-header .login-sub{ opacity: 0; display: none;} */

/* when open */
.header-search-panel.open .search-box-inner{ width: 200px; background: rgba(255,255,255,1);}
.header-search-panel.open .search-icon{ background: url(../images/search-icon-dark-2x.png) top left no-repeat; background-size: 100%; left: 5px;}
.header-search-panel.open .search-box input[type="search"]{ padding: 0 2px 0 20px;}
/* when open */

.bottom-header{ position: relative;}
.bottom-header .row{ position: relative; z-index: 1;}
.bottom-header .nav-left{ padding-right: 80px;}
.bottom-header .nav-right{ padding-left: 80px;}
.header-logo{ position: absolute; z-index: 2; top: 5px; right: 0; bottom: 0; left: 0; max-width: 100px;  margin: auto;     text-align: center;}
.header-logo a{ display: block; height: 100px;}
/* .header-logo a img{ width: auto; height: 100%;} */
.header-logo a img{ width: auto;}

ul.main-menu{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
ul.main-menu li{ font-weight: 400; font-size: 16px; margin: 0 30px;     text-align: center;}
ul.main-menu li:first-child{ margin-left: 0;}
/* ul.main-menu li:last-child{ margin-right: 0;} */
ul.main-menu li a{ display: block; color: var(--white); padding: 42px 0;}

ul.main-menu li.sign-up-button a{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--white); width: 120px; height: 40px; font-weight: 500; padding: 0;}
ul.main-menu li.sign-up-button a span.outer{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); width: 118px; height: 38px; transition: var(--common-transition);}
ul.main-menu li.sign-up-button a span.inner{ padding-right: 22px; position: relative;}
ul.main-menu li.sign-up-button a span.inner::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/small-arrow.svg) top left no-repeat; background-size: 100%; width: 14px; height: 10px; margin: auto 0; transition: var(--common-transition);}
ul.main-menu li.sign-up-button a:hover span.outer{ background: var(--button-hover-color);}
ul.main-menu li.sign-up-button a:hover span.inner::before{ transform: translate(5px,0);}

.nav-right ul.main-menu{ justify-content: flex-end;}

.header-login-wrap { position: relative; margin: 0; list-style: none; display: flex; align-items: center; }
.header-login-wrap > li > a { color: #fff; font-size: 22px; }
.login-sub { position: absolute; top: -300px; right: 0; margin: 0; padding: 0; width: 110px; list-style: none; background: #a11539; z-index: 1; transition: all 0.4s; }
.login-sub li a { font-weight: 500; font-size: 10px; display: block; color: var(--white) !important; padding: 15px 10px; }
.login-sub.show-login-sub { top: calc(50% + 22px); }
ul.main-menu li.current_page_item a{ color: var(--primary-color); text-decoration: underline;}

/* ~~~~~ after sticky ~~~~~ */
.header-sticky .main-header{ background: rgba(0,0,0,0.85); animation: slide-down 0.5s;}
.header-sticky .main-header .top-header{ display: none;}
/* .header-sticky .header-logo{ height: 75px;}
.header-sticky .header-logo a{ height: 75px;} */
.header-sticky .header-logo{ max-width: 90px;}
.header-sticky ul.main-menu li:not(.sign-up-button) a{ padding: 33px 0;}

/* transparent-header */
/* transparent-header */
.transparent-header{ position: relative; background: var(--black)}
/* .transparent-header a{ color: var(--black) !important;} */
/* .transparent-header svg{ fill: var(--black);} */
/* .transparent-header .sign-up-button a{ color: var(--white) !important;} */
/* .transparent-header .top-header{ border-bottom: 1px solid rgb(79 79 79 / 10%);}
.transparent-header .search-box input[type="search"]::placeholder{ color: var(--black);} */

/* .main-header .mobile-menu-left { display: none; } */
.main-header .mobile-menu-left .sign-up-button { margin-left: calc(50% - 50px); }
.main-header .mobile-menu-left .sign-up-button a { display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--white); width: 120px; height: 40px; font-weight: 500; color: var(--white); padding: 0; }
.main-header .mobile-menu-left .sign-up-button a span.outer { display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); width: 118px; height: 38px; transition: var(--common-transition); }
/* ~~~~~ after sticky ~~~~~ */

.transparent-header.main-header a{ color: var(--white) !important;}

.header-sticky .transparent-header.main-header{ position: fixed;}
.header-sticky .transparent-header.main-header a{ color: var(--white) !important;}
/* transparent-header */

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
/* ~~~~~ after sticky ~~~~~ */

@media only screen and (max-width: 991px){
    .main-header .header-right .inner-row{ align-items: center;}
    .main-header .language-box{ padding: 20px 0; margin-left: 0;}
}
@media only screen and (max-width: 767px){
    .main-header .top-header p{ font-size: 12px;}
    .main-header .mobile-menu-left .sign-up-button { margin-left: calc(50% - 30px); }
    .main-header .mobile-menu-left .sign-up-button a{ width: 75px; height: 35px;}
    .main-header .mobile-menu-left .sign-up-button a span.outer{ width: 73px; height: 33px;}
}
@media only screen and (max-width: 419px){
    .bottom-header .nav-left { padding-right: 40px; }
    .main-header .mobile-menu-left .sign-up-button { margin-left: 15px; }
}
/* ~-~-~-~-~-~-~-~-~-~ header adjustments ~-~-~-~-~-~-~-~-~-~ */


/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}

.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3){ top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

/*when turns close icon*/
.hamburger-nav-close { vertical-align: top;width: 30px;height: 24px;position: relative;margin: 0 0 0 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin-top: 0;z-index: 9;}
    .hamburger-nav-close span {display: block;position: absolute;height: 2px;width: 100%;background: var(--white); border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .hamburger-nav-close span{background: var(--white);}
    .hamburger-nav-close span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px;left: 3px;}
    .hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
    .hamburger-nav-close span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
    
/*when turns close icon*/
@media only screen and (max-width: 1399px){
    ul.main-menu li{ margin: 0 15px;}
}
@media only screen and (max-width: 1199px){
    .main-header .bottom-header .row { align-items: center; }
    .main-header .main-menu{ display: none;}
    .hamburger-nav{ display: block; margin-left: 0;}
    .mobile-menu { position: fixed; z-index: 999; top: -100vh; right: 0; left: 0; background: var(--heading-font-color); height: 100vh; transition: all 0.45s ease-in-out; display: block; overflow-y: auto; background: #222222;}
    .menu-open .mobile-menu{ top: 0;}
    .main-header .bottom-header{padding: 30px 0;}
    .mobile-menu .inner-row { display: flex; align-items: center; justify-content: space-between; }
    .mobile-menu .mobile-top-section { padding: 20px 0; }
    .mobile-menu .inner-row .mobile-logo { max-width: 125px; }
    .mobile-menu ul.main-menu { display: block; }
    .mobile-menu ul.main-menu li { margin: 0; }
    .mobile-menu ul.main-menu li.menu-item  a { padding: 10px 0; border-bottom: 1px solid #727272; color: #ffffff;}
    .header-sticky ul.main-menu li:not(.sign-up-button) a { padding: 10px 0; }
    .mobile-menu ul.main-menu li a i{ display: none;}
    .mobile-menu .mobile-mid-section .header-login-wrap{ opacity: 0; display: none;}
    .mobile-menu .mobile-mid-section li.sign-up-button { margin-top: 20px !important; }
    .transparent-header .hamburger-nav span{ background: var(--white);}
    .header-sticky .transparent-header .hamburger-nav span{ background: #ffffff;}
}
@media only screen and (max-width: 991px){
    .mobile-menu .inner-row .mobile-logo { max-width: 100px; }
    .mobile-menu .mobile-mid-section li{ font-size: 15px;}
}
@media only screen and (max-width: 767px){
    .header-logo{ max-width: 80px;}
    .header-logo a img{ width: 100%; height: auto;}
    .main-header .bottom-header .col-md-6 { width: 50%;}
    /* .main-header .bottom-header { padding: 20px 0; } */
    .header-sticky .header-logo{ max-width: 80px; top: 7px;}
    
}
@media only screen and (max-width: 575px){
header form{ max-width: 180px;}
.top-header{ padding: 5px 0;}
}
@media only screen and (max-width: 575px){
    header form{ max-width: 150px;}   
}
@media only screen and (max-width: 419px){
.header-logo{ width: 85px;}
.top-header .d-flex { flex-wrap: wrap;}
.top-header .d-flex .left-col:first-child{ display: none;}
.top-header .d-flex .left-col{ margin: auto;} 
.top-header .right-col { margin: auto; }
header .is-search-icon,header .is-form-style input.is-search-input{ height: 32px;}
}
@media only screen and (max-width: 359px){
    .header-logo { width: 75px; }
    .main-header .bottom-header { padding: 12px 0; }
    .top-header{ padding: 5px 0;}
}


/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */

/* ~-~-~-~-~-~-~-~-~-~ common buttons adjustments ~-~-~-~-~-~-~-~-~-~ */
a.simple-button{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); font-size: 16px; font-weight: 500; color: var(--white); padding: 0;}
a.simple-button span.outer{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); transition: var(--common-transition);}
a.simple-button span.inner{ padding-right: 22px; position: relative;}
a.simple-button span.inner::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/small-arrow.svg) top left no-repeat; background-size: 100%; width: 14px; height: 10px; margin: auto 0; transition: var(--common-transition);}
a.simple-button:hover span.outer{ background: var(--button-hover-color);}
a.simple-button:hover span.inner::before{ transform: translate(5px,0);}
button.simple-button { display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); font-size: 16px; font-weight: 500; color: var(--white); padding: 0; }
button.simple-button span.outer { display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); transition: var(--common-transition); }
button.simple-button span.inner { padding-right: 22px; position: relative; }
button.simple-button span.inner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/small-arrow.svg) top left no-repeat; background-size: 100%; width: 14px; height: 10px; margin: auto 0; transition: var(--common-transition); }

a.simple-border-button{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--white); font-size: 16px; font-weight: 500; color: var(--white); padding: 0;}
a.simple-border-button span.outer{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); transition: var(--common-transition);}
a.simple-border-button span.inner{ padding-right: 22px; position: relative;}
a.simple-border-button span.inner::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/small-arrow.svg) top left no-repeat; background-size: 100%; width: 14px; height: 10px; margin: auto 0; transition: var(--common-transition);}
a.simple-border-button:hover span.outer{ background: var(--button-hover-color);}
button.simple-border-button:hover span.inner::before{ transform: translate(5px,0);}
button.simple-border-button{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--white); font-size: 16px; font-weight: 500; color: var(--white); padding: 0;}
button.simple-border-button span.outer{ display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); transition: var(--common-transition);}
button.simple-border-button span.inner{ padding-right: 22px; position: relative;}
button.simple-border-button span.inner::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/small-arrow.svg) top left no-repeat; background-size: 100%; width: 14px; height: 10px; margin: auto 0; transition: var(--common-transition);}
button.simple-border-button:hover span.outer{ background: var(--button-hover-color);}
button.simple-border-button:hover span.inner::before{ transform: translate(5px,0);}

/* small button */
a.simple-button.x-small{ font-size: 14px; width: 150px; height: 44px;}
a.simple-button.x-small span.outer{ width: 150px; height: 44px;}
/* small button */

/* small button with border */
a.simple-border-button.x-small{ font-size: 14px; width: 150px; height: 44px;}
a.simple-border-button.x-small span.outer{ width: 148px; height: 42px;}
/* small button with border */

/* medium button */
a.simple-button.small{ width: 180px; height: 50px;}
a.simple-button.small span.outer{ width: 180px; height: 50px;}
/* medium button */

/* medium button with border */
a.simple-border-button.small{ width: 180px; height: 50px;}
a.simple-border-button.small span.outer{ width: 178px; height: 48px;}
button.simple-border-button.small{ width: 180px; height: 50px;}
button.simple-border-button.small span.outer{ width: 178px; height: 48px;}
/* medium button with border */

/* small button */
a.simple-button.small{ width: 220px; height: 50px;}
a.simple-button.small span.outer{ width: 220px; height: 50px;}
button.simple-button.small{     width: 220px; height: 50px;}
button.simple-border-button.small span.outer { width: 218px; height: 48px; }
/* small button */

/* small button with border */
a.simple-border-button.small{ width: 220px; height: 50px;}
 a.simple-border-button.small span.outer{ width: 218px; height: 48px;}
/* small button with border */
a.simple-button.large{ width: 220px; height: 50px;}
a.simple-button.large span.outer{ width: 218px; height: 48px;}
/* ~-~-~-~-~-~-~-~-~-~ common buttons adjustments ~-~-~-~-~-~-~-~-~-~ */

/* ~-~-~-~-~-~-~-~-~-~ hero sections adjustments ~-~-~-~-~-~-~-~-~-~ */
main{ position: relative;}

.hero-section .signle-slide{ width: 100%; height: 100vh; position: relative;}
.hero-section .image-holder{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.hero-section .image-holder::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5);}
.hero-section .info-holder{ display: flex; align-items: center; height: 100%; position: relative; z-index: 2;}
.hero-section .info-holder > .container{ position: relative;}
.hero-section h2{ font-size: 90px; color: var(--white); text-transform: uppercase;}
.hero-section h3{ font-size: 48px; font-weight: 400; color: var(--white); text-transform: uppercase;}
.hero-section p{ color: var(--white);}
.hero-section .sub-heading-wrapper{ max-width: 450px; margin-bottom: 25px;}
.hero-section .sub-heading-wrapper h3{ margin-bottom: 0;}
.hero-section .pragraph-wrapper{ max-width: 400px; margin-bottom: 25px;}
.hero-section .pragraph-wrapper p:last-child{ margin-bottom: 0;}
.hero-section{ position: relative;}
.hero-section .next-slide { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 10; }
.hero-section .next-slide .arrow { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.hero-section .home-hero-slider { margin-bottom: 0; }

/* @media only screen and (min-width: 576px){
    .home-hero-slider .slick-dots{ width: 552px;}
}
@media only screen and (min-width: 768px){
    .home-hero-slider .slick-dots{ width: 696px;}
}
@media only screen and (min-width: 992px){
    .home-hero-slider .slick-dots{ width: 936px;}
}
@media only screen and (min-width: 1200px){
    .home-hero-slider .slick-dots{ width: 1116px;}
}
@media only screen and (min-width: 1400px){
    .home-hero-slider .slick-dots{ width: 1296px;}
} */





.home-hero-slider .slick-dots { display: flex; flex-wrap: wrap; align-items: flex-end; flex-direction: column; position: absolute; z-index: 5; height: 80px; width: 90px; left: auto; right: 12px; top: 50%; transform: translateY(-50%); margin: 0 auto; }
.home-hero-slider .slick-dots li{ display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; width: 30px; height: 30px; position: relative;}
.home-hero-slider .slick-dots li:first-child{ margin-top: auto;}
.home-hero-slider .slick-dots li:last-child{ margin-bottom: auto;}
.home-hero-slider .slick-dots li::before{ content: ""; position: absolute; top: 0; right: 30px; bottom: 0; width: 0; height: 1px; background: var(--white); margin: auto 0; transition: width ease-in 0.3s;}
.home-hero-slider .slick-dots li a{ font-size: 16px; font-weight: 500; line-height: 1; color: var(--white); padding: 7px;}
.home-hero-slider .slick-dots li:hover::before, .home-hero-slider .slick-dots li.slick-active::before{ width: 50px;}
.home-hero-slider .slick-list.draggable{ width: 100vw; left: 50%; transform: translate(-50%, 0);}
.home-hero-slider .slick-arrow::before{ font-size: 0;}

.hero-video-button{ position: absolute; z-index: 2; right: 12px; bottom: 0; width: 96px; height: 100px;}
.hero-video-button a{ display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 100px; font-size: 30px; color: var(--white); position: relative;}
.hero-video-button a::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/circular-video-text.svg); background-size: 100%; width: 96px; height: 100px; animation: rotate 6s linear infinite;}
.hero-video-button a:hover::before{ animation: no-rotate;}


@-webkit-keyframes rotate {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

@-webkit-keyframes no-rotate {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(0deg);
    }
}

/* ~-~-~-~-~-~-~-~-~-~ hero sections adjustments ~-~-~-~-~-~-~-~-~-~ */



/* ~-~-~-~-~-~-~-~-~-~ home page start ~-~-~-~-~-~-~-~-~-~ */
.story-section .container{ position: relative;}
.story-section .row{ position: relative; z-index: 2; align-items: center;}
.story-section .large-text{ position: absolute; z-index: 1;     top: 50%; transform: translateY(-50%); right: 0; font-family: var(--oswald); font-weight: 700; font-size: 10.4vw; line-height: 1; color: #eee; text-transform: uppercase;}
.story-section .right-col .inner-wrap{ padding-left: 50px;}
.story-section .right-col ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: 0 -12px;} 
.story-section .right-col ul li{ display: inline-flex; width: 33.3333%;  align-items: center; justify-content: center; margin-bottom: 30px; padding: 0 12px;}
.story-section .right-col ul li img { width: auto; height: 120px; }
/* .story-section .inner-wrap p{ font-size: 16px;} */

.dual-skew-section{ background: var(--primary-color); padding: 100px 0; position: relative;}
.dual-skew-section .inner-container{ position: relative; z-index: 2;}
.dual-skew-section .design-block{ position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: var(--fade-pink); clip-path: polygon(100% 0, 0% 100%, 100% 100%); height: calc(100% - 385px);}

.provide-section .top-info-block h2{ color: var(--white);}

.provide-section .provide-slider p{ color: var(--white);     display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.provide-section .top-info-block .text-wrap{ max-width: 600px;}
.provide-section .top-info-block{ padding-bottom: 60px;}
.provide-section .top-info-block .text-wrap p{ margin: 0 0 45px;}
.provide-section .provide-slider a{ color: var(--white);}


.provide-slider{ padding-bottom: 50px;}
.provide-slider .slick-list{ margin: 0 -15px;}
.provide-slider .slide-item{ padding: 0 15px;}
.provide-slider .slide-item .slide-outer{ position: relative;}
.provide-slider .slide-item .slide-inner::before { position: absolute; content: ''; background: #000; top: 0; right: 0; bottom: 0; left: 0; transition: var(--common-transition); opacity: 0; z-index: 3;  visibility: hidden; }
.provide-slider .slide-item .slide-outer:hover .slide-inner::before{ visibility: visible; opacity: 0.5;}
.provide-slider .slide-item .slide-inner{ clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%); position: relative;}
.provide-slider .slide-item .slide-bg{ background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; padding-bottom: 107.7%; position: relative; z-index: 1;}
.provide-slider .slide-item .slide-bg::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(153,27,57,0.4);}

.provide-slider .slide-item .slide-content{ position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.provide-slider .slide-item .slide-content .pro-heading{ position: absolute; top: 0; right: 0; left: 0; padding: 30px;}
.provide-slider .slide-item .slide-content .slide-heading{ position: absolute; top: 0; right: 0; left: 0; padding: 30px;}
.provide-slider .slide-item .slide-content .slide-description{ position: absolute; right: 0; bottom: 0; left: 0; max-width: 90%; padding: 30px;}
.provide-slider .slide-item .slide-content .slide-description p:last-child{ margin-bottom: 0;}
.provide-slider .slide-item h3{ color: var(--white); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.provide-slider .slide-item  .arrow{ position: absolute; right: 0; bottom: 10px; background: url(../images/black-arrow.svg) top right; background-size: 100%; width: 26px; height: 24px; background-repeat: no-repeat !important;}

.provide-slider .slick-prev{ left: 0;}
.provide-slider .slick-next{ right: 0;}
.provide-slider .slick-prev, .provide-slider .slick-next{ top: auto; bottom: -20px; transform: none; width: 40px; height: 40px; background: var(--primary-color); transition: var(--common-transition);}
.provide-slider .slick-prev::before, .provide-slider .slick-next::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/left-small-arrow.svg) top left no-repeat; background-size: 100%; width: 11px; height: 20px; margin: auto;}
.provide-slider .slick-next::before{ transform: scale(-1);}

.provide-progress{ display: block; width: calc(100% - 140px); height: 4px; border-radius: 10px; overflow: hidden; border: 1px solid #ca375a; background-color: #ca375a; background-image: linear-gradient(to right, white, white); background-repeat: no-repeat; background-size: 0 100%; margin: 0 auto; transition: background-size .4s ease-in-out;}

.assist-section{ padding-top: 100px;}
.assist-section h2{ font-size: 90px;}

.software-showcase-section{ position: relative;}
.software-showcase-section .top-bg{ position: absolute; z-index: 1; top: 0; right: 0; left: 0; background: url(../images/software-bg.jpg) top center no-repeat; background-size: cover; padding-bottom: 58%;}
.software-showcase-section .top-bg::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 100%);}
.software-showcase-section .top-info-box{ position: relative; z-index: 2; padding-bottom: 50px;}
.software-showcase-section .top-info-box .info-box{ max-width: 750px; margin: 0 auto;}
.software-showcase-section .top-info-box .title-info{ max-width: 1055px; margin: 0 auto;}
.software-showcase-section .signle-image{ position: relative; z-index: 2;}

.software-showcase-section .softwares-listing{ padding-top: 50px;}
.software-showcase-section .softwares-listing ul{ margin: 0; padding: 0; list-style: none; column-count: 4; column-gap: 15px;}
.software-showcase-section .softwares-listing ul li{ font-family: var(--oswald); font-weight: 500; font-size: 18px; position: relative; padding-left: 28px; margin-bottom: 8px;}
.software-showcase-section .softwares-listing ul li::before{ content: ""; position: absolute; top: 2px; left: 0; background: url(../images/check-icon.svg) top left no-repeat; background-size: 100%; width: 20px; height: 20px;} 

.software-feature-section{ background: var(--white); position: relative; z-index: 1;}
.software-feature-section.common-padding{ padding-bottom: 140px; padding-top: 0;}
.software-feature-section h2{ color: var(--white);}
.software-feature-section .title-holder{ padding-bottom: 50px;}
.software-feature-section .title-holder h2{ margin-bottom: 0;}

.software-feature-section.software-video-section{ background: var(--dark-grey);}
.software-feature-section .software-video-holder{ position: relative; z-index: 3; padding-top: 0; margin-top: -75px;}
.software-video-holder{ padding-top: 100px;}
.software-video-holder .video-info-box{ position: relative; z-index: 1;}
.software-video-holder .video-info-box::before{ content: ""; position: absolute; z-index: -1; top: 37%; left: -47px; background: var(--white); clip-path: polygon(0 0, 0% 72%, 100% 0); width: 340px; height: 305px; display: none;}
.software-video-holder .left-col .inner-wrap{ max-width: 500px;}
.software-video-holder h2{ margin-bottom: 0;}
/* .software-video-holder h2 span.black-text{ color: var(--black);} */
.software-video-holder p{ color: var(--white);}

.software-video-holder .video-box{ padding-top: 100px;}
.software-video-holder .video-box .iframe-holder{ position: relative; padding-bottom: 56.25%;}
.software-video-holder .video-box .iframe-holder iframe{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
 
.software-feature-section .grey-bg{ position: absolute; z-index: 1; top: 0; right: 0; left: 0; background: var(--dark-grey); /*padding-bottom: 60.5%; */ height: 100%;}
.software-feature-section .skew-bg{ position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; background: var(--primary-color); width: 100%; height: calc(100% - 320px); clip-path: polygon(0 64%, 100% 0, 100% 100%, 0% 100%);}

/**/
.software-feature-section.faq-section .software-feature-block { padding-bottom: 100px; }
.software-feature-section .software-feature-block{ position: relative;  padding-top: 100px; padding-bottom: 200px;}
.software-table .table-row{ display: flex; flex-wrap: wrap; margin: 0;  overflow-x: auto;}
.software-table .table-col{ width: 16.66%; padding: 0; position: relative;}
.software-table .table-col > .inner-wrap{ height: 100%; /*background: var(--white);*/ position: relative; padding-bottom: 5px;}
.software-table .head-wrap{ height: 290px; position: relative;}
.software-table .table-head{ /*background: var(--primary-color);*/ padding: 30px;}
.software-table .table-col:first-child .table-content li { justify-content: start; }
.software-table .table-col:last-child{  background: var(--dark-green);}
.software-table .table-sub { padding: 0 0 0 15px; height: 35px; display: flex; align-items: center;}
.include-exclude-text{ position: relative;}
.include-exclude-text p { position: absolute; z-index: 1; top: 50%; left: 15px; width: 620px; font-size: 15px !important; transform: translateY(-50%); }
.include-exclude-text p span{ margin-left:15px !important;}
.include-exclude-text span.lowercase-text { margin-left: 0 !important; font-size: 14px; text-transform: lowercase; }

.include-exclude-text.include-exclude-text-bottom p { max-width: 620px; width: 100%;}
.software-table .head-wrap h6{ font-size: 15px;}
.software-table .prime .table-sub { background: #991B39; color: white; }
.software-table .table-head h6{ color: var(--white); font-weight: 500; margin-bottom: 0;   display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.software-table p{ color: var(--white);}
.software-table .head-wrap p{ font-size: 11px;}
.software-table p:last-child{ margin-bottom: 0;}
.software-table span.price{ font-size: 25px; font-weight: 900; color: var(--white);}
.software-table .table-head .title-block{ display: flex; align-items: center; justify-content: center; 
    /* height: 38px; */
     margin-bottom: 20px;}
.software-table .table-head .price-block{ margin-bottom: 20px;}
.software-table .table-head .table-button a.simple-button.x-small{ font-size: 11px;}
.software-table .table-col:last-child .table-sub{ position: relative;}
.software-table .table-col:last-child .table-sub::before { position: absolute; content: "MOST POPULAR"; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #991B39; display: flex; align-items: center; justify-content: center; color: #ffffff;}
.software-table .table-head .info-block p{ text-transform: uppercase;}

/* .software-table .table-content{ padding: 30px;} */
.software-table .table-content ul{ margin: 0; padding: 0; list-style: none;}
.software-table .table-content ul li{ font-weight: 500; /*margin-bottom: 15px;*/ position: relative;     padding: 7px 15px; color: var(--white);}
.software-table .table-content ul li:last-child{ margin-bottom: 0;}
/* .software-table .table-content ul li::before{ content: ""; position: absolute; top: 1px; left: 0; background: url(../images/maroon-tick.svg) top left no-repeat; background-size: 100%; width: 17px; height: 17px;} */

/* .software-table .table-button{ display: flex; justify-content: center; position: absolute; right: 0; bottom: 30px; left: 0;} */

.software-table .table-col.prime{ box-shadow: 0 20px 40px rgba(0,0,0,0.25);}
.software-table .prime .table-head{ background: var(--dark-green);}
.software-table .table-col.prime > .inner-wrap{ background: var(--dark-green);}
.software-table .prime .table-content ul li::before{ background: url(../images/green-tick.svg) top left no-repeat;}
.software-table .prime a.simple-button{ background: var(--dark-green);}
.software-table .prime a.simple-button span.outer{ background: var(--dark-green);}
.software-table .prime a.simple-button:hover span.outer{ color: var(--dark-green);}


.software-table{ background: #AD4860;}
.software-table .table-head .info-block{ max-width: 94px; margin: 0 auto 20px;}
.software-table .table-head  a.simple-button span.outer{ background: var(--white); color: var(--primary-color);}
.software-table .table-head a.simple-button span.inner::before{ background: url(../images/small-arrow-color.svg);}
.software-table .table-col:not(:last-child) .table-content{ border-right: 2px solid transparent;}
.software-table .table-col:nth-child(5) .table-content{ border-right: none;}
.software-table .table-content ul li{ height: 85px; padding: 0 15px !important; display: flex; align-items: center; justify-content: center;}
.software-table .table-content ul li:nth-child(odd){ background: rgba(245, 222, 179, 0.293);}
.software-table .table-content ul li:nth-child(even){ background: transparent;}
.software-table .table-content ul li i{ font-size: 20px;}



.testimonial-section{  background: var(--fade-pink);}
.testimonial-section .inner-container{ background: var(--white); box-shadow: 0 15px 30px rgba(0,0,0,0.10); padding: 60px;  position: relative; z-index: 3;}
.testimonial-section .inner-container .row{ margin-bottom: 20px;}
.testimonial-slider .item .content-holder{position: relative;}
.testimonial-slider .item .content-holder::before{ position: absolute; content: ''; background: url(../images/slider-bg-icon.png); background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important; width: 270px; height: 190px; right: 0; bottom: 0; z-index: -1; opacity: 0.7;}
.testimonial-slider .item .top-block{ padding-bottom: 30px;}
.testimonial-slider .item .image-col{ width: 124px;}
.testimonial-slider .item .title-col{ width: calc(100% - 124px);}
.testimonial-slider .item .image-holder{ background-repeat: no-repeat !important; background-position: top center !important; background-size: cover !important; width: 100px; height: 100px; border-radius: 50%;}
.testimonial-slider .item h3{ color: var(--dark-green); margin-bottom: 15px;}
.testimonial-slider .item h4{ font-family: var(--epilogue); font-size: 18px; font-weight: 700; color: #777; text-transform: none; margin-bottom: 0;}

.testimonial-slider ul.slick-dots li{ width: 10px; height: 10px; margin: 0 10px;}
.testimonial-slider ul.slick-dots li button{ width: 10px; height: 10px; padding: 0;}
.testimonial-slider .slick-dots li button::before{ content: ""; width: 10px; height: 10px; background: #aaa; border-radius: 50%; opacity: 1;}
.testimonial-slider .slick-dots li.slick-active button::before{ background: var(--primary-color);}


.latest-blog-section { background: var(--fade-pink);}
.latest-blog-section .title-block{ padding-bottom: 60px;}
/* .latest-blog-section .title-block h2{ margin-bottom: 0;} */

.latest-blog-slider{ padding-bottom: 50px;}
.latest-blog-slider .slick-list{ margin: 0 -15px;}
.latest-blog-slider .slide-item{ padding: 0 15px;}
.latest-blog-slider .outer-wrap{ position: relative;}
.latest-blog-slider .outer-bg-wrap{ display: flex; align-items: center; justify-content: center; background: #eee; clip-path: polygon(0 0, 100% 0, 100% 80%, 85% 100%, 0 100%); padding: 1px;}
.latest-blog-slider .inner-bg-wrap{ background: var(--white); clip-path: polygon(0 0, 100% 0, 100% 80%, 85% 100%, 0 100%);}
.latest-blog-slider span.date{ display: block; color: #aaa; margin-bottom: 10px;}
.latest-blog-slider h4{ font-size: 24px; color: var(--dark-green);     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.latest-blog-section .latest-blog-slider p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #000;}
.latest-blog-slider p:last-child{ margin-bottom: 0;}
.latest-blog-slider .image-holder{ background-repeat: no-repeat !important; background-position: top center !important; background-size: cover !important; padding-bottom: 103%;}
.latest-blog-slider .text-wrap{ padding-right: 35px;}
.latest-blog-slider .outer-wrap .arrow{ position: absolute; right: 0; bottom: 10px; background: url(../images/black-arrow.svg) top right no-repeat; background-size: 100%; width: 25px; height: 20px; z-index: 5;}

.latest-blog-slider .slick-prev{ left: 0;}
.latest-blog-slider .slick-next{ right: 0;}
.latest-blog-slider .slick-prev, .latest-blog-slider .slick-next{ top: auto; bottom: -20px; transform: none; width: 40px; height: 40px; background: var(--primary-color); transition: var(--common-transition);}
.latest-blog-slider .slick-prev::before, .latest-blog-slider .slick-next::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/left-small-arrow.svg) top left no-repeat; background-size: 100%; width: 11px; height: 20px; margin: auto;}
.latest-blog-slider .slick-next::before{ transform: scale(-1);}

.latest-blog-progress{ display: block; width: calc(100% - 140px); height: 4px; border-radius: 10px; overflow: hidden; border: 1px solid #ca375a; background-color: #ca375a; background-image: linear-gradient(to right, white, white); background-repeat: no-repeat; background-size: 0 100%; margin: 0 auto; transition: background-size .4s ease-in-out;}
/* ~-~-~-~-~-~-~-~-~-~ home page end ~-~-~-~-~-~-~-~-~-~ */

/* ~-~-~-~-~-~-~-~-~-~ footer adjustments ~-~-~-~-~-~-~-~-~-~ */
.top-footer{ background: #222222;}
.top-footer ul{ list-style: none; padding: 0; margin: 0;}
.top-footer li{ margin-bottom: 15px; font-size: 16px;}
.top-footer li a{ color: var(--white);}
.top-footer .content-holder{ padding-right: 80px; margin-bottom: 30px;}
.top-footer .content-holder p{ color: var(--white); font-size: 16px;}
.top-footer form { margin-bottom: 30px; position: relative;}
.top-footer input{ height: 50px; padding: 10px 20px; outline: none; font-size: 16px;}
/* .top-footer input[type=email] { width: 70%; background: transparent; border: 1px solid var(--white); padding: 10px 20px; border-radius: 0; border-right: 0; height: 52px; color: #fff; } */
/* .top-footer .subscribe-wrap { position: absolute; top: 0; right: 0; width: 30%; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background-color: var(--white); padding: 1px; height: 52px; } */
.top-footer input[type="submit"] { background-color: var(--primary-color); color: var(--white); font-weight: 700; font-size: 16px; background-image: url(../images/small-arrow.svg); background-repeat: no-repeat; background-position: right 20px center; text-align: left; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); border-radius: 0; height: 100%; }
.top-footer input[type="submit"]:hover{ background-color: var(--button-hover-color); transition: var(--common-transition);}
.top-footer ul li:last-child{ margin-bottom: 0;}
.top-footer .social-link li{ margin: 0 15px;}
.top-footer .social-link li:first-child{ margin-left: 0;}
.top-footer .social-link li:last-child{ margin-right: 0;}
.top-footer i{ color: #687231; font-size: 25px;}
.top-footer .fa-regular, .far{ font-weight: 900;}
.top-footer .content-holder p:last-child{ margin-bottom: 0;}
.top-footer .end-col li{ position: relative; padding-left: 35px; color: #ffffff;}
.top-footer .end-col li i{ position: absolute; left: 0; font-size: 18px;}
.top-footer .social-link li.sub-icon img {width: 26px;}

.bottom-footer{ padding: 30px 0; background: var(--primary-color);}
.bottom-footer li{ padding: 0 10px;}
.bottom-footer li a{ color: var(--white);}
.bottom-footer li{ border-right: 1px solid white;}
.bottom-footer li:last-child{ border: 0; padding-right: 0;}
.bottom-footer li:first-child{ padding-left: 0;}
.bottom-footer li a{ padding: 20px 0;}
.bottom-footer .inner-wrap p{ margin-bottom: 0; color: var(--white);}
.top-footer .mc4wp-form .mc4wp-form-fields{ position: relative;}
.top-footer .mc4wp-form .mc4wp-form-fields input[type="submit"] { position: absolute; right: 0; width: 180px; }
.top-footer .mc4wp-form .mc4wp-form-fields input[type="email"] { width: 100%; padding-right: 200px; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: transparent; color: #ffffff; }
.top-footer .mc4wp-form .mc4wp-response { margin-top: 10px; }
.top-footer .mc4wp-form .mc4wp-response p { color: #ffffff; margin-bottom: 0; }
.top-footer li.current-menu-item a{ color: var(--primary-color); text-decoration: underline;}

.zsiq_custommain.siq_bR { width: 180px !important; }
.zsiq_custommain.siq_bR div#zsiq_float { border-radius: 100px; overflow: hidden; }
.zsiq_custommain.siq_bR img{ width: 100%;}
/* ~-~-~-~-~-~-~-~-~-~ footer adjustments ~-~-~-~-~-~-~-~-~-~ */
@media only screen and (max-width: 1699px){
    .story-section .large-text{ font-size: 11.6vw;}
}
@media only screen and (max-width: 1599px){
    .story-section .large-text{  font-size: 12.6vw;}
}
@media only screen and (max-width: 1399px){
    
    .story-section .large-text{   font-size: 13vw;}
}
@media only screen and (max-width: 1199px){
    .software-table .table-head{ padding: 30px 0;}
    .software-table .head-wrap .table-button a.simple-button { width: 130px; height: 38px; }
    .bottom-footer li{ padding: 0 8px;}
    .software-table .table-sub p{ font-size: 13px;}
    .story-section .right-col ul li img{ height: 100px;}
}
@media only screen and (max-width: 991px){
    .hero-section h2{ font-size: 60px;}
    .hero-section h3{ font-size: 32px;}
    .home-hero-slider .slick-dots li a{ font-size: 15px;}
    .story-section .large-text{  font-size: 14vw;}
    .story-section .right-col ul li img{ height: 82px;}
    a.simple-button{font-size: 14px; }
    a.simple-button.large{ width: 172px !important; height: 48px !important;}
    a.simple-border-button{ font-size: 14px;}
    a.simple-border-button.small{ width: 172px !important; height: 48px !important;}
    a.simple-border-button.small span.outer{ width: 170px !important; height: 46px !important;}
    a.simple-button.small{ width: 172px !important; height: 48px !important;}
    a.simple-button.small span.outer{ width: 172px !important; height: 48px !important;}
    .dual-skew-section{ padding: 80px 0;}
    .assist-section { padding-top: 80px; }
    .assist-section h2 { font-size: 60px; }
    .provide-slider .slide-item .arrow{ width: 20px; height: 18px; bottom: 0;}
    .provide-slider .slide-item .slide-content .slide-heading{ padding: 15px;}
    .provide-slider .slide-item .slide-content .slide-description{ padding: 15px;}
    .software-showcase-section .top-info-box{ padding-bottom: 30px;}
    .software-showcase-section .softwares-listing ul{ column-count: 3;}
    .software-showcase-section .softwares-listing ul li{ font-size: 16px;}
    .software-feature-section .software-feature-block { padding-top: 80px; padding-bottom: 120px; }
    .software-feature-section .title-holder { padding-bottom: 30px; }
    .software-table .table-row{ flex-wrap: nowrap; overflow-x: scroll;}
    .software-table .table-col{ width: 180px;  flex: 0 0 auto;}
    .software-table span.price{ font-size: 22px;}
    .include-exclude-text.include-exclude-text-bottom span.lowercase-text{ display: none;}
    .software-feature-section .software-video-holder{ margin-top: -45px;}
    .software-feature-section .software-video-holder .row { align-items: normal !important; }
    .software-video-holder .video-box{ padding-top: 80px;}
    .software-feature-section.common-padding { padding-bottom: 120px; }
    .testimonial-section .inner-container{ padding: 20px;}
    .testimonial-slider .item h4{ font-size: 16px;}
    .latest-blog-section .title-block{ padding-bottom: 30px;}
    .latest-blog-slider h4{ font-size: 22px;}
    .top-footer .content-holder{ margin-top: 30px; padding-right: 0;}
    .top-footer li{ font-size: 15px;}
    .top-footer .content-holder p{ font-size: 15px;}
    footer .bottom-footer ul.nav { justify-content: center; margin: 0; }
    footer .bottom-footer .inner-wrap { text-align: center !important; }
    .top-footer .social-link { margin-bottom: 20px; }
}
@media only screen and (max-width: 767px){
    .hero-section .signle-slide{     height: auto;     padding-bottom: 75%; }
    .hero-section .info-holder{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
    .hero-section .info-holder .info-wrapper{ padding-top: 45px;}
    .hero-section .image-holder{ background-position: center center!important;}
    .story-section .right-col .inner-wrap{ padding-left: 0;}
    .story-section .right-col ul li{ justify-content: center;}
    .hero-section h2 { font-size: 24px; margin-bottom: 15px; }
    .hero-section .sub-heading-wrapper{ margin-bottom: 15px;}
    .hero-section h3 { font-size: 20px; }
    .hero-section .pragraph-wrapper{ margin-bottom: 15px;}
    .hero-section .pragraph-wrapper p{ font-size: 13px;}
    .hero-section .button-wrapper a.simple-button.large { width: 150px; height: 40px; font-size: 13px; }
    .hero-section .button-wrapper a.simple-button.large span.outer { width: 145px; height: 40px; }
    .home-hero-slider .slick-dots li a { font-size: 13px; }

    .hero-video-button{ width: 72px; height: 72px; bottom: -15px;}
    .hero-video-button a{ width: 100%; height: 100%; font-size: 22px;}
    .hero-video-button a::before{ width: 100%; height: 100%;}
    .story-section { padding-bottom: 30px; }
    .dual-skew-section{ padding: 60px 0;}
    .assist-section { padding-top: 60px; }
    .assist-section h2 { font-size: 38px; }
    .assist-section .info-wrap{ margin-top: 30px;}
    .software-showcase-section .softwares-listing ul { column-count: 2; }
    .software-feature-section .software-feature-block{ padding-top: 60px; padding-bottom: 80px;}
    .software-feature-section .software-video-holder{ margin-top: -35px;}
    .software-video-holder h2{ margin:  0 0 25px;}
    .software-video-holder .video-box{ padding-top: 60px;}
    .software-video-holder p{ color: var(--black);}
    .software-feature-section .skew-bg{ clip-path: polygon(0 86%, 202% 0, 100% 100%, 0% 100%);}
    .software-feature-section.common-padding{ padding-bottom: 100px;}
    .testimonial-section .inner-container{ margin-top: -45px;}
    .testimonial-slider .item .top-block{ padding-bottom: 0;}
    .latest-blog-slider .outer-bg-wrap{    clip-path: polygon(0 0, 100% 0, 100% 90%, 80% 100%, 0 100%); padding: 2px;}
    .latest-blog-slider .inner-bg-wrap{ clip-path: polygon(0 0, 100% 0, 100% 90%, 80% 100%, 0 100%);}
    .latest-blog-slider .text-wrap{ padding: 30px;}
    .top-footer i{ font-size: 22px;}
    .top-footer .social-link li { margin: 0 7px; }
}
@media only screen and (max-width: 575px){
    a.simple-button.large{ width: 150px; height: 42px; font-size: 13px;}
    .home-hero-slider .slick-dots li:hover::before, .home-hero-slider .slick-dots li.slick-active::before { width: 35px; }
    .hero-section .signle-slide{ padding-bottom: 85%;}
    .hero-section h2 { font-size: 20px; margin-bottom: 10px; }
    .hero-section .sub-heading-wrapper { margin-bottom: 10px; }
    .hero-section h3 { font-size: 16px; }
    .hero-section .pragraph-wrapper { margin-bottom: 10px; max-width: 320px; }
    .hero-section .pragraph-wrapper p { font-size: 12px; }
    .story-section .large-text { top: 47%; font-size: 16vw; }
    .provide-slider .slide-item .slide-content .slide-description { padding: 15px 30px 15px 15px; }
    .include-exclude-text p{ font-size: 13px !important;}
    .include-exclude-text p span { margin-left: 10px !important;}
}
@media only screen and (max-width: 419px){
    .hero-section .signle-slide { padding-bottom: 95%; }
    .home-hero-slider .slick-dots li:hover::before, .home-hero-slider .slick-dots li.slick-active::before { width: 25px; }
    .hero-video-button{ bottom: -15px;}
    .hero-section .pragraph-wrapper{ max-width: 280px;}
    a.simple-border-button.small { width: 155px; height: 45px; font-size: 13px; }
    a.simple-border-button.small span.outer { width: 153px !important; height: 43px !important; }
    a.simple-button.small { width: 155px !important; height: 45px !important; font-size: 13px; }
    a.simple-button.small span.outer { width: 153px !important; height: 43px !important; }
    .latest-blog-slider h4 { font-size: 19px; }
    .assist-section h2 { font-size: 35px; }
    .software-table span.price { font-size: 20px; }
    .top-footer .mc4wp-form .mc4wp-form-fields input[type="submit"]{     width: 140px; font-size: 15px;}
    .top-footer .mc4wp-form .mc4wp-form-fields input[type="email"]{ padding-right: 160px;}
    .bottom-footer{ padding: 20px 0;}

}
@media only screen and (max-width: 379px){
    .hero-video-button { width: 60px; height: 60px; }
    .hero-video-button a{ font-size: 18px;}
    .software-showcase-section .softwares-listing ul li { font-size: 15px; padding-left: 22px; }
    .software-showcase-section .softwares-listing ul li::before{ width: 17px; height: 17px;}
    .top-footer input{ padding: 5px 10px; height: 45px;}
    .top-footer .mc4wp-form .mc4wp-form-fields input[type="submit"]{ width: 120px;}
    .top-footer .mc4wp-form .mc4wp-form-fields input[type="email"] { padding-right: 130px; }
}
@media only screen and (max-width: 359px){
    .hero-section .signle-slide {     padding-bottom: 105%; }
    .hero-section h2{ font-size: 18px;}
    .hero-section .sub-heading-wrapper { max-width: 260px; }
    .hero-section h3 { font-size: 14px; }
    .hero-section .pragraph-wrapper { max-width: 250px; }
    .hero-section .pragraph-wrapper p { font-size: 11px; }
}

/* support page start*/

.inner-banner .single-slider{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.inner-banner .image-holder{ position: relative; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; padding-bottom: 44.22%;}
.inner-banner .image-holder::before{ position: absolute; content: ''; background: #000000; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.39;}
.inner-banner .info-wrap { display: flex; align-items: center; height: 100%; position: relative; z-index: 2; }
.inner-banner h1{  color: var(--white);} 
.inner-banner .sub-heading-wrapper h2{ margin-bottom: 0; font-size: 48px; font-weight: 400;}
.inner-banner .sub-heading-wrapper h2,.inner-banner .pragraph-wrapper p{ color: var(--white);}
.inner-banner .sub-heading-wrapper{ margin-bottom: 30px;}
.inner-banner .pragraph-wrapper p:last-child{ margin-bottom: 0;}
.inner-banner .pragraph-wrapper{ max-width: 400px;}
.support-inner-sec p{ margin: 0 0 30px; font-weight: 500;}
.support-inner-sec p:last-child{ margin-bottom: 0;}
/* .story-section .right-col .inner-wrap{ padding-left: 0;} */
@media only screen and (max-width: 1599px){
    .inner-banner .image-holder { padding-bottom: 40%;}
    .inner-banner .info-wrap { align-items: end;}
    .inner-banner .info-wrap .info-holder { padding-bottom: 50px; }
    .inner-banner .info-wrap .info-holder h1 { font-size: 75px; }
    .inner-banner .info-wrap .info-holder h2 { font-size: 45px; }
}

@media only screen and (max-width: 1399px){
/* .inner-banner .image-holder{  padding-bottom: 51.22%;} */
.inner-banner h1{ font-size: 60px; margin: 0 0 20px;}
.inner-banner .sub-heading-wrapper h2{ font-size: 38px;}
.inner-banner .sub-heading-wrapper{  margin: 0 0 20px;}

}
@media only screen and (max-width: 1199px){
    .inner-banner .image-holder { padding-bottom: 50%; }
    .inner-banner .info-wrap .info-holder h1 { font-size: 65px; }
    .inner-banner .info-wrap .info-holder h2 { font-size: 40px; }
    .inner-banner .pragraph-wrapper { max-width: 450px; }
}
@media only screen and (max-width: 991px){
    .inner-banner .image-holder { padding-bottom: 61.22%; }
    .inner-banner .info-wrap .info-holder h1 { font-size: 55px; }
    .inner-banner .sub-heading-wrapper { margin: 0 0 15px; }
    .inner-banner .sub-heading-wrapper h2 { font-size: 30px; }
}
@media only screen and (max-width: 767px){
    .inner-banner .image-holder { padding-bottom: 70.22%;}
    .inner-banner .info-wrap .info-holder h1 { font-size: 40px; margin: 0 0 10px; }
    .inner-banner .pragraph-wrapper{ max-width: 100%; }
    .inner-banner .sub-heading-wrapper { margin: 0 0 10px; }
    .inner-banner .info-wrap .info-holder h2 { font-size: 26px; }
    .inner-banner  p{ font-size: 13px;}
    .broker-main-wrapper .broker-listing.first-child ul:after{ opacity: 0;}
}
@media only screen and (max-width: 575px){
    .inner-banner .image-holder { padding-bottom: 86.22%; }
    .inner-banner .info-wrap .info-holder h1 { font-size: 35px;}
    .inner-banner .info-wrap .info-holder h2 { font-size: 24px; }
}
@media only screen and (max-width: 419px){
    .inner-banner .image-holder {    padding-bottom: 102.22%;}
    /* .inner-banner .info-wrap .info-holder h1{ font-size: 20px; } */
    /* .inner-banner .info-wrap .info-holder h2 { font-size: 14px; } */
    /* .inner-banner p { font-size: 11px; } */
}
@media only screen and (max-width: 359px){
    .inner-banner .image-holder { padding-bottom: 117.22%; }
}
/* support section end*/

/* blog section start*/
.blog-details-slider .slick-track{ display: flex;}
.blog-details-slider .slick-track .slick-slide{ height: inherit;}
.blog-details-slider .slick-track .slick-slide .slide-outer, .blog-details-slider .slick-track .slick-slide .blog-item-sec, .blog-details-slider .slick-track .slick-slide .inner-holder, .blog-details-slider .slick-track .slick-slide .content-wrap{ height: 100%;}
.blog-item-sec{ position: relative; background: var(--primary-color);}
.blog-item-sec .design-block{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: var(--white);}
.blog-item-sec .inner-container{ position: relative; z-index: 2;}
.blog-item-sec .design-block{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: var(--white); z-index: 0; clip-path: polygon(0 0, 100% 0, 100% 16%, 0 88%);}
.blog-item-sec .item{ margin-bottom: 60px;}
.blog-item-sec .inner-wrap{ height: 100%; width: 100%; position: relative;}
.blog-item-sec .inner-wrap .image-wrap img{ width: 100%;}
.blog-item-sec .inner-holder{ padding: 1px; background: #DDDDDD; clip-path: polygon(0 0, 100% 0, 100% 80%, 84% 100%, 0 100%, 0% 50%);}
.blog-item-sec  .content-wrap{ background: var(--fade-pink); padding: 30px 30px 30px 20px; clip-path: polygon(0 0, 100% 0, 100% 80%, 84% 100%, 0 100%, 0% 50%);}
.blog-item-sec .arrow-wrap{ position: absolute; top: auto; bottom: 10px; right: 0; z-index: 1;width: 22px; height: 15px; display: flex; align-items: center;}
.blog-item-sec .arrow-wrap a, .blog-item-sec .arrow-wrap img{ width: 100%;}
.blog-item-sec .icon-wrap { display: flex; align-items: center; margin-bottom: 10px; }
.blog-item-sec h4 { font-size: 24px; color: #687231; font-family: var(--epilogue); font-weight: 700; text-transform: none; margin-bottom: 15px; }
.blog-item-sec p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #707070; }
.blog-item-sec .icon-wrap p:last-child { margin-bottom: 0; }
.blog-item-sec .icon-wrap p { font-size: 16px; font-weight: 700; }
.blog-item-sec p{font-size: 16px;}
.blog-item-sec p:last-child{ margin-bottom: 0;}
.blog-item-sec .icon-holder { margin-right: 10px; }
.blog-pagination .pagination{ justify-content: center; margin: 0; padding: 0;}
.blog-pagination .pagination li{ margin: 0 3px;}
.blog-pagination .pagination li a{ background: var(--white); color: #BDBDBD; width: 30px; height: 30px; border: 1px solid #DDDDDD; padding: 0; line-height: 32px; text-align: center;}
.blog-pagination .page-item:first-child .page-link, .blog-pagination .page-item:last-child .page-link{ border-radius: 0;}
.blog-pagination .pagination li .page-numbers { background: var(--pale-pink); color: #6b6b6b; width: 30px; height: 30px; border: 1px solid #DDDDDD; padding: 0; line-height: 32px; text-align: center; display: inline-block;}
.blog-pagination .pagination li .page-numbers:hover{ background: transparent; border-color: #fff; color: #fff; transition: var(--common-transition);}

@media only screen and (max-width: 991px){
    .blog-item-sec h4{ font-size: 22px;}
    .blog-item-sec p { font-size: 15px;}
    /* .blog-item-sec .arrow-wrap{ width: 35px; height: auto;} */
}
@media only screen and (max-width: 767px){
    .blog-item-sec .design-block{ clip-path: polygon(0 0, 100% 0, 100% 15%, 0 55%);}
    .blog-item-sec h4{ font-size: 20px;}
    .blog-item-sec .item { margin-bottom: 40px;}
}
@media only screen and (max-width: 419px){
    .blog-item-sec h4 { font-size: 18px; }
    .blog-item-sec p { font-size: 14px; }
}
/* blog section end*/

/* services section */
.inner-banner.services-banner .image-holder::before{ opacity: 0.60;}
.services-service-sec .content-row{ background: var(--primary-color);     clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); margin: 0 0 60px; }
.services-service-sec .content-row:nth-child(even){background: #222222;}
/* .services-service-sec .content-row:last-child{ margin-bottom: 0;} */
.services-service-sec .item{ padding: 0;}
.services-service-sec .content-row h3, .services-service-sec .content-row p{ color: var(--white);}
.services-service-sec .item p:last-child{ margin-bottom: 0;}
.services-service-sec  .inner-wrap , .services-service-sec  .image-wrap{ height: 100%;}
.services-service-sec  .image-wrap img{ width: 100%;}
.services-service-sec  .inner-wrap{ padding: 20px 60px 20px 30px;}
@media only screen and (max-width: 991px){
    .services-service-sec .content-row{ clip-path: polygon(0 0, 100% 0, 100% 90%, 85% 100%, 0 100%); }
    .services-service-sec .inner-wrap { padding: 30px 75px 30px 30px; }
    .services-service-sec .image-wrap{     position: relative; padding-bottom: 102%;}
    .services-service-sec .image-wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; height: 100%; }
    button.simple-button.small { width: 172px; height: 48px; font-size: 15px; }
}
@media only screen and (max-width: 767px){
    .services-service-sec .content-row{ margin-bottom: 40px;}
    button.simple-button.small { width: 150px; height: 40px; font-size: 14px; }
}
@media only screen and (max-width: 419px){
    .services-service-sec .inner-wrap { padding: 15px 50px 15px 15px; }
}
@media only screen and (max-width: 379px){
    .services-service-sec .inner-wrap { padding: 15px 35px 15px 15px; }
}
/* services section */

/* blog details section */
/* blog details section */

.blog-details-top-sec .title-head{ margin-bottom: 50px;}
.blog-details-top-sec { background: #80808052; }
.blog-details-top-sec .title-head h1{ font-size: 60px;}
.blog-details-top-sec .title-head li{ padding-left: 25px; position: relative;}
.blog-details-top-sec .title-head  .icon-holder{ position: absolute; left: 0; width: 15px; height: 15px;}
.blog-details-top-sec .title-head p.date{ margin-bottom: 0; color: #AAAAAA; font-weight: 400;}
.blog-details-top-sec .title-head .content-holder p{ font-weight: 500;}
.blog-details-top-sec .title-head .content-holder p:last-child{ margin-bottom: 0;}
.blog-details-top-sec .title-head .sign-up-button{position: relative; display: inline-flex; align-items: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); width: 118px; height: 38px; transition: var(--common-transition); color: white;}
.blog-details-top-sec .title-head .info-wrap{ display: flex; align-items: center;}
.blog-details-top-sec .title-head .info-wrap ul:first-child{ margin-right: 20px;}
.blog-details-top-sec .title-head li{ margin-right: 30px;}
.blog-details-top-sec .title-head li a{ color: var(--white);}
.blog-details-top-sec .title-head li a svg{ margin-right: 10px;}
.blog-details-top-sec .blog-details-banner { margin-bottom: 50px; position: relative; padding-bottom: 40.14%; }
.blog-details-top-sec .blog-details-banner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-details-top-sec .description-wrap p:last-child{ margin-bottom: 0;}

.blog-details-artical-sec{ background: var(--primary-color); position: relative;}
.blog-details-artical-sec .image-holder{ margin-top: -350px;}
.blog-details-artical-sec .content-holder p{ color: var(--white);}
.blog-details-artical-sec .content-holder{ margin: 50px 0; padding-bottom: 50px; border-bottom: 1px solid #dddddd5e;}
.blog-details-artical-sec .content-holder p:last-child{ margin-bottom: 0;}
.blog-details-artical-sec p.date{ color: #AAAAAA;}
.blog-details-artical-sec .container-wraper{ position: relative; z-index: 2;}
.blog-details-artical-sec .design-book{ position: absolute; background: var(--white); top: 0; right: 0; bottom: 0; left: 0; clip-path: polygon(0 65%, 0% 100%, 40% 100%); z-index: 1;}
.blog-details-artical-slider h2{ margin-bottom: 60px; color: var(--white);}
.blog-details-artical-sec .blog-details-artical-slider .slide-item{ padding: 15px;}
.blog-details-artical-sec .blog-details-artical-slider  .slick-prev:before{ content: '';  border: solid rgb(255, 255, 255); border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.blog-details-artical-sec .blog-details-artical-slider .slick-next:before{ content: ''; border: solid rgb(255, 255, 255); border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(-45deg);     -webkit-transform: rotate(-45deg) translate(-3px,-2px);}
.blog-details-artical-sec .blog-details-artical-slider button{ background: #222222; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.blog-details-artical-sec .blog-details-artical-slider .slick-prev { left: -30px; }
.blog-details-artical-sec .blog-details-artical-slider .slick-next { right: -30px; }
.blog-details-artical-sec .slick-list.draggable{ margin: -15px;}
@media only screen and (max-width: 991px){ 
   
    .blog-details-top-sec .title-head h1 { font-size: 42px; }
    .blog-details-top-sec.custome-padding-bottom { padding-bottom: 250px; }
    .blog-details-artical-sec .image-holder { margin-top: -250px; }
    .single-new_blog .blog-item-sec .arrow-wrap{ width: 20px; right: 0;}
    .single-new_blog  .blog-details-artical-sec .blog-item-sec{ background: transparent;}
    .blog-item-sec .inner-holder{ clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 50%);}
    .blog-item-sec .content-wrap{ clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 50%);}
    .blog-details-artical-sec .blog-details-artical-slider .slick-prev { left: -27px; }
    .blog-details-artical-sec .blog-details-artical-slider .slick-next { right: -27px; }
    .blog-details-artical-slider h2{ color: #000;}
}
@media only screen and (max-width: 767px){
    .blog-details-top-sec .title-head h1 { font-size: 36px; }
    .blog-details-top-sec .title-head li{ margin-bottom: 5px;}
    .blog-details-top-sec .title-head { margin-bottom: 40px; }
    .blog-details-top-sec .blog-details-banner { margin-bottom: 30px; padding-bottom: 49.14%; }
    .blog-details-artical-sec .image-holder { margin-top: -180px; }
    .blog-details-top-sec.custome-padding-bottom { padding-bottom: 180px; }
    .blog-details-artical-sec .content-holder{ margin: 30px 0;}
    .blog-item-sec .content-wrap{ padding: 35px;}
    .blog-details-artical-sec .blog-details-artical-slider .slick-prev { left: -25px; }
    .blog-details-artical-sec .blog-details-artical-slider .slick-next { right: -25px; }
    .single-new_blog .blog-item-sec .arrow-wrap{ bottom: 0;}
    .blog-details-artical-slider h2{ margin-bottom: 40px;}
    .blog-details-artical-sec .design-book{        clip-path: polygon(0 85%, 0% 100%, 67% 100%);}
    .blog-item-sec .arrow-wrap{ bottom: 5px;}
    .blog-item-sec .inner-holder { clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 100%, 0 100%, 0% 50%); }
    .blog-item-sec .content-wrap{ clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 100%, 0 100%, 0% 50%);}
    /* .blog-details-artical-sec .content-holder p{ color: #000;} */
}
@media only screen and (max-width: 575px){
    .blog-details-top-sec .title-head h1 { font-size: 32px; }
    .blog-item-sec .content-wrap {
        padding: 35px 45px;
    }
    .blog-details-artical-sec .blog-details-artical-slider button{ width: 35px; height: 35px;}
    .blog-details-artical-sec .blog-details-artical-slider .slick-prev{ left: 0 !important;}
    .blog-details-artical-sec .blog-details-artical-slider .slick-next{right: 0 !important;}
}
@media only screen and (max-width: 419px){
    .blog-details-top-sec .title-head h1 { font-size: 26px; }
}
@media only screen and (max-width: 359px){
    .blog-details-top-sec .title-head .info-wrap ul:first-child {
        margin-right: 0;
    }
    .blog-details-top-sec .title-head li {
        margin-right: 10px;
    }
}
/* blog details section end*/


/* tsm-artical */
/* tsm-artical */

.tsm-artical-sec.blog-details-top-sec .title-head{ margin-bottom: 0;}
.tsm-artical-info-sec.blog-details-artical-sec .content-holder{ margin-top: 0;}
/* tsm-artical */

/* contact section */
/* contact section */

.contact-form-sec{ background: var(--primary-color); position: relative;}
.contact-form-sec .icon p{ margin: 0; padding-left: 45px;}
.contact-form-sec .icon{ position: relative; margin-bottom: 30px;}
.contact-form-sec .icon:last-child{ margin-bottom: 0;}
.contact-form-sec .icon i{ position: absolute; left: 0; top: 2px; font-size: 25px;}
.contact-form-sec  .inner-wrap{ padding: 80px 40px; background: var(--primary-color);}
.contact-form-sec  .inner-wrap h4{ font-size: 30px; font-weight: 600; color: var(--white); }
.contact-form-sec  .inner-wrap p, .contact-form-sec  .inner-wrap a{ color: var(--white); font-size: 20px;}
.contact-form-sec  .inner-wrap a{ word-wrap: break-word;}
.contact-form-sec .form-group, .contact-form-sec .form-check{ margin-bottom: 15px;}
.contact-form-sec .form-holder{ padding-left: 50px;}
.contact-form-sec .form-holder .title h2{ font-size: 36px; font-weight: 600; margin-bottom: 15px; text-align: center;}
.contact-form-sec .form-holder .title p{ font-size: 20px; color: #AAAAAA;}
.contact-form-sec .design-book{ background: var(--white); position: absolute; top: 0; right: 0; bottom: 0; left: 0; clip-path: polygon(0 0, 0 90%, 90% 0);}
.contact-form-sec .container-holder{ position: relative; z-index: 1; padding: 50px 50px 50px 0;}
.contact-form-sec .container-holder::before{ position: absolute; content: ""; background: var(--fade-pink); width: 90%; top: 0; right: 0; bottom: 0; z-index: -1; border: 1px solid #DDDDDD;}
.contact-form-sec input[type=text], .contact-form-sec input[type=email], .contact-form-sec input[type=number]{ height: 60px; padding: 10px 25px; outline: none; border: transparent; border-radius: 0; background: #F6F6F6;}
.contact-form-sec input{ font-size: 16px; font-family: var(--epilogue) !important; color: #AAAAAA;}
.contact-form-sec input::placeholder{ color: #AAAAAA I !important;}

.contact-form-sec .form-control::-moz-placeholder{color:#AAAAAA;opacity:1; font-family: var(--epilogue);}
.contact-form-sec .form-control:-ms-input-placeholder{color:#AAAAAA; font-family: var(--epilogue);}
.contact-form-sec .form-control::-webkit-input-placeholder{color:#AAAAAA; font-family: var(--epilogue);}

.contact-form-sec textarea{ padding: 25px; outline: none; border-radius: 0; border: transparent; background: #F6F6F6; width: 100%; height: 280px;}
.contact-form-sec input[type=submit]{ width: 250px; height: 60px; color: #F5F5F5; font-size: 16px; font-weight: 700; border: transparent; background-color: var(--primary-color); background-image: url(../images/small-arrow.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: 22px; display: flex; justify-content: space-between; padding-left: 20px; margin: 0 auto; clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);}
.contact-form-sec h6{ font-size: 16px; font-weight: 700; text-transform: none; margin: 0 0 20px;}
.contact-form-sec .form-control:focus{ box-shadow: none; border: transparent;}
.contact-form-sec input[type=checkbox]:checked{  background-color: var(--primary-color); border-color: var(--primary-color); box-shadow: none;}
.contact-form-sec input[type=checkbox] { border-radius: 2px; margin-top: 0; margin-right: 10px; width: 15px; height: 15px;}
.contact-form-sec .form-check{ display: flex; align-items: center;     padding: 0;}
.contact-form-sec .form-check .wpcf7-list-item{ margin: 0; display: flex; align-items: center;}
.contact-form-sec .form-check .wpcf7-list-item label{ display: flex; align-items: center;}
.contact-form-sec .form-check .wpcf7-list-item label .wpcf7-list-item-label{     font-size: 16px; font-weight: 400; color: #000000;}
.contact-form-sec input[type=checkbox]:focus{ box-shadow: none;}
.contact-form-sec .list-item .hide-sec{ display: none;}
.contact-form-sec .list-item{ margin-bottom: 50px;}
.contact-form-sec .more-button a{ color: var(--primary-color); font-weight: 600; position: relative; padding-left: 45px;}
.contact-form-sec .more-button a::before{ position: absolute; content: "More"; left: 0;}
.contact-form-sec .more-button a.item-show::before{ content: "Less";}
.contact-form-sec .more-button a.item-show i { transform: rotate(180deg); }
.contact-form-sec .list-item h6{ margin-bottom: 15px; font-family: var(--epilogue); font-weight: 600;}
.contact-form-sec .list-item .form-check-label{ font-size: 16px;}
.contact-form-sec .form-check .form-check-input { width: auto; height: auto; margin: 0; background: transparent; border: 0; }
.contact-form-sec .form-check  input[type=checkbox]:checked { accent-color: var(--primary-color);}
.contact-form-sec .col-12 .form-group{ position: relative;}
.contact-form-sec .col-12 .form-group span.wpcf7-spinner { position: absolute; top: -25px; right: 0; left: 0; margin: auto; }
@media only screen and (max-width: 1199px){
    .contact-form-sec .inner-wrap{ padding: 70px 30px;}
    .contact-form-sec .form-holder { padding-left: 30px; }
    .contact-form-sec .container-holder::before{ width: 100%;}
    .contact-form-sec .container-holder{ padding: 25px;}
    .contact-form-sec .form-holder{ padding: 0; margin-top: 30px;}
    .contact-form-sec input[type=submit]{ width: 100%; clip-path: polygon(0 0, 100% 0, 100% 70%, 96% 100%, 0 100%);}
    .contact-form-sec .list-item { margin-bottom: 30px; }
    .contact-form-sec .design-book{     clip-path: polygon(0 0, 0 85%, 75% 0);}
    
}
@media only screen and (max-width: 991px){
    .contact-form-sec .inner-wrap h4{ font-size: 27px;}
    .contact-form-sec .inner-wrap p, .contact-form-sec .inner-wrap a { font-size: 18px; }
    .contact-form-sec .icon p { padding-left: 40px; }
    .contact-form-sec .form-holder .title p{ font-size: 18px;}
    .contact-form-sec .form-holder .title h2{ font-size: 34px;}
}
@media only screen and (max-width: 767px){
    .contact-form-sec .inner-wrap { padding: 40px 20px; }
    .contact-form-sec .inner-wrap h4 { font-size: 24px; }
    .contact-form-sec .icon i{ font-size: 20px;}
    .contact-form-sec .inner-wrap p, .contact-form-sec .inner-wrap a { font-size: 16px; }
    .contact-form-sec .icon p { padding-left: 32px; }
    .contact-form-sec .form-holder .title p{ font-size: 16px;}
    .contact-form-sec .form-holder .title h2 { font-size: 28px; }
}
@media only screen and (max-width: 419px){
    .contact-form-sec .container-holder {
        padding: 25px 10px;
    }
    .contact-form-sec .form-holder .title h2 {
        font-size: 26px;
    }
    .contact-form-sec input[type=submit]{ font-size: 15px; height: 50px; background-size: 20px;}
}
/* contact section */


/* prices-details-section */
/* prices-details-section */

.prices-details-sec .description-sec{ padding: 210px 0 60px; background: #333333;}
.description-sec .pro-inner-info, .description-sec .pro-inner { background: transparent;}
.description-sec .image-holder{ width: 100%; height: 32.813vw; background: white; display: flex; align-items: center; justify-content: center;}
.prices-details-sec .price-details-slide-sec { background: transparent;}
.prices-details-sec .design-book { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--primary-color); clip-path: polygon(100% 17%, 11% 100%, 100% 100%); }
.prices-details-sec h3{ margin-bottom: 60px;}
.prices-details-sec .price-details-slide-sec{ padding: 60px 0;}
.description-inner .category h4{ margin-bottom: 0; color: #AAAAAA; font-size: 24px; text-transform: none;}
.description-inner .category .simple-border-button.small{ background: var(--white) !important; color: var(--white) !important;} 
.description-content .signup-btn a.simple-border-button.small span.outer{ background: #333333 !important;}
.description-inner .pro-heading h3{ font-size: 40px; font-weight: 400;}
.description-content.pro-content .price { font-size: 50px; color: var(--white); font-family: var(--epilogue);}
.description-content.pro-content .price span{ color: var(--white);}
.description-content .categories-sec p{ margin-bottom: 0; color: var(--white);}
.description-content .categories-sec .left-col p a { color: #fff; display: block; }
.description-content .categories-sec .right-col h4{ font-size: 24px; color: var(--white); font-family: var(--epilogue); margin-bottom: 0;}
.description-content input[type=number]{ width: 100px; height: 40px; outline: none; font-size: 16px; font-weight: 700; padding: 10px 15px; color: black;}
.description-content input[type=number]::-webkit-inner-spin-button { opacity: 1; }
.description-content label{ color: var(--white); font-weight: 700; font-size: 16px;}
.description-content .btn-holder a.simple-border-button{ background: transparent;}
.description-content .btn-holder{ margin-bottom: 30px;}
.description-content .content-holder h4{ color: var(--white); font-size: 24px; font-family: var(--epilogue); margin-bottom: 15px;}
.description-content .content-holder ul{ list-style: none; padding: 0;     margin: 0;}
.description-content .content-holder li{ margin-bottom: 15px; padding-left: 15px; color: var(--white); position: relative;}
.description-content .content-holder li::before{ position: absolute; content: ''; width: 2px; height: 2px; background: white; left: 0; top: 10px;}
.blog-details-artical-sec.price-details-slide-sec  .blog-details-artical-slider button{ background: var(--primary-color); border: 1px solid var(--white);}
.prices-details-sec .description-sec .pro-inner.description-inner{ padding-top: 0;}
.prices-details-sec .description-sec .image-holder img { width: 90%;}
.prices-details-sec .inner-wrap.magnify-cursor:hover img{     transform: scale(1.02);}
@media only screen and (max-width: 1023px){
    .blog-details-artical-sec .blog-details-artical-slider .slick-prev { left: -22px; }
    .blog-details-artical-sec .blog-details-artical-slider .slick-next { right: -22px; }
}
@media only screen and (max-width: 991px){
    .description-sec .image-holder{ height: 47vw;}
    .prices-details-sec .description-sec .pro-inner.description-inner { padding: 0; margin-top: 30px; }
    .description-inner .category h4{ font-size: 22px;}
    .description-inner .pro-heading h3{ font-size: 32px;}
    .description-content.pro-content .price{ font-size: 42px;}
    .description-content .categories-sec .right-col h4,.description-content .content-holder h4 { font-size: 22px;}
    .prices-details-sec .design-book{ clip-path: polygon(100% 38%, 9% 100%, 100% 100%); }
    .prices-details-sec .description-sec .image-holder img{ width: 65%;}
}

@media only screen and (max-width: 767px){
    .prices-details-sec .description-sec{ padding-top: 180px;}
    .description-inner .category h4 { font-size: 20px; }
    .description-inner .pro-heading h3 { font-size: 28px; }
    .description-content.pro-content .price { font-size: 35px; }
    .description-content .categories-sec .right-col h4, .description-content .content-holder h4 { font-size: 20px; }
    .prices-details-sec h3 { margin-bottom: 35px; }
    .prices-details-sec .design-book { clip-path: polygon(100% 33%, 9% 100%, 100% 100%); }
}
@media only screen and (max-width: 575px){
    .prices-details-sec .description-sec { padding-top: 170px; }
    .description-sec .image-holder { height: 54.813vw; }
    .price-details-slide-sec.blog-details-artical-sec .pro-inner { padding: 30px 45px; }
    .prices-details-sec .design-book { clip-path: polygon(100% 40%, 5% 100%, 100% 100%); }
}
@media only screen and (max-width: 419px){
    .description-sec .image-holder { height: 69.813vw; }
    .woocommerce .price-details-slide-sec  img, .woocommerce-page .prices-details-sec img { max-width: 180px; }
    .description-inner .category h4 { font-size: 18px; }
    .description-inner .pro-heading h3 { font-size: 26px; }
    .description-content.pro-content .price { font-size: 30px; }
    .description-content .categories-sec .right-col h4, .description-content .content-holder h4 { font-size: 18px; }
    .prices-details-sec .design-book { clip-path: polygon(100% 35%, 5% 100%, 100% 100%); }
    .prices-details-sec .description-sec .image-holder img{ max-width: 100%; width: 85%;}
}
@media only screen and (max-width: 359px){
    .price-details-slide-sec.blog-details-artical-sec .pro-inner {
        padding: 30px 34px;
    }
    .pro-content .signup-btn .info p {
        font-size: 12px;
    }
    .blog-details-artical-sec .blog-details-artical-slider .slick-prev {
        left: -5px !important;
    }
    .blog-details-artical-sec .blog-details-artical-slider .slick-next {
        right: -5px !important;
    }
    .pro-content .signup-btn .info{ max-width: 105px !important;}
}

/* prices-details-section */

/* Freight Broker Software section start*/

.broker-main-wrapper h5 { color: #fff; font-family: var(--epilogue); font-weight: 800; text-transform: none; font-size: 20px; }
.broker-main-wrapper .content-area p { color: #fff; font-weight: 500; }
.broker-main-wrapper .broker-listing { margin-bottom: 3rem; margin-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(255,255,255,0.3); }
.broker-main-wrapper .broker-listing ul { margin: 0; padding: 0; list-style: none; position: relative; }
.broker-main-wrapper .broker-listing.first-child ul:after { content: ""; position: absolute; right: 2rem; top: 50%; width: 1px; height: 70%; transform: translateY(-50%); background: rgba(255,255,255,0.3); }
.broker-main-wrapper .broker-listing.first-child .col-md-3 ul:after { display: none; }
.broker-main-wrapper .broker-listing ul li { position: relative; padding-left: 30px; color: #fff; font-size: 18px; text-transform: uppercase; font-family: var(--oswald); margin-bottom: 10px; font-weight: 500; }
.broker-main-wrapper .broker-listing ul li i { position: absolute; left: 0; top: 5px; }
.broker-grid .slide-outer{ position: relative;     margin-bottom: 30px;}
.broker-grid .slide-inner{ clip-path: polygon(0 0, 100% 0, 100% 82%, 76% 100%, 0 100%); position: relative;}
.broker-grid .slide-inner::before{ position: absolute; content: ''; background: #000; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: visible; transition: var(--common-transition); z-index: 2;}
.broker-grid .slide-inner:hover::before{ opacity: 0.7; visibility: visible;}
.broker-grid .slide-bg{ background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; padding-bottom: 127%; position: relative; z-index: 1;}
.broker-grid .slide-bg::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(34,34,34,0.4);}
.broker-grid .slide-inner .slide-content { position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 30px; }
.broker-grid .slide-inner .slide-content h3 { font-size: 24px; color: #fff; height: 57px; }
.broker-grid .slide-inner .slide-content p { color: #fff; font-size: 12px; font-weight: 500; }
.dual-skew-section.broker-main-wrapper .design-block { clip-path: polygon(150% 0, 44% 100%, 100% 100%); }
@media only screen and (max-width: 1399px){
    .broker-grid .slide-bg{ padding-bottom: 166%;     background-position: center !important;}
    .broker-grid .slide-inner .slide-content{ padding: 20px;}
    .broker-grid .slide-inner .slide-content h3{ font-size: 22px;}
    .broker-main-wrapper .broker-listing.first-child ul:after{ right: 0;}
    .dual-skew-section.broker-main-wrapper .design-block { clip-path: polygon(165% 0, 36% 100%, 100% 100%); }
}
@media only screen and (max-width: 1199px){
    .broker-grid .slide-bg { padding-bottom: 210%;}
    .broker-grid .slide-inner .slide-content { padding: 10px; }
    .broker-grid .slide-inner .slide-content h3 { font-size: 20px; }
    .broker-grid .slide-inner{ clip-path: polygon(0 0, 100% 0, 100% 87%, 70% 100%, 0 100%);}
}
@media only screen and (max-width: 991px){
    .broker-main-wrapper h5{ font-size: 18px;}
    .broker-main-wrapper .broker-listing ul li{ font-size: 15px;}
    .broker-grid .slide-bg { padding-bottom: 113%; }
    .broker-grid .slide-inner { clip-path: polygon(0 0, 100% 0, 100% 82%, 75% 100%, 0 100%); }
    .dual-skew-section { padding-bottom: 50px;}
}
@media only screen and (max-width: 767px){
    .broker-grid .slide-inner .slide-content h3{ height: auto;}
    .broker-main-wrapper .broker-listing{ margin: 30px 0; padding-bottom: 30px;}
    .broker-grid .slide-inner .slide-content { padding: 25px; }
    .broker-grid .slide-bg { padding-bottom: 95%; }
}
@media only screen and (max-width: 575px){
    .dual-skew-section.broker-main-wrapper .design-block { clip-path: polygon(240% 0, 25% 100%, 100% 100%); }
    .broker-main-wrapper h5 { font-size: 16px; }
}
@media only screen and (max-width: 419px){
    .broker-grid .slide-inner .slide-content h3 { font-size: 18px; }
    .broker-grid .slide-bg { padding-bottom: 128%; }
}


/*TMS Software Knowledge Base Articles – 1*/

.feature-search { padding: 60px 0 0; }
.feature-search .row.border-bottom { padding-bottom: 35px;}
.feature-search input[type="search"] { padding: 5px 200px 5px 20px;  height: 60px; border-radius: 0; border: 1px solid #B7B7B7; font-size: 16px; text-transform: capitalize; flex: 0 0 auto; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);}
.feature-search .input-group-append{ position: absolute; right: 0; top: 0;     z-index: 5;}
.feature-search input[type="search"]:focus{ box-shadow: none;}
.feature-search .input-group .btn { z-index: 2; position: absolute; right: 0; width: 180px; height: 60px; border: 0; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background-color: var(--primary-color); color: var(--white); font-weight: 700; font-size: 16px; background-image: url(../images/small-arrow.svg); background-repeat: no-repeat; background-position: right 20px center; text-align: left; border-radius: 0; padding: 18px 15px 18px 20px; }
.browse-category { padding: 3rem 0 4rem; }
.browse-category h4 { font-size: 30px; font-weight: 600; margin-bottom: 2.5rem; }
.browse-category ul li a { border: 1px solid #DDDDDD; padding: 12px 30px; display: inline-block; margin: 0 10px 20px; font-size: 16px; color: var(--black); text-align: center; font-weight: 500; }
.browse-category ul li.active a , .browse-category ul li a:hover { background-color: #DDDDDD;} 
.browse-category .advance-features { padding: 50px 0 0; }
.advance-features .inner-wrap { height: 100%; width: 100%; position: relative; }
.advance-features .inner-wrap .inner-holder {padding: 1px; background: #DDDDDD; clip-path: polygon(0 0, 100% 0, 100% 81%, 85% 100%, 0 100%, 0% 50%); height: 100%;}
.advance-features .inner-wrap .inner-holder .content-wrap { background: #f8ebee; padding: 30px 30px 30px 20px; clip-path: polygon(0 0, 100% 0, 100% 81%, 85% 100%, 0 100%, 0% 50%); height: 100%;}
.advance-features .inner-wrap .inner-holder .content-wrap p.date { color: #AAAAAA; font-weight: 500; }
.advance-features .inner-wrap .inner-holder .content-wrap h4 { color: #687231; font-size: 24px; line-height: 1.4; margin-bottom: 25px; font-weight: 500; }
.advance-features .inner-wrap .inner-holder .content-wrap p { color: var(--black); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.advance-features .inner-wrap .arrow-wrap { position: absolute; top: auto; bottom: 10px; right: 0; z-index: 1; width: 22px; height: 15px; text-align: center; }
.advance-features .item { margin-bottom: 30px; }
.arrow-wrap.white-arrow img { filter: brightness(0) invert(1); }
/* .software-feature-section.faq-section .grey-bg { padding-bottom: 65%;} */
.software-feature-section.faq-section.common-padding { padding-bottom: 100px; }
.faq-section .software-video-holder { padding-top: 200px; }
.software-feature-section.faq-section .software-video-holder h2 { margin-bottom: 3rem;}
.software-feature-section.faq-section  .skew-bg { height: 100%; clip-path: polygon(0 72%, 100% 0, 100% 100%, 0% 100%); }
/* .software-feature-section.faq-section .software-feature-block .container { position: relative; z-index: 2;} */
.software-feature-section .software-feature-block .container{ position: relative; z-index: 3;}
.browse-category .advance-features.search-wrapper { padding: 0; margin: 0; margin: auto; text-align: center;}
.browse-category .advance-features.search-wrapper h5.mb-5 { margin-bottom: 0 !important; }
.browse-category .advance-features.search-wrapper .row.search-results { justify-content: center; margin-top: 20px;}
.browse-category .advance-features.search-wrapper .row.search-results .item:last-child{ margin-bottom: 0;}
.faq-section button.simple-button{ background: var(--white);}
.faq-section button.simple-button span.outer{ width: 100%; height: 100%;}
@media only screen and (max-width: 1399px){
    .advance-features .inner-wrap .arrow-wrap{ width: 20px; bottom: 5px;}
}
@media only screen and (max-width: 991px){
    .feature-search input[type="search"]{ padding-right: 175px;}
    .feature-search .input-group .btn{ width: 155px;}
    .advance-features .inner-wrap .inner-holder .content-wrap h4{ font-size: 22px;}
    .faq-section .software-video-holder { padding-top: 100px; }
    .software-feature-section.faq-section .software-feature-block { padding-bottom: 80px; }
    .software-feature-section.faq-section.common-padding { padding-bottom: 80px; }
}
@media only screen and (max-width: 767px){
.browse-category{ padding: 60px 0;}
.browse-category ul li a{ padding: 10px 25px; font-size: 15px;}
.faq-section .software-video-holder { padding-top: 85px; }
.software-feature-section.faq-section .software-video-holder h2 { margin-bottom: 30px; }
.advance-features h2.mb-5 { margin-bottom: 30px !important; }
.software-feature-section.faq-section .software-feature-block { padding-bottom: 60px; }
.advance-features .inner-wrap .inner-holder .content-wrap h4 { font-size: 20px; }
}
@media only screen and (max-width: 419px){
    .feature-search .input-group .btn { width: 130px; font-size: 14px; height: 50px; }
    .feature-search input[type="search"] { padding-right: 150px; height: 50px; }
    .advance-features .inner-wrap .inner-holder .content-wrap h4 { font-size: 18px; }
}







/* Prices  pahe start*/
.woocommerce-shop .prices-top-wrapper .prices-top-greyarea { padding-top: 250px; }
.prices-top-wrapper { padding-bottom: 4rem; }
.prices-top-greyarea { background: var(--dark-grey); padding: 7rem 0 4rem; }
.prices-top-greyarea h5 { font-size: 24px; font-family: var(--epilogue); font-weight: 800; text-transform: none; }
.prices-top-greyarea .phone-number-box { background: var(--primary-color); font-size: 24px; font-weight: 800; color: #fff; padding: 10px 20px; clip-path: polygon(0 0, 100% 0, 100% 72%, 97% 100%, 0 100%, 0% 50%); }
.prices-top-greyarea ul { margin: 0; padding: 0; list-style: none; }
.prices-top-greyarea ul li { position: relative; padding-left: 55px; color: #fff; font-size: 20px; font-weight: bold; margin: 20px 0; }
.prices-top-greyarea ul li span.number { width: 34px; height: 34px; background: #687231; display: flex; justify-content: center; align-items: center; color: var(--white); font-size: 16px; font-weight: bold; border-radius: 50%; vertical-align: middle; padding-top: 4px; position: absolute; left: 0; top: -3px; }
.prices-top-wrapper .skew-bg { position: absolute; z-index: 1; top: auto; right: 0; bottom: 0; left: 0; background: var(--primary-color); width: 100%; height: 100%; clip-path: polygon(0 64%, 111% 0, 100% 100%, 0% 100%); }

.product-wrapper { padding: 4rem 0 0;}
.pro-outer { height: 100%; width: 100%; position: relative; }
.pro-inner-info { height: 100%; padding: 1px; background: #DDDDDD; clip-path: polygon(0 0, 100% 0, 100% 80%, 84% 100%, 0 100%, 0% 50%); }
.pro-inner { height: 100%; background: var(--white); padding: 30px 30px 30px 20px; clip-path: polygon(0 0, 100% 0, 100% 80%, 84% 100%, 0 100%, 0% 50%); }
.pro-inner .pro-img { text-align: center; margin-bottom: 35px; }
.pro-inner .pro-img img { margin: 0 auto; }
.pro-content .category p { color: #AAAAAA; margin-bottom: 10px; font-weight: 500; }
.pro-content h3 { font-size: 24px; color: #687231; font-weight: 500; margin-bottom: 15px; }
.pro-content .price { color: var(--primary-color); font-size: 24px; font-weight: 800; margin-bottom: 10px; }
.pro-content .price span { font-size: 16px; font-weight: 500; color: var(--black); margin-left: 4px; }
.pro-content .signup-btn a.simple-border-button.small { width: 131px !important; height: 36px !important; background: var(--primary-color); color: var(--primary-color); padding: 1px; }
.pro-content .signup-btn a.simple-border-button.small span.outer { width: 131px !important; height: 100% !important; background: white; }
.pro-content .signup-btn a.simple-border-button span.inner::before { display: none; }
.pro-content .signup-btn a.simple-border-button span.inner { padding: 0;}
.pro-content .signup-btn .info { max-width: 117px; width: 100%; }
.pro-content .signup-btn .info p { margin: 0; font-weight: 500; color: var(--black); font-size: 14px; }
.pro-content .btn-holder { margin-top: 20px; }
.product-wrapper .disclaimer p { color: var(--white); font-size: 16px; font-weight: 800;}
.product-wrapper.other-product-wrapper .pro-inner{ background: var(--fade-pink);}
.product-wrapper .pro-inner{ background: var(--pale-pink);}
.product-wrapper .pro-inner { background: var(--fade-pink); }

.prices-bottom-wrapper .skew-bg { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: var(--primary-color); width: 100%; height: 100%; clip-path: polygon(0 0, 100% 0, 100% 31%, 40% 100%, 0 100%, 0% 50%); }
.prices-bottom-content p { color: #fff; margin-bottom: 10px; font-size: 16px; font-weight: 800; }
.prices-bottom-wrapper { padding: 60px 0 50px; }
.prices-bottom-content p a{color: #fff;}

.sort-area { padding-bottom: 60px; }
.sort-area .select { position: relative; }
.sort-area .select .selectBtn { font-size: 16px; font-weight: 800; color: #707070; padding: 14px 38px 14px 10px; width: 155px; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff;}
.sort-area .select .selectBtn > img { margin-right: 5px; }
.sort-area .select .selectBtn:after { content: ""; position: absolute; top: 42%; right: 15px; width: 10px; height: 10px; border: solid #444444; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); }
.sort-area .select .selectBtn.toggle { border-radius: 3px 3px 0 0; }
.sort-area .select .selectBtn.toggle:after { -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); }
.sort-area .select .selectDropdown { position: absolute; top: 100%; width: 100%; border-radius: 0 0 3px 3px; overflow: hidden; background: var(--bg1); border-top: 1px solid #eee; z-index: 1; background: #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top center; transform-origin: top center; visibility: hidden; transition: 0.2s ease; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
.sort-area .select .selectDropdown .option { padding: 10px; box-sizing: border-box; cursor: pointer; }
.sort-area .select .selectDropdown .option:hover { background: #f8f8f8; }
.sort-area .select .selectDropdown.toggle { visibility: visible; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.sort-area p{ color: #fff; font-size: 16px; font-weight: 800; margin: 0; }

.new-price-section-content{ position: relative;}
.new-price-section-content::before{     position: absolute; content: ''; background: #000000; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.6;}
.new-price-section-content .container{ position: relative; z-index: 3;}
.new-price-section-content .image-holder{ padding: 100px 0; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.new-price-section-content .image-holder .info-holder { color: #fff; max-width: 400px; }
.new-price-section-content .image-holder .info-holder .pragraph-wrapper p:last-child{ margin-bottom: 0;}

/* .pro-inner .pro-content .signup-btn a:first-child { display: none; } */
@media only screen and (max-width: 1399px){
    .prices-top-greyarea .phone-number-box{ font-size: 22px;}
}
@media only screen and (max-width: 1199px){
    .pro-content .signup-btn a.simple-border-button.small{ width: 115px !important; height: 35px !important; font-size: 15px;}
    a.simple-border-button.small { width: 180px !important; height: 48px !important; }
    a.simple-border-button.small span.outer { width: 178px !important; height: 46px !important; }
    .pro-inner-info{     clip-path: polygon(0 0, 100% 0, 100% 85%, 75% 100%, 0 100%, 0% 50%);}
    .pro-inner { clip-path: polygon(0 0, 100% 0, 100% 85%, 75% 100%, 0 100%, 0% 50%);}
}
@media only screen and (max-width: 991px){
    .woocommerce-shop .prices-top-wrapper .prices-top-greyarea { padding-top: 220px; }
    .prices-top-greyarea { padding: 80px 0; }
    .prices-top-greyarea .phone-number-box { font-size: 18px; clip-path: polygon(0 0, 100% 0, 100% 75%, 92% 100%, 0 100%, 0% 50%); }
    .prices-top-greyarea h5{ font-size: 20px;}
    .prices-top-greyarea ul li{ font-size: 17px; padding-left: 45px;}
    .prices-top-greyarea ul li:last-child{ margin-bottom: 0;}
    .product-wrapper .disclaimer p{ font-size: 15px; margin-bottom: 0;}
    .pro-content h3,.pro-content .price{ font-size: 22px;}
    .new-price-section-content .image-holder{ padding: 80px 0;}
}
@media only screen and (max-width: 767px){
    .woocommerce-shop .prices-top-wrapper .prices-top-greyarea { padding-top: 180px; }
    .prices-top-greyarea .phone-number-box { font-size: 16px; clip-path: polygon(0 0, 100% 0, 100% 60%, 96% 100%, 0 100%, 0% 50%); }
    .prices-top-greyarea{ padding: 60px 0;}
    .prices-top-greyarea h5 { font-size: 18px; }
    .prices-top-greyarea ul li { font-size: 16px; padding-left: 40px; }
    .prices-top-greyarea ul li span.number{     width: 30px; height: 30px; font-size: 15px;}
    .product-wrapper{ padding-top: 60px;}
    .mb-5{ margin-bottom: 35px !important;}
    .prices-top-wrapper { padding-bottom: 60px; }
    .pro-content .signup-btn .info p{ font-size: 13px;}
    .prices-bottom-content p{ font-size: 15px;}
    .sort-area { padding-bottom: 35px; flex-wrap: wrap;}
    .sort-area form select{ font-size: 14px;}
    .prices-bottom-wrapper{ padding-bottom: 25px;}
    .new-price-section-content .image-holder{ padding: 60px 0;}
}
@media only screen and (max-width: 419px){
    .woocommerce-shop .prices-top-wrapper .prices-top-greyarea { padding-top: 160px; }
    .prices-top-greyarea .phone-number-box{ font-size: 15px;}
    .prices-top-greyarea h5 { font-size: 16px; }
    .prices-top-greyarea ul li{ font-size: 15px;}
    .pro-content h3, .pro-content .price { font-size: 20px; }
    .sort-area p{ margin-bottom: 15px;}
    .product-wrapper { padding-top: 30px; }
}

/* Rate Confirmation */

.rate-confirmation-banner .info-holder{ max-width: 1060px;}
.rate-confirmation-banner .pragraph-wrapper{ max-width: 500px;}
.rate-features-sec .inner-wrap .title h2{ margin: 0 0 30px;}
.rate-features-sec .inner-wrap .item p:last-child{ margin-bottom: 0;}
.rate-features-sec .inner-wrap .item{ margin-bottom: 50px;}
.rate-features-sec .inner-container { max-width: 1050px; }
.rate-features-sec .item h3{ font-size: 30px; color: var(--primary-color);}
.rate-features-sec .inner-wrap:last-child .item:last-child{ margin-bottom: 0;}

/* Customize the post title in woocommerce  */
.woocommerce-checkout h1,.woocommerce-cart h1 {display: none;}
a .post-edit-link { display: none;}

/* checkout page start */
.woocommerce-checkout form input{ height: 50px; padding: 5px 25px;  border: 1px solid #aaa;  border-radius: 0;}
.woocommerce-checkout form .woocommerce-checkout-payment input{ font-size: 15px !important; background-size: 35px 25px !important;}
.woocommerce-checkout form textarea{ padding: 5px 25px;  border: 1px solid #aaa;  border-radius: 0;}

/* checkout page end */

/* 404 page start */
.error404 a button{background:  var(--primary-color); color: #fff; border-color: var(--primary-color); padding: 10px 25px;}
.error404 a button:hover{ background: transparent; transition: var(--common-transition); border-color: var(--primary-color);}
.error404 .button-wrap {margin-bottom: 30px; text-align: center;}
/* 404 page end */





  /* add to cart page start */
  
  .woocommerce-page .entry-content .woocommerce{ display: flex; flex-wrap: wrap; padding-top: 80px;}
  .woocommerce-page .entry-content .woocommerce .woocommerce-notices-wrapper{ width: 100%;}
  .woocommerce-page .entry-content .woocommerce .woocommerce-cart-form{ width: 60%; flex: 0 0 auto; padding-right: 20px;}
  .woocommerce-page .entry-content .woocommerce .woocommerce-cart-form .shop_table {border: 0;}
  .woocommerce-page .entry-content .woocommerce .cart-collaterals{ width: 40%; flex: 0 0 auto;}
  .woocommerce-page .entry-content .woocommerce .cart-collaterals .cross-sells { float: none; width: 100%; }
  .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals { width: 100%;}
  .woocommerce-page .entry-content .woocommerce .woocommerce-cart-form .shop_table th { color: var(--primary-color); }
  .woocommerce-page .entry-content .woocommerce .woocommerce-cart-form .shop_table td a{ color: var(--black);}
  .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals h2{ font-size: 14px; text-align: center;}
  .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {    clip-path: polygon(0 0, 100% 0, 100% 70%, 97% 100%, 0 100%); background: var(--primary-color); font-size: 16px; text-align: left; font-weight: 600; position: relative;}
  .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button::before { position: absolute; content: ''; background: url(../images/small-arrow.svg); right: 15px; width: 23px; height: 15px; background-repeat: no-repeat !important; background-position: center; background-size: cover; display: flex; align-items: center; transition: var(--common-transition); }
  .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover::before{ right: 5px; transition: var(--common-transition);}
  .woocommerce-page .entry-content .woocommerce .woocommerce-cart-form .shop_table td.product-price { color: var(--primary-color); }
  .woocommerce-page .entry-content .cart-collaterals  tr.recurring-totals { color: var(--primary-color); }
  @media only screen and (max-width: 991px){
    .woocommerce-page .entry-content .woocommerce { display: block; }
    .woocommerce-page .entry-content .woocommerce .woocommerce-cart-form { width: 100%; padding-right: 0; }
    .woocommerce-page .entry-content .woocommerce .cart-collaterals { width: 100%; }
  }
  @media only screen and (max-width: 767px){
    .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button{ font-size: 15px;}
    .woocommerce-page .entry-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button::before{ width: 20px; height: 12px;}
  }
  @media only screen and (max-width: 575px){
    .woocommerce-page .entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message { font-size: 13px; }
  }
  @media only screen and (max-width: 419px){
    .woocommerce-page .entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message { font-size: 12px;padding: 10px 20px; }
    .woocommerce-page .entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message::before{ left: 7px;}
    .woocommerce-page .entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message a{ margin-left: 2px;}
  }
  
  
 /* add to cart page start */

 /* checkout page start */
 .woocommerce-checkout .entry-content{ padding: 40px 0 100px;}
.woocommerce-checkout .entry-content h2{ color: var(--primary-color); font-size: 36px; font-weight: 400;}
.woocommerce-checkout .entry-content h2 a{ color: var(--primary-color);}
.woocommerce-checkout .entry-content .woocommerce-info a{ color: var(--primary-color);}
.woocommerce-checkout form.checkout.woocommerce-checkout { display: flex; flex-wrap: wrap;}
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-NoticeGroup { width: 100%; }
.woocommerce-checkout form.checkout.woocommerce-checkout .col2-set{     width: 60%; flex: 0 0 auto; padding-right: 20px;}
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-checkout-review-order{ width: 40%; flex: 0 0 auto; margin-top: 40px;}
.woocommerce-checkout form.checkout.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout form.checkout.woocommerce-checkout .col2-set .col-2{ width: 100%;}
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields h3 { font-size: 30px; font-weight: 400; color: var(--primary-color); font-family: var(--epilogue); }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields span.selection { height: 50px; display: inline-block; width: 100%; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields span.select2-selection { display: flex; align-items: center; height: 100%; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields span.select2-selection__arrow { bottom: 0; top: 0; margin: auto; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields label { font-size: 16px; font-weight: 500; font-family: 'Epilogue'; color: #222222; text-transform: uppercase; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 30px; margin-bottom: 15px; color: #222222; font-family: 'Epilogue'; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields textarea { height: 110px !important; padding: 20px; resize: none; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields label { font-size: 16px; text-transform: uppercase; }
.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields { margin-top: 40px;}
.woocommerce-terms-and-conditions-wrapper  p a{ color: var(--primary-color);}
.place-order button {    clip-path: polygon(0 0, 100% 0, 100% 70%, 97% 100%, 0 100%); width: 100%; height: 50px; text-align: left; position: relative;     background: var(--primary-color) !important; padding: 5px 20px !important; }
.place-order button::before{     position: absolute; content: ''; background: url(../images/small-arrow.svg); right: 20px; width: 20px; height: 12px; background-repeat: no-repeat !important; background-position: center; background-size: cover; display: flex; align-items: center; transition: var(--common-transition);}
.place-order button:hover::before{ right: 10px; transition: var(--common-transition);}
.woocommerce-terms-and-conditions-wrapper input { accent-color: var(--primary-color); }
.woocommerce p.lost_password a{ color: var(--primary-color);}
.woocommerce-page .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login p.form-row { display: flex; align-items: center; }
.woocommerce-page .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login p.form-row label.woocommerce-form__label { display: flex; align-items: center; margin-right: 10px; }
.woocommerce-page .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login p.form-row input.woocommerce-form__input { margin-right: 5px; }

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{ display:flex; flex-wrap: wrap; margin-bottom: 20px;}
/* .woocommerce-checkout .woocommerce-billing-fields{ margin-top: -40px;} */
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row{ width: 50%;}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_company_field{ width: 100%;}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row input, .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single{ border: 1px solid #aaa; border-radius: 0;}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row input{ padding: 0 15px;}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row label.screen-reader-text { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; width: auto; clip: inherit; position: relative !important; clip-path: none; margin: 0; visibility: hidden; opacity: 0;}

@media only screen and (max-width: 991px){
    .woocommerce-checkout .entry-content h2{ font-size: 30px;}
    .woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields h3,.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields h3{ font-size: 26px;}
    .woocommerce-page .entry-content .woocommerce{ display: block;}
    .woocommerce-checkout form.checkout.woocommerce-checkout { display: block; }
    .woocommerce-checkout form.checkout.woocommerce-checkout .col2-set { width: 100%; padding-right: 0; }
    .woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-checkout-review-order { width: 100%; margin-top: 20px;}
    #order_review_heading{ font-size: 20px;}
    .woocommerce-checkout .entry-content{ padding-bottom: 40px;}
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width: 100%;}
    .woocommerce-page .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login p.form-row{ display: block;}
}
@media only screen and (max-width: 767px){
    .woocommerce-checkout .entry-content h2{ font-size: 26px;}
    .woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields h3,.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields h3{ font-size: 22px;}
    .woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields label{ font-size: 15px;}
    #order_review_heading{ font-size: 18px;}
    .woocommerce-checkout .entry-content{ padding-bottom: 20px;}
    .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row{ width: 100%;}
    .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row label.screen-reader-text{ display: none;}
}

@media only screen and (max-width: 419px){
    .woocommerce-checkout .entry-content h2{ font-size: 22px;}
    .woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 18px; }
    #order_review_heading { font-size: 17px; }
    .woocommerce-checkout form input { padding: 5px 15px; }
}

/* .sort-area form select option:checked,
.sort-area form select option:hover{ background-color: #991B39 !important;} */
/* .page-template-default  */
.search-results .entry-title a{ color: var(--primary-color);}
.search-results .nav-previous a{ color: var(--primary-color);}


.edi-content-section .image-holder {
    max-width: 350px;
}
@media only screen and (max-width: 991px){
    .edi-content-section .image-holder {
        max-width: 100%;
        margin-bottom: 30px;
    }
}

.testimonial-popup-section .content-wrap button { display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); background: var(--primary-color); font-size: 16px; font-weight: 500; color: var(--white); padding: 10px 50px; border: 0; }
.testimonial-popup-section .content-wrap button:hover{ background: #687231;; transition: var(--common-transition);}
.testimonial-popup-section .inner-wrap .image-wrap { position: relative; padding-bottom: 85%; }
.testimonial-popup-section .inner-wrap .image-wrap img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; }

.testimonial-popup-section .modal{ z-index: 99;}
.testimonial-popup-section .modal-content{ background: var(--fade-pink); width: 100%; max-width: 550px;}
.testimonial-popup-section .modal-content .image-wrapper { margin-bottom: 20px;}
.testimonial-popup-section .modal-content .image-wrapper img{ width: 100%;}
.testimonial-popup-section .modal-content  .testimonial-details h6{  font-size: 16px; color: #707070; font-weight: 400;}
@media only screen and (max-width: 767px){
    .testimonial-popup-section .modal-content .testimonial-details h6{ font-size: 14px;}
}



/* new css 30-05-2024 */
.woocommerce-page .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { clip-path: polygon(0 0, 100% 0, 100% 70%, 97% 100%, 0 100%); background: var(--primary-color); font-size: 16px; text-align: left;    font-weight: 600; position: relative;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button::before {
    position: absolute;
    content: '';
    background: url(../images/small-arrow.svg);
    right: 15px;
    width: 23px;
    height: 15px;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    transition: var(--common-transition);
}
.woocommerce-checkout h2 {
    color: var(--primary-color);
    font-size: 36px;
    font-weight: 400;
    padding: 40px 0 0 0;
}
.woocommerce-page .woocommerce { flex-wrap: wrap; padding-top: 80px; }
.search main .container{ padding-top: 100px; padding-bottom: 100px;}
.search form.search-form { display: flex; flex-wrap: wrap; align-items: center; max-width: 550px; }
.search form.search-form label{ width: calc(100% - 160px); margin-right: 10px;}
.search .search-field{ width: 100%; height: 50px; border: 1px solid #aaa; border-radius: 0; padding: 10px 15px; outline: none !important; box-shadow: none !important;}
.search input[type=submit] { background: var(--primary-color); border: 0; color: #fff; height: 50px; font-weight: 500; font-size: 16px; padding: 10px 50px; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); width: 150px;}
.search input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{ display: none; opacity: 0 !important;}
.login-form{ max-width: 650px; margin: 0 auto !important; padding: 100px 0;}
.login-form p { margin-bottom: 0; }
.login-form .loginform-row { margin-bottom: 25px; }
.login-form label { font-size: 16px; font-weight: 500; font-family: 'Epilogue'; color: #222222; text-transform: uppercase; }
.login-form .loginform-field { border: 1px solid #aaa; border-radius: 0; padding: 10px 15px; height: 50px; }
.login-form input[type=button] { background: var(--primary-color); border: 0; color: #fff; font-weight: 500; font-size: 16px; padding: 10px 50px; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%); }
.login-form a{ color: var(--primary-color);}
.woocommerce-page .woocommerce .cart-collaterals{ padding-bottom: 60px;}
.woocommerce-page .woocommerce .woocommerce-cart-form .shop_table button.button{ background: var(--primary-color); border: 0; color: #fff; height: 50px; font-weight: 500; font-size: 16px; padding: 17px 50px; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals .continue a.button{ background: var(--primary-color); border: 0; color: #fff; font-weight: 500; font-size: 16px; padding: 17px 50px; clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);}

@media only screen and (max-width: 991px){
    .search main .container{ padding-top: 80px; padding-bottom: 80px;}
    .login-form{ padding: 80px 0;}
}
@media only screen and (max-width: 767px){
    .search main .container{ padding-top: 60px; padding-bottom: 60px;}
    .login-form{ padding: 60px 0;}
}
@media only screen and (max-width: 575px){
    .search form.search-form label{ width: 100%; margin: 0 0 15px;}
    .login-form{ padding: 45px 0;}
    .login-form label{ font-size: 15px;}
}