*,

ul {

    padding: 0
}



.btn-arrow,

.btn-arrow span,

.main-img,

.mob,

.mob i,

.retuch-box,

.service {

    position: relative
}



#menu-copyright li,

.banner-heading span,

.btn-arrow span,

.search,

.service-heading,

a {

    display: inline-block
}



.mob::after,

.mob::before,

.red-dots span:before {

    animation: 3s linear infinite pulse-me;

    pointer-events: none
}



.swt,

.trl-btn {

    text-transform: uppercase
}



.banner,

.btn-arrow,

.cd-resize-img,

.input-group,

.main-img,

.retuch-box {

    overflow: hidden
}



.click-morebtn,

a,

a:hover {

    text-decoration: none !important
}



.cd-image-label.is-hidden,

.overlay-box,

.retuch-box .hov-shape,

.sub-menu {

    visibility: hidden
}



* {

    box-sizing: border-box;

    margin: 0
}



body {

    font-family: Poppins, sans-serif !important
}



html {

    scroll-behavior: smooth
}



.Discuss ul li a,

a {

    text-decoration: none
}



b,

strong {

    font-weight: 600 !important
}



ol li,

p {

    margin-top: 0;

    line-height: 26px;

    letter-spacing: .5px
}



.Discuss ul li,

ul li {

    list-style: none
}



.bg-img {

    background-repeat: no-repeat;

    background-size: cover
}



.font-21 {

    font-size: 21px !important
}



#header-search .input-group input,

.image-nu label,

.product-get-a-quate .mob i,

.trl-btn {

    font-size: 16px
}



.form-control:focus {

    outline: 0;

    box-shadow: none
}



.panel-space {

    padding: 60px 0
}



.bg-red {

    background-color: #c02028 !important
}



.bg-lightgrey {

    background-color: #f9f9f9 !important
}



.bg-blue {

    background-color: #169bda !important
}



.bg-white,

.navbar-nav li a::after {

    background-color: #fff !important
}



.date-icon {

    float: right !important;

    margin: -30px 11px 0 0 !important
}



.bg-black {

    background-color: #000 !important
}



.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl,

.red-dots i {

    position: relative;

    z-index: 2
}



a {

    -webkit-transition: color .3s, background-color .3s;

    -moz-transition: color .3s, background-color .3s;

    -o-transition: color .3s, background-color .3s;

    transition: color .3s, background-color .3s
}



.myservices h5,

.service-box .service-sub-heading,

.text-black {

    color: #000 !important
}



header {

    position: fixed;

    width: 100%;

    z-index: 999;

    top: 0
}



button:focus {

    outline: 0 !important;

    box-shadow: none !important
}



.trl-btn {

    background: #c02028;

    color: #fff;

    padding: 7px 20px;

    border-radius: 54px
}



.banner .mob,

.banner .mob::after,

.banner .mob::before,

.banner-heading span,

.main-img,

.right-btn,

.search,

.trl-btn:hover {

    background-color: #fff
}



.btn-ancer a,

.button .btn:hover,

.signh-three,

.trl-btn:hover {

    color: #c02028
}



.navbar-dark .navbar-nav .nav-link {

    color: #fff;

    font-size: 16px;

    letter-spacing: .6px;

    margin: 0 20px !important;

    padding: 0 !important
}



.search {

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 34px;

    border-radius: 50%;

    margin-right: 20px;

    color: #000
}



#header-search .modal-dialog {

    max-width: 100%;

    margin: 0
}



.auto-margin {

    margin: auto
}



#header-search .input-group {

    height: 50px
}



.input-group .form-control {

    padding: 15px;

    height: 100%;

    border-radius: 5px;

    border-width: 1px
}



#header-search .input-group .btn {

    font-size: 18px;

    padding: 0 40px
}



.input-group .btn {

    width: 100%;

    font-size: 20px;

    font-weight: 500;

    padding: 0 60px;

    background: #169bda;

    color: #fff;

    transition: .5s ease-in-out;

    height: 100%;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0
}



