.header-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-nav {
    position: relative;
}

.header .main-menu li a {
    padding: 10px 10px;
    font-size: 14px;
}

.header-logo a img {
    height: 35px;
    margin-top: 7px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.badges {
    display: flex;
    gap: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ecec00;
    background: #ffffe0;
    border-radius: 5px;
    align-items: center;
    min-height: 135px;
}
.bad-l{
    flex-shrink: 0;
}

.bad-r{
    flex-shrink: 1;
    font-size: 16px;
    line-height: 1.7rem;
    font-size: 1rem;
}
.pricing-desc {
    /* background-color: #fff;
    border: #C6C5C5 1px solid; */
    padding: 20px;
    border-radius: 5px;
    min-height: 97px;
    /* align-items: center; */
    display: flex;
}

.pricing-desc ul{
    padding-left: 15px;
}
 .pricing-desc ul li{
     position: relative;
     font-size: 16px;
     line-height: 1.7rem;
    font-size: 1rem;
 }
 .pricing-desc ul li:before{
     content: "";
     height: 5px;
     width: 5px; 
     background: #fff;
     display: block;
     border: 2px solid  #d52b1e;
     position: absolute;
     left: -12px;
     top: 50%;
     transform: translateY(-50%);
 }
 .text-body-excerpt {
    font-size: 16px;
    line-height: 22px;
}
.badges.no-bg{
    background: transparent;
    border: none;
}
.hddm{
    font-size: 29px;
    text-align: center;
}
.services-pro-icons img.autosize {
    width: 100px;
    height: auto;
}
.services-pro-icons img.autosize1 {
    width: 70px;
    height: auto;
}
a.learn-more-pkg-cta {
    width: 100%;
    padding: 10px 20px;
    text-align: right;
    display: block;
    padding-right: 0px;
    color: #0000ff;
}
a.learn-more-pkg-cta:after{
    content: ">";
    margin-left: 5px;
    background: #d52b1e;
    border-radius: 100%;
    color: #fff;
    text-decoration: none;
    width: 22px;
    display: inline-block;
    text-align: center;
}

.service-guarantee{
    background: #f2f6ff;
}
.service-guarantee , .native-subject{
    padding: 50px 0px;
}
.service-guarantee h1, .color-grading.services-pro-icons h2, .native-subject h2{
    font-size: 35px;
}

.service-guarantee h1{
    margin-bottom: 40px;
    display: block;
}
.hddm:after {
    content: "";
    width: 50px;
    display: block;
    height: 4px;
    background: #d52b1e;
    margin: 0px auto;
    border-radius: 5px;
    margin-top: 10px;
}
.secondary-btn a{
    background: #fff;
}

.secondary-btn a span{
    display: none;
}

.row.box-item-style .col-md-3{
    /* background: #fff; */
    width: 100% !important;
    padding: 10px 10px;
    text-align: center;
}
.row.box-item-style .col-md-3 img{
    height: 60px !important;
    width: auto !important;
    margin-top: 10px;
}
.row.box-item-style .col-md-3 h3{
    font-size: 20px;
    margin-top: 10px;
}
.row.box-item-style .col-md-3 p{
    margin-bottom: 10px;
}
.services-pro-icons img{
    width: auto;
    height: auto;
}
.box-item-style{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax( calc(25% - 20px), 250px))
}
.editor_team #homeeditor .item {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 5px 5px;
    padding: 25px 0px 20px;
    min-height: 300px;
}
.editor_team #homeeditor .item a {
    text-decoration: none;
    color: #000;
    margin: 0 auto;
}
.editor_team #homeeditor .item .edi-lt-img {
    display: block;
    float: none;
    text-align: center;
    margin: 0 auto;
    width: 125px;
    height: 125px;
    border-radius: 100%;
}
.editor_team #homeeditor .item .title {
    width: 100%;
    display: block;
    line-height: 25px;
    color: #000;
    margin: 20px 0 0px;
    font-size: 16px;
    padding: 0 7px;
    /* min-height: 60px; */
    display: flex;
    flex-direction: column;
    min-height: 70px;
}
.editor_team #homeeditor .item .editor-exp {
    padding-left: 12px;
    font-size: 12px;
}
.editor_team #homeeditor .item .editor-exp .exp {
    float: left;
    border-right: rgb(151, 145, 145) 1px solid;
    width: 147px;
    margin-right: 10px;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(226, 226, 226, 1) 48%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}
