/* General css Start */

:root {
    --black--: #131b24;
    --font-helvetica--: Helvetica;
    --button-background-blue--: #1750da;
    --white--: #ffffff;
    --primary-black--: #000000;
}

.osr-button.osr-button-primary {
    width: max-content;
    background: var(--button-background-blue--);
    background-color: #1750da;
    color: var(--white--);
    font-weight: 700;
    font-family: var(--font-helvetica--);
    border-radius: 8px;
    border: 1px solid var(--button-background-blue--);
    transition: all 0.25s ease;
}

.osr-button.osr-button-primary:hover {
    background: #ffffff;
    color: var(--button-background-blue--);
    border: 1px solid var(--button-background-blue--);
    text-decoration: none;
}

.osr-button.osr-button-secondary {
    width: max-content;
    background: var(--button-background-blue--);
    background-color: #ffffff;
    color: var(--primary-black--);
    border: 1px solid var(--primary-black--);
    font-weight: 700;
    font-family: var(--font-helvetica--);
    border-radius: 8px;
}

.osr-button.osr-button-secondary:hover {
    color: #ffffff;
    background: var(--button-background-blue--);
    border: 1px solid var(--button-background-blue--);
    text-decoration: none;
}

.osr-button {
    padding: 15px 20px;
    max-width: 100%;
    min-width: 200px;
    text-align: center;
}

.osr-section-heading {
    color: var(--black--);
    font-family: var(--font-helvetica--);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.05px;
    text-align: center;
}

.osr-section-text {
    color: var(--black--);
    text-align: center;
    font-family: var(--font-helvetica--);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    /* 161.111% */
}

.text-center {
    text-align: center;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .osr-section-heading {
        font-size: 28px;
    }

    .osr-button {
        padding: 15px 20px;
        max-width: 100%;
        min-width: max-content;
    }
}

@media (max-width: 576px) {
    .osr-button {
        padding: 10px 15px;
    }
}

/* General Css end */
/* Header Section Strat */

.osr-nav-link-button {
    display: none;
}

.navbar .osr-down {
    display: none;
}

.menu-item-has-children.dropdown:hover>.dropdown-toggle .osr-down {
    transform: rotate(180deg);
}

.navbar .navbar-nav .dropdown-menu {
    background: white !important;
}

.navbar .navbar-nav>li>a:hover {
    text-decoration: none !important;
}

.navbar .navbar-nav .dropdown-menu li a:hover {
    transform: translateX(5px);
    /* color: blue; */
    opacity: 0.8;
}

@media (min-width: 767px) {
    .navbar .osr-down {
        display: inline-block;
        font-size: 14px;
    }

    .navbar .navbar-nav .dropdown-menu li a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: black !important;
    }

    .navbar .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar:before,
    .navbar .container:before {
        display: none;
    }

    .navbar .container:after,
    .navbar:after {
        display: none;
    }

    .navbar .navbar-nav {
        margin: 0 !important;
    }

    .osr-nav-link-button {
        display: block;
        font-size: 16px;
        min-width: 151px;
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: black !important;
    }
}

/* Header Section End */

/* Footer Section Start */

.footer-col {
    padding: 0 5px;
}

.footer .widget-title {
    border-bottom: none !important;
    color: #000000;
    font-family: Helvetica;
    font-size: 21px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 129.545%;
    /* 26.938px */
    padding-bottom: 0 !important;
    margin: 0;
}

.th-widget-area .widget.widget_nav_menu li a {
    border-bottom: none;
}

.th-widget-area .widget.widget_nav_menu li:nth-child(1) a {
    padding-top: 0;
}

.footer {
    background: white !important;
}

.footer a {
    color: #000000 !important;
    font-family: Helvetica;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100.545%;
    opacity: 1;
}

.footer a:hover {
    opacity: 0.7;
    color: var(--primary-black--);
}

.new-sletter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--primary-black--);
    padding: 3px 3px 3px 10px;
    border-radius: 10px;
}

.new-sletter-email {
    border: none;
    outline: none;
}

.osr-footer-email-submit {
    border: none;
}

.footer input[type="email"] {
    max-width: 100%;
    color: var(--primary-black--) !important;
    font-family: Helvetica;
    font-size: 13.38px;
    font-style: normal;
    font-weight: 400;
    line-height: 129.545%;
    /* 17.333px */
}

.th-widget-area .widget input.osr-footer-email-submit {
    background: var(--button-background-blue--);
    color: white;
    color: #fff;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 129.545%;
    /* 16.841px */
    border-radius: 5px;
    padding: 15px 30px !important;
    width: unset !important;
    max-width: unset;
    transition: all ease 0.25s;
    border: 1px solid var(--button-background-blue--);
}

.th-widget-area .widget input.osr-footer-email-submit:hover {
    background: var(--white--);
    color: var(--button-background-blue--);
    border: 1px solid var(--button-background-blue--);
}

.footer .widget {
    text-align: left;
    margin-bottom: 25px !important;
}

.social-icons-container {
    display: flex;
    gap: 20px;
}

a.social-icon-link {
    width: 40px;
    display: inline-block;
}

.footer-btm-bar {
    background-color: white !important;
    padding: 0;
}

.footer .footer-copyright p {
    color: var(--primary-black--);
    font-family: var(--font-helvetica--);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 129.545%;
    /* 25.353px */
}

.footer input[type="email"] {
    border: 1px solid black !important;
}

.footer-widgets.row {
    margin-bottom: 45px;
}

.border-top {
    border-top: 1px solid var(--primary-black--);
}




@media (min-width: 325px) {
	.footer  {
    	padding-top: 50px !important
        ;
	}
    
    .footer-btm-bar{
    	padding :0 !important; 
    }
}

@media (max-width: 767px) {
    .footer .widget-title {
        margin-bottom: 0 !important;
        margin-top: 23px !important;
    }

    .footer .th-widget-area .widget.widget_nav_menu li a {
        padding: 5px 0px;
        font-size: 16px;
    }

    .osr-purchase-plan-card-footer-text {
        font-size: 20px;
    }

    .osr-purchase-plan-card {
        padding: 20px;
    }

    .footer .widget-title {
        padding-bottom: 10px;
    }

    img.osr-footer-logo {
        width: 230px;
    }

    .footer .footer-copyright p {
        font-size: 16.571px;
    }
}

/* Footer Section End */

/* Home Banner Section Start */

.osr-banner-container {
    background: linear-gradient(134.69deg, #ffffff 7.26%, #dcebff 74.86%);
    padding: 100px 0 180px;
}

.osr-text-content {
    max-width: 40rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* height:100%; */
}

.osr-text-wrepper {
    height: 100%;
    padding: 5rem 0;
}

.osr-text-heading {
    color: var(--black--);
    font-size: 52px;
    font-family: var(--font-helvetica--);
    font-weight: 700;
}

.osr-banner-text-content-description {
    font-size: 21px;
    font-weight: 400;
    font-family: var(--font-helvetica--);
}

.osr-banner-button {
    font-size: 20px;
    font-family: var(--font-helvetica--);
}

section#osr-banner-section {
    margin: 0 0 70px 0;
}

@media (max-width: 1400px) {
    .osr-banner-container {
        background: linear-gradient(134.69deg, #ffffff 7.26%, #dcebff 74.86%);
        padding: 70px 0 100px;
    }

    .osr-text-wrepper {
        height: 100%;
        padding: 0rem 0;
    }
}

@media (max-width: 1200px) {
    .osr-text-heading {
        color: var(--black--);
        font-size: 40px;
        font-family: var(--font-helvetica--);
    }

    .osr-banner-text-content-description {
        font-size: 19px;
        font-weight: 400;
        font-family: var(--font-helvetica--);
    }
}

@media (max-width: 993px) {
    section#osr-banner-section {
        margin: 0 0 50px 0;
    }
}

