@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');


body {
    background: #fff;
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-weight: 400;
}
.required:after {content: "*";position: relative;display: inline-block; color: var(--kt-danger);padding-left: .25rem;font-weight: 600;color: red;}

.text-blue{ color: #044ED7;}

label.error {color: red;}

#toTop {border-radius: 0; bottom: 60px; cursor: pointer; display: none; position: fixed; right: 65px; z-index: 999999; color: #1797eb; font-weight: 900; font-size:18px}

a {text-decoration: none}
a:hover {text-decoration: none}
button{cursor: pointer;}
.md-10{margin: 0 -10px}
.md-36{margin: 36px -10px}
.pd-10{padding: 0 10px}
.md-8{margin: 0 -8px}
.pd-8{padding: 0 8px}

.btn-blue{background: #044ED7; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px; border:#044ED7 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-blue:hover{background: #fff; color: #044ED7; transition: all .5s ease;}

.btn-success{background: #00b03d; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px; border:#00b03d 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-success:hover{background: #fff; color: #00b03d; transition: all .5s ease;}

.btn-dark-blue{background: #081F94; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px; border:#081F94 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-dark-blue:hover{background: #fff; color: #081F94; transition: all .5s ease;}
.btn-dark-blue-border{background: #fff; color: #081F94; font-size: 16px; font-weight: 700; border-radius: 30px; border:#081F94 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-dark-blue-border:hover{background: #081F94; color: #fff; transition: all .5s ease;}

.btn-danger{background: #DC3545; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px; border:#DC3545 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-danger:hover{background: #fff; color: #DC3545; transition: all .5s ease;}

.btn-blue-border{background: #fff; color: #044ED7; font-size: 16px; font-weight: 700; border-radius: 30px; border:#044ED7 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-blue-border:hover{background: #044ED7; color: #fff; transition: all .5s ease;}

.btn-danger-border{background: #fff; color: #DC3545; font-size: 16px; font-weight: 700; border-radius: 30px; border:#DC3545 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-danger-border:hover{background: #DC3545; color: #fff; transition: all .5s ease;}

.btn-white-border{background: transparent; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px; border:#fff 1px solid; line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease;}
.btn-white-border:hover{background: #fff; color: #044ED7; transition: all .5s ease;}

.badge-success{ display: inline-block; padding-top: 6px; padding-left: 7px; padding-right: 7px; font-size: 75%; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; color: #fff; background-color: #28a745; }
.rotate-btn{ border: #2ab388 1px solid; background: #2ab388; width: 44px; height: 44px; border-radius: 50%; padding: 8px; line-height: 16px;  }
.zoom-plus-btn{ border: #409cc3 1px solid; background: #409cc3; width: 44px; height: 44px; border-radius: 50%; padding: 8px; line-height: 16px;  }
.zoom-minus-btn{ border: #cc6e46 1px solid; background: #cc6e46; width: 44px; height: 44px; border-radius: 50%; padding: 8px; line-height: 16px;  }
.crop-btn{ border: #b981c3 1px solid; background: #b981c3; width: 44px; height: 44px; border-radius: 50%; padding: 8px; line-height: 16px;  }
.container{max-width: 1270px}
.wrapper{overflow: hidden; padding-top: 90px}
.inner-wrapper{padding-top: 90px}
header{ z-index: 11; width: 100%}
header .main-header{width: 100%;position: fixed;  background: rgba(255, 255, 255,1); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all .5s ease; z-index: 11}
header .main-header.fixed .header-flex{height: 70px; transition: all .5s ease;}
header .main-header .header-flex{display: flex; justify-content: space-between; align-items: center; height: 90px; padding: 0 40px; transition: all .5s ease;}
header .main-header .header-flex .navbar-brand{padding: 0px; margin: 0px; width: 150px;}
header .main-header .header-flex .navbar-brand img{width: 100%}
header .main-header .header-flex .right-header{display: flex; align-items: center;}
header .main-header .header-flex .right-header .btn-plan{background: transparent; line-height: 38px; padding: 0 20px; font-size: 15px; font-weight: 700; color: #044ED7; border: 1px solid #044ED7; border-radius: 25px; margin-left: 20px; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-plan:hover{background: #044ED7; color: #fff; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-login{ border: #fff 1px solid; background: transparent; line-height: 38px; padding: 0 20px; font-size: 15px; font-weight: 700; color: #044ED7; border-radius: 25px; display: flex; align-items:center; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-login .icon{width: 22px; height: 22px; line-height: 22px; margin-right: 12px}
header .main-header .header-flex .right-header .btn-login .icon svg{width: 100%; height: 100%}
header .main-header .header-flex .right-header .btn-login:hover{border:#044ED7 1px solid; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-signup{ border: #044ED7 1px solid; background: #044ED7; line-height: 38px; padding: 0 20px; font-size: 15px; font-weight: 700; color: #fff; border-radius: 25px; display: flex; align-items:center; transition: all .5s ease; margin-left: 20px;}
header .main-header .header-flex .right-header .btn-signup .icon{width: 18px; height: 18px; line-height: 18px; margin-right: 12px}
header .main-header .header-flex .right-header .btn-signup .icon svg{width: 100%; height: 100%}
header .main-header .header-flex .right-header .btn-signup .icon svg path{stroke:#fff; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-signup:hover{border:#044ED7 1px solid; background: #fff; color: #044ED7; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-signup:hover .icon svg path{stroke:#044ED7; transition: all .5s ease;}

header .main-header .header-flex .right-header .btn-user{background: transparent; line-height: 38px; padding: 0 47px 0 7px; font-size: 15px; font-weight: 400; color: #000000; border: 1px solid #044ED7; border-radius: 25px; transition: all .5s ease; display: flex; align-items: center;}
header .main-header .header-flex .right-header .btn-user:focus{box-shadow: none}
header .main-header .header-flex .right-header .btn-user .code-img{width: 26px; height: 26px; overflow: hidden; background: #044ED7; border-radius: 50%; line-height: 26px; color: #fff; font-size: 12px; font-weight: 700; margin-right: 10px; position: relative;}
header .main-header .header-flex .right-header .btn-user .code-img img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; width: 100%; height: 100%; margin: auto; }
header .main-header .header-flex .right-header .btn-user::after {content: none}
header .main-header .header-flex .right-header .btn-user::before{content: ''; position: absolute; top: 16px; right: 20px; background: url(../images/down-arrow.png) center center no-repeat; width: 14px; height: 8px;}
header .main-header .header-flex .right-header .dropdown-menu{margin: 0px; padding: 10px 10px 5px 10px; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 20px}
header .main-header .header-flex .right-header .dropdown-menu .dropdown-item{border-radius: 20px; margin-bottom: 5px; font-size: 14px; padding: 6px 15px;}
header .main-header .header-flex .right-header .dropdown-menu .dropdown-item:hover{background: #044ED7; color: #fff}
header .main-header .header-flex .right-header .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; margin-right: 15px; cursor: pointer; display: none}
header .main-header .header-flex .right-header .btn-menu:focus{outline: none}
header .main-header .header-flex .right-header .btn-menu span{width: 100%; height: 2px; background: #044ED7; display: block;  transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
header .main-header .header-flex .right-header .btn-menu.active span:nth-of-type(3n+2){display: none;}
header .main-header .header-flex .right-header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}


.top-section{position: relative; padding: 130px 0 90px 0;}
.top-section .content-area{display: flex; align-items: center; max-width: 1240px; margin: 0 auto;}
.top-section .content-area .leftside-content{width: 58%;}
.top-section .content-area h1{font-weight: 700; font-size: 85px; line-height: 94px; color: #000000; margin: 0 0 20px 0}
.top-section .content-area p{font-weight: 400; font-size: 22px; line-height:30px; color: #000000;}
.top-section .content-area .btn-blue{margin-top: 15px}
.top-section .content-area .rightside{width: 42%; height: 540px; position: relative;}
.top-section .content-area .rightside img{width: 100%}
.top-section .content-area .rightside .phone {width: 268px; position: absolute; top: 0px; right: 0px;}
.top-section .content-area .rightside .phone::before{content: ''; position: absolute; background: #044ED7; width: 1040px; height: 536px; transform: rotate(44deg); top: 296px; left: -78px; border-radius: 10px 10px 10px 240px;}
.top-section .content-area .rightside .phone::after{content: '';position: absolute; background: #fff; width: 60px; height: 530px; top: 0px; left: -50px;}
.top-section .content-area .rightside .phone img{width: 100%; z-index: 1; position: relative;}
.top-section .content-area .rightside .square-qr{width: 220px; position: absolute; top: 70px; left: 72px; transform: rotate(19.1deg); z-index: 2}
.top-section .content-area .rightside .square-qr img{width: 100%}


.top-section .content-area .rightside .circle-qr-1{width: 100px; position: absolute; bottom: 10px; left: -40px; z-index: 1; transform: rotate(19.79deg);}
.top-section .content-area .rightside .circle-qr-2{width: 100px; position: absolute; bottom: 0px; left: 70px; z-index: 1; transform: rotate(-6.21deg);}
.top-section .content-area .rightside .circle-qr-1 img,
.top-section .content-area .rightside .circle-qr-2 img{width: 100%}
.top-section .content-area .rightside .key-icon{width: 100px; position: absolute; bottom: 150px; left: 180px; transform: rotate(-13.37deg); z-index: 1}
.top-section .content-area .rightside .key-icon img{width: 100%}

.stay-secure-section{position: relative; padding: 0 0 180px 0}
.stay-secure-section .content-area{display: flex; align-items: center; max-width: 1240px; margin: 0 auto;}
.stay-secure-section .content-area .photo-area{width: 30%; }
.stay-secure-section .content-area .photo-area img {box-shadow: 0px 1.24055px 4.9622px rgba(0, 0, 0, 0.08), 0px 4.9622px 14.8866px rgba(0, 0, 0, 0.15); border-radius: 20px;}
.stay-secure-section .content-area .right-content{width: 70%; padding-right: 80px; padding-left: 60px}
.stay-secure-section .content-area h2{font-weight: 700; font-size: 50px; line-height: 60px; color: #000000; margin: 0 0 20px 0}
.stay-secure-section .content-area p{font-weight: 400; font-size: 22px; line-height:30px; color: #000000;}
.stay-secure-section .content-area .btn-blue-border{display: inline-flex; align-items: center; margin-top: 15px}
.stay-secure-section .content-area .btn-blue-border .icon{width: 22px; height: 22px; line-height: 22px; margin-right: 12px}
.stay-secure-section .content-area .btn-blue-border .icon svg{width: 100%; height: 100%}
.stay-secure-section .content-area .btn-blue-border .icon svg path{stroke:#044ED7; transition: all .5s ease;}
.stay-secure-section .content-area .btn-blue-border:hover .icon svg path{stroke:#fff; transition: all .5s ease;}

.your-own-section{position: relative; padding: 0 0 180px 0}
.your-own-section .content-area{display: flex; align-items: center; max-width: 1240px; margin: 0 auto; flex-direction: row-reverse;}
.your-own-section .content-area .photo-area{width: 32%; height: 350px; position: relative;}
.your-own-section .content-area .photo-area .tag1{position: absolute; top: 0px; left: 0px;}
.your-own-section .content-area .photo-area .tag2{position: absolute; bottom: 0px; left: 90px;}
.your-own-section .content-area .photo-area .tag3{position: absolute; top: 24px; right: 0px;}
.your-own-section .content-area .right-content{width: 68%; padding-right: 70px;}
.your-own-section .content-area h2{font-weight: 700; font-size: 50px; line-height: 60px; color: #000000; margin: 0 0 20px 0}
.your-own-section .content-area p{font-weight: 400; font-size: 22px; line-height:30px; color: #000000;}
.your-own-section .content-area .btn-blue-border{display: inline-flex; align-items: center; margin-top: 15px}
.your-own-section .content-area .btn-blue-border .icon{width: 22px; height: 22px; line-height: 22px; margin-right: 12px}
.your-own-section .content-area .btn-blue-border .icon svg{width: 100%; height: 100%}
.your-own-section .content-area .btn-blue-border .icon svg path{stroke:#044ED7; transition: all .5s ease;}
.your-own-section .content-area .btn-blue-border:hover .icon svg path{stroke:#fff; transition: all .5s ease;}

.testimonial-section{position: relative; background: #044ED7; padding: 65px 0 95px 80px}
.testimonial-section h2{font-weight: 700; font-size: 50px; line-height: 60px; color: #fff; margin: 0 0 50px -40px; text-align: center;}
.testimonial-section .owl-stage {padding-left: 0px !important;}
.testimonial-section .review-block{padding: 50px 0 0 0; position: relative;}
.testimonial-section .review-block::before{content: ''; position: absolute; top: 0px; left: 0px; width: 133px; height: 113px; background: url(../images/quote-icon.png) center center no-repeat;}
.testimonial-section .review-block .user-photo{width: 60px; height: 60px; margin: 0px 15px 0px 0px; position: relative; border-radius: 50%; overflow: hidden;}
.testimonial-section .review-block .user-photo img {width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover;}
.testimonial-section .review-block p{font-size: 20px; color: #fff; line-height: 30px; font-weight: 400; margin: 0 0 20px 0}
.testimonial-section .review-block .d-flex{align-items: center; font-weight: 700; font-size: 28px; line-height: 28px; color: #fff}
.testimonial-section .owl-nav, .testimonial-section .owl-dots{display: none}

.try-free-section{padding: 180px 0; text-align: center;}
.try-free-section h2{font-size: 85px; line-height: 94px; color: #000; font-weight: 700; width: 800px; margin: 0 auto 25px auto}

footer .footer-main{background: #333333; padding: 60px 0 30px 0; }
footer .footer-main .footer-logo{width: 160px; margin: 0 0 20px 0}
footer .footer-main .footer-logo img{width: 100%;}
footer .footer-main .info{font-size: 16px; line-height: 24px; color: #fff; font-weight: 400; padding-left: 30px; position: relative; margin: 0 0 15px 0}
footer .footer-main .info img{position: absolute; top: 2px; left: 0px;}
footer .footer-main .info a{color: #fff;}
footer .footer-main h2{font-size: 22px; line-height: 24px; font-weight: 700; color: #fff; position: relative; padding: 0 0 18px 0; margin: 0 0 15px 0}
footer .footer-main h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 34px; height: 2px; background: #fff}
footer .footer-main p{font-size: 15px; line-height: 24px; font-weight: 400; color: #fff; margin: 0 0 12px 0}
footer .footer-main ul.footer-menu{margin: 0px; padding: 0px; list-style: none}
footer .footer-main ul.footer-menu li{width: 100%}
footer .footer-main ul.footer-menu li a{font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; position: relative; transition: all .5s ease;}
footer .footer-main ul.footer-menu li a::before{content: ''; position: absolute; top: 8px; left: 0px; width: 0px; height: 2px; background: #fff; transition: all .5s ease;}
footer .footer-main ul.footer-menu li a:hover::before{width: 10px; transition: all .5s ease; left: 0px}
footer .footer-main ul.footer-menu li a:hover{padding-left: 16px; transition: all .5s ease; opacity: 0.8}
footer .footer-main .form-control{border:none; border-radius: 25px; height: 40px; background: #fff; padding-left: 20px; font-size: 15px; color: #000; margin: 0 0 10px 0}
footer .footer-main .form-control:focus{box-shadow: none}
footer .footer-main .btn-blue{line-height: 38px; width: 100%; text-transform: uppercase;}
footer .footer-main .copyright-area{display: flex; align-items: center; justify-content: space-between; padding-top: 30px; border-top: #4D4D4D 1px solid; margin-top: 50px}
footer .footer-main .copyright-area p{font-size: 16px; line-height: 24px; color: #fff; margin: 0px;}
footer .footer-main .copyright-area ul.link{margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .footer-main .copyright-area ul.link li{margin-left: 15px;}
footer .footer-main .copyright-area ul.link li a{width: 24px; line-height: 24px; height: 24px; color: #fff; font-size: 24px}

.footer-area{background: #333333; padding: 85px 0 40px 0; }
.footer-area .logo{width: 250px; margin: 0 0 95px 0}
.footer-area .logo img{width: 100%}
.footer-area h3{font-size: 30px; line-height: 36px; color: #fff; font-weight: 700; margin: 0 0 30px 0}
.footer-area .btn-white-border{display: inline-flex; align-items: center;  padding: 0 22px; margin-bottom: 36px}
.footer-area .btn-white-border .icon{width: 22px; height: 22px; line-height: 22px; margin-right: 12px}
.footer-area .btn-white-border .icon svg{width: 100%; height: 100%}
.footer-area .btn-white-border .icon svg path{stroke:#fff; transition: all .5s ease;}
.footer-area .btn-white-border:hover .icon svg path{stroke:#333333; transition: all .5s ease;}
.footer-area .btn-white-border:hover{color: #333333}
.footer-area ul.link{margin: 0px; padding: 0px; list-style: none}
.footer-area ul.link li{width: 100%; margin: 0px 0px 36px 0px}
.footer-area ul.link li a{font-weight: 400; font-size: 22px; line-height: 30px; color: #fff; position: relative; transition: all .5s ease; text-decoration: underline;}
.footer-area ul.social{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: flex-end;}
.footer-area ul.social li{margin-left: 30px;}
.footer-area ul.social li a{width: 40px; line-height: 40px; height: 40px; color: #fff; font-size: 40px}
.footer-area .copyright{border-top: 1px solid #BDBDBD; margin-top: 76px; text-align: center; padding-top: 40px}
.footer-area .copyright p{font-size: 22px; line-height: 24px; margin: 0px; font-weight: 400; color: #fff}

.signin-area{background: url(../images/signin-bg.jpg) center center/cover no-repeat fixed; position: relative; padding: 100px 0}
.signin-area::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:linear-gradient(108.38deg, #044ED7 0%, rgba(5, 99, 228, 0.8075) 52.08%, rgba(6, 125, 244, 0.56) 100%); }
.signin-area .form-area{width: 555px; margin: 0 auto; background: #fff; box-shadow: 0px 0px 50px rgba(3, 0, 115, 0.3); border-radius: 20px; padding:35px 40px; position: relative; z-index: 1; text-align: center;}
.signin-area .btn-blue{width: 100%; text-align: center;}
.signin-area .form-area h1{font-weight: 700; font-size: 40px; color: #044ED7; line-height: 48px; text-align: center; margin: 0 0 8px 0}
.signin-area .form-area .info{font-weight: 400; font-size: 20px; line-height: 24px; color: #000000; text-align: center; margin: 0 0 20px 0}
.signin-area .tab-link{border: #D5E4F3 1px solid; display: flex; padding: 10px 5px; border-radius: 40px; margin: 0 0 20px 0}
.signin-area .tab-link .step-block{background: #E3F1FF; width: 50%; margin: 0 5px; text-align: left; font-size: 14px; line-height: 24px; font-weight: 700; color: #044ED7; display: flex; text-align: center; padding: 8px; border-radius: 20px}
.signin-area .tab-link .step-block span{width: 24px; height: 24px; background: #044ED7; color: #fff; border-radius: 50%; margin-right: 10px}
.signin-area .tab-link .step-block.active{background:#044ED7; color: #fff}
.signin-area .tab-link .step-block.active span{background:#fff; color: #044ED7}
.signin-area .form-area .form-group{position: relative; margin: 0 0 18px 0; padding: 0px !important;}
.signin-area .form-area .form-group.eye_icon{position: relative;}
.signin-area .form-area .form-group.eye_icon span{ position: absolute;font-size: 16px; color: #044ED7; right: 10px; top: 20px; cursor: pointer;}
.signin-area .form-area .form-group.eye_icon .password-status{ position: absolute;font-size: 16px; color: #044ED7; right: 38px; top: 20px; cursor: pointer;}
.signin-area .form-area .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; position: absolute; top: 23px; left:20px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none;}
.signin-area .form-area .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px; padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 28px; padding-bottom: 12px}
.signin-area .form-area .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.signin-area .form-area .form-group .form-control:focus ~ label{top: 12px;  font-size: 14px; color: #044ED7; font-weight: 700;}
.signin-area .form-area .form-group .form-control:not(:placeholder-shown) ~ label{top: 12px; font-size: 14px; color: #044ED7; font-weight: 700; }
.signin-area .form-area .forgot{color: #000; font-weight: 400; font-size: 18px; line-height: 22px; margin: 0 0 18px 0; display: inline-block;}
.signin-area .form-area .btn-blue{font-size: 20px; line-height: 54px}
.signin-area .form-area .or-hr{margin: 20px 0; position: relative;}
.signin-area .form-area .or-hr span{background: #FFFFFF; border: 1px solid #EDEDED; border-radius: 15px; padding: 0 16px; line-height: 28px; display: inline-block; font-size: 14px; font-weight: 700; position: relative; z-index: 1}
.signin-area .form-area .or-hr::before{content: ''; position: absolute; top: 14px; border-top: 1px solid #EDEDED; width: 100%; left: 0px}
.signin-area .form-area .btn-area{display: flex; margin-bottom: 20px}
.signin-area .form-area .btn-area a:first-child{margin-right: 1%}
.signin-area .form-area .btn-area a:last-child{margin-left: 1%}
.signin-area .form-area .btn-area .social-btn{background: #fff; color: #000; font-size: 16px; font-weight: 700; border-radius: 30px; border:#044ED7 1px solid; line-height: 48px; padding: 0 5px; display: flex; transition: all .5s ease; width: 49%; align-items: center; justify-content: center;}
.signin-area .form-area .btn-area .social-btn:hover{background: #DBE8FF; transition: all .5s ease;}
.signin-area .form-area .btn-area .social-btn img{width: 20px; height: 20px; margin-right: 10px}
.signin-area .form-area p{font-size: 18px; line-height: 24px; font-weight: 400; color: #000; margin: 0px}
.signin-area .form-area p a{font-weight: 700; color: #044ED7; font-size: 18px; display: block;}
.signin-area .form-area .form-group label.error{ color:red!important; position: relative; top: 100% !important; left: 0 !important;font-size: 12px;margin-bottom: 1% !important;}
.signin-area  #mobile_code {padding-left: 55px !important;}

.signin-area .form-area .checkmain{display: flex;}
.signin-area .form-area .checkmain input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.signin-area .form-area .checkmain input[type=checkbox].css-checkbox + label.css-label{padding-left:30px; text-align: left; cursor:pointer; font-weight:normal; font-size: 12px; font-weight: 500; color: #263238; letter-spacing: 1.44px; position: relative; line-height: 20px; margin: 0px}
.signin-area .form-area .checkmain input[type=checkbox].css-checkbox + label.css-label::before{content: ''; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border-radius: 5px; border: #D9DDE6 1px solid}
.signin-area .form-area .checkmain input[type=checkbox].css-checkbox:checked + label.css-label::after{content: ''; width: 14px; height: 14px; background: #044ED7; position: absolute; top: 3px; left: 3px; border-radius: 3px}
.signin-area .form-area .checkmain input[type=checkbox].css-checkbox + label.css-label a{color: #044ED7; text-decoration: underline;}
.signin-area .form-area  #privacy_policy-error ,
.signin-area .form-area #terms_conditions-error{color: red !important; position: relative; font-size: 12px; margin-bottom: 1% !important; font-weight: 700;}

.tag-landing-page{padding: 50px 0px 60px 0px; position: relative; }
.tag-landing-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 400px; background: url(../images/found-item-bg.png) top center no-repeat}
.tag-landing-page .logo{width: 245px; margin: 0px auto 75px auto; position: relative; z-index: 1}
.tag-landing-page .logo img{width: 100%}
.tag-landing-page .tag-photo{width: 400px; height: 400px; position: relative; z-index: 1; overflow: hidden; border:#fff 10px solid; border-radius: 50%; margin: 0 auto 40px auto;}
.tag-landing-page .tag-photo img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover;}
.tag-landing-page .content-area{max-width: 650px; margin: 0 auto;}
.tag-landing-page .content-area h1{font-weight: 700; font-size: 36px; line-height: 30px; color: #000; text-align: center; margin: 0 0 20px 0}
.tag-landing-page .content-area p{font-weight: 400; font-size: 24px; line-height: 36px; text-align: center; color: #000000; margin: 0 0 30px 0}
.tag-landing-page .content-area h2{font-weight: 700; font-size: 30px; line-height: 30px; color: #044ED7; text-align: center; margin: 0 0 10px 0; position: relative; padding-top: 30px}
.tag-landing-page .content-area h2::before{content: ''; position: absolute; top: 0px; border-top: #044ED7 2px solid; width: 200px; left: 50%; margin-left: -100px; }
.tag-landing-page .content-area .validation-info{font-weight: 700;color: #044ED7;text-align: center; font-size: 16px; line-height: 30px; margin-bottom: 10px}
.tag-landing-page .content-area .owned-info{text-align: center; font-size: 24px; line-height: 30px; color: #000; font-weight: 400; margin-bottom: 30px}
.tag-landing-page .content-area .owned-info span{font-weight: 700; color: #044ED7;}
.tag-landing-page .form-group{position: relative; margin: 0 0 18px 0; padding: 0px !important;}
.tag-landing-page .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; position: absolute; top: 23px; left:20px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none;}
.tag-landing-page .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 28px; padding-bottom: 12px}
.tag-landing-page .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.tag-landing-page .form-group .form-control:focus ~ label{top: 12px;  font-size: 14px; color: #044ED7; font-weight: 700;}
.tag-landing-page .form-group .form-control:not(:placeholder-shown) ~ label{top: 12px; font-size: 14px; color: #044ED7; font-weight: 700; }
.tag-landing-page .btn-blue{width: 100%; text-align: center;}
.tag-landing-page .form-group label.error{ color:red!important; position: relative; top: 100% !important; left: 0 !important;font-size: 12px;margin-bottom: 1% !important;}



.inner-main-area{background: #F3F3F8; padding: 50px 0}
.inner-main-area .main-content{display: flex;}
/** sidebar **/
.inner-main-area .main-content .sidebar{width: 25%; padding-right: 10px;}
.inner-main-area .main-content .sidebar .user-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 21px 15px 21px 80px; font-size: 20px; line-height: 20px; color: #044ED7; font-weight: 700; min-height: 80px; position: relative; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center;}
.inner-main-area .main-content .sidebar .user-block span{font-weight: 400; color: #383838; display: block; font-size: 14px; line-height: 14px; margin-top: 4px;overflow: hidden; text-overflow: ellipsis;}
.inner-main-area .main-content .sidebar .user-block .name-code{position: absolute; top: 15px; left: 15px; width: 50px; height: 50px; background: #044ED7; border-radius: 50%; text-align: center; color: #fff; line-height: 50px; overflow: hidden; }
.inner-main-area .main-content .sidebar .user-block .name-code img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.inner-main-area .main-content .sidebar .menu-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; margin-bottom: 20px; padding: 10px 20px}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list{margin: 0px; padding: 0px; list-style: none}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li{border-bottom:1px solid #F3F3F8;}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li:last-child{border-bottom: none}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li a{display: flex; align-items: center; padding: 10px 0; font-size: 18px; color: #000; line-height: 36px; transition: all .5s ease;}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li a .icon{width: 36px; height: 36px; padding: 10px;  background: #EEEEEE; margin-right: 14px; border-radius: 50%; line-height: 16px; transition: all .5s ease;}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li a .icon svg{width: 100%; height: 100%; }
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li a .icon svg path{stroke:#000; transition: all .5s ease;}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li:hover a,
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li.active a{color: #044ED7; transition: all .5s ease;}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li:hover a .icon,
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li.active a .icon{background: #044ED7; transition: all .5s ease;}
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li:hover a .icon svg path,
.inner-main-area .main-content .sidebar .menu-block ul.menu-list li.active a .icon svg path{stroke:#fff; transition: all .5s ease;}
.inner-main-area .main-content .sidebar .subscription-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 25px 20px; text-align: center;}
.inner-main-area .main-content .sidebar .subscription-block h3{font-weight: 700; font-size: 18px; line-height: 18px; color: #000; margin: 0 0 8px 0}
.inner-main-area .main-content .sidebar .subscription-block h3 span{color: #044ED7}
.inner-main-area .main-content .sidebar .subscription-block p{font-weight: 400; font-size: 18px; line-height: 18px; color: #828282; margin: 0px}

/** Right side content **/
.inner-main-area .main-content .rightside-content-area{width: 75%; padding-left: 10px}

.title{display: flex; align-items: center; font-size: 24px; color: #000; line-height: 50px; margin: 10px 0 20px 0; justify-content: space-between;}
.title .icon{width: 50px; height: 50px; padding: 15px;  background: #044ED7; margin-right: 14px; border-radius: 50%; line-height: 20px; transition: all .5s ease;}
.title .icon svg{width: 100%; height: 100%; }
.title .icon svg path{stroke:#fff; transition: all .5s ease;}
.title .left{display: flex;}
.title .btn-blue{line-height: 38px; font-size: 15px}
.title .search-area{position: relative;}
.title .search-area .form-control{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 20px; border:none; height: 40px; padding-left: 20px}
.title .search-area .btn-search{position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; border:none; background: transparent; padding: 10px; line-height: 20px; cursor: pointer;}
.title .search-area .btn-search svg{width: 100%; height: 100%; line-height: 20px}

.count-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 25px 20px; text-align: center; margin-bottom: 20px}
.count-block .count-number{font-size: 66px; color: #044ED7; line-height: 48px; font-weight: 700; margin: 0 0 15px 0}
.count-block p{margin: 0px; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000;}

.first-tag-area {margin-top: 50px}
.first-tag-area h2 {font-size: 24px; text-align: center; line-height: 36px; font-weight: 700; }
.first-tag-area .crate-box {border-radius: 50px 50px 15px 15px; background: #FFF; box-shadow: 0px 8px 10px 0px #E3E3F2; position: relative; padding: 48px 42px 27px 42px; min-height: 186px}
.first-tag-area .crate-box.mt{margin-top: 0px}
.first-tag-area .crate-box .box-num {color: #FFF; font-size: 34px; font-style: normal; font-weight: 700; line-height: 36px; border-radius: 50px;border: 5px solid #F3F3F8;background: #00b03d; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; transform: translate(-50%, -50%); top: 0; left: 50%;  }
.first-tag-area .crate-box .tag-title{color: #044ED7; text-align: center;font-size: 18px; font-weight: 700;line-height: 20px; margin-bottom: 10px}
.first-tag-area .crate-box p{color: #6D6D6D; text-align: center;font-size: 15px;font-style: normal;font-weight: 400;line-height: 20px; margin: 0}
.first-tag-area .btn-success {min-width: 260px; margin-top: 20px}

.qr-preview-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; justify-content: space-between;padding: 15px 146px; display: flex; align-items: center; position: relative; min-height: 130px; margin-bottom: 15px; transform: scale(1); transition: all .5s ease;}
.qr-preview-block.blank-box{padding: 15px 15px 15px 146px;}
.qr-preview-block:hover{ transform: scale(1.01); transition: all .5s ease;}
.qr-preview-block .tag-photo{border:#ECECEC 1px solid; width: 110px; height: 110px; border-radius: 10px; position: absolute; top: 15px; left: 15px; overflow: hidden;}
.qr-preview-block .tag-photo img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; object-fit: contain;}
.qr-preview-block .qr-code-block{width: 110px; height: 110px;  position: absolute; top: 15px; right: 15px}
.qr-preview-block .qr-code-block img{width: 100%}
.qr-preview-block h2{font-weight: 700; font-size: 20px; line-height: 20px; color: #044ED7; margin: 0 0 6px 0}
.qr-preview-block h2 span{ font-size: 14px; color: red;}
.qr-preview-block p{font-weight: 400; font-size: 15px; line-height: 21px; min-height: 42px; color: rgba(131, 131, 169, 0.8); margin: 0 0 10px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.qr-preview-block .btn-area {display: flex;}
.qr-preview-block .btn-edit{border:#36A18B 1px solid; width: 32px; height: 32px; border-radius: 50%; padding: 8px; line-height: 16px; margin-right: 10px}
.qr-preview-block .btn-edit svg{width: 100%; height: 100%}
.qr-preview-block .btn-edit svg path{stroke:#36A18B; transition: all .5s ease;}
.qr-preview-block .btn-edit:hover{background: #36A18B; transition: all .5s ease;}
.qr-preview-block .btn-view{border:#044ED7 1px solid; width: 32px; height: 32px; border-radius: 50%; padding: 8px; line-height: 16px; margin-right: 10px}
.qr-preview-block .btn-view svg{width: 100%; height: 100%}
.qr-preview-block .btn-view svg path{stroke:#044ED7; transition: all .5s ease;}
.qr-preview-block .btn-view:hover{background: #044ED7; transition: all .5s ease;}
.qr-preview-block .btn-delete{border:#BE0B00 1px solid; width: 32px; height: 32px; border-radius: 50%; padding: 8px; line-height: 16px; margin-right: 10px; cursor: pointer;}
.qr-preview-block .btn-delete svg{width: 100%; height: 100%}
.qr-preview-block .btn-delete svg path{stroke:#BE0B00; transition: all .5s ease;}
.qr-preview-block .btn-delete:hover{background: #BE0B00; transition: all .5s ease;}
.qr-preview-block .btn-edit:hover svg path,
.qr-preview-block .btn-view:hover svg path,
.qr-preview-block .btn-shopping:hover svg path,
.qr-preview-block .btn-delete:hover svg path{stroke:#fff; transition: all .5s ease;}
.btn-delete:focus { outline: none;}
.qr-preview-block .btn-shopping{border:#eacd0c 1px solid; width: 32px; height: 32px; border-radius: 50%; padding: 8px; line-height: 16px; margin-right: 10px}
.qr-preview-block .btn-shopping svg{width: 100%; height: 100%}
.qr-preview-block .btn-shopping svg path{stroke:#eacd0c; transition: all .5s ease;}
.qr-preview-block .btn-shopping:hover{background: #eacd0c; transition: all .5s ease;}

.qr-preview-block h2.loading {height: 20px; width: 300px; border-radius: 5px;}
.qr-preview-block p.loading {width: 570px; border-radius: 5px; margin-right: 30px;}
.qr-preview-block .btn-area .circle.loading {width: 32px; height: 32px; margin-right: 10px; border-radius: 20px;}

.loading {
    position: relative;
    background-color: #e2e2e2;
}

/* The moving element */
.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top,
                right top, from(transparent),
                color-stop(rgba(255, 255, 255, 0.2)),
                to(transparent));

    background: linear-gradient(90deg, transparent,
            rgba(255, 255, 255, 0.2), transparent);

    /* Adding animation */
    animation: loading 0.8s infinite;
}

/* Loading Animation */
@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}

.history-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 15px 20px; display: flex; align-items: center; position: relative; margin-bottom: 10px; transform: scale(1); transition: all .5s ease;}
.history-block:hover{ transform: scale(1.01); transition: all .5s ease;}
.history-block .info{font-weight: 400; font-size: 14px; line-height: 14px; color: rgba(131, 131, 169, 0.8);}
.history-block .info span{display: block; font-weight: 700; font-size: 16px; line-height: 16px; color: #044ED7; margin-bottom: 4px}
.history-block .info:nth-of-type(4n+1){width: 20%}
.history-block .info:nth-of-type(4n+2){width: 30%}
.history-block .info:nth-of-type(4n+3){width: 30%}
.history-block .info:nth-of-type(4n+4){width: 20%}

.history-block .info .btn-view{border:#044ED7 1px solid; background: #044ED7; width: 36px; height: 36px; border-radius: 50%; padding: 8px; line-height: 16px; transition: all .5s ease; position: absolute; top: 14px;right:56px;}
.history-block .info .btn-view svg{width: 100%; height: 100%}
.history-block .info .btn-view svg path{stroke:#fff; transition: all .5s ease;}
.history-block .info .btn-view:hover{background: #fff; transition: all .5s ease;}
.history-block .info .btn-view:hover svg path{stroke:#044ED7; transition: all .5s ease;}

.history-block .info .btn-contact-view{border:#2ab388 1px solid; background: #2ab388; width: 36px; height: 36px; border-radius: 50%; padding: 8px; line-height: 16px; transition: all .5s ease; position: absolute; right: 98px; top: 14px;}
.history-block .info .btn-contact-view svg{width: 100%; height: 100%}
.history-block .info .btn-contact-view svg path{stroke:#fff; transition: all .5s ease;}
.history-block .info .btn-contact-view:hover{background: #fff; transition: all .5s ease;}
.history-block .info .btn-contact-view:hover svg path{stroke:#2ab388; transition: all .5s ease;}

.history-block .info .btn-map{border:#d4cf2c 1px solid; background: #d4cf2c; width: 36px; height: 36px; border-radius: 50%; padding: 8px; line-height: 16px; transition: all .5s ease; position: absolute; right: 15px; top: 14px;}
.history-block .info .btn-map svg{width: 100%; height: 100%}
/* .history-block .info .btn-map svg path{stroke:#fff; transition: all .5s ease;} */
.history-block .info .btn-map:hover{background: #fff; transition: all .5s ease;}
.history-block .info .btn-map:hover svg {fill:#d4cf2c; transition: all .5s ease;}

.history-view-area .history-block .info:nth-of-type(4n+3){width: 35%}
.history-view-area .history-block .info:nth-of-type(4n+4){width: 15%; overflow: hidden; text-overflow: ellipsis;}


.history-block .plan-main-area{display: flex; /* flex-direction: row-reverse; */}
@media (max-width: 767px) {
    .plan-main-area.mobile-view {
      display: block; /* or any other appropriate mobile styling */
    }
  }
.plan-main-area h2{font-weight: 700; font-size: 18px; line-height: 22px; color: #044ED7; margin: 0 0 20px 0}
.plan-main-area .plan-list{width: 52%; padding-right: 2%}
.plan-main-area .plan-list .plan-block{margin: 0 0 15px 0}
.plan-main-area .plan-list .plan-block:last-child{margin: 0px}
.plan-main-area .plan-list input[type=radio].css-radio{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.plan-main-area .plan-list input[type=radio].css-radio + label.css-labelradio {background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 18px 15px 18px 66px; display: flex; cursor: pointer; position: relative; margin: 0px}
.plan-main-area .plan-list input[type=radio].css-radio:checked + label.css-labelradio::before{content: ''; position: absolute; background: #fff; width: 36px; height: 36px; border: #044ED7 10px solid; border-radius: 50%; top: 18px; left: 15px}
.plan-main-area .plan-list label.css-labelradio::before{content: ''; position: absolute; background: #fff; width: 36px; height: 36px; border: #DCDCDC 1px solid; border-radius: 50%; top: 18px; left: 15px}
.plan-main-area .plan-list label.css-labelradio .name{color: #000000;font-weight: 700; font-size: 18px; line-height: 18px; width: 60%}
.plan-main-area .plan-list label.css-labelradio .name span{display: block; font-weight: 400; font-size: 15px; line-height: 15px; opacity: 0.5; margin-top: 3px}
.plan-main-area .plan-list label.css-labelradio .price{color: #044ED7;font-weight: 700; font-size: 18px; line-height: 18px; width: 40%; text-align: right;}
.plan-main-area .plan-list label.css-labelradio .price span{display: block; font-weight: 400; font-size: 15px; line-height: 15px; opacity: 0.5; margin-top: 3px}

.plan-main-area .current-plan{width: 48%; margin-top: 94px; background: #044ED7; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px;}
.plan-main-area .current-plan h3{text-align: center; color: #fff; font-weight: 700; font-size: 18px; line-height: 40px; margin: 0px}
.plan-main-area .current-plan .white-block{background: #fff; text-align: center; padding: 14px 20px 16px 20px; border-radius: 14px}
.plan-main-area .current-plan .white-block .plan-name{font-weight: 700; font-size: 24px; line-height: 40px; color: #000; margin: 0px}
.plan-main-area .current-plan .white-block p{font-weight: 400; font-size: 18px; line-height: 40px; color: #8C8C8C; margin: 0px}
.plan-main-area .current-plan .white-block .btn-danger-border{line-height: 38px; padding: 0 50px}
.plan-main-area .current-plan .white-block .price{font-weight: 700; font-size: 40px; line-height: 40px; color: #044ED7; margin-bottom: 18px}
.plan-main-area .current-plan .white-block .btn-blue-border{line-height: 38px; padding: 0 50px}

.purchase-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 15px 20px 20px 20px; margin-top: 20px;}
.purchase-block .promocode {width: 100%}
.purchase-block .promocode .form-group{position: relative; margin: 0 0 0px 0; padding: 0px !important; display: flex; align-items: center; width: 60%;}
.purchase-block .promocode .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; margin: 0 ;width: 50%; }
.purchase-block .promocode .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 12px; padding-bottom: 12px}
.purchase-block .promocode .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.purchase-block .promocode .form-group label.error{color:red!important; position: absolute; top: 100% !important; left: 33% !important; padding: 3px 0; font-size: 12px; margin-bottom: 0}
.purchase-block .promocode .btn-blue {display: inline-block;}
.purchase-block h2{font-weight: 700; color: #044ED7; font-size: 24px; line-height: 24px; margin: 0 0 15px 0}
.purchase-block .btn-blue{line-height: 38px; width: 100%; padding: 0 50px; text-align: center;}
.purchase-block ul.summary-list{margin: 0px; padding: 10px 0px 0px 0px; list-style: none; border-top: 1px solid #F3F3F8;}
.purchase-block ul.summary-list li{display: flex; justify-content: space-between; font-weight: 400; font-size: 18px; line-height: 34px; color: #000000}
.purchase-block ul.summary-list li span{color: #ABABAB}
.purchase-block ul.summary-list li:last-child{ border-top: 1px solid #F3F3F8; margin-top: 10px; padding: 10px 0 }


.modal-content.paymentmodal-area{border-radius: 20px}
.modal-content.paymentmodal-area .modal-body{padding: 20px 30px; }
.modal-content.paymentmodal-area h2{font-weight: 700; color: #000; font-size: 24px; line-height: 24px; margin: 0 0 20px 0; display: flex; justify-content: space-between;}
.modal-content.paymentmodal-area h2 .btn-close-icon{background: transparent; border:none; width: 24px; height: 24px; line-height: 20px; padding: 2px; cursor: pointer;}
.modal-content.paymentmodal-area h2 .btn-close-icon:focus{outline: none}
.modal-content.paymentmodal-area ul.summary-list{margin: 0px; padding: 10px 0px 20px 0px; list-style: none; border-top: 1px solid #F3F3F8;}
.modal-content.paymentmodal-area ul.summary-list li{display: flex; justify-content: space-between; font-weight: 400; font-size: 18px; line-height: 34px; color: #000000}
.modal-content.paymentmodal-area ul.summary-list li span{color: #ABABAB}
.modal-content.paymentmodal-area ul.summary-list li:last-child{ border-top: 1px solid #F3F3F8; margin-top: 10px; padding: 10px 0; color: #044ED7; font-weight: 700}
.modal-content.paymentmodal-area .form-group{position: relative; margin: 0 0 15px 0; padding: 0px !important;}
.modal-content.paymentmodal-area .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; position: absolute; top: 23px; left:20px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none;}
.select2-container--default .select2-selection--single {border: none !important; border-radius: 0 !important; background-color: transparent !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding: 0 !important; line-height: 18px !important; color: #00043A !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {left: 0% !important; top :140% !important}
.modal-content.paymentmodal-area .form-group  span.select2.select2-container.select2-container--default,
.modal-content.paymentmodal-area .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 28px; padding-bottom: 12px}
.modal-content.paymentmodal-area .form-group.form-check input {margin-left: 0;}
.modal-content.paymentmodal-area .form-group.form-check label{position: relative;top: 0; left:0; padding-left: 20px;}
.modal-content.paymentmodal-area .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.modal-content.paymentmodal-area .form-group .form-control:focus ~ label{top: 12px;  font-size: 14px; color: #044ED7; font-weight: 700;}
.modal-content.paymentmodal-area .form-group .form-control:not(:placeholder-shown) ~ label{top: 12px; font-size: 14px; color: #044ED7; font-weight: 700; }
.modal-content.paymentmodal-area .btn-blue{width: 100%; text-align: center; cursor: pointer;}
.modal-content.paymentmodal-area .form-group label.error{color:red!important; position: relative; top: 100% !important; left: 0 !important; font-size: 12px; margin-bottom: 1% !important;}


.inner-title{display: flex; font-weight: 400; font-size: 20px; line-height: 20px; color: #000; margin-bottom: 18px}
.inner-title svg{margin-right: 10px}
.edit-profile-block .form-group.eye_icon span{ position: absolute;font-size: 16px; color: #044ED7; right: 10px; top: 20px; cursor: pointer;}
.edit-profile-block .form-group.eye_icon .password-status{ position: absolute;font-size: 16px; color: #044ED7; right: 38px; top: 20px; cursor: pointer;}

.edit-profile-block{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 18px 20px 20px 20px; margin-bottom: 20px}
.edit-profile-block .content-area{display: flex; flex-wrap: wrap;}
.edit-profile-block .content-area .file-upload-area{width: 32%; background: #E3F1FF; border-radius: 10px; margin-bottom: 15px; text-align: center; padding: 15px}
.edit-profile-block .content-area .file-upload-area .user-photo{background: #fff; width: 80px; height: 80px; border-radius: 50%; border:#fff 2px solid; overflow: hidden; position: relative; margin: 0 auto;}
.edit-profile-block .content-area .file-upload-area .user-photo img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.edit-profile-block .content-area .file-upload-area .user-photo .profile-name {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; background-color:  #044ed7;border-radius: 50%; font-size: 36px; color: #fff;}
.edit-profile-block .content-area .name{font-weight: 700; font-size: 18px; line-height: 22px; color: #000; text-align: center; margin: 8px 0 4px 0}
.edit-profile-block .content-area .email{font-weight: 400; font-size: 15px; line-height: 15px; color: #000; text-align: center; margin: 0 0 8px 0}
.edit-profile-block .btn-file{position: relative;overflow: hidden; background: #fff; color: #044ED7; font-size: 16px; font-weight: 400; border-radius: 30px; border:#044ED7 1px solid; line-height: 38px; padding: 0 30px; display: inline-block; transition: all .5s ease;cursor: pointer;}
.edit-profile-block .btn-file input{position: absolute; font-size: 50px; opacity: 0;   right: 0; top: 0;cursor: pointer;}
.edit-profile-block .btn-file:hover{background: #044ED7; color: #fff; transition: all .5s ease;}

.edit-profile-block .content-area .profile-form{width: 68%; padding-left: 20px}
.edit-profile-block .form-group{position: relative; margin: 0 0 15px 0; padding: 0px !important;}
.edit-profile-block .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; position: absolute; top: 23px; left:20px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none;}
.edit-profile-block .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 28px; padding-bottom: 12px}
.edit-profile-block .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.edit-profile-block .form-group .form-control:focus ~ label{top: 12px;  font-size: 14px; color: #044ED7; font-weight: 700;}
.edit-profile-block .form-group .form-control:not(:placeholder-shown) ~ label{top: 12px; font-size: 14px; color: #044ED7; font-weight: 700; }
.edit-profile-block .form-group label.error{color:red!important; position: relative; top: 100% !important; left: 0 !important; font-size: 12px; margin-bottom: 1% !important;}
.edit-profile-block #mobile_code {padding-left: 94px !important;}


#tagtype .modal-dialog{max-width: 500px}
#tagtype .modal-dialog .modal-content{border-radius: 20px}
#tagtype .modal-body{padding: 20px; text-align: center;}
#tagtype .modal-body h2{font-weight: 400; color: #000; font-size: 20px; line-height: 24px; margin: 0 0 20px 0; display: flex; justify-content: space-between; text-align: left;}
#tagtype .modal-body h2 .btn-close-icon{background: transparent; border:none; width: 24px; height: 24px; line-height: 20px; padding: 2px; cursor: pointer;}
#tagtype .modal-body h2 .btn-close-icon:focus{outline: none}
#tagtype .modal-body input[type=radio].css-radio{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
#tagtype .modal-body input[type=radio].css-radio + label.css-labelradio {background: #fff; border: #F3F3F8 2px solid; border-radius: 15px; padding:12px 20px; cursor: pointer; position: relative; margin: 0px 0px 10px 0px; width: 100%; color: #000}
#tagtype .modal-body input[type=radio].css-radio + label.css-labelradio::before{content: ''; position: absolute; top: 14px; right: 10px; width: 20px; height: 20px; background: #E6E6F7; border-radius: 50%;}
#tagtype .modal-body input[type=radio].css-radio:checked + label.css-labelradio{border:#044ED7 2px solid; color: #044ED7}
#tagtype .modal-body input[type=radio].css-radio:checked + label.css-labelradio::after{content: ''; position: absolute; top: 18px; right: 14px; width: 12px; height: 12px; background: #044ED7; border-radius: 50%;}
#tagtype .modal-body label.css-labelradio .name{font-weight: 700; font-size: 18px; line-height: 24px; text-align: left; }
#tagtype .modal-body label.css-labelradio .tag-img{width: 136px; height: 136px; position: relative; object-fit: contain; margin: 0 auto; display: none;}
#tagtype .modal-body label.css-labelradio .tag-img img{width: 100%; height: 100%; object-fit: contain;}
#tagtype .modal-body .btn-blue{width: 100%; display: block;}

.create-tag-area{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px; padding: 20px; margin-bottom: 20px; display:flex; flex-direction: row-reverse;}
.create-tag-area .form-area{width: 60%; padding-right: 20px}
.create-tag-area .form-group{position: relative; margin: 0 0 15px 0; padding: 0px !important;}
.create-tag-area .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; position: absolute; top: 23px; left:20px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none;}
.create-tag-area .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 28px; padding-bottom: 12px}
.create-tag-area .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.create-tag-area .form-group .form-control:focus ~ label{top: 12px;  font-size: 14px; color: #044ED7; font-weight: 700;}
.create-tag-area .form-group .form-control:not(:placeholder-shown) ~ label{top: 12px; font-size: 14px; color: #044ED7; font-weight: 700; }
.create-tag-area .upload-area{background: #E3F1FF; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 8px 15px; }
.create-tag-area .upload-area .file-name {width: 80%; overflow: hidden; text-overflow: ellipsis;}
.create-tag-area .upload-area .btn-file{position: relative; overflow: hidden; background: #044ED7; color: #fff; font-size: 15px; font-weight: 700; border-radius: 30px; border: #044ED7 1px solid; line-height: 32px; padding: 0 30px; display: inline-block; transition: all .5s ease; text-transform: uppercase;}
.create-tag-area .upload-area .btn-file input{position: absolute; font-size: 50px; opacity: 0;   right: 0; top: 0;cursor: pointer;}
.create-tag-area .upload-area .btn-file:hover{background: #044ED7; color: #fff; transition: all .5s ease;}
.create-tag-area .frames-color-area{margin-bottom: 15px}
.create-tag-area .frames-color-area .preview-block{width: 230px; height: 230px; border-radius: 10px; background: #fff; border:#E3F1FF 5px solid; overflow: hidden; margin-bottom: 15px ; padding: 10px}
.create-tag-area .frames-color-area .preview-block img {width: 100%; height: 100%; object-fit: contain;}
.create-tag-area .frames-color-area h4{font-weight: 700; font-size: 14px; line-height: 22px; color: #044ED7; margin: 0 0 5px 0}
.create-tag-area ul.frame-list{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.create-tag-area ul.frame-list li{margin: 0 10px 10px 0}
.create-tag-area .frame-block input[type=radio].css-radio{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.create-tag-area .frame-block input[type=radio].css-radio + label.css-labelradio {background: #fff; border: #E3F1FF 2px solid; border-radius: 15px; padding:10px; cursor: pointer; position: relative; margin: 0px; width: 100%; color: #000}
.create-tag-area .frame-block input[type=radio].css-radio:checked + label.css-labelradio{border:#044ED7 2px solid; color: #044ED7}
.create-tag-area .frame-block label.css-labelradio .qr-code{width: 45px; height: 45px}
.create-tag-area .frame-block label.css-labelradio .qr-code img{width: 100%; }
.create-tag-area .colorbox{display: flex; align-items: center; border: #E3F1FF 2px solid; padding: 5px; border-radius: 25px}
.create-tag-area .colorbox .form-control{width: 36px; height: 36px; border-radius: 50%; border:none; cursor: pointer; margin-right: 10px; }
.create-tag-area .colorbox  .color-label { font-size: 14px;}
.create-tag-area .colorbox label{margin:0px}
.create-tag-area .sticky {width: 45%}
.create-tag-area .preview-area{width: 100%; background: #E3F1FF; padding: 15px; border-radius: 10px; position: sticky; top: 80px;}
.create-tag-area .preview-area h3{font-weight: 700; font-size: 16px; line-height: 16px; color: #000; margin: 0 0 8px 0}
.create-tag-area .preview-area .luggage-preview-main{ border-radius: 10px; background: #fff; border:#fff 10px solid; overflow: hidden; margin-bottom: 15px}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview{width: 290px; margin: 10px auto; position: relative;}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview .item-name {position: absolute; left: 10%; top: 188px; font-size: 14px; font-family: 'Atkinson Hyperlegible', sans-serif; color: #000; font-weight: 700; width: 80%; text-align: center; padding: 4px; border-radius: 5px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(50px); height: 29px;}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview .qr-code-box {width: 24%;position: absolute;bottom: 20px;padding: 2px;border-radius: 5px;background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(50px);right:125px}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview #item-photo {width: 195px; height: 115px; position: absolute; bottom: 0px; border-radius: 12px; overflow: hidden;}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview #item-photo img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview ul.qr-detail{position: absolute;bottom: 0px; left: 25px;padding: 0;writing-mode: vertical-rl; transform: rotate(0deg);height: 71px;}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview ul.qr-detail li {width: 11px; font-size: 8px; margin: 0; list-style: none; }
.create-tag-area .preview-area .luggage-preview-main .luggage-preview .locat-logo {transform: rotate(90deg); height: 17px; position: absolute; top: 47px; left: 0;}
.create-tag-area .preview-area .luggage-preview-main .luggage-preview .locat-logo img {width: 100%}
.create-tag-area .preview-area .pet-preview-main{ border-radius: 10px; background: #fff; border:#fff 10px solid; overflow: hidden; margin-bottom: 15px}
.create-tag-area .preview-area .pet-preview-main .pet-preview{width: 200px; margin: 10px auto; position: relative;}
.create-tag-area .preview-area .pet-preview-main .pet-preview .item-name {position: absolute; left: 15%; top: 134px; font-size: 12px; font-family: 'Atkinson Hyperlegible', sans-serif; color: #000; font-weight: 600; width: 70%; text-align: center; padding: 0px; border-radius: 5px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(50px); height: 22px; line-height: 22px;}
.create-tag-area .preview-area .pet-preview-main .pet-preview .qr-code-box { width: 44%; position: absolute; bottom: 94px; padding: 3px; border-radius: 5px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(50px); left: 47%; margin-left: -40px; }
.create-tag-area .preview-area .pet-preview-main .pet-preview #item-photo {width: 200px; height: 200px; position: absolute; bottom: 0px; border-radius: 50%; overflow: hidden;}
.create-tag-area .preview-area .pet-preview-main .pet-preview #item-photo img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;}
.create-tag-area .preview-area .pet-preview-main .pet-preview ul.qr-detail{  position: absolute; bottom: 6px; left: 62%; width: 91px; padding: 0; margin-left: -66px; }
.create-tag-area .preview-area .pet-preview-main .pet-preview ul.qr-detail li { line-height: 15px; font-size: 13px;margin: 0; overflow-wrap: break-word; list-style: none;}

.create-tag-area .preview-area .keychain-preview-main{ border-radius: 10px; background: #fff; border:#fff 10px solid; overflow: hidden; margin-bottom: 15px}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview{width: 215px; margin: 10px auto; position: relative;}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview .item-name {position: absolute; left: 12px; top: 64px; font-size: 12px; font-family: 'Atkinson Hyperlegible', sans-serif; color: #000; font-weight: 600; width: 100px; text-align: center; padding: 0px; border-radius: 5px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(50px); height: 22px; line-height: 22px;}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview .qr-code-box {width: 39%; position: absolute; bottom: 110px; padding: 2px; border-radius: 5px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(50px); left: 18px;}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview #item-photo {width: 118px; height: 219px; position: absolute; bottom: 0px; border-radius: 5px; overflow: hidden;}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview #item-photo img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview ul.qr-detail{ position: absolute; bottom: 32px; left: 18px; width: 87px; padding: 0; }
.create-tag-area .preview-area .keychain-preview-main .keychain-preview ul.qr-detail li {height: 12px; font-size: 9px;margin: 0; overflow-wrap: break-word; list-style: none;}
.create-tag-area .preview-area .keychain-preview-main .keychain-preview .locat-logo {transform: rotate(0deg); width: 35%; position: absolute; bottom:10px; left: 21px; }
.create-tag-area .preview-area .keychain-preview-main .keychain-preview .locat-logo img {width: 100%}

.create-tag-area .preview-area img{width: 100%; height: 100%; object-fit: contain;}
.create-tag-area .form-area .form-group label.error{color:red!important; position: relative; top: 100% !important; left: 0 !important; font-size: 12px; margin-bottom: 1% !important;}
.create-tag-area .form-area .upload-area .form-group label.error{color:red!important; position: relative; top: 100% !important; left: 0 !important; font-size: 12px; margin-bottom: 1% !important;}
.create-tag-area .form-area .preview{width: 100%; height: 438px;background: #E3F1FF;padding: 15px;border-radius: 10px;margin-top: 15px !important;}
.create-tag-area .form-area .preview .image-msg{justify-content: center;margin-top: 8px;color: #044ED7;font-weight: 700;}
.tag-detail{background: #fff; box-shadow: 0px 8px 10px #E3E3F2; border-radius: 15px;  margin-bottom: 20px;}
.tag-detail .qr-area{position: relative; border-radius: 15px 15px 0 0; background: url(../images/found-item-bg.png) center center no-repeat; padding: 30px; display: flex; justify-content: flex-end;}
.tag-detail .qr-area .qr-box{width: 150px; height: 150px; border:8px solid #fff; border-radius: 10px}
.tag-detail .qr-area .qr-box img{width: 100%; height: 100%; object-fit: contain;}
.tag-detail .qr-area .tag-photo{position: absolute; width: 180px; height: 180px; border-radius: 50%; border:#fff 10px solid; overflow: hidden; bottom: -90px; left: 30px;}
.tag-detail .qr-area .tag-photo img{width: 100%; height: 100%; object-fit: contain;}
.tag-detail .tag-info{padding: 110px 30px 30px 30px; position: relative;}
.tag-detail .tag-info .tag-name{position: absolute; left: 228px; top: 40px; font-weight: 700; font-size: 30px; line-height: 24px; color: #044ED7;}
.tag-detail .tag-info ul.info-block{background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 10px; padding: 12px 20px; margin: 0px 0px 20px 0px; list-style: none; display: flex;}
.tag-detail .tag-info ul.info-block li:nth-of-type(4n+1){width: 25%}
.tag-detail .tag-info ul.info-block li:nth-of-type(4n+2){width: 20%}
.tag-detail .tag-info ul.info-block li:nth-of-type(4n+3){width: 35%}
.tag-detail .tag-info ul.info-block li:nth-of-type(4n+4){width: 20%}
.tag-detail .tag-info ul.info-block li{font-weight: 400; font-size: 16px; line-height: 18px; color: #000}
.tag-detail .tag-info ul.info-block li span{display: block; color: #044ED7; font-weight: 700; font-size: 14px; line-height: 14px; margin-bottom: 4px}
.tag-detail .tag-info ul.info-block li .btn-blue{font-size: 15px; line-height: 34px; width: 100%; text-align: center;}
.tag-detail .tag-info p{font-weight: 400; font-size: 18px; line-height: 30px; color: #000000; margin: 0px}

.preview_old {margin-top: 20px;}
.create-tag-area .form-area .preview_old .image-msg{ justify-content: center; margin-top: 8px; color: #044ED7;font-weight: 700;}
.image_rights #image_rights-error {position: absolute;bottom: -32px;}
.image_rights {position: relative;}

.inner-title-section{background: url(../images/found-item-bg.png) center center/cover no-repeat fixed; position: relative; padding: 120px 0; border-radius: 0 0 150px 150px}
.inner-title-section h1{font-size: 46px; color: #fff; line-height: 46px; margin: 0px; font-weight: 700; text-align: center; }

.common-page{padding: 80px 0}
.common-page a{color: #044ED7}
#accordion {width: 70%; margin: 0 auto;}
.card{ border:none;margin-bottom: 0; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 16px 0;}
.card:last-child{border-bottom: none}
.card .card-header { padding:0; border-bottom:none; background:transparent }
.card .card-header .btn-link { border:none; white-space: normal; background-color:#fff; padding:5px 0px; color:#05153d; text-decoration:none; display:block; position:relative; font-weight: 700; font-size: 16px; width:100%; text-align:left; text-transform:capitalize; border-radius: 8px }
.card .card-header .btn-link::after { content:''; position:absolute; width:12px; height:2px; background:#3A78F2; top:16px; right:0px }
.card .card-header .btn-link.collapsed::before { content:''; position:absolute; width:2px; height:12px; background:#3A78F2; top:11px; right:5px }
.card .card-header .btn-link:focus { border:none; outline:none; box-shadow:none }
.card .card-body { padding: 0 0 5px 0; border-top: none;}
.card .card-body p { font-size:16px; line-height:24px; color:#8B8B8B; margin: 0px; }


.about-page{padding: 80px 0}
.about-page .about-block{display: flex; align-items: center;}
.about-page .about-block .about-photo-area{width: 40%; position: relative;}
.about-page .about-block .about-photo-area img{width: 100%; border-radius: 50px; }
.about-page .about-block .about-photo-area .img1{position: absolute; width: 150px; height: 150px; overflow: hidden; border: #fff 5px solid; border-radius: 50%; top: -50px; right: -50px}
.about-page .about-block .about-photo-area .img1 img{position: absolute; object-fit: contain; }
.about-page .about-block .about-photo-area .img2{position: absolute; width: 200px; height: 200px; overflow: hidden; border: #fff 20px solid; border-radius: 15px; bottom: -30px; left: -60px; box-shadow: 0px 8px 10px #E3E3F2;}
.about-page .about-block .about-photo-area .img2 img{position: absolute; object-fit: contain; border-radius: 0px}
.about-page .about-block .content-block{width: 60%; padding-left: 100px}
.about-page .about-block .content-block h2{  font-weight: 700;font-size: 50px; line-height: 60px; color: #000000; margin: 0 0 20px 0;}
.about-page .about-block .content-block p {font-weight: 400; font-size: 22px; line-height: 32px; color: #000000; margin: 0 0 30px 0}
.about-page .about-block .content-block .waitlist-block{background: #F3F3F8; padding: 30px; border-radius: 25px; position: relative;}
.about-page .about-block .content-block .waitlist-block h3{font-size: 24px; line-height: 24px; margin: 0 0 15px 0; color: #000}
.about-page .about-block .content-block .input-area{position: relative;}
.about-page .about-block .content-block .input-area .form-control{background: #fff; border:none; box-shadow: 0px 8px 10px #E3E3F2; padding: 16px; font-size: 18px; line-height: 18px; border-radius: 25px; padding-left: 25px}
.about-page .about-block .content-block .input-area .btn-blue{position: absolute; top: 7px; right: 7px; line-height: 38px;}

.team-section{padding: 60px 0 80px 0}
.team-section h2{  font-weight: 700;font-size: 50px; line-height: 60px; color: #000000; margin: 0 0 30px 0; text-align: center;}
.team-section .gray-box{background: #F3F3F8; max-width: 1280px; margin: 0 auto; padding: 60px; border-radius: 60px}
.team-section .team-block{position: relative; text-align: center;}
.team-section .team-block .photo{position: relative; width: 240px; height: 240px; overflow: hidden; border-radius: 50%; margin:0 auto 40px auto;}
.team-section .team-block .photo img{width: 100%;}
.team-section .team-block .name{font-size: 22px; font-weight: 700; color: #044ED7; line-height: 22px; margin: 0 0 5px 0}
.team-section .team-block p{font-size: 16px; font-weight: 400; color: #000}
.team-section .team-block .linkedin-icon{position: absolute; top: 215px; left: 50%; margin-left: -25px}
.team-section .team-block .linkedin-icon a{background: #fff; width: 50px; height: 50px; display: block; border-radius: 50%; text-align: center; line-height: 52px; font-size: 20px; box-shadow: 0px 8px 10px #E3E3F2; color: #044ED7}

.contact-page{padding: 80px 0}
/* .contact-page::before{background: rgba(91, 222, 152, 0.15); filter: blur(65px); content: ''; position: absolute; top: 0px; right: 0px; width: 600px; height: 600px; } */
.contact-page h2{  font-weight: 700;font-size: 50px; line-height: 60px; color: #000000; margin: 0 0 30px 0; text-align: center;}
.contact-page .info{border-radius: 15px; position: relative;  padding: 25px; }
.contact-page .info::before{content: ''; background: linear-gradient(226.84deg, #8EB3F7 40.65%, #527BC8 97.56%);  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 15px; transform: rotate(0deg); transition: all .5s ease;}
.contact-page .info::after{content: ''; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(20px); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 15px; transform: rotate(0deg); transition: all .5s ease;}
.contact-page .info:hover::before{transform: rotate(-4.5deg); transition: all .5s ease;}
.contact-page .info:hover::after{transform: rotate(4.5deg); transition: all .5s ease;}
.contact-page .info .icon{width: 70px; padding: 20px; line-height: 30px; height: 70px; background: #fff; border-radius: 10px; position: relative; z-index: 1; margin-bottom: 30px}
.contact-page .info .icon svg{width: 30px; height: 30px; line-height: 30px;}
.contact-page .info .icon svg path{stroke:#044ED7}
.contact-page .info span{position: relative; z-index: 1; font-size: 16px; line-height: 24px; color: #000229; opacity: 0.5}
.contact-page .info a{position: relative; z-index: 1; min-height: 48px; font-size: 16px; line-height: 24px; color: #000229; opacity: 0.5; display: block;}
.contact-page .info strong{position: relative; display: block; z-index: 1; font-size: 22px; color: #000229;}
.contact-page .info ul.social{display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.contact-page .info ul.social li{width: 50%}
.contact-page .info ul.social li a{min-height: auto}

.contact-page .contact-area{display: flex; margin-top: 80px; align-items: center;}
.contact-page .contact-area .map-area{width: 60%; height: 800px; background: #044ED7; border-radius: 30px; overflow: hidden;}
.contact-page .contact-area .map-area img{width: 100%;}
.contact-page .contact-area .map-area iframe{width: 100%; height: 100%; filter: grayscale(1); opacity: 0.9}
.contact-page .contact-area .form-block{position: relative; z-index: 1; width: 50%; margin-left: -10%; background: #fff; border-radius: 30px; padding: 40px; -webkit-box-shadow: 0px 0px 68px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 68px 0px rgba(217,217,217,1); box-shadow: 0px 0px 68px 0px rgba(217,217,217,1);}
.contact-page .contact-area .form-block h3{font-size: 30px; font-weight: 700; color: #000; margin: 0 0 20px 0}
.contact-page .contact-area .form-block .form-group{position: relative;}
.contact-page .contact-area .form-block .form-group .icon{width: 24px; height: 24px; position: absolute; top: 15px; left: 15px; padding: 2px}
.contact-page .contact-area .form-block .form-group .icon svg{width: 100%; height: 100%; line-height: 24px}
.contact-page .contact-area .form-block .form-group .icon svg path{stroke:#044ED7}
.contact-page .contact-area .form-block .form-group .form-control{background: #fff; border:none; border: 1px solid rgba(0, 0, 0, 0.1); padding: 16px; font-size: 18px; line-height: 18px; border-radius: 30px; padding-left: 50px}
.contact-page .contact-area .form-block .btn-submit{display: inline-flex; align-items: center; margin-top: 15px; background: #044ED7; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px; border:#044ED7 1px solid; line-height: 48px; padding: 0 30px; transition: all .5s ease;}
.contact-page .contact-area .form-block .btn-submit .icon{width: 22px; height: 22px; line-height: 22px; margin-left: 12px}
.contact-page .contact-area .form-block .btn-submit .icon svg{width: 100%; height: 100%}
.contact-page .contact-area .form-block .btn-submit .icon svg path{stroke:#FFFFFF; transition: all .5s ease;}
.contact-page .contact-area .form-block .btn-submit:hover .icon svg path{stroke:#044ED7; transition: all .5s ease;}
.contact-page .contact-area .form-block .btn-submit:hover{background: #fff; color: #044ED7; transition: all .5s ease;}

.pricing-page{padding: 80px 0}
.pricing-page .content-middle{width: 80%; margin: 0 auto;}
.pricing-page .content-middle .pricing-info-top{margin-bottom: 50px; text-align:center;}
.pricing-page .content-middle h2{font-size: 40px; font-weight: 400; margin: 0 0 20px 0; line-height: 40px; font-weight: 700}
.pricing-page .content-middle p{font-size: 18px; line-height: 24px; margin: 0 0 20px 0}
.pricing-page .content-middle .plan-block{background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 30px; transition: all .5s ease; transform: scale(1);}
.pricing-page .content-middle .plan-block .plan-name{font-size: 30px; color: #000; font-weight: 700; line-height: 30px; margin-bottom: 10px; transition: all .5s ease;}
.pricing-page .content-middle .plan-block p{font-size: 18px; color: #000; opacity: 0.5; margin: 0 0 10px 0; transition: all .5s ease;}
.pricing-page .content-middle .plan-block .price{font-size: 50px; font-weight: 700; color: #044ED7; line-height: 50px; margin-bottom: 30px; transition: all .5s ease; margin-top: 100px}
.pricing-page .content-middle .plan-block .price span{font-size: 18px; display: block; color: #000; line-height: 18px; transition: all .5s ease;}
.pricing-page .content-middle .plan-block .btn-select{background: #044ED7; color: #fff; font-size: 16px; font-weight: 700; border-radius: 30px;  line-height: 48px; padding: 0 30px; display: inline-block; transition: all .5s ease; width: 100%; text-align: center;}
.pricing-page .content-middle .plan-block:hover{background: #044ED7; transition: all .5s ease; transform: scale(1.05);}
.pricing-page .content-middle .plan-block:hover .plan-name,
.pricing-page .content-middle .plan-block:hover p,
.pricing-page .content-middle .plan-block:hover .price{color: #fff; transition: all .5s ease;}
.pricing-page .content-middle .plan-block:hover .price span{color: #fff; opacity: 0.5; transition: all .5s ease;}
.pricing-page .content-middle .plan-block:hover .btn-select{background: #fff; color: #044ED7; transition: all .5s ease;}

.blog-page{padding: 80px 0}
.blog-page .blog-block{position: relative; margin: 0 0 50px 0; display: flex; align-items: center;}
.blog-page .blog-block .blog-photo{position: relative; width: 50%; height: 450px; overflow: hidden; border-radius: 15px}
.blog-page .blog-block .blog-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1); transition: all .5s ease;}
.blog-page .blog-block .blog-info{background: #fff; width: 60%; margin-left: -10%; position: relative; z-index: 1; padding: 30px; border-radius: 20px; -webkit-box-shadow: 0px 0px 24px 0px rgba(217,217,217,0.5); -moz-box-shadow: 0px 0px 24px 0px rgba(217,217,217,0.5); box-shadow: 0px 0px 24px 0px rgba(217,217,217,0.5);}
.blog-page .blog-block .blog-info .blog-name{font-size: 24px; color: #044ED7; font-weight: 700; margin: 0 0 20px 0; line-height: 24px}
.blog-page .blog-block .blog-info p{font-size: 16px; color: #000; opacity: 0.5; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 0px 0px 20px 0px}
.blog-page .blog-block .blog-info ul.info{margin: 0px 0px 20px 0px; padding: 0px; list-style: none; display: flex;}
.blog-page .blog-block .blog-info ul.info li{font-size: 15px; line-height: 15px; color: #9b9b9b; margin-right: 40px; position: relative;}
.blog-page .blog-block .blog-info ul.info li i{margin-right: 10px; font-size: 16px; color: #000}
.blog-page .blog-block .blog-info ul.info li:before{content: ''; position: absolute; top: 5px; right: -21.5px; width: 6px; height: 6px; border-radius: 50%; background: #CEDFFF}
.blog-page .blog-block .blog-info ul.info li:last-child::before{content: none}
.blog-page .blog-block .blog-info .btn-read{font-size: 16px; color: #000; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; width: 100%; justify-content: flex-start; line-height: 16px;}
.blog-page .blog-block .blog-info .btn-read svg{margin-left: 10px; width: 16px; height: 16px; transition: all .5s ease;}
.blog-page .blog-block .blog-info .btn-read:hover svg{margin-left: 20px; transition: all .5s ease;}
.blog-page .blog-block:nth-of-type(2n+2){flex-direction: row-reverse;}
.blog-page .blog-block:nth-of-type(2n+2) .blog-info{margin-left: auto; margin-right: -10%}
.blog-page .blog-block:hover .blog-photo img{transform: scale(1.1); transition: all .5s ease;}

.career-page{padding: 80px 0}
.career-page .content-middle{width: 80%; margin: 0 auto;}
.career-page .content-middle .info-top{margin-bottom: 50px; text-align:center;}
.career-page .content-middle h2{font-size: 40px; font-weight: 400; margin: 0 0 20px 0; line-height: 40px; font-weight: 700}
.career-page .content-middle p{font-size: 18px; line-height: 24px; margin: 0 0 20px 0}
.career-page .career-block{display: flex; justify-content: space-between; align-items: center; border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; border-radius: 15px; margin-bottom: 15px; transition: all .5s ease;; transform: scale(1)}
.career-page .career-block h3{font-size: 24px; color: #000; font-weight: 700; margin: 0 0 10px 0; line-height: 24px}
.career-page .career-block p{font-size: 16px; color: #000; opacity: 0.5; line-height: 24px; margin: 0px 0px 10px 0px}
.career-page .career-block ul.info{margin: 0px; padding: 0px; list-style: none; display: flex;}
.career-page .career-block ul.info li{font-size: 15px; line-height: 15px; color: #000; margin-right: 20px; position: relative; border-radius: 25px; border:#044ED7 1px solid; padding: 10px 15px}
.career-page .career-block ul.info li i{margin-right: 10px; font-size: 16px; color: #044ED7}
.career-page .career-block:hover{border:#044ED7 1px solid; transition: all .5s ease; transform: scale(1.01)}

.blog-detail-page{padding: 40px 0}
.blog-detail-page h2{font-size: 36px; color: #044ED7; font-weight: 700; margin: 0 0 30px 0; line-height: 36px; text-align: center;}
.blog-detail-page ul.info{margin: 0px 0px 40px 0px; padding: 0px; list-style: none; display: flex; align-items: center; justify-content: center;}
.blog-detail-page ul.info li{font-size: 15px; line-height: 15px; color: #9b9b9b; margin: 0 20px; position: relative;}
.blog-detail-page ul.info li i{margin-right: 10px; font-size: 16px; color: #000}
.blog-detail-page ul.info li:before{content: ''; position: absolute; top: 2px; right: -21.5px; width: 2px; height: 15px;  background: #000}
.blog-detail-page ul.info li:last-child::before{content: none}
.blog-detail-page .blog-photo{position: relative; width: 100%; height: 450px; overflow: hidden; border-radius: 15px; margin-bottom: 30px}
.blog-detail-page .blog-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1); transition: all .5s ease;}
.blog-detail-page p{font-weight: 400; font-size: 18px; line-height: 26px; color: #000000; margin: 0 0 30px 0}
.blog-detail-page ul{margin: 0px 0px 30px 0px; padding: 0px 0px 0px 15px}
.blog-detail-page ul li{font-weight: 400; font-size: 18px; line-height: 26px; color: #000000; }

.modal-content.historymodal-area{border-radius: 20px}
.modal-content.historymodal-area .modal-body{padding: 20px 30px; }
.modal-content.historymodal-area h2{font-weight: 700; color: #000; font-size: 24px; line-height: 24px; margin: 0 0 20px 0; display: flex; justify-content: space-between;}
.modal-content.historymodal-area h2 .btn-close-icon{background: transparent; border:none; width: 24px; height: 24px; line-height: 20px; padding: 2px; cursor: pointer;}
.modal-content.historymodal-area h2 .btn-close-icon:focus{outline: none}
.modal-content.historymodal-area ul{margin: 0px; padding: 0px; list-style: none; border: 1px solid #E6E6EC; border-radius: 10px}
.modal-content.historymodal-area ul li{border-bottom: 1px solid #E6E6EC; font-size: 16px; line-height: 36px; padding: 0 15px; display: flex; justify-content:space-between;}
.modal-content.historymodal-area ul li:last-child{border-bottom: none}

.modal-content.careermodal-area{border-radius: 20px}
.modal-content.careermodal-area .modal-body{padding: 20px 30px; }
.modal-content.careermodal-area h2{font-weight: 700; color: #000; font-size: 24px; line-height: 24px; margin: 0 0 20px 0; display: flex; justify-content: space-between;}
.modal-content.careermodal-area h2 .btn-close-icon{background: transparent; border:none; width: 24px; height: 24px; line-height: 20px; padding: 2px; cursor: pointer;}
.modal-content.careermodal-area h2 .btn-close-icon:focus{outline: none}
.modal-content.careermodal-area ul{margin: 0px; padding: 0px; list-style: none; border: 1px solid #E6E6EC; border-radius: 10px}
.modal-content.careermodal-area ul li{border-bottom: 1px solid #E6E6EC; font-size: 16px; line-height: 36px; padding: 0 15px; display: flex; justify-content:space-between;}
.modal-content.careermodal-area ul li:last-child{border-bottom: none}
.modal-content.careermodal-area .form-group{position: relative; margin: 0 0 15px 0; padding: 0px !important;}
.modal-content.careermodal-area .form-group label{font-size: 16px; line-height: 14px !important; color: #044ED7; font-weight: 700; position: absolute; top: 23px; left:20px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none;}
.modal-content.careermodal-area .form-group .form-control{background: #E3F1FF; line-height: 18px !important; color: #00043A; font-size: 18px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; border:none; border-radius: 10px; padding-top: 28px; padding-bottom: 12px}
.modal-content.careermodal-area .form-group .form-control:focus{border:none; box-shadow: none; outline: none; }
.modal-content.careermodal-area .form-group .form-control:focus ~ label{top: 12px;  font-size: 14px; color: #044ED7; font-weight: 700;}
.modal-content.careermodal-area .form-group .form-control:not(:placeholder-shown) ~ label{top: 12px; font-size: 14px; color: #044ED7; font-weight: 700; }
.modal-content.careermodal-area .btn-blue{width: 100%; text-align: center; cursor: pointer;}

.loader-wrapper img {left: 50%;  position: absolute; top: 50%; width: 100px; transform: translate(-50%, -50%);}
.loader-wrapper {background: rgba(255, 255, 255, 0.6);height: 100%; left: 0;position: fixed; top: 0; width: 100%; z-index: 1120;}
.loader {-moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: #044ED7 transparent transparent; border-image: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
.loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: #5e85d0 transparent transparent; border-image: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
.loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: #044ED7 transparent transparent; border-image: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.mobile-number{top: 11px; left:94px;}
.bg-danger-light{background-color:rgba(242, 17, 54,0.12) !important;color:#e63c3c !important;width: 70px !important;font-size: 12px !important;}
.bg-warning-light{background-color:rgba(255, 152, 0,0.12) !important;color:#f39c12 !important;width: 81px !important;font-size: 12px !important;}
.bg-success-light{background-color:rgba(15, 183, 107,0.12) !important; color:#26af48 !important; width: 70px !important; font-size: 12px !important;}
input:-webkit-autofill {background-color: lightblue;}


/* gift-tag */

.history-block.gift .info span {color: #081F94;}
.history-block.gift .info:nth-of-type(4n+1){width: 40%;overflow: hidden; text-overflow: ellipsis;}
.history-block.gift .info:nth-of-type(4n+2){width: 20%}
.history-block.gift .info:nth-of-type(4n+3){width: 20%}
.history-block.gift .info:nth-of-type(4n+4){width: 20%}

.info-gift {margin: 50px 0 0px 0}
.info-gift h2 {font-size: 24px; text-align: center; line-height: 36px; font-weight: 700; }
.info-gift .crate-box {border-radius: 30px ; margin-bottom: 20px; background: #FFF; box-shadow: 0px 8px 10px 0px #E3E3F2; position: relative; padding:30px; }
.info-gift .crate-box.mt{margin-top: 0px}
.info-gift .crate-box .box-num {color: #FFF; font-size: 36px; font-style: normal; font-weight: 700; line-height: 36px; border-radius: 50px;border: 5px solid #F3F3F8;background: #081F94; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: auto; transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.info-gift .crate-box:hover .box-num {transform: scale(1.1);border-color: #081F94;}
.info-gift .crate-box .tag-title{color: #000; text-align: center;font-size: 18px; font-weight: 700;line-height: 20px; margin-top: 10px}
.info-gift .crate-box p{color: #6D6D6D; text-align: center;font-size: 15px;font-style: normal;font-weight: 400;line-height: 20px; margin: 0}
.info-gift .btn-success {min-width: 260px; margin-top: 20px}

.create-tag-area.recipient .form-area .form-group .form-control{color: #000; background: #a3a3a31f;}
.create-tag-area.recipient .form-area .form-group label,
.create-tag-area.recipient .form-area .form-group .form-control:not(:placeholder-shown) ~ label {color: #081F94 }
.create-tag-area.recipient .form-area .btn-blue {background: #081F94;border: #081F94 1px solid; padding: 0 60px}
.create-tag-area.recipient .form-area .btn-blue:hover{background: #fff; color: #081F94}
.create-tag-area.recipient .form-area {width: 100%; padding: 0}
.create-tag-area.recipient .upload-area,
.create-tag-area.recipient .preview-area {background-color: #a3a3a31f}
.create-tag-area.recipient .upload-area .btn-file {background: #081F94; border: #081F94 1px solid;}
.create-tag-area.recipient .upload-area .text-blue ,
.create-tag-area.recipient .frames-color-area h4 {color: #081F94}
.create-tag-area.recipient .frame-block input[type="radio"].css-radio:checked + label.css-labelradio {border-color: #081F94}
.create-tag-area.recipient .colorbox,
.create-tag-area.recipient .frame-block input[type="radio"].css-radio + label.css-labelradio {border-color: #a3a3a31f;}
.create-tag-area.recipient .frames-color-area .preview-block {border-color: #a3a3a31f}
.create-tag-area.recipient .form-area .preview .image-msg{ justify-content: center; margin-top: 8px; color: #081F94;font-weight: 700;}

.title .gift-icon{width: 50px; height: 50px; padding: 15px;  background: #081F94; margin-right: 14px; border-radius: 50%; line-height: 20px; transition: all .5s ease;}
.title .gift-icon svg{width: 100%; height: 100%; }
.title .gift-icon svg path{stroke:#fff; transition: all .5s ease;}
#tagtype .gift-tag .btn-dark-blue{width: 100%; display: block;}

#tagtype .gift-tag input[type=radio].css-radio:checked + label.css-labelradio{border:#081F94 2px solid; color: #081F94}
#tagtype .gift-tag input[type=radio].css-radio:checked + label.css-labelradio::after{content: ''; position: absolute; top: 18px; right: 14px; width: 12px; height: 12px; background: #081F94; border-radius: 50%;}


.gift-tag .btn-view{border:#081F94 1px solid; width: 32px; height: 32px; border-radius: 50%; padding: 8px; line-height: 16px; margin-right: 10px}
.gift-tag .btn-view svg{width: 100%; height: 100%}
.gift-tag .btn-view svg path{stroke:#081F94; transition: all .5s ease;}
.gift-tag .btn-view:hover{background: #081F94; transition: all .5s ease;}
.gift-tag h2{font-weight: 700; font-size: 20px; line-height: 20px; color: #081F94; margin: 0 0 6px 0}

.add-tag .form-control{width: 280px; padding: 0.375rem 1.75rem;border-radius: 1.25rem;}
.add-tag .md-36{margin:26px 0px 0px 0px;}
.add-tag .btn-blue{line-height: 37px;}

.blog-list{ padding: 80px 0 80px 0; }
.blog-list .heading {color: #54462f; font-size: 36px; font-weight: 700; line-height: 40px; margin-bottom: 40px; margin-top: 30px; text-align: center;}
.blog-list .blog-cart{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.blog-list .blog-cart .blog-design{width: calc(50% - 15px); background: #fff; border-radius:10px; overflow: hidden; margin-bottom: 30px; position: relative;}
.blog-list .blog-cart .blog-design .blog-img { width: 100%; height: 400px; position: relative; overflow: hidden;}
.blog-list .blog-cart .blog-design .blog-img::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(); z-index: 1; width: 100%; height: 100%; position: absolute; content: '';}
.blog-list .blog-cart .blog-design .blog-img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s ease;}
.blog-list .blog-cart .blog-design .detail-area {position: absolute; padding: 30px; left: 0; bottom: 0; width: 100%; z-index: 1}
.blog-list .blog-cart .blog-design .detail-area .detail {color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px;}
.blog-list .blog-cart .blog-design .detail-area .title{ color: #fff; font-size: 28px; font-weight: 700; line-height: 30px; margin-bottom: 15px; }
.blog-list .blog-cart .blog-design .detail-area .date {color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px; }
.blog-list .blog-cart .blog-design:hover .blog-img img {transition: all .5s ease; transform: scale(1.1);}
.blog-list .blog-cart .blog-design .detail-area .auth-area {color: #fff; font-weight: 700; text-decoration: none; display: flex; align-items: center; justify-content: space-between;  border-top: 1px solid #ffffff; padding-top: 10px}
.blog-list .blog-cart .blog-design .detail-area .auth-area h5 { color: #fff; font-size: 18px; font-weight: 400; line-height: 30px; margin: 0}
.blog-list .blog-cart .blog-design .detail-area .auth-area h5 i{margin-right: 5px}
.blog-detail .blog-right .auth-area .by-jesus{ color: #ffffff !important; font-size: 18px; font-weight: 400; line-height: 30px; margin: 0}
.blog-detail .blog-right .auth-area .jesus-info{margin-right: 5px}
.blog-list .blog-cart .blog-design .detail-area .auth-area a { font-size: 16px; color: #ffffff; font-weight: 700; text-decoration: none; }

/* Blog Detail */

.blog-detail{ padding: 80px 0 0px 0;}
.blog-detail .blog-left { background: #304a67; border-radius: 20px; padding: 20px 20px 5px 20px;  position: sticky; top: 95px;}
.blog-detail .blog-left h4 { color: #fff; font-size: 21px; font-weight: 700; line-height: 20px; margin-bottom: 15px; }
.blog-detail .blog-left ul{ padding: 0px; list-style: none;}
.blog-detail .blog-left ul li {padding: 10px 15px; background: #fff; border-radius: 10px; margin-bottom: 10px;}
.blog-detail .blog-left ul li .date a{color: #304a67; font-size: 14px; font-weight: 400; line-height: 25px; text-decoration: none;}
.blog-detail .blog-left ul li .title a{ color: #304a67; font-size: 18px; font-weight: 700; line-height: 30px; text-decoration: none;}
.blog-detail .blog-left ul li .detail {color: #304a67; font-size: 14px; font-weight: 400; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blog-detail .blog-left ul li .detail a{color:#304a67;  text-decoration: none;}
.blog-detail .blog-right .blog-detail-img {width: 100%;  height: 550px; border-radius: 20px; overflow: hidden;}
.blog-detail .blog-right a{color:#000; text-decoration: none;}
.blog-detail .blog-right .blog-detail-img img{ width: 100%; height: 100%; object-fit: cover;}
.blog-detail .blog-right .auth-area { display: flex; align-items: center; padding: 20px 0 ; margin-bottom: 30px; justify-content: space-between; border-bottom: 1px solid #cc9b38;}
.blog-detail .blog-right .auth-area h5 {color: #000; font-size: 18px; font-weight: 400; line-height:20px;  margin: 0}
.blog-detail .blog-right .auth-area h5 i{ margin-right: 5px; }
.blog-detail .blog-right .auth-area .date {color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; }
.blog-detail .blog-right h3 { color: #304a67; font-size: 36px; font-weight: 700; line-height: 35px; margin: 30px 0 10px 0; }
.blog-detail .blog-right p {color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px;}
.blog-detail .blog-right p a{color:#304a67}
.blog-detail .blog-right ul{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 14px;}
.blog-detail .blog-right ul li{color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 5px;}
.blog-detail .blog-right ul li a{color:#304a67}
.blog-detail .blog-right ol{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 14px;}
.blog-detail .blog-right ol li{color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 5px;}
.blog-detail .blog-right ol li a{color:#304a67}
/*.blog-detail .blog-right center{background: #ead9bf; padding: 15px 15px 1px 15px; margin: 15px 0; border-radius: 10px;}*/
.blog-detail #disqus_thread {background: #fff; border-radius: 10px; margin:15px 0px 0px 0px; padding: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11);}
.split-service-btn {white-space: nowrap;border-radius: 15px !important;padding: 10px 20px !important;font-size: 15px !important;transition: all .3s;}