.main-img,

.overlay-box,

.retuch-box,

.retuch-box .outerBox {

    transition: .8s
}



.btn-arrow,

.google-revies-link a:after {

    transition: color .1s cubic-bezier(.16, .08, .355, 1), background .1s cubic-bezier(.16, .08, .355, 1)
}



.banner-heading span {

    color: #932a68;

    padding: 2px 12px;

    /* font-size: 35px; */
    font-size: 29px;

    font-weight: 600;

    margin-bottom: 18px;

    letter-spacing: 1.5px
}



.banner-heading {

    font-size: 25px;

    color: #fff;

    font-weight: 400
}



.banner-cnt {

    color: #fff;

    margin-bottom: 34px;

    font-size: 26px;

    font-weight: 300;

    letter-spacing: 1.6px
}



.explore-btn,

.start-price {

    font-size: 18px;

    font-weight: 300
}



.banner {

    background-color: #932a68;

    margin-top: 90px;

    margin-bottom: -2px
}



.start-price {

    text-align: end;

    text-align: end;

    margin-top: 30px;

    color: #fff
}



.btn-ancer a,

.btn-arrow,

.bulk-orderbox,

.main-img,

.one-box,

.or-box,

.order-buybox h2,

.revie-box,

.sub-menu-list li,

.swt,

.upfile {

    text-align: center
}



.explore-btn {

    margin-top: 100px
}



.service-heading {

    padding: 7px 25px;

    background-color: #169bda;

    color: #fff;

    letter-spacing: .9px;

    font-weight: 300
}



.retuch-box .top-box,

.right-btn {

    display: flex;

    align-items: center
}



.cms-banner:after,

.right-btn {

    display: none
}



.service-box figure img {

    width: 100%;

    height: 100%;

    object-fit: contain
}



.service-box figure {

    height: 50px;

    margin-bottom: 23px !important
}



.service {

    box-shadow: 0 3px 10px -6px rgb(75 75 75 / 18%)
}



.right-btn {

    width: 70px;

    height: 70px;

    justify-content: center;

    border-radius: 50%;

    box-shadow: 0 3px 10px -5px rgb(75 75 75 / 32%)
}



.main-img img {

    height: 100%;

    object-fit: cover;

    width: 100%
}



.main-img {

    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);

    width: 100%;

    height: 310px
}



.retuch-box {

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 3px 80px 0 rgb(215 223 231 / 50%);

    display: block;

    width: 100%;

    color: #fff !important
}



.retuch-box .hov-shape {

    width: 400px;

    height: 400px;

    border-radius: 50%;

    background: #cc383e;

    position: absolute;

    right: 0;

    top: 0;

    transform: translate(60%, -60%);

    transition: .5s;

    opacity: 0;

    z-index: 4
}



.retuch-box .top-box {

    justify-content: space-between;

    position: absolute;

    z-index: 7;

    right: 42px;

    top: 63px
}



.retuch-box .top-box .more {

    opacity: 0;

    visibility: hidden;

    transition: .4s .2s;

    transform: translateX(-13px)
}



.retuch-box:hover .top-box .more {

    opacity: 1;

    visibility: visible;

    transform: translateX(0)
}



.retuch-box:hover .hov-shape {

    opacity: 1;

    visibility: visible;

    transform: translate(32%, -44%)
}



.retuch-box:hover .overlay-box {

    visibility: visible;

    opacity: .7
}



.overlay-box {

    width: 100%;

    height: 100%;

    background-color: #cc383e;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0
}



.click-morebtn:hover,

.mob {

    background: #c02028
}



.mob i {

    z-index: 1
}



.mob::after,

.mob::before {

    content: "";

    width: 20px;

    height: 20px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #c02028;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    transform: scale(.5);

    transform-origin: center center;

    z-index: 0
}



.mob::after {

    animation-delay: 2s
}



@keyframes pulse-me {

    0% {

        transform: scale(.5);

        opacity: .05
    }



    70% {

        opacity: .3
    }



    100% {

        transform: scale(5);

        opacity: 0
    }

}