@media (max-width: 576px) {
    .osr-banner-button {
        font-size: 14px;
    }

    .osr-banner-text-content-description br {
        display: none;
    }

    .osr-banner-text-content-description {
        font-size: 16px;
        font-weight: 400;
        font-family: var(--font-helvetica--);
    }

    .osr-text-heading {
        margin: 5px 0;
        font-size: 30px;
    }
}

/* Home Banner Section End */

/* Osr Our Shopify App Section Start */

.osr-our-shopify-app-header {
    max-width: 750px;
    margin: 0 auto 100px;
}

.osr-our-shopify-app-section {
    margin-bottom: 130px;
}

.osr-our-shopify-app-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 60px;
    gap:15px;
}

img.right-arrow {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.right-arrow-block {
    width: 54px;
    display: block;
    animation: scaleAnimation 1.5s ease-in-out infinite;
}

img.osr-app-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.osr-our-shopify-app-card-media {
    width: 167px;
}

.osr-our-shopify-app-card-background .osr-our-shopify-app-card {
    border-radius: 20px;
    padding: 0 40px;
    height: 100%;
}

.osr-our-shopify-app-card-background:nth-child(1) .osr-our-shopify-app-card {
    background: linear-gradient(180deg, #1a1d50 0%, #7e7058 100%);
}



.osr-our-shopify-app-card-background:nth-child(2) .osr-our-shopify-app-card {
    background: linear-gradient(180deg, #30243b 0%, #9e6475 100%);
}

.osr-our-shopify-app-card-background:nth-child(3) .osr-our-shopify-app-card {
    background: linear-gradient(180deg, #1f2150 0%, #214446 100%);
}

.osr-our-shopify-app-card-background:nth-child(4) .osr-our-shopify-app-card {
    background: linear-gradient(180deg, #245f63 0%, #214446 100%);
}

.osr-our-shopify-app-card-background:nth-child(5) .osr-our-shopify-app-card {
    background: linear-gradient(180deg, #1a1d50 0%, #7e7058 100%);
}

.osr-our-shopify-app-card-background:nth-child(6) .osr-our-shopify-app-card {
    background: linear-gradient(180deg, #30243b 0%, #9e6475 100%);
}

h3.osr-our-shopify-app-card-heading {
    font-family: var(--font-helvetica--);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.9px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.osr-our-shopify-app-card-background:nth-child(1) h3.osr-our-shopify-app-card-heading {
    background: linear-gradient(188deg, #fff -32.52%, #be7acf 144.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.osr-our-shopify-app-card-background:nth-child(2) h3.osr-our-shopify-app-card-heading {
    background: linear-gradient(188deg, #fff -32.52%, #ff95b6 144.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.osr-our-shopify-app-card-background:nth-child(3) h3.osr-our-shopify-app-card-heading {
    background: linear-gradient(188deg, #fff -32.52%, #368993 144.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.osr-our-shopify-app-card-background:nth-child(4) h3.osr-our-shopify-app-card-heading {
    background: linear-gradient(188deg, #fff -32.52%, #368993 144.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.osr-our-shopify-app-card-background:nth-child(5) h3.osr-our-shopify-app-card-heading {
    background: linear-gradient(188deg, #fff -32.52%, #be7acf 144.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.osr-our-shopify-app-card-background:nth-child(6) h3.osr-our-shopify-app-card-heading {
    background: linear-gradient(188deg, #fff -32.52%, #ff95b6 144.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.osr-our-shopify-app-card-details {
    color: #ffffff;
    text-align: center;
    font-family: var(--font-helvetica--);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    margin: 0 0 60px 0;
    /* 146.429% */
}

.osr-our-shopify-app-card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    max-width: 460px;
    margin: auto;
}

@keyframes scaleAnimation {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

@media (max-width: 1200px) {
    h3.osr-our-shopify-app-card-heading {
        font-size: 22px;
        line-height: 30px;
    }

    span.right-arrow-block {
        width: 40px;
        display: block;
    }

    p.osr-our-shopify-app-card-details {
        font-size: 22px;
        line-height: 30px;
    }

    p.osr-our-shopify-app-card-details br {
        display: none;
    }

    .osr-our-shopify-app-section {
        margin-bottom: 100px;
    }
}

@media (max-width: 993px) {
    h3.osr-our-shopify-app-card-heading {
        font-size: 18px;
        line-height: 25px;
    }

    .osr-our-shopify-app-section {
        margin-bottom: 50px;
    }

    p.osr-our-shopify-app-card-details {
        font-size: 18px;
    }

    .osr-our-shopify-app-card-background .osr-our-shopify-app-card {
        padding: 0 20px;
    }

    .osr-our-shopify-app-card-media {
        width: 130px;
    }

    span.right-arrow-block {
        width: 30px;
        display: block;
    }

    p.osr-our-shopify-app-card-details {
        margin: 0 0 40px 0;
    }

    .osr-our-shopify-app-card-header {
        padding: 25px 0 30px;
    }

    .osr-our-shopify-app-card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        max-width: 460px;
        margin: auto;
    }

    .osr-our-shopify-app-section {
        margin-bottom: 50px;
    }

    .osr-our-shopify-app-header {
        margin: 0 0 70px;
    }

    .osr-our-shopify-app-text br {
        display: none;
    }
}

@media (max-width: 576px) {
    p.osr-our-shopify-app-text br {
        display: none;
    }

    .osr-our-shopify-app-header {
        margin: 0 0 47px;
    }

    .osr-our-shopify-app-card-background .osr-our-shopify-app-card {
        max-width: 400px;
        margin: 0 auto;
    }

    .osr-banner-container {
        padding: 50px 0 50px;
    }
}

/* Osr Our Shopify App Section End */

/* Osr Video Section Start */

section#osr-video-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border: 1px solid rgb(0 0 0 / 41%);
    right: 0;
    border-radius: 65%;
    right: 82%;
    z-index: -1;
    transform: translate(10px, 187%);
}

.osr-video[poster] {
    max-height: 729px;
}

.osr-video-section-header {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 70px;
}

span.osr-video-section-image-block {
    width: 200px;
    display: block;
}

.osr-video-section-media-wrepper {
    display: flex;
    justify-content: center;
}

.osr-video-section-link {
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 10px;
}

.osr-video-section-heading {
    margin: 25px 0;
}

.osr-video-section-text {
    margin: 0 0 36px;
}

.player-wrapper.player-button-center {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.player-wrapper.player-button-left {
    z-index: 10;
    position: absolute;
    top: 100%;
    transform: translate(13%, -110%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.player-icon {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #ffffff66;
    border-radius: 50%;
    animation: player 1.1s ease-out infinite normal;
    border: 1px solid white;
    cursor: pointer;
}

.player-wrapper.player-button-left .player-icon {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #ffffff66;
    border-radius: 50%;
    border: 1px solid white;
    cursor: pointer;
    animation: none;
}

.player-wrapper.player-button-left .triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid white;
    width: 0;
    height: 0;
}

.player-wrapper.player-button-left .player-icon {
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #ffffff66;
    border-radius: 50%;
    border: 1px solid white;
}

.player-wrapper.player-button-left .triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid white;
    width: 0;
    height: 0;
}

.triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid white;
    width: 0;
    height: 0;
}

.pause-icon {
    width: 12px;
    height: 12px;
    position: relative;
}

.pause-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    width: 10px;
    height: 20px;
    border-left: 3px solid white;
    border-right: 3px solid white;
    background: transparent;
}

.player-wrapper.player-button-left .pause-icon {
    width: 12px;
    height: 12px;
    position: relative;
}

.player-wrapper.player-button-left .pause-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    width: 10px;
    height: 20px;
    border-left: 3px solid white;
    border-right: 3px solid white;
    background: transparent;
}

.text-none {
    visibility: hidden;
}

.text-show {
    visibility: visible;
}

.player-wrapper.player-button-left .pause-icon::before {
    left: 0;
}

.pause-icon::before {
    left: 0;
}

.player-wrapper.player-button-left .pause-icon::after {
    right: 0;
}

.pause-icon::after {
    right: 0;
}

/* .osr-video.play:hover .player-icon{
  display: block;
  } */

.player-icon {
    cursor: pointer;
}

@keyframes player {
    from {
        box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.6);
    }

    to {
        box-shadow: 0 0 0px 30px rgba(255, 255, 255, 0.01);
    }
}

.player-wrapper p {
    font-weight: 400;
    font-size: 32px;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
}

.osr-video-seciton-main-block {
    height: auto;
    position: relative;
    display: flex;
}

.osr-video {
    height: auto;
    width: 100%;
    min-height: 730px;
    border-radius: 24px;
    object-fit: cover;
}

section#osr-video-section {
    margin-bottom: 80px;
}

@media (max-width: 1400px) {
    section#osr-video-section::before {
        content: "";
        width: 500px;
        height: 500px;
        border: 1px solid rgb(0 0 0 / 41%);
        position: absolute;
        right: 0;
        border-radius: 65%;
        right: 78%;
        transform: translate(10px, 168%);
        z-index: -1;
    }
    
    .osr-video {
    min-height: 620px;

	}
}

@media (max-width: 1200px) {
    section#osr-video-section::before {
        content: "";
        width: 450px;
        height: 450px;
        border: 1px solid rgb(0 0 0 / 41%);
        position: absolute;
        right: 0;
        border-radius: 65%;
        right: 78%;
        transform: translate(10px, 184%);
        z-index: -1;
    }
    
     .osr-video {
    	min-height: 526px;
	}
}

@media (max-width: 993px) {

   .osr-video {
    	min-height: 391px;
	}
    .player-wrapper p {
        font-weight: 400;
        font-size: 22px;
        padding: 5px 10px;
        color: white;
        border-radius: 5px;
    }

    .player-wrapper.player-button-left .triangle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid white;
        width: 0;
        height: 0;
    }

    .player-wrapper.player-button-left .pause-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-55%, -50%);
        width: 8px;
        height: 11px;
        border-left: 2px solid white;
        border-right: 2px solid white;
        background: transparent;
    }

    .player-wrapper.player-button-left .player-icon {
        width: 35px;
        height: 35px;
        position: relative;
        background-color: #ffffff66;
        border-radius: 50%;

        border: 1px solid white;
    }

    .player-wrapper.player-button-left {
        z-index: 10;
        position: absolute;
        top: 100%;
        transform: translate(25%, -120%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .player-icon {
        width: 80px;
        height: 80px;
    }

    section#osr-video-section {
        margin-bottom: 70px;
    }

    section#osr-video-section::before {
        content: "";
        position: absolute;
        width: 400px;
        height: 400px;
        border: 1px solid rgb(0 0 0 / 41%);
        right: 0;
        border-radius: 65%;
        right: 66%;
        transform: translate(10px, 167%);
        z-index: -1;
    }
}

@media (max-width: 767px) {
    .player-wrapper p {
        font-weight: 400;
        font-size: 22px;
        padding: 5px 10px;
        color: white;
        border-radius: 5px;
    }
    
         .osr-video {
    	min-height: 290px;
	}

    .triangle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid white;
        width: 0;
        height: 0;
    }

    .pause-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
        width: 5px;
        height: 15px;
        padding: 0 2px;
        border-left: 3px solid white;
        border-right: 3px solid white;
        background: transparent;
    }

    .player-icon {
        width: 60px;
        height: 60px;
    }

    .osr-video-section-heading br {
        display: none;
    }

    .osr-video-section-header {
        margin: 0 auto 50px;
    }

    .osr-video-section-text {
        margin: 0 0 20px;
    }

    .osr-video-section-heading {
        margin: 20px 0;
    }

    section#osr-video-section {
        margin-bottom: 50px;
    }

    section#osr-video-section::before {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        border: 1px solid rgb(0 0 0 / 41%);
        right: 0;
        border-radius: 65%;
        right: 60%;
        transform: translate(10px, 194%);
        z-index: -1;
    }
}

