/*
          .loader-page {
                position: fixed;
                z-index: 25000;
                background: rgb(255, 255, 255);
                left: 0px;
                top: 0px;
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition:all .3s ease;
            }

            .loader-page::before {
                content: "";
                position: absolute;
                border: 2px solid rgb(111, 50, 176);
                width: 60px;
                height: 60px;
                border-radius: 50%;
                box-sizing: border-box;
                border-left: 2px solid rgba(50, 150, 176,0);
                border-top: 2px solid rgba(50, 150, 176,0);
                animation: rotarload 1s linear infinite;
                transform: rotate(0deg);
            }

            @keyframes rotarload {
                0%   {transform: rotate(0deg)}
                100% {transform: rotate(360deg)}
            }
            
            .loader-page::after {
                content: "";
                position: absolute;
                border: 2px solid rgba(150, 30, 154, 0.5);
                width: 60px;
                height: 60px;
                border-radius: 50%;
                box-sizing: border-box;
                border-left: 2px solid rgba(50, 150, 176, 0);
                border-top: 2px solid rgba(50, 150, 176, 0);
                animation: rotarload 1s ease-out infinite;
                transform: rotate(0deg);
            }
            */
            .Circle{
                background-color: white; 
                width: 150px;
                height: 150px;
                border-radius: 50%;
                margin: auto;
                border-width: 0.8rem;
                border-style: solid;
                border-color: rgb(231, 71, 60,0.3);
                display: inline-grid;
                justify-content: center;
                align-items: center;
                width: fit-content;
                block-size: fit-content;
            }
            .CText{
                width: fit-content;
                block-size: fit-content;
                font-size: 30px;
                margin: 10px 20px 0px 20px;
            }
            .def-btn {
                text-align: center;
                height: 50px;
                line-height: 50px;
                background: linear-gradient(45deg, rgb(255, 89, 90), rgb(255, 89, 90));
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                border-radius: 7px;
                padding: 0 30px;
                -webkit-transition: 0.6s;
                transition: 0.6s;
                position: relative;
                z-index: 2;
                border: 0px solid #fff
            }
            .def-btn:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(45deg, rgb(255, 89, 90), rgb(255, 89, 90,0.7));
                border-radius: 7px;
                opacity: 0;
                -webkit-transition: 0.6s;
                transition: 0.6s;
                z-index: -1;
                border: 0px solid #fff
            }
            .def-btn.rounded-pill:before, .def-btn.rounded-pill:after {
            border-radius: 50rem !important;
            }
            .def-btn.def-btn-outline {
            background: transparent;
            color: #3E4095;
            }
            .def-btn.def-btn-outline:before {
            opacity: 1;
            }
            .def-btn.def-btn-outline:after {
            content: "";
            position: absolute;
            top: 1px;
            left: 1px;
            bottom: 1px;
            right: 1px;
            background: #fff;
            border-radius: 7px;
            -webkit-transition: 0.6s;
            transition: 0.6s;
            z-index: -1;
            }
            .def-btn.def-btn-outline:hover, .def-btn.def-btn-outline:focus {
            color: #fff;
            }
            .def-btn.def-btn-outline:hover:after, .def-btn.def-btn-outline:focus:after {
            opacity: 0;
            }
            .def-btn:hover, .def-btn:focus {
            color: #fff;
            }
            .def-btn:hover:before, .def-btn:focus:before {
            opacity: 1;
            } 
            
            .C {
                position: relative;
                max-width: 960px;
                margin: 0 auto;
            }

            .carousel {
                max-width: 50%;
                position: relative;
                margin: 0 auto;
            }

            .carousel li {
                list-style: none;
                position: absolute;
                left: 0;
                right: 0;
                margin: 0 auto;
                transition: all .6s, z-index .2s;
                will-change: transform;
                width: fit-content;
                block-size: fit-content;
            }

            .left {
                transform: translateX(-60%) scale(.7);
                filter: blur(2px);
            }

            .center {
                z-index: 10;
            }

            .right {
                transform: translateX(60%) scale(.7);
                filter: blur(2px);
            }

            .carousel .first {
                z-index: -1
            }

            .paginator {
                max-width: 960px;
                justify-content: space-between;
                display: flex;
                position: absolute;
                top: 50%;
                right: 0px;
                width: 100%;
            }

            .btn-carousel-left::before{
                font-family:'Bootstrap-icons';
                content: '\F285';
                width: 100%;
                height: 100%;
                font-size: 20px;
                padding: 10px;
                color:#fff;
                background-color:  rgba(154, 16, 156, 0.196);
                border-radius: 50px;
                cursor: pointer;
            }
            .btn-carousel-left:hover::before{   
                background: rgb(153, 16, 156);
                border-radius: 50px;
                transition: 0.6s;
            }

            .btn-carousel-rigth::before {
                font-family:'Bootstrap-icons';
                content: '\F284';
                width: 100%;
                height: 100%;
                font-size: 20px;
                padding: 10px;
                color:#fff;
                background-color:  rgba(154, 16, 156, 0.196);
                border-radius: 50px;
                cursor: pointer;
            }

            .btn-carousel-rigth:hover::before{   
                background: rgb(153, 16, 156);
                border-radius: 50px;
                transition: 0.6s;
            }
            
            .circle{
                background-color: #001233;
                position: absolute;
                top: 40px; left: 15px;
                width: 65px;
                height: 65px;
                border-radius: 50%;
            }

            .form-control{
                border-color: rgb();
            }