.work-with-us figure img {

    width: 74px
}



.blue-btn,

.red-btn {

    padding: 10px 30px;

    color: #fff;

    letter-spacing: 1.5px
}



.blue-btn:hover {

    background-color: #c02028 !important;

    color: #fff
}



.blue-btn:hover span,

.red-btn:hover span {

    display: inline-flex;

    visibility: visible
}



.red-btn:hover {

    background-color: #169bda !important;

    color: #fff
}



.btn-arrow {

    cursor: pointer;

    outline: 0;

    vertical-align: middle;

    border-radius: 3px
}



.btn-arrow span {

    transition: .3s ease-out;

    will-change: transform
}



.btn-arrow:hover span {

    transform: translate3d(-1rem, 0, 0)
}



.btn-arrow i {

    position: absolute;

    width: 1.1em;

    right: 0;

    opacity: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: .3s ease-out;

    will-change: right, opacity
}



.btn-arrow i * {

    stroke-width: 5
}



.btn-arrow:hover i {

    opacity: 1;

    right: -2rem
}



.revie-box p {

    color: #161616;

    margin-top: 20px;

    margin-bottom: 0
}



.revie-box {

    padding: 25px;

    box-shadow: rgb(0 0 0 / .15) 0 5px 15px 0;

    margin-top: 41px
}



.revie-box h5 span {

    color: #fcb002;

    margin-left: 2px
}



.revie-box h5 span:first-child {

    margin-left: 10px
}



.google-revies-link img {

    width: 96px
}



.google-right-border {

    border-right: 2px solid #ebebeb
}



.google-revies-link a:after {

    content: '';

    width: 100%;

    height: 2px;

    background-color: #000;

    position: absolute;

    bottom: 0;

    left: 0
}



.google-revies-link a:hover:after {

    width: 190px;

    left: -15px
}



.google-revies-link a {

    overflow: visible
}



.say-client {

    font-size: 21px;

    min-height: 238px;

    line-height: 1.6
}



.owl-theme .owl-controls .owl-nav div {

    width: 50px !important;

    height: 50px !important;

    background-color: #fff;

    line-height: 50px;

    border-radius: 50%;

    color: #000 !important;

    box-shadow: 0 5px 12px rgb(0 0 0 / .2)
}



.owl-next:before,

.owl-prev:before {

    font-size: 16px !important
}



.reviews-slider .owl-nav {

    position: absolute;

    bottom: 13px;

    right: 0
}



.owl-theme .owl-controls .owl-nav .current,

.reviews-slider .owl-controls .owl-nav div:hover {

    background-color: #c02028;

    color: #fff !important
}



.owl-next {

    margin-left: 14px
}



#footer .input-group .form-control {

    border: 1px solid #666;

    padding: 10px
}



#footer .input-group-append .btn {

    background-color: #f2f2f2;

    border: 1px solid #666;

    border-left: 1px solid #666;

    color: #c02028;

    padding: 0 40px
}



.copyright p,

.subcribe p {

    font-size: 14px
}



.subcribe {

    width: 66%
}



#menu-image-retouching-services {

    columns: 2
}



.footer-link p,

.footerlinks li a {

    text-decoration: none;

    color: #000;

    display: block;

    padding: .4rem 0;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: .5px;

    position: relative
}



.slidbarnav li a,

.slidbarnav li a:hover {

    padding: 9px 44px
}



.footerlinks li a,

.navbar-nav li a,

.or-box,

.site-maplinks li a {

    display: inline-block;

    position: relative
}



.footerlinks li a:after,

.navbar-nav li a::after,

.site-maplinks li a:after {

    content: '';

    position: absolute;

    z-index: -1;

    left: 51%;

    right: 51%;

    bottom: 0;

    background: #c02028;

    height: 1px;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out
}



.footerlinks li a:hover:after,

.navbar-nav li a:hover::after,

.site-maplinks li a:hover:after {

    left: 0;

    right: 0
}