@media (max-width: 576px) {
    .osr-video-section-header {
        margin: 0 auto 25px;
    }
     .osr-video {
    	min-height: unset;
	}
  

    .player-icon {
        width: 45px;
        height: 45px;
    }

    .player-wrapper p {
        font-weight: 400;
        font-size: 14px;
        padding: 5px 10px;
        color: white;
        border-radius: 5px;
    }

    .player-wrapper.player-button-left .player-icon {
        width: 25px;
        height: 25px;
        position: relative;
        background-color: #ffffff66;
        border-radius: 50%;
        border: 1px solid white;
    }

    .player-wrapper.player-button-left .pause-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-55%, -50%);
        width: 4px;
        height: 10px;
        border-left: 1.5px solid white;
        border-right: 1.5px solid white;
        background: transparent;
    }

    .player-wrapper.player-button-left {
        z-index: 10;
        position: absolute;
        top: 100%;
        transform: translate(40%, -130%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .player-wrapper.player-button-left .triangle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 6px solid white;
        width: 0;
        height: 0;
    }
}

/* Osr Video Section End */

/* Osr Brand sectio Start */
section#osr-brand-section-start {
    margin: 0 0 80px 0;
}

.osr-brand-section .osr-container {
    max-width: 100%;
    padding: 0;
}

.osr-service-brand-section .osr-brand-container {
    padding: 20px 0;
}

.osr-brand-image-block {
    width: 170px;
    filter: grayscale(1);
    display: flex;
    align-items: center;
    height: 100%;
}

.osr-brand-image-block img {
    max-width: unset;
    width: inherit;
}

@media (max-width: 993px) {
    section#osr-brand-section-start {
        margin: 0 0 70px 0;
    }
}

@media (max-width: 767px) {
    section#osr-brand-section-start {
        margin: 0 0 50px 0;
    }

    .osr-brand-image-block {
        width: 150px;
        margin: 0 30px;
    }
}

/* Osr Brand sectio End */

/* Osr Blog Section Start */

section#osr-blog-section {
    padding: 50px 0 100px;
    background: rgba(238, 238, 238, 0.3);
}

.osr-Blog-media img {
    width: 100%;
}

.osr-post-text-info {
    margin-top: 15px;
}

img.attachment-full.size-full.wp-post-image {
    border-radius: 20px;
}

h3.osr-blog-title {
    color: var(--primary-black--);
    font-family: var(--font-helvetica--);
    font-size: 21.935px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.903px;
    /* 150% */
    margin: 0px 0 20px;
}

span.post-date {
    color: #919191;
    text-align: center;
    font-family: var(--font-helvetica--);
    font-size: 14.956px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.253px;
    /* 182.222% */
    letter-spacing: 0px;
}

span.post-author {
    color: #1750da;
    font-family: var(--font-helvetica--);
    font-size: 14.956px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.253px;
    letter-spacing: 2.842px;
	display: none !important;
}

