@charset "UTF-8";

/*
Theme Name: Those Guys Print
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.8
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

*/

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

/*font-family: 'Poppins', sans-serif;*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: 400;
    color: #000000;
    font-size: 17px;
    line-height: 1.6;
}

p {
    margin: 0 0 22px 0;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 25px 0;
    padding: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}

h1 {
    font-size: 67px;
    line-height: 72px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #2d2d2d;
    text-transform: uppercase;
}

h3 {}

h4 {}

ul {
    margin-left: 0px;
    padding-left: 0px;
}

h2 span {
    text-transform: capitalize;
}

a {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    color: #000000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: #36b54a;
}

img {
    max-width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control,
select {
    background-color: #fff;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #000;
    border: 1px solid #939393;
    height: 38px;
    padding: 0 10px;
}

textarea {
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #b8b8b8;
    padding: 12px 10px;
    width: 100%;
    height: 96px;
}

select {
    border: 1px solid #b8b8b8;
    width: 100%;
    padding: 0 11px;
    background: url(images/down-arrow.svg) no-repeat calc(100% - 16px) center #fff;
    background-size: 18px;
    padding-right: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input[type="button"],
input[type="submit"] {
    background: #36b54a;
    color: #fff;
    height: 48px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    transition: 0.5s;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    background: #000;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #878787;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #878787;
}

::-moz-placeholder {
    opacity: 1;
    color: #878787;
}

:-moz-placeholder {
    opacity: 1;
    color: #878787;
}


/* images alignment for wordpress content pages */

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}


/* custom checkbox */

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 40px;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 22px;
    height: 22px;
    border: 2px solid #36b54a;
    background: #fff;
}

.form_input_check label input[type="checkbox"]+span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 22px;
    height: 22px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(images/checked.svg) no-repeat center center;
    background-size: 15px;
}

.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* .form_input_check input[type="checkbox"]:checked + span::before {
  
} */

.form_input_check label input[type="checkbox"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* custom radio */

.form_input_radio {
    position: relative;
    margin: 0;
    padding-left: 30px;
}

.form_input_radio span {
    margin: 0;
    padding: 0;
}

.form_input_radio input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio input[type="radio"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 1px solid #cbcbcb;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio input[type="radio"]+span::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4b0049;
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio input[type="radio"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* .form_input_radio input[type="radio"]:checked + span::before {
  
} */

.form_input_radio input[type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* custom radio end */


/* back to top */

#backtotop {
    display: inline-block;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#backtotop::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#backtotop:hover {
    cursor: pointer;
    background-color: #333;
}

#backtotop.show {
    opacity: 1;
    visibility: visible;
}


/* navbar*/

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar {
    background: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    height: inherit;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-nav li {
    position: relative;
    list-style: none;
}

.navbar-nav>li {
    margin: 0 15px;
    padding: 15px 0;
    position: relative;
}

.navbar-nav>li:last-child {
    margin-right: 0;
}

.navbar-nav>li:first-child {
    margin-left: 0;
}

.navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.navbar-nav>li.current-menu-item>a,
.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
    color: #36b54a;
}


/* navbar submenu*/

.sub-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 140px;
    padding: 0;
}

.sub-menu>li>a {
    color: #fff;
    display: block;
    width: 100%;
    padding: 5px 10px;
}

.sub-menu>li {
    width: 100%;
    display: block;
}

.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a {
    background: #36b54a;
    color: #fff;
}

.navbar-nav>li:last-child>.sub-menu {
    right: 0;
    left: inherit;
    padding: 0;
}


/* 2nd level submenu */

.navbar-nav>li>.sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}

.cmn-gap {
    padding-top: 70px;
    padding-bottom: 70px;
}

.form_ckbox {
    margin-top: 55px;
    clear: both;
}

.main-head {
    width: 100%;
    background: #393939;
    padding: 7px 30px;
    position: fixed;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    transition: 0.3s;
}

.main-head.fixed-header {
    padding: 0px 30px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
}

.logo_holder {
    position: absolute;
    left: 0px;
    top: 0px;
    left: 20px;
    width: 280px;
    z-index: 9;
    transition: 0.3s;
}

.main-head.fixed-header .logo_holder {
    transform: translateY(-100%);
}


/*banner_section*/

.banner_section {
    width: 100%;
    position: relative;
    padding-top: 70px;
}

.banner_section figure img {
    width: 100%;
}

.banner_section figure {
    position: relative;
    z-index: -1;
}

.banner_section figure:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
}

.bannr_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.bnnr_pic {
    width: 400px;
    margin-top: 30px;
}

