*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}

img{
    width:auto;
    max-width:100%;
    height:auto;
}

ul{
    list-style:none;
}

a{
    text-decoration:none;
}

button:disabled, button[disabled], .disabled {
    cursor: no-drop !important;
    opacity: .5;
}


body {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    font-family: 'SF Pro Display';
    color: #000;
    /*background-image: url('images/bodybg.png');*/
    background-image: url('images/bodybg.png');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

h1,h2,h3,h4,h5,h6{
    font-weight:bold;
    color:#000;
}

h1,.h1{
    font-size:60px;
    line-height:71px;
}
h2, .h2 {
    font-size: 48px;
    line-height: 61px;
}

h3, .h3 {
    font-size: 34px;
    line-height: 40px;
}

h4, .h4 {
    font-size: 30px;
    line-height: 40px;
}

h5, .h5 {
    font-size: 21px;
    line-height: 31px;
}

h6,.h6{
    font-size:18px;
    line-height:26px;
}

.font-size12{
    font-size:12px;
    line-height:normal;
}

.font-size14{
    font-size:14px;
    line-height:normal;
}

.font-size16{
    font-size:16px;
    line-height:normal;
}

.font-size17{
    font-size:17px;
    line-height:normal
}

.font-size24{
    font-size:24px; 
    line-height:32px;
}
.font-size20{
    font-size: 20px;
    line-height:28px;
}

.text-blue {
    color: #027FFF;
}

.text-bdark {
    color: #3B3B3B;
}

.text-gray {
    color: #C4C4C4;
}

.text-yellow {
    color: #FFB301;
}

.text-purpale {
    color: #A1308F;
}

.text-green {
    color: #0C9D46;
}

.text-red{
    color:red;
}

.btnbg-blue {
    background-color: #2EB574;
}

.bg-lightpink {
    background-color: #FFECFC;
}

.bg-lightgren {
    background-color: #CFFFE9;
}
.bg-skyblue {
    background-color: #E5F4FF;
}

.bg-footer {
    background-color: #F5F5F7;
}

.bg-lightblue {
    background-color: #EBEBFA;
}

.cursor-pointer{
    cursor:pointer;
}
.max-width567 {
    max-width: 565px;
}

.Notariz-edshadow {
    box-shadow: 0px 3px 6px #00000029;
}

.lightblue-shadow{
    box-shadow: 5px 10px 30px #0046AF4D;
}

.btn-shadow {
    box-shadow: 2px 3px 20px #037CCB4A;
}

.wbtn-shadow {
    box-shadow: 2px 3px 20px #B8B8B84A;
}

.form-border{
    border: 0.5px solid #C4C4C4;
}

.Clean-sec ul li.position-relative {
    margin-top: 190px;
}

.Clean-inner ul li .macbook-box {
    top: -167px;
}
.cleanmac-box {
    min-height: 429px;
    padding-top: 86px !important;
}

.macbook-box-sec{
    margin-bottom:-60px;
    max-width:363px;
}

.macbook-box-sec::after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #ADC9F3;
        border-radius: 14px;
        position: absolute;
        top: -18px;
        left: -18px;
        z-index: -1;
    }

.macbook-box-sec div.position-absolute {
    right: -27px;
    bottom: -15px;
}

.cleanmac-box ul{
    list-style:disc;
}

.macfeels-inner {
    background-image: url('images/macfeels-bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blue-line, .white-line {
    width: 100%;
    height: 5px;
    border-radius: 7px;
    position: relative;
}

.white-line, .blue-line {
    background-color: #fff;
}

#spacefull1::after, #spacefull2::after, #spacefull3::after, #progress1::after, #progress2::after, #progress3::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px 10px 10px 10px;
    max-width: 0px;
}

#spacefull1::after, #spacefull2::after, #spacefull3::after {
    background-color: #2882CC;
}

 #progress1::after, #progress2::after, #progress3::after {
        background-color: #A4A4A4;
    }