.osr-post-upload-info {
    text-transform: uppercase;
}

a.osr-Blog-link:hover {
    text-decoration: none;
}

.osr-blog-card {
    border-radius: 17.947px;
    /* background: #FFF; */
    box-shadow: 0px 0.997px 3.988px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
}

a.osr-Blog-link {
    text-decoration: none;
}

span.osr-blog-footer {
    width: 45px;
    display: block;
}

.osr-blog-footer {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

span.osr-post-author {
    color: #919191;
    text-align: center;
    font-family: var(--font-helvetica--);
    font-size: 14.956px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.253px;
    /* 182.222% */
}

.osr-blog-section-header {
    margin-bottom: 60px;
}

@media (max-width: 993px) {
    section#osr-blog-section {
        padding: 50px 0 70px 0;
    }
}

@media (max-width: 767px) {
    section#osr-blog-section {
        padding: 30px 0 50px 0;
    }

    .osr-blog-section-header {
        margin-bottom: 30px;
    }
}

/* Osr Blog Section End */


/* Osr Single Blog Start */

.elementor-section.elementor-section-boxed > .elementor-container{
	max-width:1320px;
}

.elementor-section-boxed .elementor-column-gap-default .elementor-row{
	margin:0 15px;
}

.elementor-section-boxed .elementor-column-gap-default .elementor-row{
	margin-left:15px !important;
    margin-right:15px !important;
}

.elementor-1559 .elementor-element.elementor-element-10006e8 > .elementor-container{
	max-width:1290px !important;
}

.th-sidebar-widget{
	padding:0 !important;
}

/* Osr Single Blog End */

/* Osr Contanctus Section Start */

.osr-contectus-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    z-index: 2;
    position: relative;
}

.osr-banner-link-button {
    font-size: 25px;
    color: #1343b6;
    background-color: var(--white--);
    min-width: 200px;
    max-width: 100%;
    text-align: center;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
}

.osr-banner-link-button:hover {
    color: white;
    background-color: var(--primary-black--);
    text-decoration: none;
}

.osr-contectus-text-wrepper {
    padding: 75px 0;
    display: block;
    z-index: 3;
}

h2.osr-contectus-heading {
    color: var(--white--);
    font-family: var(--font-helvetica--);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
 
}

.osr-contactus-banner {
    background: #1343b6;
    position: relative;
    overflow: hidden;
}

.osr-contactus-banner span:nth-child(1) {
    width: 394px;
    height: 570px;
    border: 1px solid rgba(255, 255, 255, 0.405);
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 51%;
    left: 84%;
    z-index: 1;
}

.osr-contactus-banner span:nth-child(2) {
    width: 800px;
    height: 800px;
    border: 1px solid rgba(255, 255, 255, 0.405);
    position: absolute;
    right: 0;
    border-radius: 52%;
    top: -5%;
    left: 73%;
    z-index: 1;
}

.osr-contactus-banner span:nth-child(3) {
    width: 1100px;
    height: 1100px;
    border: 1px solid rgba(255, 255, 255, 0.405);
    position: absolute;
    right: 0;
    border-radius: 42%;
    top: -14%;
    left: 55%;
    z-index: 1;
}

.osr-contactus-banner {
    overflow: hidden;
}

section.osr-content-us-section {
    margin-bottom: 50px;
}

@media (max-width: 1200px) {
    h2.osr-contectus-heading br {
        display: none;
    }
}

@media (max-width: 993px) {
    h2.osr-contectus-heading {
        font-size: 40px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .osr-contectus-text {
        flex-wrap: wrap;
        gap: 1rem;
    }

    section.osr-content-us-section {
        margin-bottom: 50px;
    }

    .osr-contectus-text-wrepper {
        padding: 60px 12px;
    }

    .osr-banner-link-button {
        font-size: 20px;
        color: #1343b6;
        background-color: var(--white--);
        min-width: 170px;
        max-width: 100%;
        text-align: center;
        font-weight: 600;
        padding: 8px 15px;
        border-radius: 10px;
        text-decoration: none;
    }
}

@media (max-width: 576px) {
    h2.osr-contectus-heading {
        font-size: 32px;
    }

    .osr-contactus-banner span:nth-child(1) {
        width: 394px;
        height: 570px;
        border: 1px solid rgba(255, 255, 255, 0.405);
        position: absolute;
        right: 0;
        border-radius: 50%;
        top: 24%;
        left: 85%;
        z-index: 1;
    }

    .osr-contactus-banner span:nth-child(2) {
        width: 800px;
        height: 800px;
        border: 1px solid rgba(255, 255, 255, 0.405);
        position: absolute;
        right: 0;
        border-radius: 52%;
        top: -25%;
        left: 73%;
        z-index: 1;
    }

    .osr-contactus-banner span:nth-child(3) {
        width: 1100px;
        height: 1100px;
        border: 1px solid rgba(255, 255, 255, 0.405);
        position: absolute;
        right: 0;
        border-radius: 42%;
        top: -40%;
        left: 55%;
        z-index: 1;
    }
}

/* Osr Contanctus Section End */

/* HELPDESK PAGE START */

/* Banner Start */

.osr-banner-background {
    background: #1750da;
    padding: 60px 0;
}

h2.osr-banner-heading {
    color: #fff;
    font-family: Helvetica;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    /* 126.829% */
    letter-spacing: -0.82px;
    padding: 0 30px;
}

.osr-helpdesk-banner-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.osr-helpdesk-input-block {
    display: flex;
    align-items: center;
    background: white;
    padding: 0 5px;
    border-radius: 6px;
    margin-bottom: 20px;
}

input#osr-search-box {
    max-width: 100%;
    width: 350px;
    position: relative;
    border: none;
    padding: 20px;
    outline: none;
    color: #00246e;
    font-family: var(--font-helvetica--);
    font-size: 16.359px;
    font-style: normal;
    font-weight: 400;
    line-height: 129.545%;
}

.osr-input-search-button {
    /* position: absolute; */
    padding: 12px 25px;
    min-width: unset;
    font-size: 17px;
}

@media (max-width: 993) {
    h2.osr-banner-heading {
        color: #fff;
        font-family: Helvetica;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px;

        /* 126.829% */
        letter-spacing: -0.82px;
    }
}

@media (max-width: 576px) {
    .osr-input-search-button {
        /* position: absolute; */
        padding: 7px 15px;
        min-width: unset;
        font-size: 14px;
    }

    input#osr-search-box {
        width: 204px;
        padding: 10px;
    }

    h2.osr-banner-heading {
        color: #fff;
        font-family: Helvetica;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;

        /* 126.829% */
        letter-spacing: -0.82px;
    }
}

/* Banner End */

.betterdocs-category-box.multiple-kb.ash-bg .docs-single-cat-wrap {
    background-color: #f8f8fc;
    border-radius: 18.138px;
    box-shadow: 0px 1.008px 4.031px 0px rgba(0, 0, 0, 0.25);
}

.betterdocs-categories-wrap.multiple-kb.betterdocs-category-box .docs-single-cat-wrap span {
    color: var(--button-background-blue--) !important;
}

/* HELPDESK PAGE END */

/* Service Page Start */

/* Banner Section Start */


.osr-banner_container.osr-all-apps-banner-container{
	max-width: 700px;
}

.osr-banner_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