.bnnr_pic img {
    filter: drop-shadow(0 0 0.75rem #000);
}

.bannr_text h2 {
    color: #fff;
    font-size: 49px;
    line-height: 55px;
    font-weight: 700;
}

.all_btn {
    padding: 15px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    margin-top: 15px;
}

.all_btn:hover {
    background: #36b54a;
    color: #fff;
    border: 2px solid #36b54a;
}

.bnnr_slider .item {
    position: relative;
}

.bnnr_slider .slick-prev:before,
.bnnr_slider .slick-next:before {
    display: none;
}

.bnnr_slider .slick-prev {
    background: url(images/left.svg)no-repeat center center;
    width: 35px;
    height: 35px;
    background-size: 35px;
    left: 26px;
    z-index: 9;
}

.bnnr_slider .slick-next {
    background: url(images/right.svg)no-repeat center center;
    width: 35px;
    height: 35px;
    background-size: 35px;
    right: 26px;
    z-index: 9;
}

.in_bnr_txt {
    padding-left: 50px;
}

.bnnr_list ul li {
    display: inline-block;
    color: #36b54a;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    margin-right: 40px;
    position: relative;
    padding-left: 20px;
}

.bnnr_list {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #000;
    padding: 20px 30px;
    z-index: -1;
}

.bnnr_list ul {
    margin-bottom: 0px;
    padding-left: 50px;
}

.bnnr_list ul li:before {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 10px;
    height: 10px;
    background: #36b54a;
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
}

.bnnr_slider .slick-list {
    padding: 0px 0px 45px;
}


/*.concept_section*/

.concept_section {
    position: relative;
}

.concept_pic {
    position: absolute;
    right: 0px;
    top: 50px;
    width: 600px;
}

.concept_section h1 {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    color: #2d2d2d;
}

.concept_text {
    padding-top: 40px;
    padding-right: 50px;
}

.concept_text h3 {
    color: #2d2d2d;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
}

.concept_text h4 {
    color: #36b54a;
    font-size: 26px;
    font-weight: 700;
}

.all_btn.blk_br {
    border: 2px solid #000;
    color: #000;
}

.all_btn.blk_br:hover,
.all_btn.wht_br:hover {
    color: #fff;
    border: 2px solid #36b54a;
}

.work_bx {
    background-size: cover !important;
    min-height: 793px;
}

.work_section {
    /* padding-left: 15px;
    padding-right: 15px; */
}

.work_text h2 span {
    font-weight: 500;
}

.work_text h2 {
    color: #fff;
    font-size: 27px;
    line-height: 39px;
}

.work_bx:first-child {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.work_bx:last-child {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-left: auto;
}

.work_text {
    width: 66%;
    margin-left: auto;
    margin-bottom: 100px;
    padding: 30px;
}

.work_bx .work_text {
    margin-left: 0px;
    background: rgba(71, 186, 88, 0.8);
}

.work_text p {
    color: #fff;
}

.all_btn.wht_br {
    border: 2px solid #fff;
    color: #fff;
}

.work_section .work_bx {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
}

.what_we_offer_section {
    width: 100%;
    background: #f5f5f5;
}

.what_we_offer_section h2 {
    text-align: center;
}

.offer_text h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
}

.offer_text h4 {
    color: #36b54a;
    font-size: 20px;
    line-height: 32px;
}

.offer_area {
    margin-top: 70px;
}

/*.offer_area:nth-child(even) .off_pc {
    order: 2;
}*/

.offer_area:nth-child(even) .off_txt {
    order: 1;
}

.what_we_offer_section {
    background-position: 100% 50% !important;
    padding-bottom: 140px;
}

.what_we_offer_section .offer_area {
    padding-bottom: 50px;
    padding: 34px 0px;
}

.offer_area .offr_bx:last-child h3,
.offer_area .offr_bx:last-child h4,
.offer_area .offr_bx:last-child p {
    color: #fff;
}

.what_we_offr_insection {
    width: 100%;
    position: relative;
}

.what_off_outside {
    min-height: 900px;
    width: 50%;
    height: 100%;
    background-size: cover !important;
    position: absolute;
    right: 0px;
    top: 0;
}


/*helping_section*/

.helping_section {
    background-size: cover !important;
    text-align: center;
    margin-top:70px;
    /*background-attachment: fixed !important;*/
}

.helping_section h2 {
    color: #fff;
    text-transform: uppercase;
}

.helping_section p {
    color: #fff;
}


/*brand_section*/

.brand_section {
    width: 100%;
    text-align: center;
}

.brand_box {
    display: flex;
    align-items: center;
    box-shadow: 1.91px 10.833px 29px 0px rgba(0, 0, 0, 0.031);
    min-height: 124px;
    margin: 0px 15px;
}

.brand_box img {
    margin: auto;
}

.brand_section .slick-list {
    padding: 20px 0px;
}

.brand_section .slick-prev:before,
.brand_section .slick-next:before {
    display: none;
}

.brand_section .slick-prev {
    background: url(images/left.svg)no-repeat center center;
    width: 35px;
    height: 35px;
    background-size: 18px;
    left: -30px;
    z-index: 9;
}

.brand_section .slick-next {
    background: url(images/right.svg)no-repeat center center;
    width: 35px;
    height: 35px;
    background-size: 18px;
    right: -30px;
    z-index: 9;
}


/*.delevery_process_section*/

.delevery_process_section {
    width: 100%;
    background: #f5f5f5;
    padding: 30px 0px;
}

.dele_text h4 {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.dele_text p {
    color: #000;
    font-size: 13px;
}

.delevry_box {
    display: flex;
}

.delevry_box .dele_icon {
    width: 40px;
}

.delevry_box .dele_text {
    width: calc(100% - 70px);
    padding-left: 15px;
}


/*footer*/

.footer {
    background: #1d1d1d;
    padding: 60px 0px;
}

.social_icons {
    margin-top: 20px;
    margin-bottom: 25px;
}

.social_icons ul li img {
    width: 16px;
    transition: 0.3s;
}

.social_icons ul li a:hover img {
    transform: scale(1.1);
}

.social_icons ul li {
    list-style: none;
    margin: 0px 10px;
    display: inline-block;
}

.social_icons ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_icons ul li a {
    display: block;
}

.ft_bx::first-child {
    text-align: center;
}

.footer h4 {
    font-size: 20px;
    line-height: 22px;
    color: #b4b4b4;
    font-weight: 700;
}

.ft_quick_links ul li {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    color: #fff;
    list-style: none;
    padding-left: 25px;
    margin-bottom: 15px;
}

.footer h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.ft_quick_links ul li.loca {
    position: relative;
}

.ft_quick_links ul li.loca:before {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/loca.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.ft_quick_links ul li.ph {
    position: relative;
}

.ft_quick_links ul li.ph:before {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/call-answer.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.ft_quick_links ul li.loca {
    position: relative;
}

.ft_quick_links ul li.loca:before {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/loca.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.ft_quick_links ul li a {
    color: #fff;
}

.ft_quick_links ul li a:hover,
.footer ul li a:hover {
    color: #018942;
}

.ft_quick_links ul li.mail {
    position: relative;
    padding-left: 27px;
}

.ft_quick_links ul li.mail:before {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/envelop.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.ft_quick_links ul li a {
    color: #fff;
}

.ft_quick_links ul li {
    margin-bottom: 10px;
}

.ft_quick_links {
    margin-bottom: 30px;
}

.footer ul li a {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
}

.footer ul li {
    list-style: none;
    margin-bottom: 10px;
}

.copyright {
    text-align: center;
    padding-top: 25px;
}

.copyright p {
    color: #aeaeae;
    font-size: 13px;
    line-height: 16px;
}

.social_icons ul li:last-child a {
    margin-top: 7px;
}

.ft_bx:nth-child(1) {
    text-align: center;
}


/*innrpage*/

.innr_bnnr_section {
    width: 100%;
    background: #36b54a;
    position: relative;
    padding-top: 90px;
}

.innr_bnnr_section figure {
    margin-bottom: 0px;
}

.innr_bnnr_section figure img {
    width: 100%;
}

.innr_text {
    width: 100%;
    text-align: left;
}

.innr_text h1 {
    margin-left: -15px;
}

.versity_jacket_content_section {
    background-position: 100% 33% !important;
    background-size: 36% !important;
    min-height: 600px;
    /*background-attachment: fixed !important;*/
}

.versity_jacket_content_section h5 {
    font-size: 21px;
    line-height: 23px;
    color: #000;
    font-weight: 500;
}

.versity_form_box label {
    font-size: 13px;
    line-height: 16px;
}

.versity_form_box .fm_bx {
    margin-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

.versity_form_box .row {
    margin: 0px -8px;
}

.versty_text {
    padding-right: 25px;
}

.jakket_box {
    background: #fff;
    padding: 15px;
    margin: 0px 12px;
}

.jakket_box figure {
    margin-bottom: 0px;
    overflow: hidden;
}

.jakket_box figure img {
    width: 100%;
    transition: 0.3s;
}

.jakket_box h4 {
    font-size: 18px;
    line-height: 23px;
    color: #2d2d2d;
    font-weight: 700;
}

.jacket_text {
    padding: 25px 0;
    text-align: center;
}

.jacket_text p {
    font-size: 16px;
    line-height: 20px;
    color: #2d2d2d;
}

.jacket_text h5 {
    color: #36b54a;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}

.jacket_text h5 span {
    font-size: 22px;
}

.all_jacket_section {
    background: #f5f5f5;
}

.jakket_box:hover figure img {
    transform: scale(1.1);
}

.jakket_box h4 a {
    color: #000;
}

.jakket_box h4 a:hover {
    color: #36b54a;
}

.versity_form_box input[type="submit"] {
    width: 270px;
    text-align: center;
}

.all_jacket_section h2 {
    color: #36b54a;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}

.jacket_slider {
    margin-top: 45px;
}

.jakket_box {
    transition: 0.3s;
}

.jakket_box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 32px 43px 0px rgba(0, 0, 0, 0.086);
}

.jacket_slider .slick-prev:before,
.jacket_slider .slick-next:before {
    display: none;
}

.jacket_slider .slick-prev {
    background: url(images/left.svg)no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 40px;
    left: -50px;
    z-index: 9;
}

.jacket_slider .slick-next {
    background: url(images/right.svg)no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 40px;
    right: -50px;
    z-index: 9;
}

.jacket_slider .slick-list {
    padding: 18px 10px 50px;
}

.jacket_slider {
    padding: 0px 30px;
}

.all_jacket_section {
    background-size: cover !important;
}

.face_mask_content {
    position: relative;
    background-size: 38% !important;
    background-position: 100% 0% !important;
    min-height: 500px;
}

.face_txt .notice {
    background: #f5f5f5;
    padding: 18px;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 50px;
}

.face_txt h2 {
    margin-bottom: 23px;
}

.face_txt ul li {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 26px;
    position: relative;
}

.face_txt ul li:before {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #36b54a;
    content: "";
}

.face_txt ul {
    margin-bottom: 45px;
}

.how_we_doformbx .form_bx {
    margin-bottom: 20px;
}

.how_we_doformbx {
    /*width: 406px;*/
    width: 445px;
    background: #fff;
    outline: 6px solid #ececec;
    outline-offset: -15px;
    padding: 42px 30px;
    position: absolute;
    right: -451px;
    top: -156px;
    box-shadow: 0px 0px 18.27px 2.73px rgba(77, 76, 76, 0.059);
}

.face_txt {
    position: relative;
}

.how_we_doformbx input[type="submit"] {
    width: 100%;
    text-align: center;
    height: 50px;
    margin-top: 15px;
}

.how_we_doformbx h5 {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.how_we_doformbx h5,
.how_we_doformbx p {
    text-align: center;
}

.how_we_doformbx p {
    font-size: 17px;
}

.out_story_content_section h2 {
    text-transform: capitalize;
}

.our_story_text h4 {
    font-size: 26px;
    line-height: 30px;
    color: #2d2d2d;
}

.our_storypic {
    position: relative;
    float: right;
    margin-left: 35px;
    margin-bottom: 120px;
    width: 516px;
}

.our_storypic:before {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/storyicon2.png)no-repeat;
    background-size: 143px;
    width: 143px;
    height: 137px;
    content: "";
    z-index: 1;
}

.our_storypic:after {
    position: absolute;
    right: -15px;
    bottom: -15px;
    background: url(images/storyicon1.png)no-repeat;
    background-size: 255px;
    width: 255px;
    height: 235px;
    content: "";
    z-index: 1;
}

.our_story_text p {
    margin-bottom: 30px;
}

.our_story_text h5 {
    color: #36b54a;
    margin-bottom: 10px;
    margin-top: 30px;
}

.font18 {
    font-size: 18px;
}

.portpolio_slider figure {
    margin: 0px 16px;
}

.protpolio_area h2 {
    text-align: center;
    margin-bottom: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,36b54a+34,36b54a+66,ffffff+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #36b54a 34%, #36b54a 66%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #36b54a 34%, #36b54a 66%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #36b54a 34%, #36b54a 66%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    padding: 8px 20px;
}

.protpolio_area .slick-prev:before,
.protpolio_area .slick-next:before {
    display: none;
}

.protpolio_area .slick-prev {
    background: url(images/left-black.svg)no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 40px;
    left: -50px;
    z-index: 9;
}

.protpolio_area .slick-next {
    background: url(images/right-black.svg)no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 40px;
    right: -50px;
    z-index: 9;
}

.portfolio_content_section figure:hover {
    border: 5px solid #36b54a;
    transform: translateY(-20px);
    box-shadow: 0px 32px 43px 0px rgba(0, 0, 0, 0.086);
}

.portfolio_content_section figure {
    border: 5px solid transparent;
    transition: 0.5s;
    transform: translateY(0px);
    position: relative;
    margin: 0px 15px;
}

.portfolio_content_section figure img {
    width: 100%;
}

.protpolio_area .slick-list {
    padding: 50px 10px;
}

.search_icon {
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    margin: 0 auto;
    transform: translateY(100%);
    width: 50px;
    height: 50px;
    background: rgba(56, 171, 73, 0.9);
    opacity: 0;
    transition: 0.5s;
}

.search_icon a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.search_icon img {
    width: 27px !important;
    margin: auto;
}

.portfolio_content_section figure:hover .search_icon {
    transform: translateY(-50%);
    opacity: 1;
}

.protpolio_area {
    margin-bottom: 60px;
}

.protpolio_area:last-child {
    border-bottom: 0px;
}

.what_we_offr_insection {
    margin-top: 40px;
        margin-bottom: 40px;
}

.property_lider_area .slider-nav .slick-slide {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 5px;
}

.property_lider_area .slider-nav .slick-track {
    transform: none !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
}

.property_lider_area .slider-nav .slick-list.draggable {
    padding: 0 !important;
    margin: 0 -5px;
}

.innr_bnnr_section h5 {
    color: #fff;
    font-size: 27px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.innr_bnnr_section h1 {
    margin-bottom: 10px;
}

.custom_unifoms .how_we_doformbx {
    top: -128px;
}

.custom_unifoms {
    position: relative;
    width: 100%;
}

.face_mask_outside {
    width: 35%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background-size: cover !important;
}

.con_links ul li {
    list-style: none;
    margin-bottom: 30px;
}

.con_links ul li.loctin h5 {
    position: relative;
    padding-left: 30px;
}

.con_links ul li.loctin h5:before {
    position: absolute;
    left: 0px;
    top: 3px;
    background: url(images/loca-black.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.con_links ul li.loctin {
    padding-left: 0px;
}

.con_links p {
    font-size: 22px;
    line-height: 25px;
    color: #2d2d2d;
    font-weight: 700;
    text-transform: uppercase;
}

.con_links ul li.cll h5 {
    position: relative;
    padding-left: 30px;
}

.con_links ul li h5 a,
.con_links ul li h5 {
    font-size: 17px;
}

.con_links ul li.cll h5:before {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/call-answer-black.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.con_links ul li.cll {
    padding-left: 0px;
}

.con_links ul li.maill h5 {
    position: relative;
    padding-left: 30px;
}

.con_links ul li.maill h5:before {
    position: absolute;
    left: 0px;
    top: 3px;
    background: url(images/envelop-black.svg)no-repeat center center;
    background-size: 20px;
    content: "";
    width: 20px;
    height: 20px;
}

.con_links ul li.maill {
    padding-left: 0px;
}

.contactpg_formbx input[type="submit"] {
    width: 272px;
    text-align: center;
    height: 50px;
    margin-top: 5px;
}

.contactpg_formbx h5 {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.contactpg_formbx h5,
.contactpg_formbx p {
    text-align: center;
}

.contactpg_formbx p {
    font-size: 17px;
}

.contactpg_formbx {
    width: 537px;
    background: #fff;
    outline: 6px solid #ececec;
    outline-offset: -15px;
    padding: 42px 40px;
    box-shadow: 0px 0px 18.27px 2.73px rgba(77, 76, 76, 0.059);
    margin-top: -145px;
}

.contactpg_formbx .form_bx {
    margin-bottom: 20px;
}

.concept_section .drop_icon {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    margin: 0 auto;
    width: 166px;
}

.work_section .drop_icon {
    position: absolute;
    left: 0px;
    top: 58px;
    transform: translateY(-50%);
    right: 0px;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    z-index: 9;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.work_section {
    position: relative;
}

.notice strong {
    display: block;
    margin-bottom: 0px;
    font-size: 25px;
    line-height: 29px;
    text-transform: uppercase;
}

.how_we_doformbx h5 {
    margin-bottom: 20px;
}

.work_bx:last-child .all_btn.wht_br:hover {
    background: #000;
    border: 2px solid #000;
}

.cont_social ul li {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 15px;
}

.cont_social ul li a i {
    color: #575757;
    font-size: 20px;
    transition: 0.3s;
}

.cont_social ul li a:hover i {
    color: #36b54a;
}

.form-title {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.sticky-dropbox {
    position: -webkit-sticky;
    position: sticky;
    top: 60px !important;
    max-width: 100%;
}


/* resource-page-start-here */

.page-title {
    display: block;
    text-align: center;
    margin-bottom: 45px
}

.single-resource {
    padding: 20px;
    box-shadow: 0px 14px 26.24px 5.76px rgba(68, 67, 67, 0.13);
    border: 2px solid #fff;
    transition: 0.3s;
    margin-bottom: 40px;
}

.single-resource:hover {
    transform: translateY(-15px);
    border: 2px solid #36b54a;
}

.single-templates-link {
    text-align: center;
}

.single-templates-link h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.single-templates-link a {
    margin-bottom: 15px !important;
    display: block;
    font-size: 15px;
}

.design-template-area .col-lg-4 {
    background: #f4f4f4;
    padding-top: 35px;
    padding-bottom: 25px;
}

.design-template-area .col-lg-4:nth-child(2) {
    background: #dfdfdf;
}

.expection-cont .our_storypic {
    float: left;
    margin: 0 35px 50px 0;
}

.expection-cont {
    margin-bottom: 50px;
}

.expection-cont:last-child {
    margin-bottom: 0px;
}

.expection-cont:nth-child(even) .our_storypic {
    float: right;
    margin: 0 0px 50px 35px;
}

.quotes_form {
    margin-top: 50px;
}

.quotes_form label span {
    color: #000;
    display: inline-block;
    margin-left: 2px;
    padding-top: 2px;
}

.quotes_form label {
    font-weight: 700;
    text-transform: uppercase;
}

.quotes_form small {
    font-size: 15px;
    color: #888;
    text-transform: capitalize;
}

.quotes_form input[type="text"],
.quotes_form input[type="email"],
.quotes_form input[type="url"],
.quotes_form input[type="password"],
.quotes_form input[type="search"],
.quotes_form input[type="number"],
.quotes_form input[type="tel"],
.quotes_form input[type="range"],
.quotes_form input[type="date"],
.quotes_form input[type="month"],
.quotes_form input[type="week"],
.quotes_form input[type="time"],
.quotes_form input[type="datetime"],
.quotes_form input[type="datetime-local"],
.quotes_form input[type="color"],
.quotes_form textarea,
.quotes_form .form-control,
.quotes_form select {
    height: 45px;
    margin-bottom: 25px;
}

.quotes_form .form_input_check label {
    padding-left: 33px;
    margin-bottom: 15px;
}

.quotes_form textarea {
    height: 120px;
}

.quotes_form .form_input_check.new label {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
}

.quotes_form .form_input_check.new label span {
    padding-top: 4px;
}


/* .quotes_form .fm_bx{margin-bottom: 15px;} */

.sage_logo {
    width: 150px;
    margin-top: 15px;
}

.quotes_form input[type="button"],
.quotes_form input[type="submit"] {
    margin-top: 15px;
}

.your-services .form_input_check {
    width: 100%;
    display: inline-block;
}

.your-services .form_input_check .wpcf7-list-item {
    width: 41%;
    float: left;
    margin: 0;
}

.quotes_form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 13px;
}

.quotes_form [class*='col-'] {
    margin-bottom: 25px !important;
}

.quotes_form input,
.quotes_form textarea,
.quotes_form select {
    margin-bottom: 0 !important;
}

.error404 .innr_bnnr_section .innr_text {
    padding-bottom: 60px;
    padding-top: 40px;
}

.error404 .innr_bnnr_section .innr_text img {
    width: 100% !important;
}

/* start 24/12/2020 */
.banner_section .slick-arrow {
    display: none !important;
}
.banner_section .bnnr_list ul{
    padding-left:0;
    text-align:center;
}
.banner_section .bnnr_list ul li:last-child{
    margin-right:0;
}
.what_we_offr_insection .what_off_outside{
    width:100%;
}
.what_we_offr_insection .offer_text h3,
.what_we_offr_insection .offer_text p{
    color:#fff;
}
.what_we_offr_insection .offer_text h4{
    color:#fff;
}
.work_section .all_btn.wht_br:hover{
    background:#000;
    border-color:#000;
    color:#fff;
}
.resoures-cont .single-resource a {
    display: block;
    border: 1px solid #ccc;
}
.off_pc .off_pic {
    max-width: 112px;
    margin: 0 auto;
}

/* end 24/12/2020 */
.banner_section .container{max-width: 1250px;}
.banner_section .container .in_bnr_txt {
    padding-left: 0px;
}
.helping_section p, .helping_section h2{color:#000;}
.helping_section .all_btn.wht_br {
    border: 2px solid #000;
    color: #000;
}
.helping_section .all_btn.wht_br:hover{border: 2px solid #36b54a;
    color: #fff;}
.helping_section{position: relative; z-index: 0;}

.social_icons ul li i {
    font-size: 20px;
}
/*.helping_section:after{position: absolute; left: 0px; top:0px; height: 100%; width: 100%; background: rgba(255,255,255,0.4); content:""; z-index: -1;}*/
/* responsive-css-start-here */

@media (min-width: 1800px) {
    .concept_pic {
        width: 820px;
    }
    .concept_pic>img {
        width: 100%;
        height: 1055px;
        object-fit: cover;
    }
    .logo_holder {
        width: 300px;
    }
    .logo_holder img {
        width: 100%;
    }
}

@media (max-width: 1800px) {
    .navbar-nav>li>a {
        font-size: 14px;
    }
    .bannr_text h2 {
        font-size: 45px;
    }
}

@media (max-width: 1600px) {
    .navbar-nav>li>a {
        font-size: 12px;
    }
    .navbar-nav>li {
        margin: 0px 5px;
    }
    .logo_holder {
        position: absolute;
        left: 0px;
        top: 0px;
        left: 20px;
        width: 136px;
        z-index: 9;
    }
}

@media (max-width: 1400px) {
    .concept_pic {
        width: 550px;
    }
}

@media(min-width:1025px) {
    /* navbar*/
    .clickD {
        display: none;
    }
    .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }
}

@media (max-width: 1199px) {
    .bannr_text h2 {
        font-size: 28px;
        line-height: 44px;
    }
    .bnnr_pic {
        width: 294px;
    }
    .bnnr_slider .slick-next {
        right: 10px;
    }
    .bnnr_slider .slick-prev {
        left: 0;
    }
    .logo_holder {
        width: 150px;
    }
    .navbar-nav>li {
        margin: 0px 4px;
    }
    .navbar-nav>li>a {
        font-size: 9px;
    }
    .concept_pic {
        width: 386px;
    }
    .concept_section h1 {
        font-size: 32px;
        line-height: 39px;
    }
    /*.brand_section .slick-next{right:15px;}
    .brand_section .slick-prev{left:15px;}*/
    .ft_bx {
        word-break: break-word;
    }
    .footer ul li a,
    .ft_quick_links ul li {
        font-size: 14px;
    }
    .bnnr_list ul li {
        margin-right: 20px;
        font-size: 12px;
        line-height: 32px;
    }
    .banner_section .all_btn {
        padding: 15px;
        border: 2px solid #fff;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        display: inline-block;
        margin-top: 9px;
    }
    .how_we_doformbx {
        width: 312px;
        right: -312px;
    }
    h1 {
        font-size: 44px;
        line-height: 55px;
    }
    .main-head {
        padding: 7px 6px 7px 7px;
    }
    .navbar-nav>li>a {
        font-size: 10px;
    }
    .jacket_slider .slick-prev {
        left: 0px;
    }
    .jacket_slider .slick-next {
        right: 0px;
    }
    .jakket_box {
        padding: 17px;
    }
    .jacket_text h5 {
        font-size: 19px;
    }
    .jacket_text h5 span {
        font-size: 23px;
    }
    .jakket_box h4 {
        font-size: 17px;
        line-height: 23px;
    }
    .out_story_content_section h2 br {
        display: none;
    }
    .protpolio_area .slick-next {
        right: -30px;
    }
    .protpolio_area .slick-prev {
        left: -30px;
    }
    .contactpg_formbx {
        width: 100%;
    }
    .navbar-toggler {
        padding: 0px;
        width: 25px;
        outline: none;
        border: 0px;
    }
    .navbar-toggler:focus {
        outline: 0px;
    }
    .navbar-collapse {
        position: absolute;
        top: 97px;
        width: 100%;
        background: #fff;
        z-index: 999;
        left: 0px;
        right: 0;
    }
    .navbar-nav>li>a {
        color: #000;
        padding: 6px 15px;
        font-size: 14px;
    }
    .navbar-nav>li {
        border: 1px solid #000;
    }
    .navbar-nav>li>a:hover,
    .navbar-nav>li.current-menu-item>a {
        background: #36b54a;
        color: #fff;
    }
    .navbar-toggler {
        margin-left: auto;
    }
    .navbar-nav>li {
        margin: 0px;
        padding: 0px;
    }
    .navbar-nav>li>a {
        padding: 6px 10px;
        display: block;
    }
    .banner_section {
        padding-top: 38px;
    }
    .main-head.fixed-header {
        padding: 7px 6px 7px 7px;
    }
}

@media(max-width:1024px) {
    /* navbar*/
    .navbar-nav .clickD {
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background: url(images/sort-down.svg) center center no-repeat;
        cursor: pointer;
        display: block;
        background-size: 10px;
    }
    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }
    .sub-menu.show {
        display: block;
    }
}

@media (max-width: 991px) {
    /* navbar*/
    .navbar-nav .clickD {
        top: 6px;
        right: 10px;
    }
    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
    }
    .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }
    .navbar-nav>li {
        margin: 0;
        padding: 0;
    }
    .navbar-nav>li>a {
        padding: 6px 10px;
        display: inline-block;
        width: 100%;
    }
    .sub-menu>li>a {
        padding-left: 20px;
    }
    .sub-menu .sub-menu>li>a {
        padding-left: 40px;
    }
    .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }
    .bnnr_pic {
        width: 154px;
    }
    .navbar-toggler {
        margin-left: auto;
    }
    .bannr_text h2 {
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .banner_section .all_btn {
        font-weight: 700;
        font-size: 12px;
        line-height: 17px;
        padding: 8px;
    }
    .bnnr_list {
        position: static;
        background: #000;
        padding: 20px 30px;
        width: 100%;
        padding: 9px 20px;
        margin-top: -10px;
    }
    .bnnr_slider .slick-list {
        padding: 0px;
    }
    .banner_section figure {
        margin-bottom: 0px;
    }
    .logo_holder {
        width: 120px;
    }
    .concept_section h1 {
        font-size: 24px;
        line-height: 35px;
    }
    .concept_pic {
        position: relative;
        margin: 0 auto 0px;
        top: 0px;
    }
    .concept_text {
        padding-right: 0px;
        text-align: center;
    }
    .work_text {
        width: 100%;
        margin-right: 0px;
    }
    .work_text h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .cmn-gap {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .work_text {
        padding: 19px;
    }
    .work_bx {
        min-height: 550px;
    }
    .offer_text h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .offer_text h3 {
        font-size: 19px;
        line-height: 30px;
    }
    h2 {
        font-size: 29px;
        line-height: 36px;
    }
    .brand_section p br {
        display: none;
    }
    .del_bx {
        margin-bottom: 15px;
    }
    .ft_bx {
        margin-top: 26px;
    }
    footer {
        padding: 40px 0px !important;
    }
    .how_we_doformbx {
        width: 100%;
        right: 0;
        position: relative;
        top: 0;
    }
    .how_we_doformbx {
        margin-bottom: 21px;
    }
    h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .jacket_slider .slick-list {
        padding: 30px 10px;
    }
    .jacket_slider {
        margin-top: 20px;
    }
    .contactpg_formbx {
        margin-top: 0;
    }
    .contactpg_formbx p br {
        display: none;
    }
    .contactpg_formbx input[type="submit"] {
        width: 100%;
    }
    .custom_unifoms .how_we_doformbx {
        top: 0px;
    }
    .our_storypic {
        width: 50%;
    }
    .quotes_form .form_input_check {
        width: 100%;
    }
    .quotes_form [class*="col-"] {
        margin-bottom: 15px !important;
    }
    .what_we_offer_section.cmn-gap {
    padding-bottom: 130px;
}
}

@media (max-width: 767px) {
    .main-head.fixed-header {
        padding: 12px 0;
    }
    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }
    .banner_section figure {
        height: 400px;
    }
    .banner_section figure img {
        height: 100%;
        object-fit: cover;
    }
    .main-head {
        padding: 12px 0px;
    }
    .bannr_text h2 br {
        display: none;
    }
    .bannr_text h2 {
        font-size: 20px;
    }
    .work_section .work_bx {
        -ms-flex: 0 0 49%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .what_we_offr_insection {
        background: #f5f5f5 !important;
    }
    .offer_area .offr_bx:last-child h3 {
        color: #000;
    }
    .offer_area .offr_bx:last-child h4 {
        color: #36b54a;
    }
    .offer_area .offr_bx:last-child p {
        color: #000;
    }
    .offer_area {
        margin-top: 15px;
    }
    .what_we_offer_section .offer_area {
        text-align: center;
        padding-bottom: 0px;
    }
    .off_pic {
        margin-bottom: 16px;
    }
    .offer_text h3 {
        margin-bottom: 10px;
    }
    .what_we_offer_section .offr_bx {
        margin-top: 35px;
    }
    .offer_area:nth-child(even) .off_txt {
        order: 2;
    }
    .ft_bx {
        text-align: center;
    }
    .footer ul li {
        margin: 7px 15px;
        display: inline-block;
    }
    .social_icons ul li {
        margin: 7px 8px;
    }
    .ft_logo {
        width: 200px;
        margin: 0 auto;
    }
    .delevry_box .dele_icon {
        width: 40px;
        margin: 0 auto 15px;
    }
    .delevry_box {
        display: block;
        text-align: center;
    }
    .delevry_box .dele_text {
        width: 100%;
    }
    .del_bx {
        margin-bottom: 25px;
    }
    .what_we_offr_insection {
        margin-top: 0px;
    }
    .what_we_offer_section:first-child .offr_bx {
        margin-top: 0px;
    }
    .innr_text img {
        width: 200px;
        margin: 0 auto;
    }
    .innr_text {
        text-align: center;
    }
    .innr_bnnr_section h1 {
        font-size: 33px;
        line-height: 35px;
        padding-top: 15px;
    }
    .innr_text {
        padding: 15px 0px;
    }
    .versity_jacket_content_section {
        background-attachment: inherit !important;
        background: #fff !important;
    }
    .face_mask_outside {
        background-attachment: inherit !important;
        background: #fff !important;
    }
    .face_mask_content{
        background-attachment: inherit !important;
        background: #fff !important;
    }
    .versty_text {
        padding-right: 0px;
    }
    .con_links ul li {
        display: inline-block;
        margin-right: 15px;
    }
    .custom_unifoms {
        background: #fff !important;
    }
    .concept_section .drop_icon {
        width: 75px;
    }
    .jacket_text {
        padding: 16px;
    }
    .what_off_outside {
        display: none;
    }
   /* .helping_section {
        background: #000 !important;
    }*/
    .protpolio_area {
        margin-bottom: 0px;
    }
    .con_links ul {
        display: flex;
        flex-wrap: wrap;
    }
    .concept_text p br {
        display: none;
    }
    .our_storypic {
        width: 100%;
        margin-bottom: 57px;
    }
    /* .quotes_form .fm_bx {
    margin-bottom: 3px;} */
    .sage_logo {
        width: 141px;
        margin-top: 0;
        margin-left: 15px;
    }
    .your-services .form_input_check .wpcf7-list-item {
        width: 100%;
    }

    /* start 24/12/2020 */
    .off_pc .off_pic{
        margin-bottom:15px;
    }
    .what_we_offr_insection .offer_text h3, 
    .what_we_offr_insection .offer_text p{
        color:#000;
    }
    .what_we_offr_insection .offer_text h4{
        color: #36b54a;
    }
    /* end 24/12/2020 */

.what_we_offer_section.cmn-gap {
    padding-bottom: 45px;
}

}

@media (max-width: 575px) {
    .bnnr_pic {
        width: 154px;
        margin: 0 auto 20px;
    }
    .in_bnr_txt {
        padding-left: 0;
        margin-bottom: 44px;
        text-align: center;
        padding: 15px 25px;
    }
    .in_bnr_txt {
        margin-bottom: 7px;
    }
    .bannr_text {
        top: 50%;
    }
    .bnnr_list ul {
        padding-left: 0px;
    }
    .brand_section .slick-prev {
        left: 0px;
    }
    .brand_section .slick-next {
        right: 0px;
    }
    .copyright {
        padding-top: 6px;
    }
    .footer ul li {
        margin: 0px;
        width: 100%;
    }
    .footer ul {
        padding-left: 0px;
    }
    .work_section .work_bx {
        margin-bottom: 15px;
    }
    .concept_pic {
        width: 100%;
    }
    .innr_bnnr_section h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .face_txt h2 {
        margin-bottom: 15px;
    }
    .all_jacket_section h2 {
        font-size: 26px;
        line-height: 40px;
    }
    .protpolio_area .slick-next {
        right: 0px;
        width: 24px;
        height: 24px;
        background-size: 24px;
    }
    .protpolio_area .slick-prev {
        left: 0px;
        width: 24px;
        height: 24px;
        background-size: 24px;
    }
    .protpolio_area {
        margin-bottom: 10px;
    }
    .protpolio_area .slick-list {
        padding: 30px 10px;
    }
    .innr_bnnr_section h5 {
        font-size: 20px;
        line-height: 23px;
    }
    .banner_section>.bannr_text {
        position: static;
        transform: inherit;
        background: #000;
        padding: 14px 1px 25px;
        margin-top: -10px;
    }
    .our_storypic:after {
        background-size: 116px;
        width: 116px;
        height: 107px;
    }
    .ft_quick_links ul li {
        width: auto;
        margin: 5px 15px;
    }
    .social_icons ul li {
        width: auto;
        margin: 0px 5px;
    }
    .jacket_slider .slick-prev,
    .jacket_slider .slick-next {
        width: 24px;
        height: 24px;
        background-size: 24px;
    }
    .expection-cont {
        margin-bottom: 35px;
    }


}


@media (max-width: 479px) {
    .expection-cont .our_storypic {
        margin: 0 0 30px 0;
    }
    .expection-cont:nth-child(2n) .our_storypic {
        float: right;
        margin: 0 0px 30px 0px;
    }
    .concept_section h1 {
        font-size: 21px;
        line-height: 28px;
    }
    .concept_text h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    body {
        font-size: 15px;
    }
    .work_text h2 span br {
        display: none;
    }
    .work_text h2 {
        font-size: 21px;
    }
    .what_we_offer_section .offer_area:first-child {
        margin-top: 0px;
    }
    h2 br {
        display: none;
    }
    h2 {
        font-size: 25px;
    }
    .delevry_box .dele_text {
        padding-left: 0px;
    }
    .our_story_text p {
        margin-bottom: 15px;
    }
    .our_storypic {
        margin-bottom: 38px;
    }
    .our_storypic:after {
        right: 0;
        bottom: 0;
    }
    .our_storypic {
        width: 100%;
    }
    .contactpg_formbx .form_bx {
        margin-bottom: 10px;
    }
    .bnnr_list {
        padding: 8px 0px;
    }
    .work_section .drop_icon {
        top: 33px;
    }
    .work_text {
        padding: 10px;
    }
    .work_bx {
        min-height: 452px;
    }
    .work_text {
        margin-bottom: 48px;
    }
    .jacket_text {
        padding: 8px;
    }
    .jakket_box {
        padding: 7px;
    }
    .jacket_text h5 {
        font-size: 15px;
    }
    .jacket_text p {
        font-size: 18px;
        line-height: 22px;
    }
    .jacket_slider {
        padding: 0px 0px;
    }
    .ft_quick_links ul li.loca:before {
        left: 11px;
    }
    .footer h4 {
        margin-bottom: 10px;
    }
    h2,
    h3,
    h4 {
        margin-bottom: 10px;
    }
    .our_story_text br {
        display: none;
    }
    .quotes_form {
        margin-top: 35px;
    }
    .quotes_form .form_input_check.new span {
        font-size: 13px;
    }
    .quotes_form label span {
        padding-top: 7px;
        font-size: 12px;
    }
}

@media (max-width: 359px) {
    .banner_section figure {
        height: 259px;
    }
    .bannr_text {
        top: 70%;
    }
}