.top-notch p {

    color: #161616
}



.footerlinks li i {

    width: 16px
}



#menu-copyright li a {

    margin: 0 10px;

    font-size: 14px
}



.round-surcul {

    width: 50px;

    height: 50px;

    border: 2px solid #fff
}



.retuch-box:hover .top-box .more i {

    font-size: 18px;

    color: #fff !important
}



.red-dots span:after {

    content: "";

    position: absolute;

    z-index: 1;

    right: -12px;

    bottom: 6px;

    display: block;

    width: 16px;

    height: 16px;

    border: 4px solid #aa5788;

    background: #aa5788;

    border-radius: 50%;

    transition: .2s
}



.red-dots span:before {

    content: '';

    position: absolute;

    background: #aa5788;

    border-radius: 50%;

    right: -7px;

    bottom: 11px;

    margin: auto;

    transform: scale(.2);

    transform-origin: center center;

    z-index: 0;

    width: 6px;

    height: 6px
}



.fa-skype {

    color: #00aff0
}



.fa-square-whatsapp {

    color: #25d366
}



.google-right-border h3 {

    font-size: 23px
}



.footerlinks li a .fa-skype,

.form-box .form-text {

    color: #000
}



#footer .input-group-append .btn:hover {

    background-color: #000;

    color: #fff
}



.retuch-box .outerBox .title {

    padding-top: 8px;

    padding-bottom: 8px;

    color: #000 !important;

    font-weight: 600
}



.view-all-pro {

    color: #0f0f0f !important;

    letter-spacing: .5px
}



.cms-heading {

    margin-top: 90px;

    padding: 20px 0;

    background-color: #1f8dc0
}



.cms-heading h1 {

    font-size: 30px
}



.cms-banner {

    height: 440px;

    background-size: cover
}



.order-buybox {

    margin-left: auto;

    box-shadow: 0 2px 5px rgb(186 186 186 / 41%);

    max-width: 350px;

    font-family: Poppins, sans-serif;

    border-radius: 5px;

    position: sticky
}



.order-buyinfo {

    padding: 20px 10px 10px
}



.order-buybox h2 {

    font-size: 23px;

    font-weight: 400;

    color: #000
}



.bulk-orderbox {

    padding: 10px;

    background: #e351a4;

    border-radius: 5px 5px 0 0;

    color: #fff;

    margin-top: 5px
}



.order-buybox .bulk-orderbox h2 {

    font-weight: 600;

    margin-bottom: 0;

    padding-top: 10px;

    position: relative;

    font-size: 32px;

    text-transform: uppercase
}



.bulk-orderbox span.upto {

    display: inline-block;

    font-size: 10px;

    margin: 0;

    position: absolute;

    top: 0;

    font-weight: 300
}



.bulk-orderbox span {

    color: #ffdee7;

    display: block;

    text-align: right;

    padding-right: 15px
}



.swt {

    display: block;

    background: #210d04;

    font-size: 18px;

    padding: 13px;

    border-radius: 0 0 5px 5px;

    color: #fff;

    letter-spacing: 1.5px;

    transition: .5s ease-in-out
}



.column-count {

    column-count: 3
}



.list-style li {

    color: #2c2f32;

    margin-bottom: 6px;

    position: relative;

    padding-left: 20px
}



.list-style li:before {

    content: '';

    width: 9px;

    height: 9px;

    background: rgba(39 159 193 / 31%);

    display: inline-block;

    border-radius: 50%;

    margin-right: 14px;

    position: absolute;

    left: 0;

    top: 8px
}



.product-edit-panel {

    padding: 25px;

    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0
}



.img-box {

    padding: 10px 0 10px 10px;

    border-right: none
}



.cd-image-container {

    position: relative;

    width: 99.99%;

    max-width: 768px;

    margin: 0 auto;

    overflow: hidden
}