.osr-banner-header {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

p.osr-banner-header-text {
    color: var(--white--);
    font-family: var(--font-helvetica--);
    font-size: 16.891px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

p.osr-banner-text {
    color: var(--white--);
    text-align: center;
    font-family: var(--font-helvetica--);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    letter-spacing: 0.36px;
}

a.osr-banner-link {
    color: var(--button-background-blue--);
    font-family: var(--font-helvetica--);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--white--);
    border-radius: 6px;
    text-decoration: none;
    min-width: 150px;
    border: 1px solid rgb(255, 255, 255);
}

.osr-banner-link:hover {
    border: 1px solid rgb(0, 0, 0);
    color: var(--black--);
}

a.osr-banner-link.osr-button:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    p.osr-banner-header-text {
        font-size: 16px;
    }

    p.osr-banner-text {
        font-size: 16px;
    }
}

/* Banner Section End */

/* Service Page Brand Start */

.osr-service-brand-section {
    background: #fcfbfb;
}

/* Service Page Brand End */

/* Terms And Condition Section Start */

section#osr-terms-and-condition-section {
    margin-bottom: 100px;
}

li.osr-terms-and-condition-list-items {
    color: var(--black--);
    font-family: var(--font-helvetica--);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    /* 176% */
    letter-spacing: -0.75px;
}

.osr-terms-and-condition-container {
    max-width: 60rem;
}

.osr-terms-and-condition-wrepper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.osr-terms-and-condition-header {
    margin-bottom: 60px;
}

@media (max-width: 993px) {
    section#osr-terms-and-condition-section {
        margin-bottom: 70px;
    }

    .osr-terms-and-condition-header {
        margin-bottom: 40px;
    }

    li.osr-terms-and-condition-list-items {
        color: var(--black--);
        font-family: var(--font-helvetica--);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -0.75px;
    }
}

@media (max-width: 767px) {
    .osr-section-text br {
        display: none;
    }

    .osr-terms-and-condition-header {
        margin-bottom: 20px;
    }

    section#osr-terms-and-condition-section {
        margin-bottom: 50px;
    }

    .osr-section-text {
        font-size: 15px;
        line-height: 22px;
    }

    li.osr-terms-and-condition-list-items {
        font-size: 16px;
    }
}

/* Terms And Condition Section End */

/* Osr App Banner Section Start */

section#osr-app-banner-section {
    margin-bottom: 60px;
}

.osr-app-banner-background {
    background: #e7eeff;
    padding: 100px 0 80px 0;
}

.osr-app-banner-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between ;
}

.osr-app-banner-text {
    font-family: var(--font-helvetica--);
    color: var(--primary-black--);
    font-size: 49px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.03em;
    text-align: left;
}

.osr-app-banner-text-wrapper {
    max-width: 1000px;
    border-right: 1px solid var(--button-background-blue--);
    padding: 0 5px 0 0;
}

.text-blue {
    color: var(--button-background-blue--);
}

.osr-app-banner-text-wrepper {
    border-right: 1px solid var(--button-background-blue--);
    margin-right: 47px;
    padding: 0px 30px;
}

@media (max-width: 1200px) {
    h2.osr-app-banner-text br {
        display: none;
    }
}

@media (max-width: 993px) {
    .osr-app-banner-text-wrapper {
        max-width: 1000px;
        border-right: none;
    }

    .osr-app-banner-wrapper {
        flex-direction: column;
        align-items: self-start;
        gap: 0;
    }

    .osr-app-banner-text-wrepper {
        border-right: none;
        margin-right: 0;
        padding: 0px 0;
    }

    .osr-app-banner-text {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 30px 0;
    }

    .osr-app-banner-background {
        padding: 70px 0 70px 0;
    }
}

@media (max-width: 767px) {
    .osr-app-banner-text {
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 25px 0;
    }

    section#osr-app-banner-section {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .osr-app-banner-text {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 25px 0;
    }

    .osr-app-banner-background {
        padding: 50px 0 50px 0;
    }
}

/* Osr App Banner Section End */

/* Osr Purchase Card Section Start */
section#purchase-plan-card-section {
    margin-bottom: 60px;
}

.osr-purchase-plan-card {
    display: flex;
    justify-content: center;
    padding: 25px 20px;
    border: 1px solid #b0b0b0;
    border-radius: 23.338px;
    height: 100%;
}

.osr-column {
    max-width: 440px !important;
    margin-bottom: 50px;
}

.osr-purchase-plan-card-container {
    width: 100%;
    display: grid;
}

.osr-plan-card-section-heading {
    color: var(--black--);
    font-family: var(--font-helvetica--);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.2px;
    margin: 0;
}

.osr-plan-card-section-header {
    margin: 0 0 60px 0;
}

.osr-purchase-plan-card-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--primary-black--);
    margin-bottom: 20px;
    align-self: flex-start;
}

h4.osr-plan-title {
    color: var(--primary-black--);
    font-family: var(--font-helvetica--);
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

span.osr-plan-curruncy {
    color: var(--primary-black--);
    font-family: var(--font-helvetica--);
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0;
}

p.osr-plan-validity {
    color: var(--primary-black--);
    font-family: var(--font-helvetica--);
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.osr-purchase-plan-card-body {
    margin-bottom: 35px;
}

.osr-plan-features-wrepper {
    display: flex;
    align-items: start;
    column-gap: 15px;
    max-width: 100%;
    margin-bottom: 20px;
}

p.osr-plan-features {
    color: var(--primary-black--);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

a.osr-plan-card-purchase-button {
    color: var(--white--);
    font-family: var(--font-helvetica--);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--primary-black--);
    display: block;
    max-width: 100%;
    padding: 20px;
    text-align: center;
    border: 1px solid var(--primary-black--);
    border-radius: 10px;
    text-decoration: none;
    transition: all ease 0.25s;
    text-transform: uppercase;
}

a.osr-plan-card-purchase-button:hover {
    background-color: var(--white--);
    border: 1px solid var(--primary-black--);
    color: var(--primary-black--);
}

.osr-purchase-plan-card-Footer {
    display: block;
    align-self: end;
}

span.Osr-icon-block {
    display: inherit;
}

img.osr-icon-right {
    width: 18px;
    height: auto;
    object-fit: fill;
    max-width: unset;
}

.osr-purchase-plan-card-footer-text {
    color: #6c6c6c;
    font-family: var(--font-helvetica--);
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
}

@media (max-width: 767px) {
    section#purchase-plan-card-section {
        margin-bottom: 40px;
    }

    h4.osr-plan-title {
        font-size: 20px;
    }

    .osr-plan-features-wrepper {
        margin-bottom: 10px;
    }

    span.osr-plan-curruncy {
        font-size: 36px;
        margin: 10px 0;
    }

    a.osr-plan-card-purchase-button {
        padding: 15px;
        font-size: 18px;
    }

    .osr-plan-card-section-header {
        margin: 0 0 40px 0;
    }

    .osr-column {
        margin-bottom: 30px;
    }

    p.osr-plan-features {
        font-size: 14px;
    }

    p.osr-plan-validity {
        font-size: 16px;
    }

    .osr-purchase-plan-card-footer-text {
        font-size: 16px;
    }
}

/* Osr Purchase Card Section End */

/* Knowledgebase Section Start */

.knowledgebase-section {
    margin: 0 0 80px 0;
}

.osr-knowladge-card-wrepper {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px;
    border-radius: 17px;
    background: var(--White, #fff);
    box-shadow: 0px 4px 15.2px 0px rgba(0, 0, 0, 0.15);
}

.osr-knowladgebase-card-image-block {
    display: flex;
    justify-content: center;
}

.osr-knowladgebase-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
}

h2.osr-knowladge-card-heading {
    color: #1750da;
    font-size: 23px;
    font-weight: bold;
    font-family: Helvetica;
}

p.osr-knowladge-card-text {
    font-size: 16px;
    margin: 0 0 30px;
    font-family: Helvetica;
}

.knowledgebase-icon {
    width: 100%;
    height: auto;
    object-fit: cover;
}

span.knowledgebase-icon_inner {
    width: 50px;
}

.knowledgebase-section-heading {
    padding: 40px 0;
}

.osr-knowladge-card-link {
    margin: auto;
    text-transform: uppercase;
}

@media (max-width: 993px) {
    .osr-knowladge-card-link {
        min-width: 180px;
        padding: 10px 20px;
    }

    p.osr-knowladge-card-text {
        font-size: 14px;
    }

    h2.osr-knowladge-card-heading {
        font-size: 20px;
    }
}

/*  Knowledgebase Section End */

/* termsbee cta e Section Start */
.terms-bee-cta-container {
    background: #000000;
}

h2.terms-bee-cta-heading {
    color: #ffffff;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3em;
    font-family: Helvetica;
}

.terms-bee-cta-wrepper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}

