@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { scroll-behavior: smooth;}

body{margin:0px; padding:0px; font-size:16px; color:#fff; font-family: "Montserrat", sans-serif; background: #000;}
.wrapper {width: 100%; margin: 0 auto; padding: 0;}
.wrapper > header.top-banner,
.wrapper > footer.footer-wrapper {
  overflow: hidden;
}
.wrapper > section {
  overflow: hidden;
}
.two_btn-box { display: flex;}
.two_btn-box a.btn {font-size: 17px; padding: 24px 35px; line-height: 24px; border: none; font-weight: 600; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; text-decoration: none; color: #fff; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.two_btn-box a.btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #fff;  transition: all 0.3s; border-radius: 60px; z-index: -1;}
.two_btn-box a.btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #95bf47; border-radius: 60px; z-index: -2;}
.two_btn-box a.btn:hover { background-color: #fff; color: #000;}
.two_btn-box a.btn:hover:before { width: 100%;}
.two_btn-box { display: flex; gap: 15px; align-items: center;}
.two_btn-box a.watch-demo-btn {font-size: 17px; padding: 24px 35px; line-height: 24px; border: none; font-weight: 600; border: solid 1px #303738; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; text-decoration: none; color: #fff; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.two_btn-box a.watch-demo-btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #fff;  transition: all 0.3s; border-radius: 60px; z-index: -1;}
.two_btn-box a.watch-demo-btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #02090a; border-radius: 60px; z-index: -2;}
.two_btn-box a.watch-demo-btn:hover { background-color: #fff; color: #000;}
.two_btn-box a.watch-demo-btn:hover:before { width: 100%;}
.banner-count-list {display: flex; justify-content: flex-start; align-items: center; text-align: left; margin: 0; padding: 80px 0 0; grid-column-gap: 100px;}
.banner-count-list .count-box i {font-size: 25px; color: #95bf47;}
.banner-count-list .count-box h2 {display: flex; justify-content: flex-start; font-size: 26px; color: #fff; font-weight: 700; line-height: 40px; margin:10px 0;
  padding: 0; animation-duration: 1s; animation-delay: 0s;}
.banner-count-list .count-box p { font-size: 18px; color: #6b7280; font-weight: 400; line-height: 24px; margin: 0; padding: 0;}
.getstrtd{ display: flex; gap: 15px; align-items: center;}
.getstrtd .btn{font-size: 17px; padding: 12px 25px; line-height: 24px; border: none; font-weight: 600; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 37px; -webkit-border-radius: 37px; -moz-border-radius: 37px; text-decoration: none; color: #fff; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.getstrtd a.btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #fff;  transition: all 0.3s; border-radius: 37px; z-index: -1;}
.getstrtd a.btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #95bf47; border-radius: 37px; z-index: -2;}
.getstrtd a.btn:hover { background-color: #fff; color: #000;}
.getstrtd a.btn:hover:before { width: 100%;}
a:focus, a:focus-visible {outline: 0;}
.clear{clear:both;}
h1,h2,h3,h4,h5{margin-bottom:10px;}
h1,h2,h3,h4,h5,li{list-style: none;}
ul{margin:0px; padding:0px;}
a,button {text-decoration: none;-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer;}
img{max-width:100%; vertical-align:middle; height: auto; width: auto;}
.row-custom {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px;margin-left: -15px;}
.container {max-width:1480px; margin:0 auto; padding-left:15px; padding-right:15px;}
.col-sm-1-custom, .col-sm-2-custom, .col-sm-3-custom, .col-sm-4-custom, .col-sm-5-custom, .col-sm-6-custom, .col-sm-7-custom, .col-sm-8-custom, .col-sm-9-custom, .col-sm-10-custom, .col-sm-11-custom, .col-sm-12-custom{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.inner-header{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap-reverse; background: rgb(10, 18, 20); border-width: 1px; border-style: solid; border-color: rgb(26, 36, 38); border-image: initial; padding: 18px 40px; border-radius: 60px;}
header{position: relative; z-index: 99; padding: 0; margin: 30px 0px 0px;}
header .container{max-width: 1430px;}

/* Menu css Start */
.menus ul{margin:0px; padding:0px;}
.menus ul li{display:inline-block;}
.menus ul li.get_started_mobile{display:none;}
.menus ul li a {color: rgb(209, 213, 219); font-size: 16px; font-weight: 600; padding: 0px 17px;}
.menus ul li a:hover {color: #95BF47;}
/* .login .btn-cmn{color: rgb(255, 255, 255); position: relative; font-size: 17px; font-weight: 600; padding: 12px 25px; background: rgb(149, 191, 71); border-radius: 37px; margin: 0px 0px 0px 15px;}
.menus ul .login .btn-cmn:hover{ opacity: 0.8;} */
.animenu__btn{display: none; cursor: pointer; background-color: #262262; border: 0; padding: 10px; height: 40px; width: 40px;}
.animenu__btn:hover{background-color: #262262;}
.animenu__btn__bar {display: block; width: 20px; height: 2px; background-color: #fff; transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__btn__bar + .animenu__btn__bar{margin-top: 4px;}
.animenu__btn--active .animenu__btn__bar{margin: 0; position: absolute;}
.animenu__btn--active .animenu__btn__bar:nth-child(1){transform: rotate(45deg);}
.animenu__btn--active .animenu__btn__bar:nth-child(2){opacity: 0;}
.animenu__btn--active .animenu__btn__bar:nth-child(3){transform: rotate(-45deg);}
.animenu{display: block;}
.animenu ul{padding: 0; list-style: none;}
.animenu li, .animenu a {display: inline-block; font-size: 15px;}
.animenu a{color: #aaaaaa;text-decoration: none;}
.animenu__nav > li{position: relative;}
.animenu__nav > li > a{padding: 10px 30px;}
.animenu__nav > li:hover > ul{opacity: 1; visibility: visible; margin: 0;}
.animenu__nav > li:hover > a{color: #000;}
.animenu__nav > li:focus-within > ul{opacity: 1; visibility: visible; margin: 0;}
.animenu__nav__dropdown {min-width:406px; position: absolute; top: 100%; left: 0; z-index: 1; opacity: 0; visibility: hidden; margin:0px 0 0 0; background-color: #fff; transition: margin 0.15s, opacity 0.15s; padding:20px 13px !important;     box-shadow: 0px 5px 13px #ebebeb80;}
.animenu__nav__dropdown > li{width: 100%;}
.menus ul .animenu__nav__dropdown a {padding:12px 16px; width: 100%; font-size:15px; color:#343a40;}
.menus ul .animenu__nav__dropdown a:hover{color: #fff; background:#1b75ba;}
.home-page-banner-bg .menus ul .login .btn-cmn{    margin: 0 0px 0 38px;}
.home-page-banner-bg .container{max-width: 1200px;}
.home-page-banner-bg .banner-left-text{margin-top: -110px;}

.animenu__nav--active {display: block !important;}
.animenu__nav--active .animenu__nav__dropdown{display: block;}
/* Menu css Done */

/* Banner css Start */
.banner_bg_main{padding:40px 0px;}
.banner_bg_main .container {max-width:1660px;}
.banner_bg_main .inner_bg_banner{display: flex; align-items: center; justify-content: space-between; gap: 130px;}
.banner_bg_main .inner_bg_banner .left_banner{max-width:724px;}
.banner_bg_main .inner_bg_banner .left_banner .trusted_by_text{font-size: 17px; font-weight: 600; color: #93bc46; border: solid 1px; text-transform: uppercase; padding: 13px 25px; border-radius: 30px; display: inline-block;}
.banner_bg_main .inner_bg_banner .left_banner h1{display: block; font-size: 80px; font-weight: 700; letter-spacing: -1px; margin:50px 0 30px 0; line-height:80px;}
.banner_bg_main .inner_bg_banner .left_banner h1 span{color:#95bf47;}
.banner_bg_main .inner_bg_banner .left_banner .banner_left_discription{margin: 0 0 30px 0; padding: 0px; font-size: 22px; color: #ccc; line-height: 36px;}
.banner_bg_main .inner_bg_banner .right_banner{position:relative;}		
.banner_bg_main .inner_bg_banner .right_banner .lrg_img{border-radius:25px;}
.banner_bg_main .inner_bg_banner .right_banner .aov_box{position: absolute; background: #0e191b; display: flex; align-items: center; gap: 20px; padding: 30px; border: solid 1px #283234; border-radius: 20px; bottom: -35px; left: -30px;}
.banner_bg_main .inner_bg_banner .right_banner .aov_box .left_aov_box{width:60px; height:60px; background:#95bf47; border-radius:10px; display: flex; align-items: center; justify-content: center;}
.banner_bg_main .inner_bg_banner .right_banner .aov_box .left_aov_box i{font-size:22px;}
.banner_bg_main .inner_bg_banner .right_banner .aov_box .right_aov_box p{margin: 0 0 3px 0; padding: 0px; color: #a3a6ab; font-size: 17px;}
.banner_bg_main .inner_bg_banner .right_banner .aov_box .right_aov_box b{font-size:30px;}
/* Banner css Done */

/* FAQ Section Satrt */
.faq-section {padding: 150px 0;}
.faq-section .container {max-width:960px;}
.faq-section .faq-badge-box {margin: 0 auto;display: flex; justify-content: center; margin-bottom: 25px;}
.faq-section .faq-badge {background-color: #0D1517; padding: 15px 20px; border-radius: 50px; font-size: 16ox; color: #95BF47; font-weight: 600;}
.faq-section .faq-title h2 { font-size: 54px; font-weight:700; color:#fff; text-align:center; margin:0 0 50px 0;}
.faq-section .faq-main {display:grid;}
.faq-section .faq-content--box {margin:0;}
.faq-section .faq-content--box .faq-answer {display:none; padding:18px 30px 20px; background:#0d1517; border-radius:0 0 10px 10px; border: solid 1px #1A2426; border-top: 0;}
.faq-section .faq-content--box .faq-answer p {font-size:17px; line-height:24px; font-weight:400; color:#ffffff; margin: 0;}
.faq-section .faq-content--box .faq-answer strong {font-size:18px; line-height:24px; color:#ffffff; font-weight:700;}
.faq-section .faq-content--box .faq-question {cursor:pointer; margin:0; padding:30px; background-color:#0d1517; border-radius:10px; border: solid 1px #1A2426; margin-top:10px; font-size:18px; font-weight:600; transition:all .75s ease;}
.faq-section .faq-content--box .faq-question .frequently-asked-questions-title { display:flex; justify-content:space-between; align-items:center; padding-bottom:0;}
.faq-section .faq-content--box .faq-question.active {background:#91BD49; font-weight:600; margin-bottom:0; border-radius:10px 10px 0 0; color:#ffffff; padding:20px 30px 15px; border-bottom: 0;}
.faq-section .faq-content--box .faq-question p {margin:0; font-weight:600;}
.faq-section .faq-content--box .faq-question.active p {padding:0; margin:0; color:#ffffff; font-weight:600;}
.faq-section .faq-content--box .faq-question .frequently-asked-questions-title i {transition:all 0.2s;}
.faq-section .faq-content--box .faq-question.active .frequently-asked-questions-title i {transform:rotate(180deg);}
.faq-section .faq-content--box .faq-question:focus,
.faq-section .faq-content--box .faq-question:focus-visible {outline: 0;}
/* FAQ Section Done */

/* Powering Growth Section Start */
.powering_growth_bg_main{padding: 70px 0 0; text-align: center;}
.powering_growth_bg_main .container{max-width:1130px;}
.powering_growth_bg_main h2{font-weight: 700; text-transform: uppercase; font-size: 14px; color: #374151; margin: 0 0 30px 0;}
.powering_growth_bg_main .logo_box p{font-weight:700; color: #374151; font-size:23px;}
/* Powering Growth Section Done */

/* Featured Apps Start */
.featured-apps-section {padding: 100px 0 0;}
.featured-apps-section .container {max-width: 1630px;}
.featured-apps-section h2 {font-weight: 700; font-size: 70px; line-height: normal; color: #fff; margin: 0 0 20px 0;}
.featured-apps-section p {max-width: 740px; font-size: 20px;font-weight: 400; line-height: 28px; color: #7C8993; margin:0 0 20px 0;}
.featured-apps-section .featured-apps-main { display: flex; grid-gap: 30px; flex-direction: column; padding-top: 50px;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes {display: grid; grid-template-columns: 1fr 522px; grid-gap: 30px;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left {position: relative; background-color: #0d1517; padding: 50px 48px; border-radius: 30px; border: solid 1px #1a2426; overflow: hidden;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left .BYOB-bundle-builder-content {position: relative; z-index: 1;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left .BYOB-bundle-builder-shadow { position: absolute; right: 0; top: 0; z-index: 0; max-width: 220px; width: 100%; z-index: 0;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left .ic {display: flex; justify-content: center; align-items: center; width: 80px;
  height: 80px; background-color: #95BF47; border-radius: 15px; margin: 0;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left .ic i {font-size: 36px;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left h3 { font-size: 36px; line-height: normal; color: #fff; font-weight: 700; margin: 30px 0 15px 0;}
.featured-apps-section .featured-apps-main .featured-apps-three-boxes .BYOB-bundle-builder-left p { max-width: max-content; font-size: 20px; font-weight: 500; line-height: 28px; color: #7C8993; margin: 0 0 20px 0;}
.featured-apps-section .BYOB-bundle-builder-left ul.BYOB-bundle-builder-list {margin: 119px 0 40px 20px; padding: 0;}
.featured-apps-section .BYOB-bundle-builder-left ul.BYOB-bundle-builder-list li {margin:15px 0; padding: 0; list-style: disc; font-size: 26px; color: #95bf47;}
.featured-apps-section .BYOB-bundle-builder-left ul.BYOB-bundle-builder-list li span {font-size: 18px; font-weight: 500; line-height: normal; color: #919DAB;}
.featured-apps-section .default {display: inline-block; max-width: 100%;}
.featured-apps-section .default a.btn {font-size: 18px; padding: 23px; line-height: 24px; border: none; font-weight: 600; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; text-decoration: none; color: #fff; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.featured-apps-section .default a.btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #fff;  transition: all 0.3s; border-radius: 11px; z-index: -1;}
.featured-apps-section .default a.btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #95bf47; border-radius: 11px; z-index: -2;}
.featured-apps-section .default a.btn:hover { background-color: #fff; color: #000;}
.featured-apps-section .default a.btn:hover:before { width: 100%;}
.featured-apps-section .featured-apps-three-boxes .recently-viewed-and-product-builder-box { display: grid; grid-row-gap: 30px;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box { background-color: #0d1517; border: solid 1px #1a2426; border-radius: 30px; padding: 40px;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box .ic { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; background-color: #95BF47; border-radius: 15px; margin: 0;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box .ic i { font-size: 24px;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box h3 { font-size: 28px; line-height: normal; color: #fff; font-weight: 700; margin: 30px 0 15px 0;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box p {  font-size: 19px; font-weight: 500; line-height: 28px; color: #7C8993; margin: 0 0 20px 0;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box a { text-decoration: none; font-size: 16px; color: #95BF47; font-weight: 600; line-height: normal; transition: 75.s;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box a:hover { color: #fff;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box a i {transition: 0.3s;}
.featured-apps-section .recently-viewed-and-product-builder-box .product-box a:hover i {padding-left: 5px;}
.featured-apps-section .featured-apps-two-boxes .featured-apps-two-bx a i {transition: 0.3s;}
.featured-apps-section .featured-apps-two-boxes .featured-apps-two-bx a:hover i {padding-left: 5px;}

.featured-apps-section .featured-apps-main .featured-apps-two-boxes { display: grid; grid-template-columns: 522px 1fr; grid-gap: 30px;}
.featured-apps-section .featured-apps-main .featured-apps-two-boxes .featured-apps-two-bx {background-color: #0d1517;  border: solid 1px #1a2426; border-radius: 30px; padding: 40px;}
.featured-apps-section .featured-apps-main .featured-apps-two-boxes .featured-apps-two-bx .ic {display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; background-color: #95BF47; border-radius: 15px; margin: 0;}
.featured-apps-section .featured-apps-main .featured-apps-two-boxes .featured-apps-two-bx .ic i {font-size: 24px;}
.featured-apps-section .featured-apps-main .featured-apps-two-boxes .featured-apps-two-bx h3 { font-size: 28px; line-height: normal; color: #fff; font-weight: 700; margin: 30px 0 15px 0;}
.featured-apps-section .featured-apps-main .featured-apps-two-boxes .featured-apps-two-bx p { font-size: 19px; font-weight: 500; line-height: 28px; color: #7C8993; margin: 0 0 20px 0;}
.featured-apps-section .featured-apps-two-boxes .featured-apps-two-bx  a { text-decoration: none; font-size: 16px; color: #95BF47; font-weight: 600; line-height: normal;}
.featured-apps-section .featured-apps-two-boxes .featured-apps-two-bx  a:hover { color: #fff;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box { background-color: #95BF47; border: solid 1px #c0d5a7; border-radius: 30px; padding: 40px;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box h3 { font-size: 36px; line-height: normal; color: #fff; font-weight: 700; margin: 0 0 15px 0;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box p { font-size: 20px; font-weight: 500; line-height: 28px; color: #fff; margin: 0 0 20px 0;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box .default {display: inline-block; max-width: 226px;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box .default a.btn {font-size: 18px; padding: 23px; line-height: 24px; border: none; font-weight: 600; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; text-decoration: none; color: #000; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box .default a.btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #000;  transition: all 0.3s; border-radius: 11px; z-index: -1;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box .default a.btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 11px; z-index: -2;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box .default a.btn:hover { background-color: #fff; color: #fff;}
.featured-apps-section .featured-apps-two-boxes .view-all-apps-box .default a.btn:hover:before { width: 100%;}

/* How Sockscarving Increased AOV Start */
.how-sockscarving-increased-section { padding: 150px 0;}
.how-sockscarving-increased-section .badge-box {margin: 0 auto;display: flex; justify-content: flex-start; margin-bottom: 25px;}
.how-sockscarving-increased-section .badge {background-color: #0D1517; padding: 15px 20px; border-radius: 50px; font-size: 16px; color: #95BF47; font-weight: 600;}
.how-sockscarving-increased-section  h2 { font-size: 45px; line-height: 56px; font-weight:700; color:#fff; text-align:left; margin:0;}
.how-sockscarving-increased-section .sockscarving-increased-main { display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-column-gap: 80px;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .sockscarving-increased-box { display: flex; flex-direction: column; grid-row-gap: 40px;  margin: 44px 0;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .qeapps-bundle-builder-lists { display: flex; grid-column-gap: 20px; align-items: center;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .qeapps-bundle-builder-lists .icon { display: flex; width: 60px; height: 60px; background-color: #0d1517; border-radius: 10px; justify-content: center; align-items: center;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .qeapps-bundle-builder-lists .icon i {font-size: 26px; color: #95bf47;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .qeapps-bundle-builder-lists .content { margin: 0;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .qeapps-bundle-builder-lists .content h3 {margin: 0 0 6px 0; font-size: 30px; font-weight: 700; line-height: normal;}
.how-sockscarving-increased-section .how-sockscarving-increased-content .qeapps-bundle-builder-lists .content p {font-size: 18px;font-weight: 500; line-height: 36px; color: #919DAB; margin: 0;}
.how-sockscarving-increased-section .sockscarving-increased-image img.sockscarving-img { border-radius: 20px;}
.how-sockscarving-increased-section .default {display: inline-block; max-width: 320px; width: 100%;}
.how-sockscarving-increased-section .default a.btn {font-size: 18px; padding: 23px; line-height: 24px; border: none; font-weight: 600; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; text-decoration: none; color: #fff; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.how-sockscarving-increased-section .default a.btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #fff;  transition: all 0.3s; border-radius: 11px; z-index: -1;}
.how-sockscarving-increased-section .default a.btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #95bf47; border-radius: 11px; z-index: -2;}
.how-sockscarving-increased-section .default a.btn:hover { background-color: #fff; color: #000;}
.how-sockscarving-increased-section .default a.btn:hover:before { width: 100%;}

/* why-choose Start */
.why-choose-us-section { padding: 150px 0; background-color: #0D1517;}
.why-choose-us-section .badge-box {margin: 0 auto;display: flex; justify-content: center; margin-bottom: 25px;}
.why-choose-us-section .badge {background-color: #1A251B; padding: 15px 20px; border-radius: 50px; font-size: 16px; color: #95BF47; font-weight: 600;}
.why-choose-us-section h2 { font-size: 54px; font-weight:700; color:#fff; text-align:center; margin:0 0 30px 0;}
.why-choose-us-section .merchants-choose-qeapps {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 50px; padding: 0; margin-top: 50px;}
.why-choose-us-section .merchants-choose-qeapps .merchants-qeapps-icon-box {background-color: #02090A; border: solid 1px #192325;border-radius: 18px; padding: 50px 30px; position: relative; transition: .75s; text-align: center;}
.why-choose-us-section .merchants-choose-qeapps .merchants-qeapps-icon-box .ic-box { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; background-color: #95BF47; border-radius: 18px; margin: 0 auto; }
.why-choose-us-section .merchants-choose-qeapps .merchants-qeapps-icon-box .ic-box i {font-size: 48px;}
.why-choose-us-section .merchants-choose-qeapps .merchants-qeapps-icon-box h3 { font-size: 24px; font-weight: 700; line-height: 30px; color: #fff; margin: 35px 0 20px;}
.why-choose-us-section .merchants-choose-qeapps .merchants-qeapps-icon-box p { font-size: 18px; font-weight: 500; line-height: 36px; color: #919DAB; margin: 0;}
.why-choose-us-section .merchants-choose-qeapps .merchants-qeapps-icon-box:hover { cursor: pointer; transform: scale(1.1);}
/* why-choose Done */

/* Testimonials Start */
.testimonials-section { padding: 150px 0;}
.testimonials-section .badge-box {margin: 0 auto;display: flex; justify-content: center; margin-bottom: 25px;}
.testimonials-section .badge {background-color: #0D1517; padding: 15px 20px; border-radius: 50px; font-size: 16px; color: #95BF47; font-weight: 600;}
.testimonials-section  h2 { font-size: 54px; font-weight:700; color:#fff; text-align:center; margin:0 0 30px 0;}
.testimonials-section .review-box{border: solid 1px #a1a1a138; background:#0d1517; margin:0 15px; border-radius:10px; padding:40px;}
.testimonials-section .review-box .stars{display:flex;}
.testimonials-section .review-box .stars i{color:#95bf47; font-size:19px;}
.testimonials-section .review-box p{margin:20px 0px; font-size:17px; line-height:26px; color:#ebebeb;}
.testimonials-section .review-box span{font-size:17px; font-weight:600;}
.testimonials-section .review-box span b{font-weight:600; color:#525252;}
.testimonials-section .testimonials_innner{margin-top:40px;}
/* Testimonials Done */

/* Not Sure Where to Start */
.default {display: inline-block; max-width: 320px; width: 100%;}
.default a.btn {font-size: 18px; padding: 23px; line-height: 24px; border: none; font-weight: 600; display: flex; justify-content: center; align-items: center; grid-column-gap: 10px;
  border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; text-decoration: none; color: #95BF47; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.default a.btn:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%;  background-color: #000;  transition: all 0.3s; border-radius: 11px; z-index: -1;}
.default a.btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; border-radius: 11px; z-index: -2;}
.default a.btn:hover { background-color: #000; color: #fff;}
.default a.btn:hover:before { width: 100%;}
.not-sure-where-to-start {background-color: #0D1517; padding: 160px 0;}
.not-sure-where-to-start  .not-sure-where-to-start-main { background-color: #91BD49; border-radius: 30px; padding: 100px 30px; text-align: center;}
.not-sure-where-to-start .not-sure-where-to-start-main i {font-size: 60px;}
.not-sure-where-to-start-main h2 {font-size: 56px; color: #fff; font-weight: 700; line-height: normal; margin: 25px 0; padding: 0;}
.not-sure-where-to-start-main p {font-size: 23px; color: #fff; font-weight: 400; line-height: normal; margin: 0 auto 45px; padding: 0; max-width: 950px;}
/* Not Sure Where to Done */

/* Footer Section Satrt */
.footer-wrapper {background-color: #0D1517; border-top: solid 2px #131C1E; padding: 98px 0;}
.footer-wrapper .footer-main { display: grid; grid-template-columns: 440px 220px 220px auto; grid-gap: 30px; padding-bottom: 58px; }
.footer-wrapper .footer-main .footer-box {margin: 0; padding: 0;}
.footer-wrapper .footer-main .footer-box .footer-logo{max-width: 197px;}
.footer-wrapper .footer-main .footer-box p {font-size: 18px;font-weight: 400; line-height: 28px; color: #7C8993; margin:30px 0;}
.footer-wrapper .footer-box ul.icon-lists { display: flex; align-items: center; grid-column-gap: 15px; margin: 0; padding: 0;}
.footer-wrapper .footer-box ul.icon-lists li { list-style: none; padding: 0; margin: 0;}
.footer-wrapper .footer-box ul.icon-lists li a {text-decoration: none; width: 50px; height: 50px; border-radius: 15px; display: flex; justify-content: center; align-items: center; border: solid 1px #1A2426; background-color: #02090A; font-size:20px; color:#95bf47; }
.footer-wrapper .footer-box ul.icon-lists li a:hover{background:#95bf47; color:#000;}
.footer-wrapper .footer-main .footer-box h3 { font-size: 18px; font-weight: 700; line-height: normal; color: #fff; text-transform: uppercase; margin-bottom: 30px;}
.footer-wrapper .footer-main .footer-box ul.footer-links {margin: 0; padding: 0;}
.footer-wrapper .footer-main .footer-box ul.footer-links li {margin: 0; padding: 12px 0; list-style: none; font-size: 17px; font-weight: 400; line-height: 24px; color: #7C8993; position:relative;}
.footer-wrapper .footer-main .footer-box ul.footer-links li i{color: #95bf47; font-size: 19px; position:absolute; left:0; top:15px;}
.footer-wrapper .footer-main .footer-box ul.footer-links li a {margin: 0; padding: 0; color: #7C8993; transition: .5s;}
.footer-wrapper .footer-main .footer-box ul.footer-links li a:hover {color: #95BF47; padding-left: 6px;}
.footer-wrapper .footer-main .footer-box ul.footer-links li a.active {color: #95BF47;}
.footer-wrapper .footer-main .footer-box ul.footer-links.get-in-touch li {padding: 12px 0 12px 35px;}
.footer-wrapper .footer-copyRight { border-top: solid 1px #141D1F; padding-top: 44px;}
.footer-wrapper .footer-copyRight p { margin: 0; padding:0; list-style: none; font-size: 17px; font-weight: 400; line-height: 24px; color: #7C8993;}
.footer-wrapper .footer-copyRight p a {color: #7C8993; }
.footer-wrapper .footer-copyRight p a:hover {color: #95BF47;}
.footer-wrapper .footer-copyRight .footer-copyRight-box {display: flex; justify-content: space-between;align-items: center; grid-column-gap: 15px;}
.footer-wrapper .footer-copyRight .footer-copyRight-box ul.copyright-lists {margin: 0; padding: 0; display: flex; align-items: center; grid-column-gap: 20px;}
.footer-wrapper .footer-copyRight .footer-copyRight-box ul.copyright-lists li { list-style: none; margin: 0; padding: 0;}
.footer-wrapper .footer-copyRight .footer-copyRight-box ul.copyright-lists li a { margin: 0; padding: 0; font-size: 17px; font-weight: 400; line-height: 24px; color: #7C8993;}
.footer-wrapper .footer-copyRight .footer-copyRight-box ul.copyright-lists li a:hover {color: #95BF47;}
.footer-wrapper .footer-copyRight .footer-copyRight-box ul.copyright-lists li a.active {color: #95BF47;}


/* About Us Page Start */

/* company overview Start */
.company-overview-main {padding-top: 90px;}
.company-overview {padding: 50px 0 40px;}
.about-overview_box.history-background-section {padding: 0 0 0 25px;}
.company-overview-main h2 {font-size: 45px; line-height: 56px; font-weight: 700; color: #fff; margin: 0 0 50px 0; text-align: center;}
.company-overview { position:relative; background-color:#0D1517;}
.company-overview.history-background-section { border-bottom: solid 1px #1a2426; padding: 40px 0 60px;}
.company-overview .row-custom {align-items:center;}
.company-overview .about-overview_box h3 {font-size:30px; font-weight:700; color:#959595; line-height:36px; margin:0 0 20px 0; padding:0; text-align:left;}
.company-overview .about-overview_box p {font-size:18px; line-height:28px; font-weight:400; color:#8f8f8f; margin:0; padding:0;}
.company-overview.history-background-section::after {display:none;}
.company-overview.mission-section::after {display:none;}
.company-overview.mission-section p {margin-bottom:30px;}
.company-overview.mission-section p:last-child {margin-bottom:0;}
.company-overview.history-background-section.products-services-section, .company-overview.target-audience-section {position:relative;}
.company-overview.history-background-section.products-services-section::before, .company-overview.target-audience-section::before {content:""; padding:80px 0 0; position:absolute; top:0; left:0; right:0; background:rgb(255, 255, 255); background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(244, 247, 250, 1) 100%);}
.company-overview.target-audience-section::after {display:none;}
.company-overview.target-audience-section .about-overview_box p {margin-bottom:30px;}
.company-overview.target-audience-section .about-overview_box p:last-child {margin-bottom:0;}
.company-overview-main hr.company-overview-border {border-top: 0; border-bottom: solid 1px #303738; padding: 0; margin: 0;}
.company-overview.history-background-section .about-overview_box {padding-right: 25px;}
/*About page CSS End */