.cd-image-label {

    position: absolute;

    font-weight: 500;

    letter-spacing: 1px;

    top: 0;

    right: 0;

    color: #fff;

    padding: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    opacity: 0;

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    -ms-transform: translateY(20px);

    -o-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: -webkit-transform .3s .7s, opacity .3s .7s;

    -moz-transition: -moz-transform .3s .7s, opacity .3s .7s;

    transition: transform .3s .7s, opacity .3s .7s
}



.is-visible .cd-image-label {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0)
}



.cd-resize-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-right: 2px solid
}



.cd-resize-img img {

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    height: 100%;

    width: auto;

    max-width: none
}



.cd-resize-img .cd-image-label {

    right: auto;

    left: 0;

    word-break: normal !important;

    overflow-wrap: normal !important
}



.is-visible .cd-resize-img {

    width: 50%;

    -webkit-animation: .7s cd-bounce-in;

    -moz-animation: .7s cd-bounce-in;

    animation: .7s cd-bounce-in
}



@-webkit-keyframes cd-bounce-in {

    0% {

        width: 0
    }



    60% {

        width: 55%
    }



    100% {

        width: 50%
    }

}



@-moz-keyframes cd-bounce-in {

    0% {

        width: 0
    }



    60% {

        width: 55%
    }



    100% {

        width: 50%
    }

}



@keyframes cd-bounce-in {

    0% {

        width: 0
    }



    60% {

        width: 55%
    }



    100% {

        width: 50%
    }

}



.cd-handle {

    position: absolute;

    height: 44px;

    width: 44px;

    left: 50%;

    top: 50%;

    margin-left: -22px;

    margin-top: -22px;

    border-radius: 50%;

    background: url(https://images.clickfunnels.com/09/a714400d3211e7a0bd7d7140585054/cd-arrows.svg) center center no-repeat #000;

    cursor: move;

    box-shadow: 0 0 0 6px rgb(0 0 0 / .2), 0 0 10px rgb(0 0 0 / .6), inset 0 1px 0 rgb(255 255 255 / .3);

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0) scale(0);

    -moz-transform: translate3d(0, 0, 0) scale(0);

    -ms-transform: translate3d(0, 0, 0) scale(0);

    -o-transform: translate3d(0, 0, 0) scale(0);

    transform: translate3d(0, 0, 0) scale(0)
}



.cd-handle.draggable {

    background-color: #445b7c
}



.is-visible .cd-handle {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

    -moz-transform: translate3d(0, 0, 0) scale(1);

    -ms-transform: translate3d(0, 0, 0) scale(1);

    -o-transform: translate3d(0, 0, 0) scale(1);

    transform: translate3d(0, 0, 0) scale(1);

    -webkit-transition: -webkit-transform .3s .7s, opacity 0s .7s;

    -moz-transition: -moz-transform .3s .7s, opacity 0s .7s;

    transition: transform .3s .7s, opacity 0s .7s
}



.portfolio-titletop {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 15px
}



.click-morebtn {

    padding: 10px;

    background: #000;

    color: #fff !important;

    font-size: 14px;

    border-radius: 3px;

    transition: .5s ease-in-out !important;

    white-space: nowrap
}



.cd-image-container img {

    display: block
}



img {

    max-width: 100%;

    height: auto
}



.product-get-a-quate {

    display: flex;

    align-items: center;

    justify-content: space-between
}



.product-get-view-more {

    display: flex;

    align-items: center;

    color: #0f0f0f
}



.product-get-a-quate .product-get-view-more .right-btn {

    width: 45px;

    height: 45px;

    margin-left: 15px
}



.product-get-a-quate .mob::after,

.product-get-a-quate .mob::before {

    width: 15px;

    height: 15px
}



.navbar {

    position: unset !important
}



.sub-menu-box {

    background-color: #c02028;

    padding: 25px 0 3px
}



.sub-menu .main-img {

    width: 100%;

    height: 143px
}



.sub-menu .retuch-box {

    display: block;

    border-radius: 0;

    box-shadow: rgb(0 0 0 / .24) 0 3px 8px
}



.title {

    padding: 4px 8px;

    font-size: 13px !important
}