a.terms-bee-cta-link.osr-button {
    color: white;
    font-family: Helvetica;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid white;
    border-radius: 8px;
    font-weight: 700;
}

a.terms-bee-cta-link.osr-button:hover {
    text-decoration: none;
    background: white;
    border: 1px solid white;
    color: black;
}

@media (max-width: 993px) {
    .terms-bee-cta-wrepper {
        flex-wrap: wrap;
        gap: 15px;
    }
}

@media (max-width: 767px) {
    h2.terms-bee-cta-heading {
        font-size: 28px;
    }
}

/* termsbee cta e Section End */

/* Service Page End */

/* Blog Page Start */

#osr-all-blog-section {
    margin: 50px 0 0;
}

nav.osr-breadcrumbs {
    background: transparent;
    padding: 0;
    margin: 0;
}

.osr-breadcrumbs .breadcrumb-item {
    color: #fff;
    font-family: Helvetica;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    /* 273.684% */
    letter-spacing: -0.38px;
    text-decoration: none;
}

.osr-breadcrumbs a.breadcrumb-item:hover {
    color: var(--white--);
    opacity: 0.6;
}

a.breadcrumb-item::after {
    content: "/";
    display: inline;
    padding-right: 5px;
}

.recent_post .osr-blog-card {
    display: flex;
    width: 100%;
}

.recent_post .osr-blog-card .osr-Blog-media {
    width: 45%;
    flex: 0 0 auto;
}

.recent_post .osr-blog-card .blog__body-content {
    width: 55%;
    flex: 0 0 auto;
    padding: 20px 15px;
}

.recent_post .osr-blog-card .blog__body-content .osr-post-text-info {
    padding-bottom: 10px;
}

.recent_post .osr-blog-card .osr-Blog-media a {
    display: flex;
    height: 100%;
}

.osr-blog-card .osr-Blog-media a {
    display: flex;
    height: 100%;
}

.recent_post .osr-blog-card .osr-Blog-media .blog__body-content h3.osr-blog-title {
    color: #000;
    font-family: Helvetica;
    font-size: 24.465px;
    font-style: normal;
    font-weight: 400;
    line-height: 36.697px;
    /* 150% */
}

.blog__body-content .osr-post-upload-info {
    margin: 10px 0;
}

.recent_post .osr-blog-card .osr-Blog-media .blog__body-content .post-date {
    color: #919191;
    text-align: center;
    font-family: Helvetica;
    font-size: 12.232px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.77px;
    /* 210.672% */
    letter-spacing: 2.324px;
}

.recent_post .osr-blog-card .osr-Blog-media .blog__body-content span.post-author {
    color: #1750da;
    font-family: Helvetica;
    font-size: 12.232px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.77px;
    letter-spacing: 2.324px;
}

.recent_post .osr-blog-card .osr-Blog-media .blog__body-content .osr-blog-text-details {
    color: #000;
    font-family: Helvetica;
    font-size: 12.232px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.368px;
    /* 158.333% */
}

/* Hide page numbers */
.pagination .page-numbers {
    display: none;
}

.pagination {
    text-align: center;
}

/* Show only "Previous" and "Next" buttons */
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    display: inline-block;
    color: #1750da;
    font-family: Helvetica;
    font-size: 25.484px;
    font-style: normal;
    font-weight: 400;
    line-height: 36.697px;
    text-align: center;
}

.pagination {
    margin: 40px 0 40px 0;
}

/* Blog Page End */

/* Featured blog Start  */

.osr-featured-blog-card {
    display: flex;
}

.osr-featured-blog-card .osr-Blog-media a {
    display: flex;
    height: 100%;
    width: 110px;
}

.osr-featured-blog-card .osr-post-text-info {
    padding: 0 10px;
}

.osr-featured-blog-card span.post-tag {
    color: #1750da;
    font-family: Helvetica;
    font-size: 11.213px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.503px;
    letter-spacing: 2.018px;
}

.osr-featured-blog-card .osr-post-text-info a .osr-blog-title {
    color: #000;
    font-family: Helvetica;
    font-size: 16.31px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.465px;
    /* 150% */
    margin: 0;
}

.osr-featured-blog-card span.post-author {
    color: #1750da;
    font-family: Helvetica;
    font-size: 11.213px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.503px;
    /* 236.364% */
    letter-spacing: 2.018px;
}

/* Featured blog End */

/* Abput Us page Start */

/* Osr Zigzag Section Start */

.osr-aboutus-zigzag {
    margin-bottom: 100px;
}

.osr-zigzag-banner-image {
    width: 100%;
}

.osr-zigzag-text-container {
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.osr-zigzag-tet-content {
    max-width: 670px;
    display: flex;
    flex-direction: column;
    /* row-gap: 10px; */
}

h2.osr-zigzag-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 57.6px */
    letter-spacing: -1.44px;
}

p.osr-zigzag-text-details {
    color: #000;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    /* 27.36px */
}

@media (max-width: 993px) {
    h2.osr-zigzag-heading {
        font-size: 38px;
        margin-top: 50px;
    }

    p.osr-zigzag-text-details {
        font-size: 17px;
    }

    .osr-aboutus-zigzag {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    h2.osr-zigzag-heading {
        font-size: 32px;
    }

    p.osr-zigzag-text-details {
        font-size: 16px;
    }

    .osr-aboutus-zigzag {
        margin-bottom: 50px;
    }
}

/* osr Zigzag section End */

/* osr uptodate Section Start */
.osr-uptodate-section {
    margin-bottom: 100px;
}

.osr-uptodate-section-header {
    margin-bottom: 50px;
}

img.osr-uptodate-image {
    width: 100%;
    max-width: unset;
    height: auto;
    object-fit: fill;
}

span.osr-uptodate-card-image {
    width: 65px;
    height: 65px;
    display: block;
}

p.osr-uptodate-description {
    color: #717171;
    font-family: Helvetica;
    font-size: 22.267px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.927px;
    /* 138.889% */
    letter-spacing: -0.668px;
}

h4.osr-uptodate-title {
    color: #131b24;
    font-family: Helvetica;
    font-size: 28.453px;
    font-style: normal;
    font-weight: 700;
    line-height: 56.906px;
    /* 200% */
    letter-spacing: -0.854px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .osr-uptodate-section {
        margin-bottom: 50px;
    }

    .osr-section-heading br {
        display: none;
    }

    h4.osr-uptodate-title {
        font-size: 24px;
        line-height: 40px;
    }

    span.osr-uptodate-card-image {
        width: 50px;
        height: 50px;
    }

    p.osr-uptodate-description {
        font-size: 18px;
        line-height: 25px;
    }
}

/* osr uptodate Section End */

/* Osr Our Story Section Start */

section#osr-our-story-section {
    margin-bottom: 100px;
}

