body{
    direction: rtl;
    background: #FCFCFC;
}
@font-face {
    font-family: 'YekanBakh';
    src: url('../../fonts/YekanBakh-Bold.eot');
    src: url('../../fonts/YekanBakh-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/YekanBakh-Bold.woff') format('woff'),
        url('../../fonts/YekanBakh-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
a{
    color: #4e4e4e;
}
@font-face {
    font-family: 'YekanBakh';
    src: url('../../fonts/YekanBakh-Heavy.eot');
    src: url('../../fonts/YekanBakh-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/YekanBakh-Heavy.woff') format('woff'),
        url('../../fonts/YekanBakh-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../../fonts/YekanBakh-Regular.eot');
    src: url('../../fonts/YekanBakh-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/YekanBakh-Regular.woff') format('woff'),
        url('../../fonts/YekanBakh-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../../fonts/YekanBakh-Light.eot');
    src: url('../../fonts/YekanBakh-Light.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/YekanBakh-Light.woff') format('woff'),
        url('../../fonts/YekanBakh-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.no-padding{
    padding: 0;
}
.no-margin{
    margin: 0;
}
.logotextstyle{
    font-weight: 900;
    color: #4e4e4e;
    margin-right: 3px;
    font-size: 1.1rem;
}
.navbar-light .navbar-nav .nav-link{
    color: #4E4E4E;
}
.navbar-light .navbar-nav .active>.nav-link{
    font-weight: bold;
    color: #4E4E4E;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.ebnav{
    text-align: right;
    position: initial;
    position: absolute;
    width: 100%;
}
.WhiteSection{
    /*background-color: #000;*/
    min-height: 100vh;
    display: flex;
}
.navbar-nav{
    padding-right: 120px;
    padding-right: 50px;
    font-size: 15px;
    font-weight: 400;
    color: #31326F;
    -webkit-text-stroke: 0.2px;
}
.navbar-light .navbar-toggler
{
    border: none;
}

.ebmobilenavicon{
    font-size: 24px;
    color: #424750;
}
.nopadding{
    padding: 0;
}
.btn{
    border-radius: 7px;
}
.ebnotificon{
    padding-top: 0;
    padding-bottom: 0;
    font-size: 25px;
    color: #c9c9c9;
}

.WhiteArea{
    width: 100%;
    padding: 0 3rem;
    border-radius: 20px;
}
.mybreadcrumb{
    width: 90%;
    border-bottom: 1px solid #F0F0F1;
    line-height: 0.1em;
    margin: 10px 0 50px;
}
.mybreadcrumbnewproject{
    width: 98%;
    border-bottom: 1px solid #F0F0F1;
    line-height: 0.1em;
    margin: 25px 0 25px;
    font-weight: bold;
    text-align: right;
}
.mybreadcrumbcontent{
    padding-left: 30px;
    background: #fcfcfc;
    font-size: 18px;
}
.nav-link{
    color:#31326F;
    color: #2D2D54;
}
.MenuItems{
    font-weight: 400;
    color:#31326F;
    color: #2D2D54;
    font-size: 15px;
    -webkit-text-stroke: 0.2px;
}
.OnePageFreeIndex{
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgb(255 239 252) 100%);
    font-weight: bold;
    color: #A63489;
    padding: 6px 15px;
    border-radius: 10px;
    margin-top: 25px;
}
.OrderFormNotic{
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgb(252 252 252) 0%, rgb(252 252 252) 50%, rgb(255 239 252) 100%);
    font-weight: bold;
    color: #A63489;
    padding: 6px 15px;
    border-radius: 10px;
    text-align: right;
}
.IndexFileAreaSpecsIcon{
    font-size: 28px;
    color: #c4c4c4;
}
.Dragareatoptext{
    font-weight: 100;
    color: #CECECE;
    -webkit-text-stroke: 0.1px;
    font-size: 14px;
    padding-top: 3px;
}
.Dragareabottomtext{
    font-weight: 100;
    color: #D8D8D8;
    -webkit-text-stroke: 0.2px;
    font-size: 15px;
}
.Dragdroparea{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23DEDEDEFF' stroke-width='2' stroke-dasharray='5%2c 9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 16px;
    min-height: 75px;
    width: 95%;
    margin: auto;
    z-index: 9;
    position: inherit;
    margin-top: -10px;
    padding-top: 9px;
}
.state-hover{
    background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23b6e8ffFF' stroke-width='6' stroke-dasharray='5%2c12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: #f6fbff;
}
.SelectFileBTN{
    background: #EF4056;
    color: #fff;
    height: 48px;
    width: 165px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 9px;
    animation: shadow-pulse 2s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}
.SelectFileBTN:hover{
    color: #ffffff;
    background: #cb1414;
}
.SelectFileButtonNotic{
    color:#8D8D8D;
    font-weight:100;
    font-size: 14px;
    flex: 1;
    text-align: center;
}
.SelectFileLeftArea{
    /*
    margin: auto 0;
    padding: 0;
    margin-bottom: 6rem;
    margin-top: 6.75rem;
    margin-top: auto;
     */
    margin-top: 33vh;
}
.SelectFileLeftOrderArea{
    margin: auto 0;
    margin: 25vh 0 0;
}
.Selectfilearea{
    background: #FFF;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    padding: 13px 15px;
    border-radius: 16px;
    position: inherit;
    z-index: 10;
    box-shadow: 0px 5px 9px 0px rgb(240 240 240);
}
.IndexFileAreaSpecsText{
    margin-right: 10px;
    font-size: 15px;
    color:#303030;
}
.SecondWhiteSection{
    padding-top: 0.6rem;
}
.OrderTitle{
    font-weight: 500;
    font-size: 26px;
    text-align: center;
    margin-top: 6rem;
    color:#1A1A1A;
}
.OrderDesc{
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    color:#9A9A9A;
}
.OrdersTitle{
    font-weight: bold;
    font-size: 19px;
}
.OrdersDesc{
    color:#9A9A9A;
    margin-top:15px;
    font-size: 15px;
}
.OrderBox{
    padding: 2.5rem 3rem;
    border: solid 1px #EBEBEB;
    border-radius: 20px;
    background: #fff;
}
.IndexLastOrderBox{
    border-left: none;
}
.IndexOrderButtonArea{
    margin-top: 5rem;
}
.OrderLandingButton{
    background-color: #EFF0FD;
    -webkit-text-stroke: 0.3px;
    color:#6B69EA;
    padding: 3px 10px;
}
.IndexOrdersBorder{
    border-radius: 8px;
}
.ServicesArea{
    background: rgb(248,252,255);
    background: linear-gradient(4deg, #f8f7fe 0%, #f8fcff 100%);
    padding: 5rem 3rem;
    margin: 6rem -3rem 0;
}
.ServicesAllBox{
    margin: 0.3rem 1.5rem 0 0;
}
.ServicesName{
    font-weight: 600;
    font-size: 17px;
    color: #292929;
    display: flex;
    align-items: center;
}
.ServicesDesc{
    font-weight: 100;
    font-size: 13px;
    color: #959595;
    margin-top: 5px;
}
.ServicesItemBox{
    background: #fff;
    padding: 2rem 2rem 2rem 1rem;
    border-radius: 18px;
    padding-top: 1.5rem;
    box-shadow: 0px 3px 9px 0px rgb(129 129 129 / 5%);
    margin: 10px;
}
.IndexApplicationArea{
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.IndexApplicationImg{
    width: 70%;
}
.IndexApplicationTitle{
    font-weight: 900;
    font-size: 2.1rem;
    padding-top: 2rem;
    white-space: pre-line;
    color: #0C0C0C;
}
.IndexApplicationDownloadArea{
    padding-left: 10rem;
    margin: auto;
}
.IndexDirectDownloadLink{
    margin-right: 20px;
    color: #1f2ad2;
    font-weight: bold;
}
.IndexApplicationDesc{
    color: #717171;
    font-weight: 400;
    font-size: 17px;
    margin-top: 2rem;
}
.IndexAppDownloadButton{
    width: 30px;
    height: 30px;
}
.IndexAppDownloadButtonDirect{
    color: #EF4056;
    font-size: 25px;
    -webkit-text-stroke: 1px;
}
.DownloadAppBtnText{
    font-weight: bold;
    color:#31326F;
    margin-right: 5px;
}
.IndexOurSpec{
    background: rgb(248,252,255);
    background: linear-gradient(4deg, #f8f7fe 0%, #f8fcff 100%);
    padding: 5rem 5rem 2rem;
    margin: 5rem -3rem;
    text-align: right;
}
.OurSpecItem{
    margin-bottom: 4rem;
    width: 50%;
}
.OurSpecTitle{
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 17px;
    color: #5d647b;
}
.OurSpecDesc{
    font-weight: 100;
    font-size: 13px;
    margin-top: 5px;
    color: #5d647b;
}
.IndexTextArea{
    margin: 5rem auto;
}
.IndexTextAreaBlocks{
    margin-top: 25px;
}
.TextAreaTitle{
    font-weight: 600;
    font-size: 17px;
    color: #252525;
}
.IndexTextAreaImg{
    margin: auto;
}
.TextAreaDesc{
    margin-top: 5px;
    font-size: 14px;
    line-height: 25px;
}
.IndexUserVotesArea{
    margin: 0 3rem;
}
.IndexUserVotes{
    /*
    background-image: linear-gradient(122deg, #fcfcfc 27.13%, #ffffff 27.13%, #ffffff 50%, #fcfcfc 50%, #fcfcfc 77.13%, #ffffff 77.13%, #ffffff 100%);
    background-size: 193.39px 309.48px;
     */
    padding-top: 1.5rem;
    margin: 5rem -3rem;
    padding-bottom: 3.5rem;
    background: #f8f8fe;
}
.BlogArea{
    margin-bottom: 4rem;
}
.IndexBlogAllPosts{
    margin-top: 0rem;
}
.IndexBlogAreaTitle{
    font-size: 25px;
    font-weight: bold;
    color: #252525;
    text-align: center;
    width: fit-content;
    margin: auto;
    padding-bottom: 5px;
}
.IndexBlogPosts{
    padding: 1rem;
    box-shadow: 0px 6px 17px 0px rgb(0 0 0 / 5%);
    border-radius: 8px;
    padding-bottom: 1rem;
    height: 100%;
}
.IndexBlogPostsTitle{
    font-weight: 900;
    font-size: 17px;
    margin:25px 0 15px;
    color:#31326F;
}
.IndexBlogPostsDesc{
    color: #C1C1C1;
    font-size: 13px;
    margin:15px 0;
    line-height: 25px;
}
.IndexBlogPostsButton{
    margin-top: 30px;
}
.IndexBlogPostsButtonLink{
    color: #fff;
    background: #30A9D9;
    padding: 6px 15px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;

}
.IndexBlogPostArrow{
    text-align: left;
    font-size: 1.8rem;
    color: #6B69EA;
    display: flex;
    justify-content: flex-end;
}
.IndexBlogPostArrowIcon{
    width: 45px;
    height: 45px;
    background: #EFF0FD;
    text-align: center;
    border-radius: 50px;
}
.IndexBlogViewAllPost{
    text-align: center;
    color: #0057FF;
    font-size: 21px;
    border-bottom: 3px dotted #0057FF;
    width: fit-content;
    margin: auto;
    margin-top: 3rem;
}
.IndexHelpVideo{
	background-color: #EE2556;
    border-bottom: 9px solid #B5183E;
    padding: 2rem 3rem;
    margin: 0rem -3rem;
    background-image: url(../../img/v4/indexhelpredbackground.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.IndexVideoHelpTitle{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 1rem;
    color: #fff;
}
.IndexVideoHelpDesc{
    color: #fff;
}
.IndexVideooHelpVideoFile{
    border-radius: 10px;
    height: 180px;
}
.Footer{
    background: #FFF;
    padding: 70px 3rem 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 2px solid #f5f5f5;
}
.FooterContactText{
    margin-right: 20px;
}
.FooterColTitle{
    font-weight: bold;
    color: #ee2556;
    margin-bottom: 25px;
}
.FooterColItems>li{
    margin-bottom:15px;
}
.FooterColItems{
    list-style: none;
    padding: 0;
}
.FooterAboutUs{
    margin-top: 70px;
}
.FooterAboutUsText{
    font-size: 0.9rem;
    color: #6b6b6b;
    text-align: justify;
}
.FooterCopyRight{
    font-size: 14px;
    color: #919191;
}
.FooterCopyRightIcons{
    font-size: 24px;
    color:#1f2ad2;
    margin: 0 7px;
}
.lgLoginButton{
    border-right: 1px solid #cfcfcf;
    border-radius: 0;
    padding: 0.375rem 1.3rem
}
.lgRegisterButton{
    font-size: 15px;
    font-weight: 700;
    padding: 0.35rem 1.2rem;
    color:#31326F;
    color: #2D2D54;
}
.tortl{
    direction:ltr;
}
.toltr{
    direction:rtl;
}
.modal-header{
    align-items: center;
    padding-top: 5px;
}
.close{
    font-size: 2rem;
}
.modal-header .close{
    margin: -1rem -1rem -1rem;
    color:#bebebe;
    color:#4e4e4e;
}
.modal-content{
    border-radius: 12px;
    border:none;
    padding: 1rem 10px 0;
}
.LoginRegBody{
    padding: 2rem 1rem;
}
.LoginRegTitle{
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
}
.LoginRegTxt{
    height: 45px;
    border-radius: 8px;
    font-size: 14px;
    color: #000;
    -webkit-text-stroke: 0.2px;
}
.OrderNewTxt{
    height: 45px;
    border-radius: 8px;
    font-size: 15px;
    color: #000;
    -webkit-text-stroke: 0.2px;
}
.OrderNewTxt::placeholder{
    color:#cacaca;
    font-size: 14px;
}
.RegLoginButton{
    font-weight: 600;
    font-size: 1rem;
    height: 48px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-backdrop.show{
    opacity: .0;
}
.LoginRegTxt::placeholder{
    color:#cacaca;
    font-size: 13px;
}
.ReloadCaptchaArrow{
    -webkit-text-stroke: 1px;
    color: #0055b0;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
}
.Step1CaptchaArea{
    display: none;
}
.MobileNavIcons{
    text-align: left;
    padding: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.MobileNavLoginIcon{
    display: flex;
    align-items: center;
}
.MobileNavSiteLogo{
    font-size: 2.2rem;
    margin: auto;
}
.lgNavLogo{
    width: 60px;
}
.LoginModalTitle{
    font-size: 20px;
    font-weight: 900;
}
.LoginModalCaptcha{
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.LoginCaptchaIMG{
    width:150px;
}
.MobileLogoIMG{
    height: 1.7rem;
}
.MobileNavSeprator{
    color: #e4e4e4;
    padding: 0px 10px;
}
.MobileLoginButt{
    font-size: 14px;
    font-weight: 700;
    margin-right: 0px;
}
.MobileNavServices{
    font-size: 0.9rem;
    color: #4e4e4e;
    font-weight: bold;
}
.MobileNavServicesArrow{
    font-size: 14px;
}
.lgNavServicesIcon{
    -webkit-text-stroke: 0.4px;
}
.lgNavServicesArrow{
    -webkit-text-stroke: 0.5px;
    font-size: 10px;
    margin-right: 3px;
}
.lgNavPriceListButt{
    padding-left: 1.3rem;
}
.lgNavLoginButt{
    margin: 0 3px;
}
.NoVisible{
    display: none;
}
.invalid-feedback{
    font-weight: bold;
}
.btn-primary.disabled, .btn-primary:disabled{
    color: #fff;
    background-color: #dedede;
    border-color: #e0e0e0;
}
.RegLoginModalBackButton{
    border: 1px solid #d5d5d5;
    padding: 3px 10px;
    color: #818181;
    font-size: 16px;
    margin-left: 5px;
}
.LoginStep2PassTitle{
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 600;
    background-color: #e6f3ff;
    padding: 15px 15px;
    border-radius: 8px;
    color: #003a71;
}
.form-control:focus{
    color: #000;
}
.Stroke1{
    -webkit-text-stroke: 0.1px;
}
.Stroke2{
    -webkit-text-stroke: 0.2px;
}
.Stroke3{
    -webkit-text-stroke: 0.3px;
}
.Stroke4{
    -webkit-text-stroke: 0.4px;
}
.Stroke5{
    -webkit-text-stroke: 0.5px;
}
.Stroke6{
    -webkit-text-stroke: 0.6px;
}
.Stroke7{
    -webkit-text-stroke: 0.7px;
}
.Stroke8{
    -webkit-text-stroke: 0.8px;
}
.form-group{
    display: flex;
    align-items: center;
    margin: 0;
}
.form-group-occheck{
    display: flex;
    align-items: flex-start;
    margin: 0;
    flex-direction: column;
}
.form-group .showpasswordeye{
    margin: 10px;
    position: absolute;
    left: 0;
    padding: 1.1rem;
    cursor: pointer;
}
.ModalLoginWays{
    font-size: 0.9rem;
    margin-top: 20px;
    line-height: 30px;
    font-weight: 600;
}
.ModalLoginWaysText{
    margin-right: 5px;
}
.ModalLoginWaysItems{
    cursor: pointer;
}
.ModalLoginWaysItems:hover{
    color:#0c8fff;
}
.LoginStep2ErrorArea{
    font-size: 14px;
    margin: 20px 0;
    font-weight: 600;
    background-color: #ffe6e6;
    padding: 15px 15px;
    border-radius: 8px;
    color: #710000;
    display: none;
}
.bi-spin{
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.LightGrayColor{
    color: #dfdfdf;
}
.RegisterFieldsTitle{
    font-weight: 500;
    font-size: 13px;
    -webkit-text-stroke: 0.3px;
}
.RegisterLoginBack{
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
}
.RegisterPasswordEye{
    height: 100%;
    margin-left: 10px;
    position: absolute;
    left: 0;
    padding: 0;
    cursor: pointer;
    top: 0;
    display: flex;
    align-items: center;
}

.lgNavEventsIcon{
    font-size: 25px;
}
.NavNotifIcon{
    width: 20px;
    height: 20px;
    font-size: 15px;
    border-radius: 16px;
    margin: -1px -10px;
    position: absolute;
    background: #f00;
    font-weight: 600;
}
.NavFreeAndroidTop{
    top: -6px!important;
    font-weight: 500;
    font-size: 9px;
    color: #9f9f9f;
}
.ProfileDropDownMenusText{
    font-size: 0.9rem;
    font-weight: 600;
}
.ProfileDropDownMenusIcon{
    font-size: 20px;
    margin-left: 15px;
    color: #000000;
}
.NotificationDropDownMenusIcon{
    font-size: 18px;
    margin-left: 15px;
    color: #e9e9e9;
}
.lgNavAccountbtn{

}
.ProfileDropdownmenu{
    min-width: 15rem;
}
.ProfileDropdownmenu .dropdown-item{
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
}
.NavProfileWalletValue{
    font-size: 13px;
    margin-right: 4px;
    color: #b50000;
    font-weight: 700;
}
.NavGiftIconColor{
    color:#d93636;
    color:#6c6c6c;
}
.ModalPackageTitle{
    font-weight: bold;
    font-size: 14px;
}
.ModalPackageDesc{
    color:#8d3333;
    font-size: 13px;
}
.ModalPackagePrice{
    font-size: 14px;
    color: #EF6020;
    font-weight: 600;
}
.ModalPackageCurrecy{
    font-width: 200;
    font-size: 10px;
}
.ModalPackages{
    border: 1px solid #ededed;
    border-radius: 6px;
    padding: 10px 10px;
    background: #fff;
}
.ModalPackageBuyButt{
    font-size: 14px;
    color: #0044f4;
    font-weight: 700;
    background: #e6ecff;
    border-radius: 5px;
    cursor: pointer;
    width: fit-content;
    padding: 3px 10px;
    margin-right: auto;
}
.PackageIconText{
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    height: 40px;
    width: 40px;
    margin-top: 16px;
}
.lgNavNotificationIcon{
    font-size: 23px;
    color: #3f4064;
    background: #ffffff;
    padding: 0px 0px;
    margin: 0 15px;
}
.NotificationDrowDownArea{
    min-width: 20rem;
}
.NotificationAreaTitle{
    text-align: center;
    color: #000;
    font-size: 17px;
}
.NotificationItemArea{
    padding: 10px 15px 8px 15px;
    display: flex;
    align-items: center;
}
.NotificationItemTitle{
    font-weight: 700;
    margin-bottom: 7px;
    color: #1e1e1e;
    font-size: 15px;
}
.NotificationItemText{
    font-size: 13px;
    color: #000;
    font-weight: 300;
}
.NotificationItemArea:hover{
    background-color: #f9f9f9;
}
.NotificationLinks{
    text-decoration: none!important;
}
.main-lottery{
    position: relative;
}
.main-lottery-content{
    z-index: 20;
    left: 0;
    top: 12rem;
    width: 100%;
}
.main-lottery-turntable{
    position: relative;
    margin: 0 auto;
}
.turntalbe-bg{
    z-index: 30;
    left: 0;
    top: 0;
    transition: all 2s ease-in;
    max-width: 100%;
    height: auto;
}
.turntalbe-arrow{
    position: absolute;
    z-index: 40;
    width: 30%;
    height: 30%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("../../img/LotteryCircleArrow.gif") no-repeat;
    background-size: contain;
    text-indent: -999em;
    overflow: hidden;
}
.ErrorDialogHeader{
    background: #e85e6c;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.ErrorModalHeaderContent{
    margin: auto;
    font-size: 3rem;
    color: #ffffff;
    padding: 5px;
    cursor: pointer;
}
.AlertModalAllContent{

}
.ErrorModaloh{
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: #e85e6c;
}
.ErrorModalContentArea{
    padding: 1.5rem;
}
.ErrorModalText{
    word-break: break-all;
}
.SuccessDialogHeader{
    background: #38dd47;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.ZeroNotifBadge{
    background: #ffffff;
    border: 2px solid #e1e1e1;
    color: #b8b8b8;
    font-weight: 100;
    font-size: 14px;
}
.PriceTabletd{
    font-size: 14px;
    font-weight: 400;
    font-weight: bolder;
}
.PriceCalcArea{
    background: #fff;
    background: #f2f2f2;
    border-radius: 5px;
    padding: 20px 110px 20px 15px;
    padding:20px 15px;
    background-image: url(../../img/v4/calculator-icon.png);
    background-size: contain;
    background-position-x: 0rem;
    background-repeat: no-repeat;
    background-position-y: 0rem;
    background-position: right;
    background-image:none;
}
.PriceCalcButt{

}
.PriceCalcOutput{
    color: #414141;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    border-radius: 4px;
    display: none;
    background: #fff;
    font-weight: 400;
    border: 1px solid #ecf2f8;
    font-size: 15px;
}

.ModalCalcPriceLastPrice{
    color: #0e469c;
    font-weight: 900;
    letter-spacing: 1px;
}
.PriceCalcButtText{
    display: flex;
}
.CalPriceTitle{
    font-size: 15px;
    font-weight: 700;
}
.PriceCaclModaltxt{
    height: 45px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
}
.ModalCalcPriceIcon{
    font-size: 20px;
}
.ModalCalcPriceAreaAfterCalc{
    padding: 20px 15px;
    background-image:none;
}
.NavServicesDropDown{
    padding: 11px 1rem;
}

.megamenu {
    position: static;
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}
.NavMegaMenu{
    box-shadow: -4px 12px 27px 0px rgb(200 200 200);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.NavMegaMenu .nav-link{
    padding: 25px 0 0 0;
    padding-left: 0!important;
    padding-right: 0!important;
    font-size: 15px;
    font-weight: 400;
    color: #242424;
}
.NavMegaMenu .nav-link:hover{
    color: #14146e;
}
.MegaNavHeader{
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    width: 80%;
    font-size: 1.1rem;
    font-weight: bold;
    color: #2c2c2c;
}
.ServiesNavImg{
    background: center center url(../../img/v4/cloud_computing_services_nav.jpeg)no-repeat;
    background-size: cover;
    border-bottom-left-radius: 20px;
}
.MobileSideNavServicesTitle{
    font-weight: bold;
    font-size: 1rem;
    margin-top: 1.5rem;
    background: #f4f4f4;
    padding: 6px 10px;
    border-radius: 5px;
}
.MobileSideNavServices li{
    margin-bottom: 10px;
    font-size: 15px;
}
.MobileSideNavServices{
    list-style: disc;
    padding: 15px 32px 0 0px;
}
.ServicesBreadcrumb{
    font-weight: bold;
    color:#0075FF;
}
.ServicesBreadcrumb:hover{
    text-decoration: none;
}
.ServicesBreadcrumbArrow{
    margin: 7px;
    color:#8B8B8B;
    font-size: 14px;
}
.ServicesBreadcrumbServiceName{
    font-weight: 400;
    color: #8B8B8B;
    -webkit-text-stroke: 0.2px;
    font-size:15px;
}
.MainUploadBtnIcon{
    font-size: 22px;
    margin-left: 5px;
}
.DragDropNotic{
    font-size: 13px;
    font-weight: 100;
    margin-top: 12px;
}
.SelectFileFormatNotic{
    font-size: 13px;
    font-weight: 100;
    margin-top: 15px;
}
.lgSelectFileBtnIcon{
    -webkit-text-stroke: 0.3px;
    font-size: 20px;
}
.lgSelectFileHelpIcon{
    color: #CECECE;
    font-size: 15px;
    margin-left: 5px;
    cursor: pointer;
    width: 150px;
    text-align: left;
}
.lgSelectFileHelpIcon:hover{
    color: #3d6ed6;
}
.lgSelectFileHelpNotic{
    margin-right: 2px;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
}
.FilesTable{
    padding: 0px 10px;
    display:none;
    margin-bottom: 40px;
    height: 100%;
    overflow: auto;
    max-height: 300px;
}
.UploadDoneButtons{
    font-size: 14px;
    font-weight: 600;
    margin: 0 3px;
    cursor: pointer;
    direction: rtl;
    border-width: 1px;
    padding: 0.2rem 0.6rem;
    display: flex;
    align-items: center;
    gap: 3px;
    background: #fff;
}
.uploadfileborder{
    background: #fbfbfb;
    background: #fff;
    border: 1px solid #f1f1f1;
    padding: 15px 15px 15px 10px;
    border-radius: 9px;
    margin: 10px 0px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    direction: ltr;
}
.uploadfileborder:nth-of-type(even) {
    background: #f5f5f5;
    background: #fff;
}
.uploadfileborder:first-child{
    margin-top: 0px;
}
.uploadfileborder:nth-of-type(even) {
    background: #fbfbfb;
}
.filenameandlogo{
    font-size: 15px;
    font-weight: 600;
    margin-left: auto;
    direction: rtl;
    color: #4f4f4f;
    display: flex;
    align-items: center;
    width: 25%;
}
.UploadTableFileName{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    direction: ltr;
}
.ufileicons{
    margin-left: 5px;
    color: #4f4f4f;
    font-size: 18px;
}
.UploadFileError{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    margin: 0;
    background: #ffe7e7;
    border: none;
    color: #f00;
    font-size: 13px;
    border-radius: 6px;
    direction: rtl;
}
.UploadProgressBar{
    width: 50%;
    margin-left: auto;
    direction: rtl;
}
.StartConvertButton{
    width: fit-content;
    direction: rtl;
    display: none;
    font-weight: bold;
    font-size: 1rem;
    margin-right: auto;
    height: 55px;
    padding: 0 20px;
    border-radius: 9px;
}
.SelectFilePayButtonCartIcon{
    font-size: 1.3rem;
}
.UploadDeleteButt{
    color: #d82929;
    background: none;
}
.UploadCancelButton{
    background: #dc3545;
}
.NavServicesApi{
    margin: 30px -15px;
    padding: 15px 0;
    border-radius: 5px;
    /*
    border-right: 5px solid #91b3ff;
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(252 253 255) 50%, rgb(243 248 255) 100%);

     */
}
.NavServicesApiTitle{
    width: 30%;
    margin-bottom: 15px;
}
.NavServiceApiDesc{
    font-size: 13px;
    margin-top: 5px;
    color: #acacac;
    font-weight: 300;
}
.MainAddFileButton{
    background: transparent;
    color: #dc3545;
    border-color: #dc3545;
    animation: none;
    border-width: 1px;
    font-size: 15px;
}
.RegisterTxtIcon{
    position: absolute;
    color: #cccccc;
    font-size: 17px;
    margin: 0px 11px;
}
.inputwithicon{
    padding-right: 35px;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
    background-position: center left calc(0.375em + 0.1875rem);
    padding: .375rem .75rem;
}
.RegPassword.is-invalid{
    background-position: center left calc(1.5rem + 0.1875rem);
}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow{
    top: 1px;
}
.tooltip-inner{
    font-size:0.7rem;
}
.TestPageCount{
    font-size: 11px;
    text-align: left;
    margin: 0px 5px;
    position: relative;
    top: -30px;
    left: 7px;
    color: #b6b6b6;
    border-right: 1px solid #ced4da;
    width: fit-content;
    margin-right: auto;
    padding-right: 12px;
    display: flex;
    align-items: center;
}
.TestPageTimeToWait{
    font-size: 10px;
    text-align: right;
    background: #ffffff;
    border-radius: 5px;
    margin: 10px 5px 0px;
    color: #6c757d;
}
.TestConvertTitle{
    padding: 10px 10px;
    background: #f3faff;
    color: #155798;
}
.SelectPageGroups{
    background: #F5F5F5;
    border-radius: 10px;
    padding: 5px 4px;
    display: flex;
    align-items: center;
}
.mxw-50{
    max-width: 50%;
}
.SelectPageTwoButt{
    color: #fff;
    background-color: #F5F5F5;
    border: none;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    padding: 8px;
    cursor: pointer;
}
.SelectPageTwoButt.btn-light:not(:disabled):not(.disabled).active{
    background-color: #f5f5f5;
    color: #007bff;
    font-weight: bold;
    border-color: #e2e2e2;
    border-width: 1px;
}

.SelectPageTwoButt.btn-light:not(:disabled):not(.disabled).active:focus{
    box-shadow:none;
}
.SelectPageTwoButt.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    color: #a5a5a5;
}
.SelectPageTwoButt.btn-light.focus{
    box-shadow:none;
}
.SelectPageRangeIcon{
    font-size: 1.5rem;
    color: #797979;
}
.SelectPageAddonRange{
    margin: 13px 0;
}
.SelectPageDeleteButton{
    text-align: left;
    margin-left: 5px;
    margin-top: -3px;
}
.SeletePageDelButt{
    font-weight: bold;
    background: #ffe5e5;
    padding: 0px 6px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #d50000;
    font-size: 11px;
    margin-right: auto;
    margin-left: 6px;
}
.SelectPageDecsription{
    font-size: 0.7rem;
    padding: 0;
    font-weight: 500;
    list-style: inside;
}
.SelectPagePlusIcon{
    font-size: 35px;
    color: #0982ff;
}
.RegisterEnteredFiledArea{
    font-size: 14px;
    font-weight: 600;
}
.RegisterChangeField{
    font-weight: 400;
    color: #0054b5;
    cursor: pointer;
}
.SelectRangePageCount{
    font-size: 0.7rem;
    text-align: right;
}
.SelectPageRangeContent{
    background: rgb(245, 245, 245);
    margin-top: -11px;
    padding: 35px 20px 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.SelectPageTwoButt.active.SelectPageRangeCheckIcon{
    display: block;
}
.SelectPageSpecPageButt{
    border-right: 2px solid #e2e2e2;
}
.AddPageRangeButt{
    font-size: 12px;
    border-radius: 30px;
}
.SelectPageRangFirst{
    margin: 0 0 1.9rem 0;
}
.UploadBorderDefaultConter{
    width: fit-content;
    margin: auto;
    height: 65px;
    display: flex;
    align-items: center;
}
.LandingConvertTitle{
    font-weight: bold;
    font-size: 25px;
    color: #31326F;
}
.LandingConvertDesc{
    font-weight: 500;
    color: #31326F;
    font-size: 14px;
    margin-top: 5px;
}
.LandingStatic{
    color:#31326F;
    font-size:15px;
}
.LandingStaticCircle:after {
    content: ' \25CF';
    color:#666AF6;
}
.LandingStaticsItems{
    font-size: 15px;
    color:#31326F;
    padding: 0 7rem;
}
.ServicesFreeBadge{
    font-size: 10px;
    font-weight: 400;
    color: #5BE94F;
    border: 1px solid #d3ffcf;
    padding: 2px 4px;
    margin-right: 4px;
    border-radius: 4px;
    margin-top: -4px;
}
.LandingSelectFileContent{
    padding: 0rem 2rem 0;
    position: relative;
    width: 50%;
}
.LandingMobileLinks{
    display: none;
}
.SelectFileButtonNoticMobile{
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    margin-top: 4rem;
}
.LandingMobileLinksItems{
    text-decoration: none;
    color: #31326F!important;
}
.ConvertSpecsItems{
    justify-content: space-between;
}
.SpecsImg{
    max-height: 40px;
}
.ServicesMainTitleIcon{
    margin-left: 5px;
    font-size: 20px;
    color:#292929;
}
.ServicesMainTitleText{
    font-weight: bold;
    font-size: 21px;
}
.ServicesNameTitle{
    font-size: 32px;
    color:#292929;
}
.ToolsMt{
    margin-top: 4rem;
}
.ServicesItemBox a{
    text-decoration: none;
}
.ServicesItemBox:hover{
    background: #eff0fd;
}
.LandingAppDownloadButtons{
    margin:0;
    margin-top: 2rem;
    align-items: center;
}
.LandingDowloadSendLink{
    margin-top: 2rem;
    background: #F8F8F8;
    padding: 17px;
    border-radius: 8px;
}
.LandingSendLinkLabel{
    font-weight: bold;
    color: #0C0C0C;
    margin-left: 10px;
}
.SendAppLinkLabel{
    font-size: 13px!important;
}
.SendAppLinkTxtArea{
    flex:1;
}
.ModalBack{
    background: rgba(0, 0, 0, 0.9);
    background: rgb(153 153 153 / 50%);
    backdrop-filter: blur(12px);
}
.IndexOrdersAllItems{
    margin-top: 3rem;
}
.IndexOrderButton{
    -webkit-text-stroke: 0.3px;
    margin-right: 5px;
    font-size: 20px;
}
.PriceTopOfferLabel{
    color: #a71a1a;
}
.PriceBeforOffer{
    color: #761e1e;
}
.PriceAfrerOffer{
    color: #00b21e;
    font-weight: bold;
    margin-right: 5px;
}
.IndexSendAppLinkBtn{
    font-weight: bold;
    margin-right: 10px;
}
.SpecThreeBoxImage{
    height: 60px;
}
.SpecThreeBoxImageCoop{
    width: 60px;
}
.OurCustomerImg{
    max-height: 110px;
}
.IndexTextAreaBlocksImage{
    text-align: center;
}
.OurCustomerTitle{
    text-align: center;
    font-weight: 900;
    font-size: 1.5rem;
    color: #5c5c5c;
    margin-top: 2rem;
}
.OurCustomerTitleDesc{
    margin-top: 10px;
    color:#9A9A9A;
    text-align: center;
    margin-bottom: 4rem;
    font-size: 13px;
}
.WeblogPostImage{
    border-radius: 10px;
    width: 100%;
    height: 160px;
}
.IndexBlogViewAllPost a{
    text-decoration: none;
    color: #0057FF;
}
.IndexBlogViewAllPost:hover{
    border-color:#003aac;
}
.GotoBlogInPosts:hover{
    color: #003aac;
}
.VideoHelpSteps{
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
}
.FooterContactIcon{
    font-size: 28px;
    color: #ee2556;
}
.FooterTel{
    margin:20px 0;
    display: flex;
    align-items: center;
}
.FooterInstagramDiv{
    color: #ee2556;
    display: flex;
    align-items: center;
    border: 2px solid #ee2556;
    border-radius: 10px;
    padding: 0px 10px;
}
.FooterSocialIcon{
    font-size: 28px;
}
.FooterSocailText{
    margin-right: 5px;
}
.FooterInstagramDiv:hover{
    background: #ee2556;
    color: #fff;
    text-decoration: none;
}
.FooterInstagramDiv a{
    text-decoration: none;
}
.FooterIconsDot{
    font-size: 20px;
    color: #e7e7e7;
}
.FooterTelegramDiv{
    color: #0c8fff;
    display: flex;
    align-items: center;
    border: 2px solid #0c8fff;
    border-radius: 10px;
    padding: 0px 10px;
}
.FooterTelegramDiv:hover{
    background: #0c8fff;
    color: #fff;
    text-decoration: none;
}
.FooterColItems a{
    color: #393939;
    font-size: 14px;
}
.cursor-pointer{
    cursor: pointer;
}
.FooterHrCopyRight{
    margin-top: 70px;
}
.ServicesIconArea{
    margin-bottom: 10px;
}
.BlogPostArea a{
    text-decoration: none;
}
.PayOCRArea{
    padding: 4rem 5rem;

}
.UserProfileCreditArea{
    margin-left: 10px;
}
.PayOCRUseCredit{
    padding: 25px 10px;
    border: 1px solid #e0e0e6;
    border-radius: 7px;
    background: #fff;
    border: none;
    box-shadow: 0px 2px 10px 0px rgb(231 231 231);
    position: relative;
    z-index: 10;
}
.PayOCRWithCreditDesc{
    color: #C8C8C8;
    margin-top: 10px;
    font-size: 13px;
}
.POIncreaseLink{
    color: #0051CA;
    text-decoration: underline;
    font-size: 14px;
}
.POPayWithCreditBTN{
    font-size: 14px;
    width: 175px;
    height: 40px;
}
.display-flex{
    display: flex;
}
.PayOCROffCode{
    padding: 25px 10px;
    border: 1px solid #e0e0e6;
    border-radius: 7px;
    background: #fff;
    margin-top: 10px;
    border: none;
    box-shadow: 0px 4px 10px 0px rgb(231 231 231);
    position: relative;
    z-index: 14;
}
.POOffCodeLabel{
    width: 130px;
}
.POCheckOffCodeBtn{
    font-size: 14px;
    min-width: 175px;
    height: 40px;
    box-shadow: 0px 2px 3px 0px rgb(241 241 241);
}
.POOffCodetxt{
    border-color: #EDEDED;
}
.PayOCRPackages{
    padding: 25px 10px 0;
    border: 1px solid #e0e0e6;
    border-radius: 7px;
    background: #fff;
    margin-top: 10px;
    min-height: 250px;
    border: none;
    box-shadow: 0px 2px 28px 0px rgb(231 231 231);
    position: relative;
    z-index: 12;
}
.POPackageTitle{
    margin-right: 15px;
}
.POOffPackages{
    /*
    border:1px solid #EDEDED;
    border-radius: 7px;
     */
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 0px;
    font-size: 15px;
    font-weight: bold;
}
.POOffPackages:last-child{
    border-bottom: none;
}
.PayOCRDetailsArea{
    background: #fff;
    padding: 20px;
    border: 1px solid #e0e0e6;
    border-radius: 7px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border:none;
    box-shadow: 0px 2px 28px 0px rgb(231 231 231);
}
.POFactorTitle {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 20px;
}
.PONumberOfPage{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.POPayButtonArea{
    margin-top: auto;
    border-top: 1px solid #F1F1F1;
    padding-top: 15px;
}
.POPayOCRButton{
    width: 100%;
    height: 45px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}
.POPriceForPay{
    font-size: 1.15rem;
}
.PONoPackagesArea{
    text-align: center;
    margin-top: 60px;
}
.POShowAllPackages{
    color:#0051CA;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 4px;
}
.OCRPayButtonBeforeOFF{
    color: #252525;
}
.PayPageNotic{
    margin-top: 15px;
    font-weight: 400;
    font-size: 13px;
}
.PayPageNoticLink{
    color: #0030ff;
    cursor: pointer;
}
.POLeftButtonsSide{
    justify-content: flex-end;
    align-items: center;
}
.OurSpecIcon{
    font-size: 30px;
    width: 48px;
    background: #c9d3e0;
    background: rgb(197,199,208);
    background: linear-gradient(0deg, rgba(197,199,208,1) 0%, rgba(211,213,220,1) 100%);
    color: #fff;
    height: 48px;
    text-align: center;
    line-height: 47px;
    border-radius: 12px;
    margin-bottom: 15px;
    text-shadow: 1px 2px 7px #b2b1bd;

    background: linear-gradient(0deg, rgb(152 195 227) 0%, rgb(181 210 255) 100%);
    background: linear-gradient(0deg, rgba(197,199,208,1) 0%, rgba(211,213,220,1) 100%);
    text-shadow: none;
}
.OCRConvertArea{
    padding: 5rem 4rem;
    min-height: 85vh;
}
.OCFilesTableArea{
    background: #fff;
    border: 1px solid #F7F6F7;
    border-radius: 13px;
    box-shadow: 0px 7px 13px 0px rgb(245 245 245);
    min-height: 420px;
    min-height: 65vh;
    display: flex;
    flex-direction: column;
}
.OCTableTopContent{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.OCTableTopTitle{
    font-weight: bold;
    font-size: 17px;
}
.OCTableTopLinkNew{
    font-size: 14px;
    color: #4e50c6;
    cursor: pointer;
    padding: 0 5px;
}
.OCTableTopLink{
    font-size: 13px;
    color: #41bc63;
    cursor: pointer;
    font-weight: bold;
    padding: 0 35px;
}
.OCTableTopBorderContent{
    background: #ffffff;
    margin-top: -3px;
    width: 97%;
    margin-right: 2%;
}
.OCTableTopContentBlueHR{
    width: 8%;
    background: #578AFF;
    height: 3px;
    margin-right: 17px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.OCTableTopTitleText{
    padding: 25px 35px 18px;
}
.OCTableTopTitleUnderline{
    height: 3px;
    background: #578AFF;
    margin: 0 25px;
    border-top-left-radius: 65px;
    border-top-right-radius: 65px;
}
.OCTableHeader{
    text-align: center;
    border-top: 1px solid #EFEFEF;
    font-size: 13px;
    box-shadow: 0px 2px 4px 0px #EBEEF9;
}
.OCTableHeaderItem{
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 0.2px;
}

.OCTableFilesItem{
    padding: 15px 0 15px;
}
.OCTableFilesName{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.OCTableFilesPageCount{
    color: #D3D3D3;
    font-size: 12px;
    font-weight: bold;
}
.OCTableFileItemName {
    font-size: 15px;
    font-weight: 600;
}
.OCConvertButton{
    background: #F1F5FF;
    height: 33px;
    width: 125px;
    border: 1px solid #E3E6ED;
    border-radius: 4px;
    font-size: 13px;
    color: #7084B5;
    font-weight: bold;
}
.OCConvertPayFullButton{
    height: 49px;
    width: fit-content;
    border: 1px solid #007bff;
    border-radius: 7px;
    font-size: 16px;
    background: #007bff;
    color: #ffffff;
    font-weight: bold;
}
.OCConvertPayFullButton:hover{
    color: #fff;
    background: #0069d9;
}
.FreeConvertFinalDownloadButton{
    border: 1px solid #008d0b;
    background: #008d0b;
    color:#fff;
}
.FreeConvertFinalDownloadButton:hover{
    border: 1px solid #008d0b;
    background: #03690b;
}
.OCConvertButtonError{
    border: 1px solid #fbb;
    background: #ffeaea;
    color: #ba3333;
}
.OCConvertButton:hover{
    border-color: #b4bceb;
    color: #495c8c;
    background: #ebf0fc;
}
.OCConvertButtonError:hover{
    border-color: #d76767;
    color: #9c2121;
    background: #ffd8d8;
}
.OCConvertDownloadButton{
    background: #f1fff3;
    height: 33px;
    width: 105px;
    border: 1px solid #d4f3cb;
    border-radius: 4px;
    font-size: 12px;
    color: #4eb248;
    font-weight: bold;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.OCConvertAgainBtn{
    cursor: pointer;
    font-size: 13px;
}
.OCConvertDownloadArrowButton{
    background: #f1fff3;
    height: 33px;
    border: 1px solid #d4f3cb;
    border-radius: 4px;
    font-size: 12px;
    color: #4eb248;
    font-weight: bold;
}
.OCConvertDownloadButton:hover{
    color:#0ba909;
}
.OCConvertButton:disabled{
    opacity: 0.4;
    cursor: not-allowed;
}
.OCRepeatConvert{
    background: none;
    border: none;
    color: #7c86b5;
}
.OCDownloadButtonLink:hover{
    text-decoration: none;
}
.OCTableBottomDesc{
    margin-top: auto;
    font-size: 13px;
    padding: 15px 25px;
    border-top: 1px solid #EFEFEF;
    color:#666666;
}
.OCCheckRequestSentLabel{
    font-size: 13px;
    cursor: auto;
}
.OCTableBottomText{
    display: flex;
    align-items: center;
}
.OCCheckRequestSentLabelAnonymous{
    font-size: 13px;
    color: #4db667;
    padding: 6px 0px;
    border-radius: 5px;
    cursor: auto;
}
.FailedUploadClose{
    color: #f00;
}
.FailedUploadClose:hover{
    color: #c60000;
}
.OCFaqContent{
    background: #fff;
    border: 1px solid #F7F6F7;
    border-radius: 13px;
    box-shadow: 0px 7px 13px 0px rgb(245 245 245);
    display: flex;
    flex-direction: column;
    padding: 15px;
    height: 100%;
}
.OCFaqTitle{
    display: flex;
    font-size: 15px;
}
.card-header .title {
    font-size: 13px;
    color: #000;
}
.card-header .accicon {
    float: left;
    font-size: 14px;
}
.card-header{
    cursor: pointer;
    border-bottom: none;
}
.card{
    border: 1px solid #ddd;
}
.OCaccordionItem{
    border-color:#F2F2F2;
}
.card-body{
    border-top: 1px solid #ddd;
    font-size: 0.85rem;
    background: #fbfbfb;
}
.card-header:not(.collapsed) .rotate-icon {
    display: block;
    transform: rotate(180deg);
}
.OCaccordionHeader{
    background: #fff;
}
.OC-table{
    text-align: center;
    table-layout: fixed;
}
.OCExFileIMG{
    width: 50%;
    border-radius: 15px;
    border: 2px solid #e7e7e7;
}
.OCExFileDesc{
    text-align: center;
    font-size: 0.7rem;
    color: #727272;
    margin-top: 5px;
}
.OC-table thead{
    border-top: 1px solid #EFEFEF;
    box-shadow: 0px 2px 4px 0px #EBEEF9;
}
.OC-table thead th{
    border: none;
    font-size: 13px;
    font-weight: 400;
    -webkit-text-stroke: 0.2px;
    padding: 17px 0;
}
.OC-table .OCThirdMethodBorder{
    border-left: 1px solid #EFEFEF;
    border-left: none;
}
.OC-table td{
    border-top: none;
    padding: 25px 0;
}
.table td, .table th{
    vertical-align: middle;
}
.OC-table tr{
    border-bottom: 1px solid #EFEFEF;
}
.OC-table tr:not(only-child):last-child {
    border-bottom: none;
}
.OC-table tr:only-child:first-child {
    border-bottom: 1px solid #EFEFEF;
}
.LandingStaticsBorder{
    display: flex;
    justify-content: center;
}
.LandingStaticLabel{
    margin-right: 5px;
}
.loader{
    border: 7px solid #e4f0ff;
    border-radius: 50%;
    border-top: 7px solid #79bcff;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
}
.OCLoader{
    float:right;
    width: 15px;
    height: 15px;
}
.OcrPercentage{
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    display: block;
    margin-top: -11px;
    color: #7086ba;
	direction: ltr;
}
.OCCheckDesc{
    font-size: 13px;
    margin-top: 17px;
    list-style: square;
    margin-bottom: 13px;
}
.OCCheckSubmit{
    width: 100%;
    height: 45px;
    font-weight: bold;
    font-size: 15px;
}
.OCCheckDescTitle{
    font-size: 14px;
}
.OCChecktel{
    font-size: 14px;
}
.OCCheckTextArea{
    font-size: 14px;
    padding: 12px 15px;
}
.OCFaqItem{
    font-size: 0.85rem;
}
.OCSmartSup{
    color: #c32121;
}
.OCDownloadWordLink{
    color: #1465e3;
}
.OrderTopNotics{
    font-size: 0.9rem;
    padding-right: 25px;
}
.OrderTopNoticsItem{
    margin: 10px 0;
}
.OrderPriceListTitle{
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
}
.table-striped tbody tr:nth-of-type(even){
    background-color: rgb(246 246 246);
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: #fff;
}
.OrderPriceList td{
    font-size: 0.9rem;
    padding: 10px;
}
.OrderFormArea{
    padding: 15px;
    border-radius: 7px;
    padding-right: 0;
}
.OrderSubmitBtn{
    font-size: 16px;
    width: 170px;
    height: 45px;
    font-weight: bold;
}
.OrderSubmitArea{
    text-align: left;
}
.OrderFormNoticText{
    margin-right: 10px;
}
.OrderCalItems{
    margin: 5px 0;
    padding: 0 5px;
}
.OrderCalcPricetxt{
    border-radius: 4px;
    font-size: 15px;
    color: #000;
    -webkit-text-stroke: 0.2px;
    height: 38px;
}
.OrderPriceResponse{
    display: none;
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    background: #e1ffe2;
    border: 2px solid #24e800;
    font-size: 1rem;
    font-weight: bold;
}
.OrderCalcButtonArea{
    text-align: left;
}
.OrderRulesTitle{
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px;
}
.RulesAllItems{
    font-size: 14px;
}
.OrderTypeTextAreImg{
    width: 60%;
}
.EditingUniDocLabel{
    display: none;
    color: #ab0000;
    text-align: right;
    margin: 5px 0 5px;
    font-size: 13px;
    font-weight: bold;
}
.ImageTotextNoLimitLabel{
    font-size: 14px;
    margin: 10px 0 0;
    color: #bbbbbb;
    text-align: center;
}
.ImageTotextNoLimitLabelLink{
    color: #7091c8;
    font-weight: bold;
}
.FreeOCRMaxFileCountError{
    font-size: 15px;
    margin-top: 3px;
    font-weight: bold;
    color: #000000;
}
.listen-button{
    background: #fff;
    background-image: url(../../img/micback.png);
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    height: 120px;
    width: 120px;
    margin: auto;
    transition: all .4s ease;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.listen-button:hover{
    box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
    background: #d81426;
    background-image: url(../../img/micbackhover.png);
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center;
}
.listening{
    box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
    background: #d81426;
    background-image: url(../../img/micbackhover.png);
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center;
}
.TextAreaColsIcon{
    font-size: 4rem;
    color: #5f9df6;
}
.LandingStaticsArea{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 13px;
    padding: 0;
}
.SpeechRecognitionArea{
    margin: 22vh 0 0;
}
.no-display{
    display: none;
}
.InsertPasswordFileName{
    font-size: 13px;
    margin-bottom: 5px;
}
.OCVideoHelpLink{
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
}
.OCHelpFaqTitle .title{
    font-size: 15px;
}
.OCFaqHelpQuestion{
    font-size: 20rem;
    color: #ededed;
}
.ISPErrorText{
    padding: 0 25px;
    line-height: 25px;
}
.toast{
    position: fixed;
    bottom: 3rem;
    left: 3rem;
    z-index: 1;
    border-radius: 10px;
}
.toast-header{
    justify-content: space-between;
    background: #f1f1f1;
    font-weight: bold;
}
.toast-body{
    font-size: 13px;
}
.cursor-pointer{
    cursor: pointer;
}
.AppScreenShots{
	margin:0 5px;
}
.PackagesBuyNotic{
    font-size: 13px;
    text-align: right;
    background: #ffffff;
    border-radius: 5px;
    color: #6c757d;
    margin: 20px 10px 0 0;
}
.OCRSettingButton{
    width: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px;
    margin-left: -3px;
}
.OCRMainBtn{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 105px;
}
.OCRSettingSelectbox{
    font-size: 13px;
}
.OCRSettingSelectboxNotic{
    font-size: 12px;
    margin: 5px 3px 0 0;
}
.imageViewBig{
    cursor: pointer;
}
.OCRTableConvertLabel{
    font-size: 0.6rem;
}
.ApiReqDescLabel{
    text-align: right;
    font-size: 0.9rem;
    line-height: 35px;
}
.CompressionLevelComboBox{
    height: 40px;
    width: fit-content;
    border-radius: 8px;
    font-size: 14px;
    color: #000;
    -webkit-text-stroke: 0.2px;
    margin: auto;
    font-weight: 300;
}
.RemovePageSelectionTitle{
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 6px;
}

@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
:root{--input-padding-x:1rem;--input-padding-y:.5rem;--placeholder-color:#6c757d;--top-position:14px;--label-z-index:5;--input-background-color:#ffffff;--top-position-in-border:5px;--outline-border-color:#80bdff;--top-position-outline:-8px;--normal-border-color:#ced4da;--outline-border-size:.125rem;--outline-animation-duration:.3s;--outline-transition-type:linear}.form-label-group{position:relative;}.form-label-group label{margin:0;pointer-events:none}.form-label-group input,.form-label-group label,.form-label-group textarea,.form-label-group:not(.in-border).form-label-group:not(.outline) select{padding:var(--input-padding-y) var(--input-padding-x)}.form-label-group label{position:absolute;top:50%;left:auto;display:block;width:100%;margin-bottom:0;color:var(--placeholder-color);border-radius:.25rem;transition:all .2s ease-in-out;transform-origin:0 0;transform:translateY(-50%);text-align:left;z-index:var(--label-z-index);font-weight: 500;font-size: 13px;-webkit-text-stroke: 0.2px;}.form-label-group.form-control{padding:0}.form-label-group.form-control input{border:none;height:99%}.form-label-group textarea~label{top:0;transform:translateY(0)}.form-label-group.transparent input::-webkit-input-placeholder{color:transparent}.form-label-group.transparent input:-ms-input-placeholder{color:transparent}.form-label-group.transparent input::-ms-input-placeholder{color:transparent}.form-label-group.transparent input::-moz-placeholder{color:transparent}.form-label-group.transparent input::placeholder,.form-label-group.transparent textarea::placeholder{color:transparent}.form-label-group input:focus,.form-label-group input:not(:placeholder-shown),.form-label-group textarea:focus,.form-label-group textarea:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y)/ 3)}.form-label-group:not(.in-border).form-label-group:not(.outline) select{padding-bottom:0}.form-label-group input:focus~label,.form-label-group input:not(:placeholder-shown)~label,.form-label-group select~label,.form-label-group textarea:focus~label,.form-label-group textarea:not(:placeholder-shown)~label{font-size:1em;top:var(--top-position);visibility:visible}.form-label-group input.form-control-lg:focus~label,.form-label-group input.form-control-lg:not(:placeholder-shown)~label{top:calc(2px + var(--top-position))}.form-label-group input.form-control-sm:focus~label,.form-label-group input.form-control-sm:not(:placeholder-shown)~label{top:calc(2px - var(--top-position))}.form-label-group input:focus::placeholder,.form-label-group textarea:focus::placeholder{visibility:hidden;color:rgba(255,255,255,0);transition-delay:0s;opacity:0;text-shadow:none}.form-label-group input::placeholder,.form-label-group textarea::placeholder{transition-delay:.2s;color:rgba(255,255,255,0);opacity:0}.form-label-group .intl-tel-input label,.form-label-group .iti label{margin-left:42px}.form-label-group .intl-tel-input input:focus::placeholder,.form-label-group .iti input:focus::placeholder{visibility:visible;color:var(--placeholder-color);opacity:1}.form-label-group.in-border label{width:auto}.form-label-group.in-border input:focus,.form-label-group.in-border select:focus,.form-label-group.in-border textarea:focus{box-shadow:none}.form-label-group.in-border input:focus~label,.form-label-group.in-border input:not(:placeholder-shown)~label,.form-label-group.in-border select~label,.form-label-group.in-border textarea:focus~label,.form-label-group.in-border textarea:not(:placeholder-shown)~label{background: #fff;margin: 0 12px;padding: 0 5px;font-size: 12px;top:0;height:auto}.form-label-group.in-border input:focus~label::after,.form-label-group.in-border input:not(:placeholder-shown)~label::after,.form-label-group.in-border select~label::after,.form-label-group.in-border textarea:focus~label::after,.form-label-group.in-border textarea:not(:placeholder-shown)~label::after{visibility:visible;transition:all .2s ease}.form-label-group.in-border label::after{content:" ";display:block;position:absolute;background:var(--input-background-color);height:4px;top:50%;left:.7em;right:.7em;z-index:-1;visibility:hidden}.form-label-group.in-border input,.form-label-group.in-border label{padding:var(--input-padding-y) var(--input-padding-x);}.form-label-group.in-border textarea,.form-label-group.in-border textarea~label{padding:var(--input-padding-y) var(--input-padding-x)}.form-label-group.in-border input,.form-label-group.in-border label,.form-label-group.in-border select,.form-label-group.in-border textarea{transition:all .2s linear,border-color .5s ease-in-out,box-shadow .5s ease-in-out}.form-label-group.in-border .intl-tel-input input:focus~label,.form-label-group.in-border .intl-tel-input input:not(:placeholder-shown)~label,.form-label-group.in-border .iti input:focus~label,.form-label-group.in-border .iti input:not(:placeholder-shown)~label{margin-left:0}.form-label-group.iti-right .iti__flag-container{right:0;left:auto}.form-label-group.in-border.iti-right .iti--allow-dropdown input[type=tel],.form-label-group.iti-right .iti--allow-dropdown input,.form-label-group.iti-right .iti--separate-dial-code input,.form-label-group.iti-right .iti--separate-dial-code input[type=tel],.form-label-group.iti-right .iti--separate-dial-code input[type=text],.iti--allow-dropdown input[type=text]{padding-left:var(--input-padding-x)}.form-label-group.iti-right .intl-tel-input label,.form-label-group.iti-right .iti label{margin-left:0}.form-label-group.iti-right .iti__country-list{right:0}.form-label-group .iti__country-list{z-index:calc(var(--label-z-index) + 2)!important}.form-label-group.outline span{position:absolute;top:0;left:0;display:flex;width:100%;margin-bottom:0;color:var(--placeholder-color);border-radius:.25rem;transition:all .2s var(--outline-transition-type);transform-origin:0 0;text-align:left;z-index:var(--label-z-index);height:100%;flex-wrap:wrap;pointer-events:none}.form-label-group.outline input.border-danger~span{--normal-border-color:var(--danger, #dc3545)}.form-label-group.outline input.border-primary~span{--normal-border-color:var(--primary, #007bff)}.form-label-group.outline input.border-secondary~span{--normal-border-color:var(--secondary, #6c757d)}.form-label-group.outline input.border-success~span{--normal-border-color:var(--success, #28a745)}.form-label-group.outline input.border-info~span{--normal-border-color:var(--info, #17a2b8)}.form-label-group.outline input.border-warning~span{--normal-border-color:var(--warning, #ffc107)}.form-label-group.outline input.border-light~span{--normal-border-color:var(--light, #f8f9fa)}.form-label-group.outline input.border-dark~span{--normal-border-color:var(--dark, #343a40)}.form-label-group.outline input.border-white~span{--normal-border-color:var(--white, ##fff)}.form-label-group.outline input:focus,.form-label-group.outline select:focus,.form-label-group.outline textarea:focus{box-shadow:none}.form-label-group.outline input:focus~span,.form-label-group.outline input:not(:placeholder-shown)~span,.form-label-group.outline select~span,.form-label-group.outline textarea:focus~span,.form-label-group.outline textarea:not(:placeholder-shown)~span{position:absolute;top:0;left:0;display:flex;width:100%;margin-bottom:0;color:var(--placeholder-color);border-radius:.25rem;transition:all var(--outline-animation-duration) var(--outline-transition-type);transform-origin:0 0;text-align:left;z-index:var(--label-z-index);height:100%;flex-wrap:wrap}.form-label-group.outline input~span::after,.form-label-group.outline select~span::after,.form-label-group.outline textarea~span::after{transition:all var(--outline-animation-duration) var(--outline-transition-type);content:" ";width:1px;flex:1 0 auto;border:var(--outline-border-size) solid var(--normal-border-color);border-left:none;position:relative;right:0;height:100%;visibility:hidden;border-radius:0 .25rem .25rem 0;flex-grow:1;flex-basis:0;max-width:1px}.form-label-group.outline input:focus~span::after,.form-label-group.outline input:not(:placeholder-shown)~span::after,.form-label-group.outline select~span::after,.form-label-group.outline textarea:focus~span::after,.form-label-group.outline textarea:not(:placeholder-shown)~span::after{height:100%;border:1px solid var(--normal-border-color);border-left:none;content:" ";display:block;position:relative;background:0 0;z-index:-1;border-radius:0 .25rem .25rem 0;width:100%;max-width:100%;flex-grow:1;flex-basis:0;transition:all var(--outline-animation-duration) var(--outline-transition-type);visibility:visible}.form-label-group.outline input:focus~span::before,.form-label-group.outline input:not(:placeholder-shown)~span::before,.form-label-group.outline select~span::before,.form-label-group.outline textarea:focus~span::before,.form-label-group.outline textarea:not(:placeholder-shown)~span::before{height:100%;border:1px solid var(--normal-border-color);border-right:none;content:" ";display:block;position:relative;background:0 0;top:0;left:0;z-index:-1;border-radius:.25rem 0 0 .25rem;width:100%;flex:0 0 9px;transition:all var(--outline-animation-duration) var(--outline-transition-type)}.form-label-group.outline label{position:relative;top:50%;left:0;display:block;width:auto;margin-bottom:0;color:var(--placeholder-color);border-radius:.25rem;transition:all var(--outline-animation-duration) var(--outline-transition-type);text-align:left;z-index:var(--label-z-index);flex-grow:1;flex-basis:0;max-width:100%;flex:0 0 auto;margin-right:auto}.form-label-group.outline input:focus~span label,.form-label-group.outline input:not(:placeholder-shown)~span label,.form-label-group.outline select~span label,.form-label-group.outline textarea:focus~span label,.form-label-group.outline textarea:not(:placeholder-shown)~span label{transform:none;top:var(--top-position-outline);font-size:.6rem;padding:var(--input-padding-y) calc(var(--input-padding-x)/3);padding-top:0;color:var(--placeholder-color);margin:0;margin-right:auto}.form-label-group.outline input:focus,.form-label-group.outline input:not(:placeholder-shown ),.form-label-group.outline select,.form-label-group.outline textarea:focus,.form-label-group.outline textarea:not(:placeholder-shown){border-top-color:transparent!important;border-bottom-color:var(--normal-border-color);border-bottom-width:1px;transition:all var(--outline-animation-duration) var(--outline-transition-type)}.form-label-group.outline input,.form-label-group.outline label,.form-label-group.outline select,.form-label-group.outline textarea{background-color:transparent;transition:all var(--outline-animation-duration) var(--outline-transition-type)}.form-label-group.outline select~span::after,.form-label-group.outline select~span::before{border-color:var(--normal-border-color)}.form-label-group.outline input,.form-label-group.outline label{padding:var(--input-padding-y) var(--input-padding-x)}.form-label-group.outline select{border-bottom-color:var(--normal-border-color)}.form-label-group.outline select~span label{color:var(--placeholder-color)}.form-label-group.outline.border-danger{--outline-border-color:var(--danger, #dc3545)}.form-label-group.outline.border-primary{--outline-border-color:var(--primary, #007bff)}.form-label-group.outline.border-secondary{--outline-border-color:var(--secondary, #6c757d)}.form-label-group.outline.border-success{--outline-border-color:var(--success, #28a745)}.form-label-group.outline.border-info{--outline-border-color:var(--info, #17a2b8)}.form-label-group.outline.border-warning{--outline-border-color:var(--warning, #ffc107)}.form-label-group.outline.border-light{--outline-border-color:var(--light, #f8f9fa)}.form-label-group.outline.border-dark{--outline-border-color:var(--dark, #343a40)}.form-label-group.outline.border-white{--outline-border-color:var(--white, #fff)}.form-label-group.outline input:focus~span::after,.form-label-group.outline input:focus~span::before,.form-label-group.outline select:focus~span label,.form-label-group.outline select:focus~span::after,.form-label-group.outline select:focus~span::before,.form-label-group.outline textarea:focus~span::after,.form-label-group.outline textarea:focus~span::before{border-color:var(--outline-border-color);color:var(--outline-border-color)!important;border-width:var(--outline-border-size);transition:all var(--outline-animation-duration) var(--outline-transition-type)}.form-label-group.outline input:focus,.form-label-group.outline select:focus,.form-label-group.outline textarea:focus{border-bottom-color:var(--outline-border-color)!important;border-bottom-width:var(--outline-border-size);transition:all .2s var(--outline-transition-type)}.form-label-group.outline input:focus~span label,.form-label-group.outline select:focus~span label,.form-label-group.outline textarea:focus~span label{color:var(--outline-border-color)!important}.form-label-group.outline .iti__flag-container span{position:relative;display:inline}
.RegFiledsMiddle{
    margin: 10px 0;
}
.testimonial-view {
	margin-bottom: 30px;
	position: relative;
}
.testimonial-view .owl-item.active.center .testimonial-box {
	transform: scale(1.15);
	opacity: 1;
}

.testimonial-box {
	background: #fff;
	padding: 30px 20px;
	margin: 50px 15px 90px 15px;
	border-radius: 8px;
	box-shadow: 0 15px 50px -3px rgba(0, 0, 0, 0.1);
	transform: scale(0.9);
	opacity: 0.5;
	transition: all 0.3s;
    font-size: 0.8rem;
}
.testimonial-box .quote-icon {
	font-size: 50px;
	color: #eee;
	margin-top: 20px;
	margin-bottom: 20px;
}
.testimonial-box img.user-img {
	height: 60px;
	width: 60px;
	border: 3px solid #eee;
	border-radius: 60px;
	object-fit: cover;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

.owl-nav .owl-prev {
	position: absolute;
	top: calc(50% - 25px);
	left: 0;
	opacity: 0.7;
	font-size: 30px !important;
	z-index: 1;
}

.owl-nav .owl-next {
	position: absolute;
	top: calc(50% - 25px);
	right: 0;
	opacity: 0.7;
	font-size: 30px !important;
	z-index: 1;
}

.owl-dots {
	text-align: center;
}
.owl-dots .owl-dot {
	height: 8px;
	width: 8px;
	border-radius: 8px;
	background: #ccc !important;
	margin-left: 5px;
	margin-right: 5px;
	outline: none;
}
.owl-dots .owl-dot.active {
	background: #999 !important;
}


.pure-material-progress-circular {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    width: 17px;
    height: 17px;
    color: #007bff;
    background-color: transparent;
    font-size: 16px;
    overflow: hidden;
}

.pure-material-progress-circular::-webkit-progress-bar {
    background-color: transparent;
}
.ContactUsText{
    font-size: 16px;
    line-height: 30px;
    list-style: none;
    padding: 0 20px 0 0;
}
.ContactUsTel{
    font-size: 18px;
}
.AboutUsText{
    font-size: 16px;
    line-height: 30px;
}
.HireContractorDownloadFormLabel{
    text-align: right;
    margin-top: 20px;
    font-size: 14px;
}
.HireContractorDownloadFormDownloadLink{
    font-weight: bold;
    color: #e03333;
}
/* Indeterminate */
.pure-material-progress-circular:indeterminate {
    -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}

:-ms-lang(x), .pure-material-progress-circular:indeterminate {
    animation: none;
}

.pure-material-progress-circular:indeterminate::before,
.pure-material-progress-circular:indeterminate::-webkit-progress-value {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-bottom: 0.25em;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100% !important;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-moz-progress-bar {
    box-sizing: border-box;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-ms-fill {
    animation-name: -ms-ring;
}

@keyframes pure-material-progress-circular {
    0% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(180deg);
        animation-timing-function: linear;
    }
    25% {
        transform: rotate(630deg);
    }
    37.5% {
        transform: rotate(810deg);
        animation-timing-function: linear;
    }
    50% {
        transform: rotate(1260deg);
    }
    62.5% {
        transform: rotate(1440deg);
        animation-timing-function: linear;
    }
    75% {
        transform: rotate(1890deg);
    }
    87.5% {
        transform: rotate(2070deg);
        animation-timing-function: linear;
    }
    100% {
        transform: rotate(2520deg);
    }
}

@keyframes pure-material-progress-circular-pseudo {
    0% {
        transform: rotate(-30deg);
    }
    29.4% {
        border-left-color: transparent;
    }
    29.41% {
        border-left-color: currentColor;
    }
    64.7% {
        border-bottom-color: transparent;
    }
    64.71% {
        border-bottom-color: currentColor;
    }
    100% {
        border-left-color: currentColor;
        border-bottom-color: currentColor;
        transform: rotate(225deg);
    }
}

















.landingareabg{
    /*background-image: url(../../img/v4/landingbg.png);*/
    background-size: contain;
    background-repeat: no-repeat;
}

.landingindexarea{
    height: 100%;
    /*
    display: flex;
    align-items: flex-end;
    align-content: stretch;

     */
}
.navbar-toggler{
    padding: 0;
}
.ProgressContent1:after{
    content: "3";
    font-weight: bold;
    color: #fff;
}
.ProgressContent2:after{
    content: "2";
    font-weight: bold;
    color: #fff;
}
.ProgressContent3:after{
    content: "1";
    font-weight: bold;
    color: #fff;
}


.form-step {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 3rem;
}
.font-normal {
    font-weight: normal;
}
ul.form-stepper {
    counter-reset: section;
    margin-bottom: 3rem;
}
ul.form-stepper .form-stepper-circle {
    position: relative;
}
ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-45%) translateX(-50%);
}
.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}
.form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}
.form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.form-stepper-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    content: "";
    top: 32%;
}
.form-stepper-horizontal li:after {
    background-color: #dee2e6;
    background: repeating-linear-gradient( to right, #ffffff, #ffffff 10px, #c9c9c9 10px, #c9c9c9 17px);
}
.form-stepper-horizontal li.form-stepper-completed:after {
    background-color: #4da3ff;
}
.form-stepper-horizontal li:last-child {
    flex: unset;
}
ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
    font-weight: bold;
    color: #9ab1dc;
}
.form-stepper .form-stepper-active .form-stepper-circle {
    background-color: #6AC85A !important;
    color: #fff;
}
.form-stepper .form-stepper-active .label {
    color: #6AC85A !important;
    font-weight: bold;
}
.form-stepper .form-stepper-active .form-stepper-circle:hover {
    background-color: #2dc763 !important;
    color: #fff !important;
}
.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #f8f7ff;
}
.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: #0e9594 !important;
    color: #fff;
}
.form-stepper .form-stepper-completed .label {
    color: #0e9594 !important;
}
.form-stepper .form-stepper-completed .form-stepper-circle:hover {
    background-color: #0e9594 !important;
    color: #fff !important;
}
.form-stepper .form-stepper-active span.text-muted {
    color: #fff !important;
}
.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}
.form-stepper .label {
    font-size: 0.9rem;
    color: #c5c5c5;
    margin-right: 1rem;
    float: left;
    vertical-align: middle;
    line-height: 30px;
}
.form-stepper a {
    cursor: default;
}
.navbar-nav > .active{
    font-weight: bold;
}
.progressbar li{
    float: left;
    width: 33%;
    position: relative;
    text-align: center;
    list-style: none;
}
.progressbar li:before{
    content:"";
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    line-height: 27px;
    background: white;
    color: #bebebe;
    text-align: center;
    font-weight: bold;
    background: #C9C9C9;
}
.progressbar li:after{
    content: '';
    position: absolute;
    width:100%;
    height: 3px;
    background: #C9C9C9;
    top: 15px;
    left: -50%;
}
.progressbar li:first-child:after{
    content: none;
}
.progressbar li.active + li:after{
    background: #3aac5d;
}
.progressbar li.active + li:before{
    border-color: #3aac5d;
    background: #3aac5d;
    color: white
}
.fileselectarea{
    margin-top: 4rem;
    margin: auto;
}
.OrderDescArea{
    margin-top: 4rem;
    margin: auto;
    margin: 25vh 0 0;
    padding-left: 150px;
}
.websitepadding{
    margin-left: 6rem;
    margin-right: 6rem;
}
.servicesitemgrid{
    margin: 0px 65px 25px 65px;
}
.OrderPriceListButton{
    cursor: pointer;
}
.OrderPriceCalcButton{
    cursor: pointer;
}
.convertareatitle{
    font-size: 2.5rem;
    font-family: 'YekanBakh',tahoma;
    color: #0C0C0C;
    font-weight: bold;
}
.OrderNewTitle{
    font-size: 2rem;
    color: #0C0C0C;
    font-weight: bold;
    margin-bottom: 20px;
}
.selectfileare{
    text-align: right;
}
.convertareadesc{
    margin-top: 10px;
    color: #303030;
    line-height: 230%;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}
.selectfilebutton{
    margin-top: 2rem;
}
.mainuploadbutton{
	animation: shadow-pulse 2s infinite;
    background-color: #EF4056;
    width: 210px;
    height: 50px;
    font-size: 17px;
    border: none;
    font-weight: bold;
    border-radius: 8px;
    margin-top: 10px;
}
.mainuploadbutton:hover{
    background-color: #d40000;
}
.selectfilessteps{
    padding: 0;
}
@keyframes shadow-pulse {
	0%
	{
		box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.5);
	}
	100%
	{
		box-shadow: 0 0 0 11px rgba(0, 0, 0, 0);
	}
}
@keyframes pulse-play {
	0%
	{
		transform:scale(1);
		opacity:0;
	}
	50%
	{
		opacity:1;
	}
	100%
	{
		transform:scale(1.2);
		opacity:0;
	}
}
@media (max-width: 1080px)
{
    .convertareatitle
    {
        font-size: 2rem;
    }
}
.indeximagebottomdesc{
    margin: 0px 25px;
}
.servicesdesc{
    font-size: 1rem;
    color: #0c0c0c;
    text-align: center;
    font-weight: 400;

}
.servicesitemtitle{
    font-size: 1rem;
    margin-right: 0px;
    font-weight: bold;
}
.indexvideo{
    width: 100%;
}
.servicesitemarrow{
    font-size: 15px;
    color: #d4e3f8;
}
.servicestitle{
    font-size: 1rem;
}
.indexservicessbuttons{
    /*
    border-bottom: 3px solid #ECF4FF;
    border-right: 2px solid #ecf4ff;
    padding: 10px;
    */
    border-radius: 12px;
    box-shadow: 0px 2px 8px -5px rgb(0 0 0 / 46%);
    background-color: #fff;
    color:#262626;
}
.servicesbuttonbackground{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.servicesitem{
    border-radius: 18px;
    box-shadow: 0 3px 20px rgb(0 0 0 / 5%);
    background-color: #fff;
    margin: 0px 0px 0 30px;
    padding: 10px;
    box-shadow: 0 3px 12px -2px rgb(0 0 0 / 5%);
    box-shadow: 0 4px 9px -2px rgb(0 0 0 / 10%);
}
.servicesitemdesc{
    color: #B0B0B0;
    font-size: 12px;
    text-align: justify;
    margin-right: 10px;
    margin-top: 7px;
}
.servicescategorytitle{
    font-weight: 700;
    font-size: 1.2rem;
    color: #E00000;
    margin: 3rem 0 2rem;
}

.servicecategorystar{
    color:#FFC800;
    margin-left: 7px;
}
.navbar-collapse {
    padding: 1rem 1.5rem 0;
    padding: 0rem 1.5rem 0;
    height: 3.5rem;
    align-items: flex-end;
}
.navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}
.indexorder{
    background: #F8F9FB;
    background: #fbfbfb;
    background: #f2f6ff;
    background-color: #fff;
    margin-top: 30px;
    /*
    padding: 3rem 3rem;
    background-image: url(../img/order-indebackgound5.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 10px;
    background-position-x: right;
    */
}
.indexallservices{
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(../img/landingbg3.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.servicesbluebuttons:hover{
    background-color: #f7faff;
    color: #262626;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.servicesredbuttons:hover{
    background-color: #fff7f7;
    color: #262626;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.servicespurplebuttons:hover{
    background-color: #fdf7ff;
    color: #262626;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.indexorderdesc{
    font-weight: 100;
    font-size: 16px;
    color: #000;
    width: 100%;
    line-height: 35px;
    text-align: justify;
}
.indexordertext{
    padding: 1rem 3rem 0;
}
.indexservicesicon{
    padding: 40px 0px 0px 40px;
    margin-right: 0;
}
.servicesicon{
    width:34px;
    height:34px;
}
.mobileappdownload {
    margin-bottom: 3rem;
}
.indexorderbutton{
    display: flex;
    align-items: center;
    min-width: max-content;
    box-shadow: 0px 3px 8px -5px rgb(0 0 0 / 24%);
    background-color: #ffffff;
    border-color: #f5f5f5;
}
@media (min-width: 992px) {
    .LandingMobileLinks{
        display:none!important;
    }
}
@media (max-width: 1400px) {
    .SelectFileLeftArea{
        padding-right: 0;
        padding-left: 0;
    }
    .convertareadesc{
        line-height: 180%;
    }
    .LandingSelectFileContent{
        width: 70%;
    }
}
@media (max-width: 1300px) {
    .LandingStaticsItems{
        padding: 0 1rem;
    }
    .IndexApplicationDownloadArea{
        padding-left: 2rem;
    }
    .IndexApplicationImg{
        width: 100%;
    }
    .servicesitemgrid{
        margin: 0px 40px 20px 40px;
    }
    .indexordertext{
        padding: 1rem 1rem 0;
    }
    .convertareadesc{
        font-size: 0.9rem;
    }
    .IndexApplicationDownloadArea{
        padding-left: 5rem;
    }
    .OurSpecDesc{

    }
    .OurSpecItem{
        width: 70%;
    }
    .navbar-nav{
        padding-right: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 1rem;
        padding-left: 1.5rem;
    }
    .OCRConvertArea {
        padding: 4rem 1rem;
    }
}

@media (max-width: 1090px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 10px;
        padding-left: 10px;
    }
    .LandingSelectFileContent{
        width: 80%;
    }
    .OCRConvertArea{
        padding: 4rem 1rem;
    }
}

@media (max-width: 992px) {
    .toast{
        left: 4vh;
        bottom: 10vh;
        z-index: 11;
    }
    .NotificationItemText{
        line-height: 20px;
    }
    .OCFilesTableArea{
        min-height: 420px;
    }
    .OrderFormArea{
        padding-left: 0;
    }
    .HireContractorDownloadFormLabel{
        text-align: center;
        line-height: 30px;
    }
    table.PriceListTable td{
        display: table-cell;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        text-align: right;
    }
    .ImageTotextNoLimitLabel{
        font-size: 15px;
        margin: 25px 0 0;
        color: #a1a1a1;
        text-align: center;
        line-height: 27px;
        padding: 10px 15px;
        border-radius: 6px;
        border: 1px solid #ededed;
    }
    .OrderCalItems{
        margin: 5px 0;
    }
    .OrderFormNoticText{
        margin-right: 8px;
    }
    .OrderFormNotic{
        text-align: center;
    }
    .OrderPriceAddPrice{
        margin-top: 1rem;
    }
    .OrderDragDropText{
        display: none;
    }
    .OrderDescArea{
        padding-left: 0px;
        margin-top: 11vh;
    }
    .SelectFileLeftOrderArea{
        margin: 0;
        padding: 0;
    }
    .OrderSubmitArea{
        margin-top: 35px;
        text-align: center;
    }
    .OrderSubmitBtn{
        width: 100%;
        height: 55px;
    }
    .LandingStaticLabel{
        margin-right: 0;
    }
    .LandingStaticCircle{
        display: none;
    }
    .OCRConvertArea{
        padding: 1rem 1rem;
    }
    .OCFaqArea{
        padding: 0;
        margin-top: 10px;
    }
    .PayOCRArea{
        padding: 1rem;
    }
    .IndexTextArea{
        margin: 0rem auto;
    }
    .IndexTextAreaBlocksImage{
        text-align: right;
        padding: 0;
    }
    .SendAppLinkTxtArea{
        margin-bottom: 1rem;
    }
    .LandingStaticsBorder{
        border-left: 1px solid #e9e9e9;
        flex-direction: column;
    }
    .LandingStaticsItems{
        font-weight: bold;
        border: #e9e9e9 1px solid;
        padding: 10px 0;
        border-radius: 10px;
    }
    .SelectFileLeftArea{
        margin-top: 11rem;
    }
    .Showfirst {
        display: initial;
        order: 1;
    }
    .Showsecond {
        display: initial;
        order: 2;
    }
    .Showthird {
        display: initial;
        order: 3;
        display: none;
    }
    .Showfourth {
        display: initial;
        order: 4;
    }
    .SelectFileButtonNotic{
        margin-bottom: 1rem;
        font-size: 16px;
        font-weight: 500;
        color: #444;
        display: none!important;
    }
    .lgSelectFileHelpIcon{
        display: none!important;
    }
    .LandingMobileLinks{
        display: block;
        font-size: 15px;
        margin-top: 15px;
    }
    .Selectfilearea{
        background: none;
        box-shadow: none;
        flex-direction: row;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .SelectFileBTN{
        width: 250px;
        /*
        background: #EF4056;
        color: #fff;
         */
    }
    .MainAddFileButton{
        width: 120px;
    }
    .StartConvertButton{
        margin-right: 0;
        height: 48px;
    }
    .ProfileDropdownmenu{
        box-shadow: 0px 5px 13px 0px rgb(190 190 190);
    }
    .IndexUserVotesArea{
        margin: 0 1rem;
    }
    .IndexUserVoteText{
        padding: 0px 40px;
    }
    .IndexOrderButtonArea{
        margin-top: 2rem;
    }
    .IndexVideooHelpVideoFile{
        margin-top: 20px;
    }
    .IndexAppDownloadButton{
        margin: 5px 0;
    }
    .IndexAppDownloadDirect{
        margin-top: 10px;
    }

    .IndexSendAppArea{

    }
    .IndexSendApptxt{
        width: 100%!important;
        margin:10px 0!important;
    }
    .IndexApplicationImg{
        width: 35%;
    }
    .IndexApplicationDownloadArea{
        text-align: center;
        padding: 2rem 5rem;
    }
    .ServicesArea{
        margin: 3rem -1rem;
        padding: 5rem 2rem;
    }
    .Footer {
        margin: 3rem 0rem;
        padding: 5rem 2rem;
    }
    .IndexHelpVideo {
        margin: 0rem -1rem 0;
        padding: 2rem 2rem;
    }
    .IndexOurSpec{
        margin: 3rem -1rem;
        padding: 5rem 2rem;
    }
    .IndexUserVotes{
        margin: 3rem -1rem;
        padding: 5rem 2rem;
    }

    .WhiteArea{
        padding: 0 1rem;
    }
    .SecondWhiteSection{
        background-image: none;
    }
    .convertareadesc{
        font-weight: 500;
    }
    .nav-link{
        font-weight: bold;
    }
    .servicescategorytitle{
        margin: 3rem 10px 1rem;
    }
    .ebnav{
        padding: 0.4rem 0.6rem 0.4rem;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    }
    .WhiteSection{
        min-height: 100vh;
    }
    ul.form-stepper li a .form-stepper-circle
    {
        width: 25px;
        height: 25px;
    }
    .convertareadesc{
        width: 100%;
    }
    .indexvideo{
        margin-top: 10px;
    }
    .indexfirststep{
        margin-right: 1rem;
    }
    .websitepadding{
        margin-left: 0;
        margin-right: 0;
    }
    .othercontentpadding{
        padding: 0rem 2rem;
    }
    .servicesdesc{
        font-size: 0.7rem;
    }
    .selectfilessteps{
        opacity: 0.7;
    }
    .fileselectarea{
        margin-top: 3rem;
        padding-right: 0rem;
        /*margin: auto;*/
    }
    .mybreadcrumbnewproject{
        margin-top: 30px;
        text-align: center;
    }
    .mybreadcrumbcontent{
        padding-left: 15px;
        padding-right: 15px;
    }
    .convertareatitle{
        font-size: 1.7rem;
    }
    .selectfileare{
        text-align: center;
    }
    .selectfilebutton{
        margin-top: 2rem;
    }
    .steps{
        width: 100%;
    }
    .ebmobilebrand{
        padding-bottom: 2.3125rem;
        margin-right: 0;
        margin-top: 1rem;
    }
    .navbar-nav{
        padding-right: 0;
        font-size: 0.9rem;

    }
    .navbar-collapse {

        position: fixed;
        top: 0px;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 70%;
        height: 100%;
        background: #fff;
        z-index: 101;
        overflow: auto;
        font-weight: bold;

    }

    .navbar-collapse.collapsing {
        right: -75%;
        transition: all 200ms ease-in;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 200ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 1000ms ease-in-out;
    }
    .landingareabg{
        background-image: url(../../img/v4/landingbg.png);
        background-size: cover;
        background-position-y: 30px;
        background-position-x: -500px;
    }
    .indexservicesicon{
        width: 100%;
        padding: 0;
    }
    .indexorderbuttons{
        margin-top: 15px;
    }
    .indexorder{
        background-image:none;
        padding: 3rem 1.4rem;
    }
    .indexorderdesc{
        width: 100%;
    }
    .mobileappdownload {
        margin-right: 3rem;
    }
    .UploadBorderDefaultConter{
        display: none;
    }
    .Dragdroparea{
        display: none;
        background-image:none;
        width: 100%;
        min-height: 0;
        margin-top: 8px;
        /*border: 1px solid #ededed;*/
    }
    .Dragareatoptext{
        display: none;
    }
    .PO-sm-column-direction{
        display: flex;
        flex-direction: column;
    }
    .PO-mt-mob-15{
        margin-top: 15px;
    }
    .PO-mt-mob-10{
        margin-top: 10px;
    }
}
@media (width: 992px) {
    .navbar-collapse {
        /*
        position: fixed;
        top: 0px;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 70%;
        height: 100%;
        background: #fff;
        z-index: 101;
        overflow: auto;
        font-weight: bold;
        */
        position: inherit;
        top: 0px;
        right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        width: 100%;
        height: 64px;
        background: #fff;
        z-index: 101;
        overflow: inherit;
        font-weight: bold;
        border-bottom: none;

    }
    .selectfileare{
        text-align: right;
        margin: auto;
        padding-right: 6rem;
    }
}
@media (max-width: 820px) {
    .servicesitemgrid{
        margin: 0px 10px 20px 10px;
    }

    .landingdivaderhr{
        width: 80%;
    }
    .LandingSelectFileContent{
        width: 100%;
    }
}
@media (max-width: 768px) {

    .card-header .title{
        font-size: 14px;
    }
    .OCThirdMethodBorder{
        border-left:none;
    }
    .IndexOrderButtonArea{
        text-align: left;
        margin-top: 2rem;
    }
    .FooterNamads{
        margin-top: 30px;
    }
    .servicesitemgrid{
        margin: 0px 30px 20px 30px;
    }
    .indexmobileapptitle{
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    .DirectDownloadOR{
        display: block;
        margin-bottom: 10px;
    }
    .IndexDirectDownloadLink{
        margin-right: 0px;
    }
    .IndexTextAreaImg{
        padding: 0rem 5rem;
    }
    .TextAreaTitle{
        margin-top: 25px;
    }
    .LandingSelectFileContent{
        padding: 2rem 2rem 0;
    }
    .SelectFileLeftArea{
        margin-top: 11rem;
    }
}
@media (max-width: 640px) {

    .IndexApplicationDownloadArea{
        padding: 2rem 2rem;
    }
    .LandingSelectFileContent{
        padding: 0rem;
    }


    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead {

        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .OC-table tr {
        border-top: 1px solid #ebeef9;
        display: block;
        border-bottom: 50px solid #fbfbfb;
    }

    table td {
        border-bottom: 1px solid #ebeef9;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        -webkit-text-stroke: 0.2px;
        text-transform: uppercase;
    }


    table td:first-child {
        font-weight: bold;
    }
    table td:last-child {
        border-bottom: none;
    }
    .OC-table td{
        padding: 20px 35px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .table{
        margin-bottom: 0;
    }
    .OCFilenameAndCount{
        text-align: center;
        width: 100px;
    }
    .OC-table tr:last-child{
        border-bottom: none;
    }
}
@media (max-width: 576px) {
    .PayPageNotic{
        margin-top: 25px;
        line-height: 30px;
    }
    .POOffCodeLabel{
        margin-bottom: 5px;
    }
    .POPayReciptArea{
        padding: 0;
    }
    .UserProfileCreditArea{
        margin-left: 0;
    }
    .PayOCRDetailsArea{
        margin-top: 10px;
    }
    .WeblogPostImage{
        height: auto;
    }
    .OrdersBoxMain{
        padding: 0;
    }
    .LandingStaticsItems{

    }
    .ZeroNotifBadge{
        font-size: 10px;
        width: 15px;
        height: 15px;
        background: #ffffff;
        border: 2px solid #e1e1e1;
        color: #b8b8b8;
    }
    .lgNavNotificationIcon{
        font-size: 21px;
    }
    .OrderBox{
        padding: 15px;
        margin: 0 0px 10px 10px;
    }
    .IndexOurSpec{
        padding: 3rem 10px;
    }
    .OurSpecTitle{
        font-size: 15px;
    }
    .OurSpecItem{
        width: 100%;
    }
    .ServicesAllBox{
        margin: 10px 0;
    }
    .ServicesItemBox{
        padding: 15px 10px;
        padding: 15px;
        min-height: 190px;
    }
    .ServicesName{
        font-size: 15px;
    }
    .ServicesDesc{
        font-size: 12px;
    }
    .IndexOrderButtonArea{
        text-align: center!important;
    }
    .OrderLandingButton{
        width: 100%;
    }
    .OrderTitle{
        font-size: 24px;
    }
    .FooterLinksCols{
        margin-top: 40px;
    }
    .OurSpecDesc {
        padding: 0 0px;
        width: 90%;
    }
    .servicesitem{
        margin: 0px;
    }
    .mobileappdownload {
        margin-right: 0rem;
    }
    .appdownloadbutton{
        width: 190px;
        margin-bottom: 10px;
    }
    .appdownloadbuttons{
        text-align: center;
    }
    .IndexApplicationImg{
        width: 70%;
    }
    .IndexApplicationTitle{
        font-size: 1.8rem;
    }
    .PriceCalcArea{
        padding: 20px 15px;
        background-image:none;
    }
    .ModalCalcPriceIcon{
        display: inline-block;
    }
    .OCTableBottomText{
        flex-direction: column;
    }
    .OCTableTopLinkNew{
        margin-top: 10px;
    }
}
@media (max-width: 500px) {
    .form-stepper .label{
        margin-right: 0;
        float: inherit;
        vertical-align: inherit;
        line-height: 20px;
        font-size: 0.8rem;
    }
    .IndexApplicationDownloadArea{
        text-align: center;
        padding: 2rem 1rem;
    }
    .IndexUserVoteText{
        padding: 0px 20px;
    }
    .OrdersTitle{
        font-size: 20px;
        margin: 10px 0;
    }
    .IndexTextAreaImg{
        padding: 0rem 3rem;
    }
    .uploadfileborder{
        display: block;
        direction: rtl;
    }
    .filenameandlogo{
        width: 100%;
        flex-direction: row-reverse;
        justify-content: center;
        margin-bottom: 10px;
    }
    .ufileicons{
        margin-right: 5px;
    }
    .UploadDoneButtons{
        display: inline-block;
    }
    .UploadProgressBar{
        width: 100%;
        margin-bottom: 10px;
    }
    .UploadDeleteButt{
        border: 1px solid #d82929;
    }
}

@media (max-width: 400px) {
    .OrderBox{
        padding: 10px;
    }
    .OrdersTitle{
        font-size: 19px;
    }
    .OrdersDesc{
        font-size: 14px;
    }
    .SelectFileLeftArea{
        margin-top: 7rem;
    }
    .SelectFilePayButtonCartIcon{
        display: none;
    }
    .StartConvertButton{
        padding: 10px 10px;
    }
}
@media (max-width: 376px) {
    .convertareatitle{
        font-size: 1.3rem;
    }
    .convertareadesc{
        font-size: 0.8rem;
    }
    .OrderBox{
        text-align: right;
    }
    .OrdersTitle{
        font-size: 18px;
    }
    .ServicesItemBox{
        margin: 5px;
        text-align: right;
        padding: 15px 5px;
        padding: 10px;
    }
    .IndexTextAreaImg{
        padding: 0rem 2rem;
    }
}
@media (min-width: 576px){
    .modal-sm{
        max-width: 360px;
    }
    .modal-dialog{
        margin: auto auto;
    }
}
.dynamic-height-wrap {
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 0.25s ease-in-out;
    -moz-transition: max-height 0.25s ease-in-out;
    -o-transition: max-height 0.25s ease-in-out;
    transition: max-height 0.25s ease-in-out;
    width: 100%;
  }

  /* Bottom gradient (optional, but recommended)*/
  .dynamic-height-active .dynamic-height-wrap:before {
    background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );
    bottom: 0;
    content:'';
    height: 150px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
  }

  .dynamic-height-active .dynamic-show-more {
    display: inline-block;
  }
  .dynamic-show-more {
    display: none;
  }
  .indexwebsitehelp{
    width: 100%;
    background: #EE2556;
    border-bottom: 9px solid #B5183E;
  }
  .indexmobileapptitle{
    font-weight: 900;
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .indexmobileappdesc{
    color:#717171;
    font-size: 0.9rem;
  }
  .indexusercomments{
    width: 100%;
    background-image: linear-gradient(122deg, #fcfcfc 27.13%, #ffffff 27.13%, #ffffff 50%, #fcfcfc 50%, #fcfcfc 77.13%, #ffffff 77.13%, #ffffff 100%);
    background-size: 193.39px 309.48px;
    padding-top: 1.5rem;
  }
  .carousel {
	padding: 0 70px;
}
.carousel .carousel-item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}
.carousel .carousel-item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
    float: left;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 30px 0 10px;
}
.carousel .overview {
	font-style: italic;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.carousel-control-prev, .carousel-control-next {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	background: none;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 68px;
	line-height: 42px;
	position: absolute;
	display: inline-block;
	color: #fff;
}
.carousel-indicators {
	bottom: 0px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 12px;
	height: 12px;
	margin: 1px 3px;
	border-radius: 50%;
	border: none;
}
.carousel-indicators li {
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {
	background: #555;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel {
	margin: 15px auto 50px;
}
.carousel .carousel-item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
	margin-left: 20px;
}
.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 2px solid #fff;
}
.carousel .testimonial {
    color: #fff;
    position: relative;
    background: #0ea670;
	padding: 15px;
	margin: 0 0 20px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.carousel .testimonial::before, .carousel .testimonial::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.carousel .testimonial::before {
    width: 20px;
    height: 20px;
	background: #9b9b9b;
	box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.carousel .testimonial::after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}
.carousel .carousel-item .row > div:first-child .testimonial {
	margin: 0 20px 20px 0;
}
.carousel .carousel-item .row > div:first-child .media {
	margin-left: 0;
}
.carousel .testimonial p {
	text-indent: 40px;
    line-height: 21px;
	margin: 0;
}
.carousel .testimonial p::before {
	content: "\201D";
  	font-family: Arial,sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 68px;
    line-height: 70px;
    position: absolute;
    left: -25px;
    top: 0;
}
.carousel .overview {
	padding: 3px 0 0 15px;
}
.carousel .overview .details {
	padding: 5px 0 8px;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #ff5555;
}
.carousel-control-prev, .carousel-control-next {
	width: 30px;
	height: 30px;
    background: #666;
    text-shadow: none;
	top: 4px;
    border-radius: 5px;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 16px;
}
.carousel-control-prev {
	left: auto;
	right: 40px;
}
.carousel-control-next {
	left: auto;
}
.carousel-indicators {
	bottom: -55px;
}
.carousel-indicators li, .carousel-indicators li.active {
    width: 30px;
    height: 20px;
	border-radius: 0;
	margin: 1px 5px;
  	box-sizing: border-box;
}
.carousel-indicators li {
    background: #e2e2e2;
    border: 4px solid #fff;
    border-radius: 10px;
}
.carousel-indicators li.active {
	color: #fff;
    background: #ff5555;
    border: 5px double;
    border-radius: 10px;
}
.star-rating li {
	padding: 0 2px;
}
.star-rating i {
	font-size: 14px;
	color: #ffdc12;
}