.scroll-added #progress1::after {
    max-width: 100px;
}
.scroll-added #progress2::after {
    max-width: 125px;
}
.scroll-added #progress3::after {
    max-width: 150px;
}

.scroll-added #progress1::after, .scroll-added #progress2::after, .scroll-added #progress3::after, .scroll-added #spacefull1::after, .scroll-added #spacefull2::after, .scroll-added #spacefull3::after {
    transition: 3s;
}

.scroll-added #spacefull1::after, .scroll-added #spacefull2::after, .scroll-added #spacefull3::after {
    max-width: 100%;
}

.Loved-sec {
    background-image: url('images/bglove_img.png');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0px;
}

.love-carousel .owl-nav .owl-prev, .love-carousel .owl-nav .owl-next {
    position: absolute;
    top: 115px;
    font-size: 30px !important;
}

.love-carousel .owl-nav .owl-prev {
    left: -80px;
}
.love-carousel .owl-nav .owl-next {
        right: -80px;
 }

.ask-accordion-inner .accordion-button::after, .ask-accordion-inner .accordion-button.collapsed::after {
    background-image: url('images/pluse_sign.png') !important;
    transform: rotate(45deg) !important;
    background-size: inherit;
}

.ask-accordion-inner .accordion-button.collapsed::after {
    transform: rotate(0deg) !important;
}
.ask-accordion-inner .accordion-button.collapsed{
    color:#000 !important;
}
.ask-accordion-inner .accordion-button{
    color: #027FFF !important;
}


.ask-accordion-inner .accordion .accordion-item, .ask-accordion-inner .accordion .accordion-item h2 button, .ask-accordion-inner .accordion .accordion-item h2 button.collapsed {
    border-radius: 15px;
    box-shadow: none;
    background-color: #fff;
}
.ask-accordion-inner .accordion .accordion-item {
    box-shadow: 0px 3px 6px #0046AF4C;
}

.access-inner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #BED0EE;
    width: 100%;
    max-width:1070px;
    height: 100%;
    border-radius: 15px;
    z-index: -1;
    box-shadow: 0px 17px 40px #AEC7F37A;
    background-color: #c2d9ff40;
}

.access-left {
    width: 68%;
    margin-left: -300px;
}
.access-right {
    width: calc(32% + 300px);
}

.details-inner {
    max-width: 1110px;
    border: 1px solid #E9E9E9;
}
    .details-inner ul li {
        width: calc(100%/4 - 435px /4);
        margin-left: 145px;
    }

.details-inner ul li:first-child {
    margin-left: 0px;
}
.social-icon li{
    position:relative;
    z-index:0;
}

    .social-icon li a{
        line-height:0px !important;
    }
    .social-icon li::after {
        content: "";
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background-color: #4676ed;
        position: absolute;
        top: -4px;
        left: -6px;
        z-index: -1;
    }

    .social-icon li:nth-child(1)::after {
        background-color: #4676ed;
    }

    .social-icon li:nth-child(2)::after {
        background-color: #79ce52;
    }
    .social-icon li:nth-child(3)::after {
        background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    }
    .social-icon li:nth-child(4)::after {
        background-color: #da0000;
    }
    .social-icon li:nth-child(5)::after {
        background-color: #5a99ec;
    }

    .social-icon li:nth-child(1) {
        padding-top:6px;
        padding-left:3px;
    }


.downloadnow-inner ul li {
    width: calc(100%/3 - 112px/3);
    margin-left: 56px;
    border: 5px solid #EBE7F6;
}

.downloadnow-sec .container {
    max-width: 1094px;
}

.downloadnow-inner ul li:nth-child(3n + 1) {
    margin-left: 0px;
}

.list-dic ul{
    list-style:disc;
}


.contect-right form input, .contect-right form input::placeholder, .contect-right form textarea::placeholder {
    color: #B7B7B7;
}