.editor_team #homeeditor .item .editor-exp .exp strong {
    font-size: 28px;
    font-weight: normal !important;
    margin-right: 10px;
    float: left;
    color: #000;
    font-size: 28px;
    line-height: 32px;
}
.editor_team  .edi-lt-img img{
    border-radius: 100%;
}
.editor_team #homeeditor .item .editor-exp .exp-txt {
    text-align: left;
    float: left;
    line-height: 16px;
    width: 80px;
    font-size: 14px;
    margin-top: 9px;
}
.editor_team #homeeditor .item .editor-exp .exp-flag {
    float: left;
}
.editor_team #homeeditor .item .codet {
    display: none;
}
.view-btn {
    display: block;
    text-align: center;
    padding: 50px 0;
}

.view-btn a{
    /* background: #d52b1e; */
    padding: 20px 80px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,.1);
    transition: .2s all ease;
    position: relative;
    transform: translateY(0);
    display: inline-block;
    background-color: #d52b1e;
    color: #fff;
    padding: 20px 80px;
    border-radius: 5px;
    /* box-shadow: 5px 5px 10px rgba(0,0,0,.1); */
    transition: .2s all ease;
    position: relative;
    transform: translateY(0);
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #d52b1e;
}

.view-btn a:hover{
    transform: translateY(-2px);
    box-shadow: 5px 5px 10px rgba(0,0,0,.1), -5px -5px 10px rgba(0,0,0,.1);
    background: #fff;
    color: #d52b1e;
}

footer#footerwrap {background: #1d1d1d;color: #fff}
footer#footerwrap .footer-awards {line-height: 14px;text-align: center;padding: 20px 0px;}
footer#footerwrap .footer-awards span.text {    display: block;
   margin-top: 10px;
   font-size: 12px;}
footer#footerwrap .copyrightsection {border-top: 1px solid #343434;padding-top: 20px;padding-bottom: 20px;}
footer#footerwrap .topsection h5 {color: #fff;font-size: 14px;margin-bottom: 10px;text-align: left;font-weight: 700}
footer#footerwrap .topsection p {color: #fff;font-size: 15px;margin-bottom: 20px;text-align: left;line-height: 26px}
footer#footerwrap .topsection ul {margin-left: 15px}
footer#footerwrap .topsection ul li a {color: #fff;font-size: 15px;margin-bottom: 20px;text-align: left;text-decoration: none;line-height: 26px}
footer#footerwrap .rating {margin-bottom: 10px;}
footer#footerwrap .rating a {display: inline-block;vertical-align: middle;color: #fff;font-size: 14px;}
footer#footerwrap .copyrightsection a{
color: #fff;
}
.black-belt {
    background: #d52b1e;
}
.security h3 {
    color: #fff !important;
    padding-left: 0;
    margin: 0 0 !important;
}
.us-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 24px;
    line-height: 58px;
}
.security .row .col-md-4:first-child .secure span {
    background-position: 2px -98px;
    width: 42px;
    height: 48px;
}
.security .row .col-md-4 .secure span{
    float: left;
}
.security .row .col-md-4 .secure span {
    position: absolute;
}
.security h3 {
    color: #fff !important;
    padding-left: 0;
    margin: 0 0 !important;
}
.secured1 h3, .secured1 p {
    padding-left: 55px;
}
.security .wht-color, .security p {
    color: #fff;
}
.security .row .col-md-4:nth-child(2) .secure span {
    background-position: 1px -46px;
    width: 55px;
    height: 50px;
}
.security .row .col-md-4 .secure span {
    position: absolute;
}

.security .row .col-md-4:last-child .secure span {
    background-position: 3px 1px;
    width: 53px;
    height: 48px;
}
.security .row .col-md-4 .secure span {
    position: absolute;
}