.sub-menu-list {

    display: grid;

    flex-wrap: wrap;

    padding: 0;

    margin-right: calc(-.5* var(--bs-gutter-x));

    margin-left: calc(-.5* var(--bs-gutter-x));

    grid-template-columns: auto auto auto auto auto auto
}



.sub-menu-list li {

    flex: 0 0 auto;

    width: 100%;

    margin-bottom: 30px;

    max-width: 100%;

    padding-right: calc(var(--bs-gutter-x)* .5);

    padding-left: calc(var(--bs-gutter-x)* .5)
}



.line-border {

    border-right: 2px solid grey;

    padding-right: 60px
}



.form-box .form-control {

    border: 1px solid #000;

    border-radius: 0;

    padding: 10px
}



.form-box .form-control:focus {

    box-shadow: none !important;

    border: 1px solid #000
}



.form-box .form-group {

    font-size: 13px;

    color: #000
}



.button-box .btn {

    background-color: #03a6d6;

    color: #fff;

    border-radius: 0;

    padding: 12px 55px
}



.button-box .btn:hover {

    background-color: #0484ac;

    color: #fff
}



.or-box {

    top: 216px;

    border: 1px solid #d1d1d1;

    border-radius: 50%;

    padding: 15px;

    margin: 0 auto -3px !important;

    font-size: 15px;

    font-weight: 900;

    left: -59px;

    background: #fff
}



.form-mar {

    margin-left: -50px
}



.Discuss ul {

    margin-left: -30px;

    line-height: 3rem
}



.Discuss ul li a {

    color: #000;

    font-size: 17px
}



.Discuss ul li a:hover {

    text-decoration: underline
}



@media (max-width:765px) {

    .line-border {

        padding-right: 0;

        border-right: none;

        border-bottom: 2px solid grey;

        padding-bottom: 77px
    }



    .form-mar {

        margin-left: 0
    }



    .or-box {

        text-align: center;

        position: relative;

        top: -30px;

        border: 1px solid #d1d1d1;

        border-radius: 50%;

        padding: 15px;

        margin: 0 auto -3px !important;

        font-size: 15px;

        font-weight: 900;

        left: 158px;

        display: inline-block;

        background: #fff
    }

}



.signbox {

    display: flex;

    padding-top: 80px
}



.signimg {

    background: #208dc0;

    width: 60%;

    padding: 50px 50px 0 106px
}



.sign-heading {

    font-size: 40px;

    font-weight: 700
}



.signform {

    padding: 54px 0 0 34px;

    width: 40%
}



.main-heading,

.signh-three {

    font-size: 30px;

    font-weight: 700
}



.formbox .form-control {

    border-radius: 13px;

    border: .6px solid #676767;

    width: 81%
}



.formbox .form-group {

    margin-bottom: 0
}



.formgroup label {

    font-size: 22px;

    font-weight: 500
}



.btn-ancer a,

.button .btn {

    font-size: 20px;

    font-weight: 600;

    width: 81%
}



.button .btn {

    background: #c02028;

    border-radius: 13px;

    color: #fff;

    border: none
}



.two-box {

    background-color: #e8e8e8 !important;

    color: #000 !important
}



.btn-ancer a {

    border-radius: 13px;

    border: 1.5px solid #c02028;

    padding: 3px
}



.upfile h3,

.uploadphoto p {

    font-size: 12px
}



.gallerytext p,

.h-three {

    color: #fff;

    padding-left: 33px
}



.btn-ancer a:hover {

    background: #c02028;

    color: #fff
}



.h-three {

    font-size: 24px;

    font-weight: 500
}



.owl-dots {

    position: absolute;

    bottom: 125px;

    right: 31px
}



.owl-theme .owl-dots .owl-dot,

.text-blacks {

    margin-left: 8px
}



.formgroup span a {

    font-size: 12px;

    font-weight: 300;

    text-decoration: underline !important;

    color: #7a7a7a
}



.uploaded-section {

    padding: 130px 0 35px
}