/* background: */
progress::-webkit-progress-bar {
    background-color: #fff;
    width: 100%;
border-radius:50px;
height:5px;
}

progress {
    background-color: #fff;
    border-radius: 50px;
    height: 5px;
}

    /* value: */
progress::-webkit-progress-value {
        background-color: #a09898 !important;
        height: 5px;
        border-radius: 50px;
    }

 progress::-moz-progress-bar {
        background-color: #a09898 !important;
        height: 5px;
        border-radius: 50px;
    }

progress {
    color: green;
}

/*.owl-carousel .owl-item a img {
    height: revert-layer;
}*/
.owl-carousel .owl-item img {
    height: revert-layer;
    width:90px;
}

.Loved-inner h2{
    font-size:42px;
}

.access-right ul li .checkpdf::before {
    content: "";
    background-color: #2FB675;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 3px;
    left: 0px;
    border-radius: 50px;
}
.access-right ul li .checkpdf::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.Policy-inner div ul{
    list-style:disc;
    padding-left:20px;
}




@media screen and (max-width:1199px) {
    h1, .h1 {
        font-size: 50px;
        line-height: 60px;
    }

    h2, .h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .access-left {
            width: 50%;
            margin-left: -80px;
        }

        .access-right {
            width: calc(50% + 80px);
        }

        .access-right h2{
            font-size: 38px;
            line-height: 48px;
        }

        .downloadnow-inner ul li {
            width: calc(100%/3 - 40px/3);
            margin-left: 20px;
        }
    }

@media screen and (max-width:991px) {
    h1, .h1 {
        font-size: 42px;
        line-height: 52px;
    }

    h2, .h2 {
        font-size: 35px;
        line-height: 48px;
    }

    .Notarized-inner, .macfeels-inner > p, .Loved-inner, .ask-accordion-inner {
        width: 100% !important;
    }

    .access-left {
        width: 100%;
        margin-left:0px;
    }

    .access-right {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .details-inner ul li {
        width: calc(100%/2 - 25px /2);
        margin-left: 25px !important;
        margin:15px 0px;
    }

    .details-inner ul li:nth-child(2n+1){
        margin-left:0px !important;
    }

    .downloadnow-inner ul li {
        width: 100%;
        margin-left: 0px;
    }
    .contect-left iframe {
         width: 100%; 
    }

    .contect-right>p{
        width:100% !important;
    }

    .love-carousel .owl-nav .owl-prev {
        left: -35px;
    }
    .love-carousel .owl-nav .owl-next {
        right: -35px;
    }

    .Finally-left div.d-flex, .access-right div.d-flex {
        margin:0 auto;
    }

}

@media screen and (max-width:767px){
    .love-carousel .owl-nav .owl-next {
        right: 45%;
        bottom: -150px;
    }

    .love-carousel .owl-nav .owl-prev {
        left: 45%;
        bottom:-150px;
    }
    .cleanmac-box {
        padding-top: 60px !important;
    }
}

@media screen and (max-width:480px) {
    #g-recaptcha1 {
        transform: scale(0.77);
        transform-origin: 0 0;
    }

    .rc-anchor-logo-portrait {
        margin: 10px 0 0 -30px;
    }

    .Clean-inner ul li .macbook-box {
        top: -100px;
    }
    .macbook-box-sec {
        max-width: 254px;
    }

    .Finally-left div.d-flex, .access-right div.d-flex {
        flex-wrap: wrap;
    }
        .Finally-left div.d-flex > div.w-50, .access-right div.d-flex > div.w-50 {
            width: 100% !important;
            margin: 10px 0px !important;
        }
    #Service{
        margin-top:0px !important;
    }

    .Clean-sec ul li.position-relative {
        margin-top: 100px;
    }
}
@media screen and (max-width:380px) {
    .Clean-inner ul li .macbook-box {
        top: -70px;
    }
    .macbook-box-sec {
     margin-left:35px !important;
        max-width: 200px;
    }
}