.secured3 h3, .secured3 p {
    padding-left: 85px;
}
.secured2 h3, .secured2 p {
    padding-left: 70px;
}

.secure h3 {
    font-size: 20px;
    line-height: 28px;
}
.security {
    padding: 50px 0;
}
.color-grading  .card-grid-1.bg-5.bg-business.hover-up {
    background-color: #dff1fd !important;
}

.color-grading  .card-grid-1.bg-9.bg-local.hover-up {
    background-color: #ecf7fe !important;
}

.color-grading  .card-grid-1.bg-2.bg-local.hover-up {
    background: #f6fbff !important;
}
.card-grid-1 {
    padding: 30px 30px !important;
}
.grid-1-img img{
    width: 60px;
    height: 60px;
}
.text-body-excerpt {
    font-size: 16px;
    line-height: 22px;
    /* min-height: 150px; */
    font-size: 1rem;
    line-height: 1.7rem;
}
.color-grading .brd-right .text-body-excerpt {
    min-height: 190px;
}
section.other-services {
    padding: 50px 0;
}

.other-services .serv-box{
    background: #fff;
    padding: 20px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.02), -3px -3px 5px rgba(0,0,0,.02);
    border-radius: 8px;
}
.serv-box.border_style h2{
    font-size: 19px;
    line-height: 1.5rem;
    margin: 10px 0px;
}
.other-services .serv-box .text-box {
    font-size: 15px;
    margin: 0;
    min-height: 130px;
}
.other-services .serv-box .img-box img {
    border-radius: 5px;
    width: 100%;
}
.brd-right.hide-brd {
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)) 0 100%;
}