.sidebar {

    border-radius: 10px;

    background: #2a2929;

    padding: 0;

    height: 100%
}



.one-box,

.slidbarnav li a:hover {

    background-color: #c02028;

    color: #fff
}



.user-img img {

    width: 150px;

    height: 150px;

    border-radius: 50%
}



.slidbarnav li {

    margin-bottom: 10px
}



.slidbarnav li a {

    color: #fff;

    width: 224px
}



.slidbarnav li a i {

    padding-right: 10px
}



.upload-box {

    border-radius: 10px;

    border: .5px solid #676767;

    padding: 30px;

    margin-left: 40px
}



.select-img {

    display: flex;

    gap: 20px;

    justify-content: center;

    align-items: center
}



.one-box {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    padding-top: 2px
}



.one-box-under {

    width: 200px;

    height: 1px;

    background: #c02028
}



.upfile {

    border-radius: 10px;

    background: #2a2929;

    height: 200px;

    padding-top: 60px
}



.actives,

.back-ancer a:hover,

.done-btn .btn {

    background-color: #c02028
}



.upfile h3 {

    font-weight: 500;

    color: #fff;

    padding-top: 20px
}



.heading-three {

    font-weight: 700;

    font-size: 24px
}



.uploadphoto p span {

    font-size: 20px
}



.search-bar .form-control {

    border-radius: 13px !important;

    border: .6px solid #676767;

    padding: 10px
}



.search-bar .form-control:focus {

    box-shadow: none
}



.done-btn .btn {

    color: #fff;

    padding: 3px 21px;

    float: right
}



.image-nu .form-control::-webkit-input-placeholder {

    color: #212529
}



.back-ancer a {

    color: #fff;

    background-color: #00aff0;

    border-radius: 5px;

    padding: 2px 15px
}



.back-ancer a:hover {

    color: #fff
}



.button-section {

    display: flex;

    justify-content: space-between;

    margin-top: 30px
}



@media screen and (max-width:1199px) {

    .upload-box {

        margin-left: -120px
    }

}



@media screen and (max-width:992px) {

    .upload-box {

        margin-left: -66px
    }

}



.transformetion-gallery-box {

    width: 684px;

    margin: 22px auto
}



.owl-carousel .owl-item img {

    border-radius: 0
}



.gallerytext {

    padding-left: 0
}



.form-control::-webkit-input-placeholder {

    color: #888
}



.slidbarnav ul {

    margin-left: -32px;

    text-align: start
}



.color-button-edit {

    border: 1px solid #b5b3b3;

    padding: 10px
}



.bg-greens {

    background-color: #06b145 !important;

    color: #fff !important
}



.scrool-btnn {

    overflow: auto;

    height: 800px;

    background-color: #fff !important
}



.transformetion-gallery-box img {

    text-align: center;

    width: 100%;

    height: 397px
}



.form_group .form-control {

    color: #666
}



.form_group .form-control::-webkit-input-placeholder {

    color: #666
}



.done-btn .btn:hover {

    background-color: #00aff0 !important;

    color: #fff !important
}



.cards-one {

    width: 67%;

    border-right: 1px solid #b5b5b5
}



.cards-two {

    padding-left: 20px
}



.btn-b-remove {

    border: 1px solid !important;

    background: #fff !important;

    box-shadow: 5px 5px 34.2px 10px rgb(166 171 189 / .58), -5px -5px 10px 0 #fafbff !important;

    border-radius: 0 !important
}



.arrow-gif-image img {

    width: 50px;

    margin-left: 180px
}



.site-maplinks li a {

    text-decoration: none;

    color: #000;

    padding: .4rem 0;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: .5px
}



.site-map h5 {

    font-size: 30px;

    margin-bottom: 17px
}



.Let-Build .form-control {

    margin-top: 8px
}



.banner .text-md-start.text-center {

    max-width: 580px
}



.banner-one .banner-heading span,

.banner-one .fa-arrow-right-long:before {

    color: #932967
}



.banner-two {

    background-color: #bf9902
}