h2.osr-story-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 145%;
    /* 69.6px */
}

p.osr-story-text {
    color: #000;
    text-align: center;
    font-family: Helvetica;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    /* 28.12px */
    opacity: 0.7;
}

.osr-our-story-content {
    max-width: 1100px;
    margin: auto;
}

@media (max-width: 993px) {
    section#osr-our-story-section {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    section#osr-our-story-section {
        margin-bottom: 50px;
    }

    h2.osr-story-heading {
        font-size: 38px;
    }

    p.osr-story-text.text-center {
        font-size: 18px;
    }
}

/* Osr Our Story Section End */

/* Abput Us page End */

/* Osr Faq Page Start */

/* osr faq Banner Section Start */

.osr-faq-banner-section {
    margin-bottom: 100px;
}

@media (max-width: 993px) {
    .osr-faq-banner-section {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .osr-faq-banner-section {
        margin-bottom: 50px;
    }
}

/* osr faq Banner Section End */

/* osr faq Section Start */

#osr-faq-section {
    margin-bottom: 100px;
}

details {
    overflow: hidden;
}

details summary {
    border-bottom: 1px solid black;
    cursor: pointer;
    grid-template-columns: 1fr auto;
    font-weight: bold;
    padding-block: 0.5rem;
}

details div {
    overflow: hidden;
    margin-block: 0.5rem;
}

details[open] {
    border-bottom: 1px solid black;
}

details[open] summary {
    border-bottom: 1px solid transparent;
}

p.osr-faq-detail {
    padding: 0 30px;
    color: #595959;
    font-family: Helvetica;
    font-size: 19px;
    font-style: normal;
    line-height: 180%;
}

h3.faq-heading {
    color: #595959;
    font-family: Helvetica;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    /* 46.8px */
}

.osr-faq-container {
    max-width: 1100px;
    margin: auto;
}

@media (max-width: 993px) {
    #osr-faq-section {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    #osr-faq-section {
        margin-bottom: 50px;
    }

    p.osr-faq-detail {
        padding: 0 25px;
        font-size: 16px;
    }

    h3.faq-heading {
        font-size: 20px;
        margin: 15px 0;
        line-height: 1.4;
    }
}

@media (max-width: 576px) {
    p.osr-faq-detail {
        padding: 0 20px;
        font-size: 14px;
    }

    h3.faq-heading {
        font-size: 18px;
        line-height: 1.2;
        margin: 10px 0;
    }
}

/* osr faq Section End */

/* Osr Faq Page End */

/* Osr Affiliete page Start */

/* Osr Banner Section Start */

.osr-affiliate-banner-section {
    margin-bottom: 100px;
}

.osr-aaffiliate-banner-text-container {
    height: 100%;
    display: flex;
    align-items: center;
}

.osr-affiliate-banner-text-content {
    max-width: 570px;
    display: flex;
    flex-direction: column;
}

h2.osr-affiliate-banner-heading {
    color: #272727;
    font-family: Helvetica;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.08px;
}

span.blue-text {
    color: #1750da;
}

p.osr-affiliate-banner-text {
    color: #000;
    font-family: Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    /* 25.92px */
}

.osr-affiliate-banner-image img {
    width: 100%;
    max-width: unset;
}

@media (max-width: 993px) {
    .osr-affiliate-banner-section {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .osr-affiliate-banner-section {
        margin-bottom: 50px;
    }

    h2.osr-affiliate-banner-heading {
        font-size: 26px;
    }

    p.osr-affiliate-banner-text {
        font-size: 16px;
        /* 25.92px */
    }
}

/* Osr Banner Section End  */

/* Client Success section Start */

.osr-client-success-section {
    margin-bottom: 100px;
}

.osr-client-support-service-wrepper {
    border: 1px solid black;
    border-left: 10px solid #000;
    padding: 5px 15px;
}

.osr-client-support-service-wrepper:first-of-type {
    margin-bottom: 25px;
}

.osr-client-success-image-container {
    height: 100%;
    display: flex;
    align-items: center;
}

img.clien-success-image {
    width: 100%;
    max-width: unset;
}

h2.osr-client-success-content-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 44.373px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    /* 123.951% */
    letter-spacing: -1.331px;
    margin: 0 0 15px;
}

p.osr-client-success-content-text {
    color: #000;
    font-family: Poppins;
    font-size: 19.939px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 30px;
}

h4.osr-service-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 22.93px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

p.osr-service-text {
    color: #000;
    font-family: Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    /* 0px */
    opacity: 0.7;
}

@media (max-width: 993px) {
    .osr-client-success-section {
        margin-bottom: 70px;
    }

    h2.osr-client-success-content-heading {
        font-size: 36px;
        line-height: 48px;
    }

    p.osr-client-success-content-text {
        font-size: 19px;
    }

    h4.osr-service-heading {
        font-size: 21px;
    }
}

@media (max-width: 767px) {
    .osr-client-success-section {
        margin-bottom: 50px;
    }

    h2.osr-client-success-content-heading {
        font-size: 32px;
        line-height: 45px;
    }

    p.osr-client-success-content-text {
        font-size: 18px;
    }

    h4.osr-service-heading {
        font-size: 20px;
    }

    p.osr-service-text {
        font-size: 14px;
    }
}

/* Client Success section End */

/* Osr App Support Banner-section Start */

.osr-app-support-banner-section {
    margin-bottom: 100px;
}

.osr-app-banner-container.osr-app-support-banner-background {
    background: var(--button-background-blue--);
    padding: 70px 0;
}

.osr-app-content h2 {
    color: #fff;
    font-family: Helvetica;
    font-size: 57px;
    font-style: italic;
    font-weight: 400;
    line-height: 70px;
    /* 122.807% */
    letter-spacing: -1.71px;
    border-right: 1px solid var(--white--);
    padding: 0 80px 0 0;
    margin: 0 40px 0 0;
}

.osr-app-content {
    display: flex;
    align-items: center;
}

@media (max-width: 1400px) {
    .osr-app-content h2 {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (max-width: 1200px) {
    .osr-app-content h2 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 993px) {
    .osr-app-support-banner-section {
        margin-bottom: 70px;
    }

    .osr-app-content {
        flex-wrap: wrap;
        gap: 20px;
    }

    .osr-app-content h2 {
        border: none;
        padding: 0;
        margin: 0;
    }

    .osr-app-content h2 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .osr-app-support-banner-section {
        margin-bottom: 50px;
    }

    .osr-app-content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .osr-app-banner-container.osr-app-support-banner-background {
        background: var(--button-background-blue--);
        padding: 40px 0;
    }
}

/* Osr App Support Banner-section End */

/* Osr Affiliete page End */

/* Shopify Service Page Start */
/* Shopify Service Page Banner Start */

section#osr-shopify-service-banner {
    margin-bottom: 100px;
}

.osr-shopify-service-banner-wrepper .osr-banner_container {
    max-width: 750px;
    margin: auto;
    padding: 0 16px;
}

@media (max-width: 767px) {
    section#osr-shopify-service-banner {
        margin-bottom: 50px;
    }
}

/* Shopify Service Page Banner End */

/* osr Icon with text section Start */

.osr-icon-with-text-section {
    margin-bottom: 100px;
}

.osr-icon-with-text-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

p.osr-content-text {
    color: #000;
    font-family: Helvetica;
    font-size: 27.195px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    /* 33.178px */
}