.other-services .serv-box .text-box {
    font-size: 15px;
    margin: 0;
    min-height: 110px;
}
.native-subject{
    background: url(../../assets/imgs/background.jpg) no-repeat center center;
    background-size: auto;
    /* background-color: rgba(0,0,0,0.5); */
    background-blend-mode: multiply;
    background-position: top center;
    background: url(https://www.crimsoni.com/assets/imgs/homepage/about-section-bg.png) no-repeat center left;
    background-size: cover;
}
/* 
.native-subject .us-heading{
    color: #fff;
} */

.box-asset-left{
    background: url(../../assets/imgs/paper.png) no-repeat bottom left;
    background-size: auto 90%;
}

.banner-hero.bg-about-1 {
    background: url(../../assets/imgs/banner.png) no-repeat center left;
    background-size: cover;
    height: 100%;
}

.header .main-header .header-left{
    justify-content: space-between;
    flex-wrap: wrap;
}

.header .main-header .header-left .header-logo {
    margin-right: 50px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    gap:10px;
}
.header-nav{
    flex-grow: 1;
    flex-shrink: 0;

}

.header-logo a{
    width: auto;
}
.header .main-header .header-left .header-nav{
    width: auto;
}
.header-banner-grid {
    display: grid;
    grid-template-columns: 4fr repeat(2, 3fr);
    grid-template-rows: 1fr 2fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    align-items: center;
    padding: 50px 0px;
}
/*
    @grid style
    [1] [==2==]
    [|] [3] [4]
    [|] [5] [|]    
*/
.header-col-left { grid-area: 1 / 1 / 4 / 2; }           /*1*/
.header-main-text { grid-area: 1 / 2 / 2 / 4; }          /*2*/
.header-main-content { grid-area: 2 / 2 / 3 / 3; }       /*3*/
.header-right-bottom-image { grid-area: 2 / 3 / 4 / 4;align-self: start; } /*4*/
.header-middle-bottom-cta { grid-area: 3 / 2 / 4 / 3; }  /*5*/

.banner-hero.bg-about-1 {
    background: url(../../assets/imgs/banner.png) repeat bottom center;
    background-size: auto;
    height: 100%;
    background-repeat: repeat;
    background-color: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 0px;
}
.banner-hero.bg-about-1.banner-bagstrap-new {
    background: url(../images/bg-banner.jpg) repeat bottom center;
    background-size: auto;
    height: 100%;
    background-repeat: repeat;
    background-color: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 0px;
    background-size: cover;
}

h1.banner-heading {
    font-size: 40px;
    line-height: 56px;
}
.header-main-content {
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
}
a.head-banner-cta-new {
    background: #D52B1E;
    padding: 10.6px 42.41px 10.6px 42.41px;
    border-radius: 50px;
    color: #fff !important;
    border: 2px solid #C10E00;
    font-size: 18px;
}

.header-middle-bottom-cta {
    display: flex;
    justify-content: center;
}

.banner-header {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.banner-subheader {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ft-35{
    font-size: 35px;
}

.banner-subheader .red-text {
    color: #D52B1E;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.align-center-ht-600 {
    min-height: 500px;
    align-items: center;  
}

section.our-service.other-services {
    /* background: url(https://www.crimsoni.com/assets/imgs/homepage/about-section-bg.png) no-repeat center left; */
    background-size: cover;
    height: 600px;
    background-color: #f2f6ff;
}  

.header-logo a:first-child:after{
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: linear-gradient(rgba(0,0,0,0) ,rgba(0,0,0,0) , #ddd ,rgba(0,0,0,0) , rgba(0,0,0,0)  ) 0 100%;
    margin-left:10px;
}

.header-logo a:nth-child(2) img{
    height: 25px;
    margin-top: 15px;
}
.box-item-style:before, .view-btn a:before{
    display: none !important;
}
.color-grading .grid-1-img {
    text-align: center;
}
.editor_team #homeeditor .item:hover{
    border: none;
    transform: scale(1.01,1.01)
}
.editor_team #homeeditor .item{
    transform: scale(1.0,1.0);
    transition: .2s all ease-in-out;
    border: none;
}
.main-menu > li a:hover, .main-menu > li.has-children ul {
    border-bottom: 2px solid #3CD3C8;
}
.main-menu > li a{
    border-bottom: 2px solid transparent;
}
.main-menu > li.has-children a{
    border-bottom: 2px solid transparent;
}
.section-box {
    display: block;
    width: 100%;
}
.color-grading   .card-grid-1:hover{
    box-shadow: 2px 2px 5px rgba(0,0,0,.05), -2px -2px 5px rgba(0,0,0,.05);
}

/*header cta*/
.view-btn.header-cta {
    padding: 0px;
    text-align: left;
}
.banner-header{
padding-bottom: 10px;    
}
.banner-subheader{
    padding-bottom: 5px;
}

.view-btn.header-cta a{
    padding: 15px 50px;
    box-shadow: none;
}

/* cta popup*/
.disable-scrolling{
    /* overflow: hidden;
    scrollbar-gutter: stable; */

}
.popup-window {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index:999;
    background: rgba(0,0,0,.6);
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .2s all ease-in-out; 
    transition-delay: .1s;
}

.popup-window.show-popup{
    display: flex;
    opacity: 1;
}

.popup-close{
    text-align: right;
}

.popup-close a{
    color: #fff;
    opacity: .7;
    transition: .2s all ease-in-out;
}

.popup-close a:hover{
    opacity: 1;
}

.popup-cotent{
    background: #FFF;
    /* margin-top: 10px; */
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,.08), -5px -5px 10px rgba(0,0,0,.08);
    padding: 10px;
    background: url(https://www.crimsoni.com/assets/imgs/homepage/about-section-bg.png) no-repeat center left;
    background-color: #fff;
    background-size: contain;
}
.servicepopup{
  display: flex;
    align-items: stretch;
}
.servicepopup .pp-editing{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.servicepopup .pp-editing h2{
    line-height: 2rem;
}
.servicepopup .pp-editing{
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.04);
}
.popup-cotent .service-popup-head {
    text-align: center;
    font-size: 23px;
    line-height: 1.5rem;
    margin: 10px 0;
}
.servicepopup span.ppbtn:after{
    display: none;
}

/*others*/
.why-enago_block.shadow-style.border_style {
    box-shadow: 3px 3px 5px rgba(0,0,0,.02), -3px -3px 5px rgba(0,0,0,.02);
}

.servicepopup .pp-editing {
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,.05), -2px -2px 5px rgba(0,0,0,.05);
}

.servicepopup .pp-editing:hover{
    transform: scale(1.015,1.015)
}
.fade {
    opacity: 1 !important;
}
.sub-heading.text-c-head {
    margin-bottom: 10px;
    font-size: 30px;
    color: #000;
    margin-bottom: 25px;
    line-height: 1.4;
    text-align: center;
}
p.readmore-link{
    text-align: right;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #0000ff;
}
p.readmore-link a{
    color: #0000ff;
    text-decoration: none;
}
p.readmore-link a:hover{
    text-decoration: underline;
    cursor: pointer;
}
.tab-content>.active{
    overflow: visible;
}
.sub-heading.tab-sec-head {
    margin-bottom: 10px;
    font-size: 30px;
    color: #000;
    margin-bottom: 25px;
    line-height: 1.4;
    text-align: center;
}

.intro-text.tab-sec-content {
        font-size: 16px;
    line-height:26px;
    margin-bottom:20px;
}
.mart-40{
  margin-top:40px;  
}
.services-icons img{
    height: 60px;
    width: auto;
}
#scrollUp {
    background-color: #d52b1e;
}
.flex-al-c{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aln-ct{
    text-align: center;
    justify-content: center;
    display: flex;
}
.login-link{
    background-color: #d52b1e;
    color: #fff !important;
    display: inline-block !important;
    padding: 5px 10px !important;
    line-height: 17px;
    margin-top: 7px;
    border-radius: 20px;
}
.login-link:hover{
    border-bottom: 2px solid transparent !important;
}
h3.awards-heading-title {
    text-align: center;
    padding-top: 10px;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    display: block;
    width: 250px;
    margin: 0 auto;
    background: url("../../assets/imgs/gold_wings.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

section.awards-section {
    background: url("../../assets/imgs/DottedTexture.png");
    padding: 50px 0px;
}
.awards-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 10px;
}
.award-item{
    text-align: center;
    padding: 10px 20px;
    max-width: 250px
}
.award-title{
    font-weight: bold;
}

a.cta-btn-white {
    color: #fff;
    border:  2px solid white;
    border-radius: 50px;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 15px;
}

a.cta-btn-white:hover{
    color: #222;
    background: #fff;
}
a.cta-btn-red-small {
    display: inline-block;
    background: #d52b1e;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    margin-top: 10px;
    border: 2px solid #d52b1e;
}

a.cta-btn-red-small:hover{
    color: #222;
    border: 2px solid #d52b1e;
    background-color: #fff;
}

/* editing services */

td.align-center {
    vertical-align: middle;
    text-align: center;
}

td.align-center  i.checkmark {
    position: relative;
    width: 40px;
    display: inline-block;
    margin: 0 auto;
    padding: 15px 10px ;
}

td.align-center  i.checkmark:after{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-10px) translateY(-50%);
}
#editing-services.comparisontable thead th{
    top: 0px;
}