.banner-two .fa-arrow-right-long:before {

    color: #bf9902
}



.banner-two .banner-heading span {

    color: #dfb304
}



.banner-three {

    background-color: #4f6e4c
}



.banner-three .fa-arrow-right-long:before {

    color: #4f6e4c
}



.banner-three .banner-heading span {

    color: #4e6e4c
}



.banner-four {

    background-color: #144a94
}



.banner-four .banner-heading span,

.banner-four .fa-arrow-right-long:before {

    color: #144a94
}



.banner-five {

    background-color: #bc2024
}



.banner-five .banner-heading span,

.banner-five .fa-arrow-right-long:before {

    color: #bc2024
}



.banner .explore-btn:after {

    content: '';

    position: absolute;

    background-image: url(../img/arrow-icon.png);

    background-repeat: no-repeat;

    width: 31px;

    height: 16px;

    margin-left: 15px;

    margin-top: 5px
}



.top-notch .retuch-box .outerBox .title {

    font-size: 16px !important;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis
}



.page-content h4 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 16px
}







h4.font-21 {

    font-size: 18px !important
}



.work-with-us figure {

    height: 87px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.step_list_ul {

    margin-bottom: 27px;

}

.product-edit-panel h4 {

    font-size: 18px;

    /* font-weight: 600; */

    margin-bottom: 16px
}

.photo-services-detail-list ul li {
    list-style: outside !important;
    /* color: #222; */
}

.accordion-body ul li {
    list-style: outside !important;
    /* color: #222; */
}

.whatsapp-desktop {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    background-color: #34d91f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

/* .whatsapp-desktop img {
    width: 30px;
    height: 30px;
} */

.whatsapp-desktop i {
    font-size: 30px;
    color: white;
}

.whatsapp-desktop:hover {
    transform: scale(1.1);
}

/* Hide on mobile devices */
@media (max-width: 767px) {
    .whatsapp-desktop {
        display: none;
    }
}


/* my css */
.captcha-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.captcha-image {
    padding: 10px 20px 10px 11px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
}

.captcha-refresh {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    font-size: 29px;
}

.captcha-refresh:hover {
    background: #e6e6e6;
}

/* .captcha-input {
    margin-top: 8px;
    width: 180px;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
} */

@media (max-width: 576px) {
    .captcha-wrapper {
        flex-wrap: wrap;
    }

    .captcha-input {
        width: 100%;
    }
}

.blog-contact .upload-box {
    padding: 20px;
}

.blog-contact .form-control,
.blog-contact .form-group select {
    padding: 10px 20px;
}

.blog-contact {
    border-radius: 14px !important;
    padding: 20px !important;
}

.blog-contact .form-top-text h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 14px;
}

.blog-contact .form-control {
    height: 50px !important;
}

.blog-contact .text-area {
    height: 70px !important;
}

.categoryhead h1 {
    font-size: 35px;
    text-align: center;
}


/* new FAQ section css */



.security-custom-accordion .accordion-item {
    background-color: transparent !important;
    border: none;
    border-radius: 0 !important;
}

.security-custom-accordion .accordion-button {
    background-color: #fff;
    color: #242424;
    font-weight: 600;
    padding: 20px;
    box-shadow: none;
    gap: 10px;
    font-size: 20px;
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px;
}

.security-custom-accordion .accordion-button:not(.collapsed) {
     background: #fff !important;
    color: #000;
    border-left: 4px solid #C02028;
    box-shadow: none;
    border-bottom-left-radius: 0;
}


.security-custom-accordion .accordion-body {
    background-color: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 0;
}

.security-custom-accordion .accordion-button::after {
    background-image: none !important;
    transform: none !important;
    font-size: 28px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    margin-left: auto;
}

.security-custom-accordion .accordion-button:not(.collapsed)::after {
    content: "-";
}

.security-custom-accordion .accordion-button.collapsed::after {
    content: "+";
}

.security-custom-accordion .accordion-collapse {
     border-left: 4px solid #C02028;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 7px;
}