.osr-content-icon img {
    width: 88px;
    max-width: unset;
}

.osr-icon-with-text-header {
    text-align: center;
    margin-bottom: 80px;
}

h2.osr-icon-with-text-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 57.6px */
}

p.osr-icon-with-text-detail {
    color: #000;
    text-align: center;
    font-family: Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 151%;
    /* 27.18px */
}

@media (max-width: 993px) {
    .osr-icon-with-text-detail br {
        display: none;
    }

    .osr-content-text br {
        display: none;
    }

    p.osr-content-text {
        font-size: 26px;
        line-height: normal;
        margin: 0;
    }

    h2.osr-icon-with-text-heading {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .osr-icon-with-text-detail br {
        display: none;
    }

    .osr-content-text br {
        display: none;
    }

    .osr-icon-with-text-content {
        justify-content: start;
    }

    .osr-content-icon img {
        width: 70px;
        max-width: unset;
    }

    .osr-icon-with-text-header {
        margin-bottom: 40px;
    }

    h2.osr-icon-with-text-heading {
        font-size: 28px;
    }

    .osr-icon-with-text-section {
        margin-bottom: 50px;
    }
}

@media (max-width: 576px) {
    p.osr-content-text {
        font-size: 22px;
        line-height: normal;
        margin: 0;
    }

    .osr-content-icon img {
        width: 65px;
        max-width: unset;
    }
}

/* osr Icon with text section End */

/* osr Text with Link Section Start */

.osr-text-with-link {
    margin-bottom: 100px;
}

.osr-estimate-text {
    padding: 0 0 40px 0;
    color: #000;
    text-align: center;
    font-family: Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 151%;
    /* 27.18px */
}

a#osr-estimate-button {
    font-size: 21px;
}

@media (max-width: 993px) {
    .osr-text-with-link {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .osr-text-with-link {
        margin-bottom: 50px;
    }
}

/* osr Text with Link Section End */

/* Osr Service Section Start */

.osr-zigzag-service-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h2.osr-zigzag-service-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;

    margin: 0 0 14px;
}

p.osr-zigzag-service-text {
    color: #5b5b5b;
    font-family: Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    margin: 0 0 28px;
}

.osr-service-button {
    font-size: 18px;
}

.osr-service-card-container {
    background: #ffffff;
    border-radius: 11px;
   /* filter: drop-shadow(0px 0px 9.4px rgba(0, 0, 0, 0.25)); */
    padding: 40px;
    margin-bottom: 60px;
	box-shadow: 0 0 22px #0000001a;
}

@media (max-width: 1400px) {
    .osr-service-card-container:nth-child(2) p.osr-zigzag-service-text br {
        display: none;
    }
}

@media (max-width: 1200px) {
    p.osr-zigzag-service-text br {
        display: none;
    }
}

@media (max-width: 993px) {
    .osr-service-image-block {
        display: flex;
        justify-content: center;
    }

    .osr-service-card-container {
        padding: 40px 50px;
        margin-bottom: 40px;
    }

    .osr-zigzag-service-content {
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 767px) {
    h2.osr-zigzag-service-heading {
        font-size: 30px;
        line-height: normal;
    }

    p.osr-zigzag-service-text {
        font-size: 18px;
    }

    .osr-service-card-container {
        padding: 40px 20px;
    }
}

@media (max-width: 576px) {
    h2.osr-zigzag-service-heading {
        font-size: 24px;
        line-height: normal;
    }

    p.osr-zigzag-service-text {
        font-size: 16px;
    }
}

/* Osr Service Section End */

/* Shopify Service Page End */

/* Contact Us Page Start */

/* Contact Us Banner Section Start */

.osr-contact-us-banner-section {
    margin-bottom: 100px;
}

@media (max-width: 993px) {
    .osr-contact-us-banner-section {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .osr-contact-us-banner-section {
        margin-bottom: 50px;
    }
}

/* Contact Us Banner Section End */

/* Contact US Form Section Start */
.osr-contact-form {
    margin-bottom: 80px;
}

.osr-form-fields-wrepper {
    display: inline-block;
    margin: 20px 30px 50px 0;
}

.osr-form-fields-wrepper:last-of-type {
    display: block;
}

.osr-form-fields-wrepper:last-of-type .osr-form-field {
    width: 100%;
}

.osr-form-fields-wrepper>* {
    display: block;
}

.osr-form-field {
    width: 100%;
    max-width: 100%;
    border:none;
    border-bottom: 0.9px solid #cacaca;
    resize: none;
    padding: 5px 5px;
    color: var(--primary-black--);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
}

.osr-form-field:focus+label.osr-form-field-label {
    position: unset;
}

.osr-form-fields-wrepper {
    position: relative;
}

label.osr-form-field-label {
    color: var(--primary-black--);
    font-family: Inter;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
   	text-transform: capitalize;
}

.osr-form-fields-wrepper:last-of-type label.osr-form-field-label {
    top: 0;
    bottom: unset;
}

.osr-form-fields-wrepper:last-of-type .osr-form-field {
    padding: 30px 5px;
}

.osr-form-button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 19.8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px 20px !important;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: transparent;
    padding: 0 10px;
    font-weight: 600;
}

span.fa-solid.fa-arrow-right.osr-submit-arrow {
    color: white;
}

.osr-form-submit-block {
    padding: 20px 60px;
    background: var(--button-background-blue--);
    border: none;
    outline: none;
    border-radius: 10px;
}

form textarea:focus, form input:focus{
	border:none !important;
	border-bottom:1px solid black !important;
}

button.osr-form-submit-block:hover{
    background:black;
}

.osr-contact-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    row-gap: 20px;
}

textarea.osr-form-field {
    width: 100%;
}

.osr-contact-form form p:nth-child(5) {
    width: 100%;
    display: grid;
}

.osr-contact-form form p:nth-child(5) span {
    width: 100%;
}

@media (max-width: 767px) {
    .osr-contact-form {
        margin-bottom: 50px;
    }

    #submit {
        font-size: 14px;
    }

   .osr-form-submit-block {
    	padding: 15px 25px;
    }
}

/* Contact US Form Section End */

/* Osr Contact Info Section Start */

.osr-contact-info-section {
    margin-bottom: 100px;
}

p.osr-contact-small-caption {
    color: #000;
    font-family: Inter;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
    /* 150% */
    margin: 0;
}

h6.osr-contact-info-heading::after {
    content: "";
    width: 40px;
    height: 3px;
    background: black;
    border-bottom: 1px solid;
    display: block;
    margin: 20px 0;
}

h2.osr-comtact-heading {
    color: #000;
    font-family: Helvetica;
    font-size: 50.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 65.52px */
    letter-spacing: -1.512px;
}

h6.osr-contact-info-heading {
    color: #000;
    font-family: Inter;
    font-size: 19.8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.osr-contact-info-container a {
    color: #000;
    font-family: Inter;
    font-size: 19.8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

p.osr-timing-text {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    /* 160% */
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .osr-comtact-heading br {
        display: none;
    }
}

@media (max-width: 767px) {
    .osr-contact-info-section {
        margin-bottom: 70px;
    }

    h2.osr-comtact-heading {
        font-size: 32px;
        margin: 10px 0;
    }

    p.osr-contact-small-caption {
        font-size: 18px;
    }

    h6.osr-contact-info-heading {
        font-size: 18px;
    }

    .osr-contact-info-container a {
        font-size: 18px;
    }

    p.osr-timing-text {
        font-size: 16px;
    }
}

/* Osr Contact Info Section End */

/* Contact Us Page End */