/* topvar*/
#topbarwrapper {
    display: block;
    height: 34px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.tagline {
    color: #535353;
    font-size: 13px;
    line-height: 15px;
    padding-left: 0;
    margin-bottom: 7px;
    display: none;
}

#top-bar {
    background-color: #f5f5f5;
    font-size: 12px
}

#top-bar a {
    float: left;
    padding: 0 10px;
    color: #333;
    vertical-align: middle;
    border-right: #eee 1px solid
}

#top-bar a.login-btn {
    background-color: #ddd
}

#top-bar .working-time {
    float: left;
    padding: 0 10px;
    color: #333
}

#top-bar i.fa {
    color: #666
}


#top-bar .rightlinks {
    display: flex;
    justify-content: start;
}

#top-bar .login-btn {
    background: #3b3b3b !important;
    color: #fff !important;
}

.big-logo img.slider-logo {
    height: 70px;
}
.exp strong {
    color: #d52b1e;
    font-size: 24px;
    letter-spacing: 0px;
    margin-right: 5px;
    vertical-align: sub;
    line-height: normal;
}
span.same-height {
    display: block;
    min-height: 133px;
}
.show-pricing-popup{
    margin-left: 20px;
}
.no-img-wrap-space .img-wrap{
margin-top: 0px !important
}
.view-btn.no-style {
    text-align: right;
    margin: 0px !important;
    padding: 0px !important;
}

.view-btn.no-style  a{
    padding: 5px 10px;
    background: transparent;
    border: none;
    box-shadow: none;
     color: #0000ff;
    text-decoration: underline;
}
.border-gradient{
    padding-bottom: 0px;
}

.paper-style .paper-details {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}
.quote-style .stories{
    display: flex;
    gap: 10px;
}
.quote-style  .client-img img{
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
}
.panel-collapse.collapse.in{
    display: block;
}
.services-bg.packages {
    padding-bottom: 135px;
  }

  .popup-table-outer {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
     height: 100%;
    background: rgba(0,0,0,.3);
    top: 0px;
    position: fixed;
    left: 0px;
    z-index: 9999;
}
.ptable-row{
    display: flex;
}

.ptable-row > div{
    min-width: 120px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    padding: 5px;
}
.ptable-foot  > .ptable-row > div{
    justify-content: stretch;
     width: 100%;
    text-align: center;
}

.popup-table-actions {
    text-align: right;
}

.popup-table-actions a{
    color: rgba(255,255,255,.6);
    transition: .2s all ease-in-out;
}
.popup-table-actions a:hover{
    color: rgba(255,255,255,1);
}



.ptable-row-heading {
    background: #d52b1e;
    text-align: center;
    color: #fff;
    border-radius: 18px 18px 0px 0px;
    line-height: 54px;
    font-size: 30px;
}

.accent-y {
    background: #ffffdf;
}

.accent-r {
    background: #F5DFD8;
}

.accent-b {
    background: #D7E4ED;
}
.accent-w{
    background: #fff;
}
.ptable-foot .accent-w{
    border-radius: 0px 0px 18px 18px;
    color: #000 !important;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
}
.ptable-row > div.text-bold{
    
    font-weight: bold;
}
.popup-table-content{
    position: relative;
}
.popup-table-content:before {
    content: "최대 37% 다운";
    background: url("../../../assets4/images/discount-arrow.png");
    background-size: 100px 140px ;
    height: 140px;
    width: 100px;
    background-repeat: no-repeat !important;
    display: block;
    position: absolute;
    padding: 25px 15px 10px 45px;
    top: -3px;
    right: -25px;
    color: #fff;
    
}
.ptable-respo-grid > div:last-child{
    padding-right: 40px;
    min-width: 140px
}
@media only screen and (max-width: 1256px){
    h1.banner-heading {
        font-size: 30px;
        line-height: 40px;
    }
    
    .header-main-content {
        font-size: 18px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 1024px){
    .header .main-header .header-left .header-nav {
        width: auto;
        position: initial;
        z-index: 99;
    }
    .box-asset-left{
            background-size: 100% !important;
    }
    .header .main-header .header-left{
        position: relative;
    }
}

@media only screen and (max-width: 995px){
    .box-asset-left{
            background: transparent!important;
    }
    .header .main-header .header-left{
        position: relative;
    }

    .header-banner-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 20px;
    }
    
    .header-col-left { grid-area: 1 / 1 / 2 / 2;display: none; }
    .header-main-text { grid-area: 1 / 1 / 2 / 4; }
    .header-main-content { grid-area: 2 / 1 / 3 / 4; }
    .header-right-bottom-image { grid-area: 3 / 1 / 4 / 4; }
    .header-middle-bottom-cta { grid-area: 4 / 1 / 5 / 4; }
    img.coupon-img-banner {
        max-width: 280px;
    }
    
    .header-right-bottom-image {
        display: flex;
        justify-content: center;
    }
    
    h1.banner-heading {
        text-align: center;
    }
    
    .header-main-content {
        text-align: center;
    }
}
@media only screen and (max-width: 769px){
    .header .main-header .header-left .header-nav {
        width: auto;
        position: initial;
        z-index: 99;
    }
    .box-asset-left{
        background: transparent;    
    }
    .box-banner-left{
        padding: 0px 50px;
    }
    .secure h3, .secure p{
        padding-left: 80px
    }
    .security .row .col-md-4 .secure span{
        margin-left: 10px;
    }

    .security .row .col-md-4{
        padding-bottom: 30px;
    }
    .awards-content{
        gap: 5px 10px;
    }
    .services-icons .row.mb-60{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(270px, calc(50% - 20px)));    
    }
    .services-icons .row.mb-60 > div{
        width: 100% !important;
    }
    .services-icons .row.mb-60:before, .accepted-testimonials .row.mart-10:before{
         display: none;
    }
    .brd-right:nth-child(2n){
        border-right: none;
    }
    .accepted-testimonials .row.mart-10 {
        flex-direction: column;
        gap: 20px;
    }
    .accepted-testimonials .row.mart-10 > div{
        width: 100%;
    }
    .popup-window.show-popup {
        z-index: 9999;
        background: rgba(0,0,0,0.5);
      
    }
    .popup-inner{
        width: 80%;
    }
    .servicepopup{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, calc( 50% - 10px )));
        gap: 10px;
        justify-content: center;
    }
    .servicepopup:before{
        display: none;
    }
    .popup-cotent{
      background-size: cover !important;  
    }
    .servicepopup > .col-md-3{
        padding: 0px !important;
    }
    .servicepopup > .col-md-3 {
        padding: 0px !important;
        width: 100% !important;
    }
    .header .main-header .header-left{
        position: relative;
    }
    .mobile-header-active.mobile-header-wrapper-style{
        max-width: 80%  !important;
    }
}
@media only screen and (max-width: 512px){
    .servicepopup{
        max-height: 60vh;
        overflow: auto;
    }
    .header .main-header .header-left .header-nav {
        width: auto;
        position: initial;
        z-index: 99;
    }
    .box-asset-left{
        background: transparent;    
    }
    .box-banner-left{
        padding: 0px 50px;
    }
    .businesstags ul:first-child li{
        border-right: none;
    }
    /* .businesstags ul{
        flex-direction: column;
    } */
    .secure h3, .secure p{
        padding-left: 80px
    }
    .big-logo img.slider-logo {
        height: 50px;
    }
    .security .row .col-md-4 .secure span{
        margin-left: 10px;
    }

    .security .row .col-md-4{
        padding-bottom: 30px;
    }
    .awards-content{
        gap: 5px 10px;
    }
    .header .main-header .header-left{
        position: relative;
    }
    .businesstags ul:first-child img {
        height: 50px !important;
        width: auto !important;
    }
    .businesstags ul img {
        height: 30px !important;
        width: auto !important;  
    }
    .businesstags ul{
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(50% - 30px));
    }
    .block-gallery-1 img{
        max-width: 250px;
    }
    .brd-right{
        border-right: none;
    }
    .services-icons .row.mb-60{
        display: flex;
        flex-direction: column;
    }
    .awards-content{
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(50% - 10px));
        gap: 10px;
    }
    
    .header-logo a:nth-child(2) img{
        height: 20px;
    }
    .header-logo a img{
        height: 30px;
    }
    .burger-icon.burger-close{
        z-index:9999;
        position: fixed;
    }
}

.full-width-cell-grid > div {
    width: 100% !important;
}
.show-mobile{
    display: none;
}

@media only screen and (max-width: 800px){
    .show-mobile{
        display: block !important;
    }
    .show-desktop{
        display: none;  
    }
    .ptable-row-heading{
        font-size: 22px;
    }
    .ptable-body.show-mobile {
        max-height: 65vh;
        overflow: auto;
    }
    .popup-table-content:before{
        background-size: 90px 120px;
        height: 120px;
        width: 90px;
        background-repeat: no-repeat !important;
        display: block;
        position: absolute;
        padding: 19px 15px 10px 39px;
        top: -3px;
        right: -25px;
        color: #fff;
    }
    .ptable-respo-grid > div:last-child{
        padding-right: 0px;
        min-width: 100px;
    }
    .ptable-row > div{
        min-width: 100px;
    }
}