html{scroll-behavior: smooth; scroll-padding-top: 50px;}

body{font-family: "Montserrat", sans-serif;}

h1,h2,h3,h4,h5,h6,p{margin-bottom: 0px !important;}

:root{--first-color: #2195FF; --white-color: #fff; --black-color: #000;}

.color-white{color: #fff;}

.color-one{color: var(--first-color);}

.ptb-100{padding: 100px 0px;}

.title{font-size: 40px; font-weight: 700; line-height: 48.76px; text-transform: capitalize;}

.section-title{font-size: 50px; font-weight: 400; line-height: 100px;}

a{text-decoration: none;}

.loginpage .side-content .form-sec .form-control:focus{outline: unset; background: #fff; box-shadow: unset;}

.btn{padding: 10px 60px; color: #fff; background: var(--first-color); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; border: 1px solid #fff;}

.btn.line-btn{background: transparent; border: 1px solid var(--first-color); color: var(--first-color);}

.font-24{font-size: 24px !important;}

.font-20{font-size: 20px !important;}

.font-28{font-size: 28px !important;}

.font-32{font-size: 32px !important;}

.font-14{font-size: 14px !important;}

.line-h-60{line-height: 60px;}

.line-h-50{line-height: 50px;}

.line-h-40{line-height: 40px;}

.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.pt-100{padding-top: 100px;}

.pb-100{padding-bottom: 100px;}

.text-capital {text-transform: capitalize !important;}

.container{max-width: calc(100% - 5%) !important;}

.offcanvas.show{visibility: visible !important;}

.moontheme .content{background: #fff;}

.bg-light{background: #FAFAFA !important;}

.white-box{padding: 40px; position: relative; background: #fff; filter: drop-shadow(0px 0px 10px #0000001c); border-radius: 20px;}

.dropdown-toggle::after{display: none;}

/* modal */

.modal .btn{display: inline-flex;}

.modal .modal-dialog{max-width: 625px !important;}

.modal-content{border-radius: 20px;}

.modal .modal-header{border-bottom: unset; text-align: center;}

.modal .modal-header .title{font-weight: 600 !important;}

.modal .modal-body{padding: 24px;}

.modal .modal-body .img-icon-30{width: 100px;}

.modal .modal-body .btn{padding: 14px 30px;}



/* header */

.header{background: #fff; padding: 10px 0px; border-radius: 8px; box-shadow: 0px 0px 20px #0000001c;}

.header .navbar-nav .nav-item{margin-right: 50px; position: relative;}

.header .navbar-nav .nav-item:last-child{margin-right: 0px;}

.header .navbar-nav .nav-item .nav-link{color: #000; font-size: 16px; font-weight: 400;}

.header .navbar-nav .active .nav-link{font-weight: 700; color: var(--first-color); position: relative;}

.header .navbar-nav .nav-item .nav-link:hover{color: var(--first-color);}

.header .navbar-nav .active span{width: 20px !important; opacity: 1 !important;  height: 3px; border-radius: 2px; background: var(--first-color); display: block; margin: 0 auto;}

.header .navbar-nav .nav-item span{opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 0px; transition: linear 0.5s;}

.header .mr{margin-right: 15px;}

.header .cta-btn{padding: 9px 20px; text-decoration: none; border: 1.5px solid var(--first-color); border-radius: 50px; text-transform: capitalize; font-size: 18px; font-weight: 600; color: var(--first-color);}

.header .cta-btn.sign-btn{background: var(--first-color); color: #fff;}

.header .lan .dropdown .dropdown-menu{left: unset !important; right: 0px;}

.header .theme-mode-btn .icon{font-size: 16px; color: #000; font-weight: 900; width: 35px;
height: 35px; display: flex; align-items: center; justify-content: center;  border: 1.5px solid #000; border-radius: 100%;}

.header .theme-mode-btn .icon.active{color: #fff; border: 1.5px solid var(--first-color); background: var(--first-color);}

.header .navbar-toggler{width: 30px; height: 30px; background: var(--first-color); border-radius: 15%; border: 1px solid #000; display: flex; align-items: center; justify-content: center;}

.header .navbar-toggler span{color: #fff;}

.header .dashboard .navbar-nav .nav-item{margin-right: 15px;}

.header .dashboard .person-icon{width: 30px; height: 30px; border-radius: 100%; margin-right: 15px; object-fit: cover;}

.dashboard .person .dropdown a{color: #000 !important; font-weight: 600;}

/* header */


/* text-banner */

.text-banner{height: 50vh; display: flex; align-items: center;}

.text-banner .main-heading{font-size: calc(6vw - 1vw); font-weight: 700; line-height: normal;}

.text-banner .main-heading span {text-align: center; }

.text-banner .sub-heading{font-size: calc(4vw - 1vw); margin-top: 50px; font-weight: 400; line-height: 40px; margin-top: 30px;}

.spanText{opacity: 0;}

.text-banner .main-heading .animated-char{opacity: 0; animation: ddd 1s linear forwards; }

.text-banner .sub-heading .animated-char{ animation: ddd 1s linear forwards; animation-play-state: paused;}

@keyframes ddd { 0%  {opacity: 0;}  100% {opacity: 1;}}





/* text-banner */


/* svg-line-art */

.svg-line-art{position: relative; height: 100vh; display: flex; align-items: center;}

.svg-line-art .threesvg{stroke-dashoffset: 0px;}

.svg-line-art svg{width: 100%;}

.svg-line-art svg .svg-elem-1{stroke-dashoffset: 4147.50390625px; stroke-dasharray: 4147.50390625px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; 
will-change: stroke-dashoffset;}

.svg-line-art svg.active .svg-elem-1{stroke-dashoffset: 0;}

.svg-line-art .svgArtPath.removeSVG{stroke-dashoffset: 0;}

.three-box{position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; display: flex;
align-items: center;}


/* svg-line-art */


/* three-box */

.three-box .warrper.mt-60{margin-top: 100px;}

.three-box .warrper.mt-90{margin-top: 150px;}

.three-box .warrper{position: relative; filter: drop-shadow(0px 0px 10px #0000001c); transition: linear 0.5s;}

.three-box .warrper .svg-icon{position: absolute; right: 0px; bottom: 0px; width: 50px; height: 50px; cursor: pointer;}

.three-box .video-card{background: #fff; position: relative; padding: 14px; border-radius: 15px;  --r: 16px; --s: 50px; border-radius: var(--r); --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%) no-repeat; mask: right 0 bottom calc(var(--s) + var(--r)) var(--_m), right calc(var(--s) + var(--r)) bottom 0 var(--_m), radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 101%) calc(-1*var(--r)) calc(-1*var(--r)) no-repeat, conic-gradient(from 90deg at calc(100% - var(--s) - 2*var(--r)) calc(100% - var(--s) - 2*var(--r)),#0000 25%,#000 0);}


.three-box .video-card .image{border-radius: 6px; overflow: hidden;}

.three-box .video-card .text .orange-color{color: #FF6836;}

.three-box .video-card .text .pink-color{color: #FF287E;}

.three-box .video-card .text .green-color{color: #3CB897;}

.three-box .video-card .text{margin-top: 26px;}

.three-box .video-card .text h3{font-size: 24px; font-weight: 600; line-height: 29.76px;}

.three-box .video-card .text p{font-size: 14px; font-weight: 400; margin-top: 6px; color: #787878;}


/* three-box */


/* our-solution */

.our-solution{position: relative; isolation: isolate;}

.our-solution .dotted-left-box{position: absolute; left: 0px; top: -30px; width: 200px; z-index: -1;}

.our-solution .dotted-right-box{position: absolute; right: 0px; bottom: 0; width: 200px; z-index: -1;}


.our-solution #lineHeight {position:-webkit-sticky; position:sticky; top:0; display: flex; align-items: center;}

.our-solution .line{width: 5px; height: 80%; margin: 0 auto; display: flex;
flex-flow: column; justify-content: space-between;}

.our-solution .line .active{position: relative; isolation: isolate; overflow: hidden;}

.our-solution .line .active::after{position: absolute; left: 0px; top: 0px; content: ""; width: 100%; height: 0%; background: var(--first-color); z-index: 1; animation: ease-in-out 0.5s forwards activeclass;}

@keyframes activeclass {0%{height: 0%;} 100%{height: 100%;}}

.our-solution .line a{height: 60px; border-radius: 30px; width:5px; background: #ECECEC; display: block;}

.our-solution .white-box{padding: 40px; position: relative; background: #fff; filter: drop-shadow(0px 0px 10px #0000001c); border-radius: 20px;}

.our-solution .white-box:hover::after{opacity: 1; height: 80%;}

.our-solution .green-box::after{position: absolute; top: 50%; transform: translateY(-50%); left: 0px; content: ""; opacity: 0; width: 5px; height: 0%; background: #3CB897; border-radius: 0px 10px 10px 0px; transition: linear 0.5s;}

.our-solution .orange-box::after{position: absolute; top: 50%; transform: translateY(-50%); left: 0px; content: ""; opacity: 0; width: 5px; height: 0%; background: #FF6836; border-radius: 0px 10px 10px 0px; transition: linear 0.5s;}

.our-solution .yellow-box::after{position: absolute; top: 50%; transform: translateY(-50%); left: 0px; content: ""; opacity: 0; width: 5px; height: 0%; background: #FFBC41; border-radius: 0px 10px 10px 0px; transition: linear 0.5s;}

.our-solution .pink-box::after{position: absolute; top: 50%; transform: translateY(-50%); left: 0px; content: ""; opacity: 0; width: 5px; height: 0%; background: #FF287E; border-radius: 0px 10px 10px 0px; transition: linear 0.5s;}

.our-solution .white-box .icon-arrow{margin-bottom: 40px;}

.our-solution .white-box .icon-arrow .arrow{position: relative; display: flex; align-items: center; justify-content: center;  width: 100px; height: 100px; border: 3px solid var(--first-color); border-radius: 100%; overflow: hidden; isolation: isolate; }

.our-solution .white-box .icon-arrow .arrow::after{position: absolute; left: 0px; top: 0px; content: ""; width: 100%; height: 100%; transition: linear 0.5s; background: var(--first-color); transform: scale(0); z-index: -1; border-radius: 100%;}

.our-solution .white-box .icon-arrow .arrow svg path{ stroke: var(--first-color);} 

.our-solution .white-box .icon-arrow .arrow:hover::after{transform: scale(1);}

.our-solution .white-box .icon-arrow .arrow:hover svg path{stroke: #fff;}

.our-solution p{font-size: 24px; margin-top: 40px; line-height: 50px; font-weight: 400;}

.our-solution .stickey-sec{position:-webkit-sticky; position:sticky; top:0; display: flex; align-items: center; justify-content: center;}


/* our-solution */


/* slider-border */

.piller-trust{position: relative;}

.piller-trust .slider-border{padding: 24px; border-radius: 20px;}

.piller-trust .slider-border h4{margin-bottom: 24px !important; background: #1F1F1F; width: 80px; height: 80px; color: #fff; border-radius: 12px; font-size: 34px; font-weight: 700; display: flex; align-items: center; justify-content: center;}

.piller-trust .slider-border .border-line{width: 206px; height: 5px; background: #FFBC41; display: block; margin: 26px 0px; animation: linear 0.5s lineDrw;}

@keyframes lineDrw { 0%{width: 0%;} 100%{width: 206px;}}

.piller-trust .slider-border .border-line.pink{background: #FF287E;}
.piller-trust .slider-border .border-line.orange{background: #FF6836;}
.piller-trust .slider-border .border-line.light-green{background: #3CB897;}
.piller-trust .slider-border .border-line.dark-blue{background: #18478C;}
.piller-trust .slider-border .border-line.light-blue{background: #2195FF;}

.piller-trust .swiper .swiper-pagination{position: static !important; margin-top: 30px; text-align: left !important;}

.piller-trust .swiper-pagination-bullet-active{width: 50px; background: var(--first-color); border-radius: 10px !important;}

.piller-trust .slider-border p {font-size: 24px; line-height: 50px; font-weight: 400; margin-bottom: 136px !important;}

.piller-trust .swiper-slide .left-border{position: absolute; left: 0px; top: 0px;}

.piller-trust .swiper-slide .right-border{position: absolute; right: 0px; bottom: 0px;}


/* slider-border */

/* get-started */

.get-started{background: #000; position: relative; isolation: isolate;}

.get-started:after{position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/dotted-grid.png) repeat-y; z-index: -1;}
 
.get-started .section-title{color: #fff !important;}

.get-started p{color: #fff !important; font-size: 32px; font-weight: 300;}

.get-started .btn{width:292px; height: 68px; background: var(--first-color); color: #fff; border-radius: 50px; font-size: 32px; font-weight: 600; display: flex; align-items: center; justify-content: center;} 


/* get-started */


/* footer */

.content{margin-bottom: 262px; background: #fff;}

.footer{position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: -1;}

.footer.mb-90{padding-bottom: 90px !important; }

.footer hr{border: 1px solid #000;}

.footer p{color: #000;}

.footer .footer-ul-one{margin: 0px; padding: 0px; list-style: none;}

.footer .footer-link-one{display: inline-block; margin-right: 15px;}

.footer .footer-link-one a{font-size: 14px; color: #000;  text-decoration: none;}

.footer .footer-link-one:last-child{margin-right: 0px;}

.footer .border-top-bottom{padding-top: 15px; padding-bottom: 15px; margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #000; border-bottom: 1px solid #000;}




/* response */

.response{width: 100%; position: fixed; bottom: 100px; left: 0px; z-index: 3;}

.response .white-box{background: var(--white-color); border-radius: 10px; text-transform: capitalize; position: relative; border: 1px solid var(--color-two); box-shadow: 1px 1px 10px #00000040;}

.response .left-response .Close-btn{cursor: pointer; display: block; font-size: 30px; position: absolute; right: 30px; top: -45px;}

.response .right-response .Close-btn{cursor: pointer; display: block; font-size: 30px; position: absolute; right: 0px; top: -45px;}


.response .boxContainer {display: flex; justify-content: space-between; height: 15px; --boxSize: 2px; --gutter: 4px; width: calc((var(--boxSize) + var(--gutter)) * 5);}
  
.response .boxContainer .box{transform: scaleY(0.4); height: 100%; width: var(--boxSize);
 background: var(--color-two); animation-duration: 1.2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; border-radius: 8px;}
  
.response .boxContainer .box.box1 {animation-name: quiet;}
  
.response .boxContainer .box.box2 {animation-name: normal;}
  
.response .boxContainer .box.box3 {animation-name: quiet;}
  
.response .boxContainer .box.box4 {animation-name: loud;}
  
.response .boxContainer .box.box5 {animation-name: quiet;}

@keyframes quiet {
25% {transform: scaleY(0.6);} 50% {transform: scaleY(0.4);} 75% {transform: scaleY(0.8);}
}
  
@keyframes normal {
25% {transform: scaleY(1);} 50% {transform: scaleY(0.4);} 75% {transform: scaleY(0.6);}
}

@keyframes loud {
25% {transform: scaleY(1);} 50% {transform: scaleY(0.4);} 75% {transform: scaleY(1.2);}
}



/* bottom-input-box */

.bottom-input-box{position: fixed; bottom: 0px; left: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 10px 25px; z-index: 9; border-radius: 5px;}

.bottom-input-box .row{position: relative;}

.bottom-input-box .arrow-btn{position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}

.bottom-input-box .form-control::placeholder{font-size: 14px; font-weight: 500;}

.bottom-input-box .inputbox{position: relative; isolation: isolate; display: flex; align-items: center;}

.bottom-input-box .inputbox:hover::after{width: 100%;}

.bottom-input-box .inputbox .loading-text .innertext{position: absolute; left: 20px; top: 44%; transform: translateY(-50%);}

.bottom-input-box .inputbox input{height: 50px; box-shadow: 1px 1px 10px #00000022; border-radius: 5px; padding: .375rem 1.75rem; position: relative;}

.bottom-input-box .inputbox .get-inputs::placeholder {text-transform: capitalize;}

.bottom-input-box .inputbox .svg-iconbox{display: flex; align-items: center; position: absolute; right: 0px; bottom: 0px; height: 100%; z-index: 1;}

.bottom-input-box .inputbox .svg-iconbox svg{width: 24px; height: 24px;}

.bottom-input-box .inputbox .svg-iconbox svg ellipse{fill: var(--color-one);}

.bottom-input-box .inputbox .svg-iconbox .mic.MicOn{position: relative; isolation: isolate;}

.bottom-input-box .inputbox .svg-iconbox .mic.MicOn:after{position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--color-two); transform: scale(1.5); border-radius: 100%; z-index: -1;  animation: linear 1.2s infinite waveqiuck;}

@keyframes waveqiuck{0%{transform: scale(1); opacity: 1;} 50%{transform: scale(1.6); opacity: 0.5;}
70%{transform: scale(1.7); opacity: 0.7;} 100%{transform: scale(2); opacity: 0;}}

.bottom-input-box .inputbox .svg-iconbox .mic.MicOn svg ellipse{fill: var(--black-color);}

.bottom-input-box .inputbox .animate-text{position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); background: #fff; width: 100%; height: 100%;  align-items: center;}

.bottom-input-box .inputbox .animate-text p span{animation: linear 1.3s infinite Mblink;}

.bottom-input-box .inputbox .animate-text p span:nth-child(2){animation-delay: 0.5s;}

.bottom-input-box .inputbox .animate-text p span:nth-child(3){animation-delay: 0.10s;}

@keyframes Mblink{0%{opacity: 0;} 50%{opacity: 50%;} 100%{opacity: 100%;}}

.bottom-input-box .generate-btn svg{width: 43px; margin: 0px 10px;}


/* bottom-input-box */

.videoPlay{transition: linear 0.5s;}

.videoPlay .ggwp-video{position: relative;}

.videoPlay:hover{transform: scale(0.9);}

.videoPlay .videoIcon{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}

.videoPlay video{border-radius: 10px;}

.videoPlay .videoIcon i{position: relative; isolation: isolate;}

.videoPlay .videoIcon i{font-size: 25px; color: var(--white-color); mix-blend-mode: difference; cursor: pointer;}




/* big-modalImg */

.round-drip{width: 100%; position: fixed; right: 0px; bottom: 0px;}

.round-drip .first-video{width: calc(100vh - 25%); position: absolute; right: 0px; bottom: 0px;  transition: linear 0.9s; }

.round-drip .roundbox{ width: 200px; height: 200px; transform: scale(0.5); overflow: hidden; bottom: 142px !important; animation: qqq linear 0.8s forwards;}

.round-drip .ai-agent{position: fixed; left: 80%; top: 50%;}

.round-drip .ai-agent .close{position: absolute; left: 0px; top: 0px; font-size: 30px; color: var(--first-color); font-weight: 700;}

@keyframes  qqq {

    0%{background: transparent; border-radius: 0%;}

    50%{background: transparent; border-radius: 100%;}

    100%{background: #fff; border-radius: 100%;}
    
}


.round-drip .ai-agent .roundbox video{ transition: linear 0.9s; position: absolute; left: 10px;
top: 98px; transform: scale(2.4);}


.round-drip .ai-agent.ggwp .ai-model{ border-radius: 100%; overflow: hidden; width: 200px; height: 200px; top: 50%; background: #fff; transform: scale(0.5) translateY(-50%); border: 2px solid var(--color-one);}

.ai-model svg{position: absolute; transform: scale(2.02); display: none; left: 0px; width: 100%; height: 100%; top: 0px;}

.round-drip .ai-agent.ggwp  .ai-model svg{display: block;}

.round-drip .ai-agent.ggwp  .ai-model svg path{transition: linear 0.5s;}

.round-drip .ai-agent.ggwp  .ai-model svg #bodies path{fill: var(--first-color);}

.round-drip .ai-agent.ggwp  .ai-model svg #edges path{stroke: #000;}


.round-drip .ai-agent.ggwp  .ai-model #videoPlayer1{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.8); }

.round-drip .ai-agent.ggwp  .ai-model img{bottom: -10px;}

.round-drip .ai-agent.ggwp  .ai-model img{bottom: -15px;}

.round-drip .ai-agent.ggwp  .ai-model #videoPlayer1{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.8); z-index: -1; }

.round-drip .ai-agent.ggwp  .ai-model img{bottom: -10px;}


/*  */

.form-tamplate{display: flex;}

.form-tamplate .white-box{padding: 15px; border-radius: 15px; width: calc(100% - 30%); box-shadow: 0px 0px 10px #0000001c; margin: 0 auto;}

.form-tamplate .white-box .logo{width: 150px; margin: 0 auto; display: block;}

.form-tamplate .auto-adjust .mt-15{margin-top: 15px;}

.form-tamplate .auto-adjust label{margin-right: 10px;}

.form-tamplate .auto-adjust .checkbox{display: inline-block;}

.form-tamplate .auto-adjust .linkBtn{display: inline-block;}

.form-tamplate .auto-adjust .linkBtn .link{text-decoration: none; margin-right: 10px; background: var(--first-color); color: var(--white-color); padding: 5px 10px; border-radius: 5px;}

.form-tamplate .auto-adjust .Btn .btnClass{background: #3CB897; border: unset; padding: 5px 10px; border-radius: 5px; color: #fff;}


/* form-box */

.loginpage {width: 100%; isolation: isolate; height: 100vh; overflow: hidden; padding: 24px;position: relative;}

.loginpage .bottom-div-button{}

.loginpage .login-box-ani{position: absolute; background: linear-gradient(114deg, rgba(6,123,192,1) 0%, rgba(48,48,133,1) 100%); left: 0px; top: 0px; height: 100%; width: calc(100% - 75%); border-radius: 15px; display: flex; flex-flow: column; align-items: center; justify-content: center;}

.loginpage.signpage .side-content{justify-self: center;}

.loginpage .side-content{width: calc(100% - 26%); height: 100%; position: absolute; right: 0px; top: 0px; display: flex; flex-flow: column; justify-content: space-between; text-transform: capitalize;}

.loginpage .side-content .center{display: flex; flex-flow: column;}

.loginpage .side-content .main-title h3{font-size: 32px; font-weight: 700; color: var(--first-color); margin-bottom: 15px !important;}


.loginpage .side-content .form-sec .remeber{display: flex; justify-content: space-between;}

.loginpage .side-content .form-sec .remeber a{font-size: 18px; font-weight: 600; color: var(--first-color);}

.loginpage .side-content .login-btn{display: inline-block; position: unset; background: var(--first-color);}

.loginpage .bottom-div-button{position: absolute; bottom: 15px; color: #fff; text-align: center;}

.loginpage .bottom-div-button .btn{border: 1px solid #fff; color: #fff;}

.loginpage .side-content .form-sec .remeber p{font-size: 16px; font-weight: 500;}

.loginpage .side-content .form-sec .remeber .checkbox-icon{width: 24px; height: 24px; background: #fff; border: 1px solid var(--first-color);}

.loginpage .side-content .form-sec .eye-svg{position: relative;}

.loginpage .side-content .form-sec .eye-svg .svg{position: absolute; right: 15px; top: 7px;}

.loginpage .side-content .form-sec{width: 450px; margin: 0 auto; text-align: left; margin-bottom: 45px;} 


.loginpage .side-content .form-sec.bottom{margin-bottom: 30px !important;}


.loginpage .side-content .iti--separate-dial-code .iti__selected-flag{background: #ffffff00; border-right: 2px solid #BBBBBB;}

.loginpage .side-content .or-code{width: 150px;}


.loginpage .logo-text{position: absolute; text-align: center; height: 100%; display: flex;
flex-flow: column; align-items: center; justify-content: center; }

.loginpage .logo-text .logo{width: 147px;}

.loginpage .login-box-ani .title, .loginpage .login-box-ani p{color: #fff !important;}

.loginpage .border { border-color: #fff !important; position: relative;}

.loginpage .transparent-bg {height: 100%;}



.loginpage .side-content .head a{font-size: 24px; font-weight: 500; color: #000; text-decoration: none;}

.loginpage .side-content .form-sec label{font-weight: 500; font-size: 16px;}

.loginpage .side-content .form-sec .form-control{border: 2px solid #BBBBBB; border-radius: 8px; height: 45px;}

.loginpage .side-content .form-sec .form-control::placeholder{background: #fff;}

.loginpage .side-content .line-text{position: relative; isolation: isolate;}

.loginpage .side-content .line-text::after{position: absolute; content: ""; left: 0px; top: 50%; content: ""; transform: translateY(-50%); width: 100%; height: 1px; background: #BBBBBB; z-index: -1;}

.loginpage .side-content .line-text p{background: #fff; padding: 15px; display: inline-block;}

.loginpage .side-content .links .icon{width: 30px; height: 30px; display: inline-block;}

.loginpage .side-content .links .icon img{width: 100%;}

.loginpage .iti{display: block !important;}

.loginpage .opt-placeholder .form-control::placeholder{text-align: center;}

.loginpage.otp .otp-text-sec{margin-bottom: 50px;}

.loginpage.otp .otp-text-sec h4{margin-bottom: 15px !important; font-size: 30px; font-weight: 700; color: var(--first-color);}

.otp .gg-center h3{margin-bottom: 15px !important;}

.loginpage.signpage.otp p{font-size: 14px; color: #000; font-weight: 500;}

.loginpage.signpage .gg-center {height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center;}

.opt-placeholder .form-control{text-align: center; width: 55px !important; 
height: 55px !important;}

.loginpage .bg-blue-radio{background: #F3F6FF; border-radius: 30px; padding: 10px 25px 10px 15px;}


.loginpage .buttons-box .success-btn{background: #E8FFF1; border-radius: 30px;
padding: 10px 25px 10px 15px; display: inline-block; margin-right: 15px; margin-bottom: 15px;}

.loginpage .buttons-box .success-btn i{color: #039F44;}

.loginpage .buttons-box .success-btn label{font-size: 14px;}

/* ticket */

.ticket{background: #FFF3D1;}

.ticket .box{position: relative;}

.ticket .box .question{padding: 10px; background: #FFE8A9; border-radius: 4px;}


/* vm-box-sec */

.vm-box-sec .white-box{padding: 15px 24px; position: relative; border-radius: 12px; box-shadow: 0px 0px 20px #0000001c; isolation: isolate;}

.vm-box-sec .white-box .side-image{width: 300px; height: 300px;}

.vm-box-sec .blue-box{background: #D2E7FF; border-radius: 8px;}

.vm-box-sec .blue-box p{font-weight: 500; font-size: 16px;}

.vm-box-sec .blue-box .icon-text .icon i{color: #039F44; font-size: 40px;}



.vm-box-sec .white-box.temp::after{display: none;}

.vm-box-sec .white-box::after{position: absolute; content: ""; right: 0px; bottom: 0px; background: url(../images/side.jpg) no-repeat; background-size: contain; background-position: right bottom; width: 50%; height: 61%; opacity: 0.3; z-index: -1;}

.vm-box-sec .white-box .nav .nav-link.active{border: 1px solid var(--first-color);}

.vm-box-sec .white-box .nav .nav-link{width: 50px; background: #fff; border: unset; border-radius: 5px; border: 1px solid #fff; box-shadow: 0px 0px 10px #0000001c; height: 50px; margin-right: 30px;}

.vm-box-sec .white-box .nav .nav-link img{width: 100%;}

.vm-box-sec .white-box .bg-blue-radio{background: #F3F6FF; border-radius: 30px;
padding: 10px 25px 10px 15px; display: inline-block; margin-right: 15px; margin-bottom: 15px;}

.vm-box-sec .white-box .tab-pane{position: relative; isolation: isolate;}

.vm-box-sec .white-box .buttons-box{margin-bottom: 100px;}

.vm-box-sec .white-box .buttons-box .success-btn{background: #E8FFF1; border-radius: 30px;
padding: 10px 25px 10px 15px; display: inline-block; margin-right: 15px; margin-bottom: 15px;}

.vm-box-sec .white-box .buttons-box .success-btn i{color: #039F44;}

.vm-box-sec .white-box .buttons-box .success-btn label{font-size: 20px;}

.vm-box-sec .white-box .tab-pane .bottom-btn-box .btn{width: 200px; height: 50px; padding: 0px;}

.vm-box-sec .white-box .tab-pane .message-box{margin: 30px auto;  width: 60%;}

.vm-box-sec .white-box .tab-pane .header-box{ padding: 15px 24px; position: relative;  border-radius: 0px 0px 0px 0px; background: #fff; box-shadow: 0px 0px 10px #00000022; border-radius: 12px 12px 0px 0px;} 

.vm-box-sec .white-box .tab-pane .body-box{padding: 15px 24px; position: relative;  border-radius: 0px 0px 0px 0px; background: #fff; box-shadow: 0px 0px 10px #00000022; 
border-radius: 0px 0px 12px 12px;}

.vm-box-sec .white-box .tab-pane .body-box .light-box-blue{background: #E7F4FF; padding: 30px; border-radius: 12px;}


/* charts */

.charts .number-box{padding: 14px; border-radius: 5px;}

.charts .number-box p{margin-bottom: 14px !important;}

.charts .number-box.one{background: #F8F2F0;}
.charts .number-box.two{background: #F0F7F0;}
.charts .number-box.three{background: #F7F4E8;}
.charts .number-box.four{background: #FFEFEA;}

.charts .white-box{background: #fff; border-radius: 12px; padding: 15px; box-shadow: 0px 0px 10px #0000001c; margin-top: 24px;}

.charts .white-box .font-24{font-weight: 600; line-height: 30px;}

.charts #chartthree .apexcharts-toolbar{display: none;}

.charts .recent-box{overflow-y: auto; margin-top: 15px; height: 385px;}

.charts .recent-box .recent-text{border-bottom: 1px solid #BBBBBB;}

.charts .recent-box .recent-text p{font-weight: 500; text-transform: capitalize; line-height: 30px; font-size: 16px;}

.charts .recent-box .date-time{font-size: 12px !important; font-weight: 300; margin-bottom: 5px !important; color: #787878; line-height: 20px; }



/* Remove the number input spinner in most browsers for .otp-class */
.otp-class::-webkit-outer-spin-button,
.otp-class::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important;}

.otp-class {-moz-appearance: textfield !important;}



/* contact us page */


.inner-banner .contact-us-banner{height: 500px; object-fit: cover;}

.talk-sec .overlab-div{background: #fff; box-shadow: 0px 0px 20px 0px #00000022; padding: 40px; border-radius: 20px; margin-top: -300px; position: relative; z-index: 2;}

.talk-sec .overlab-div .form-sec-con{padding-top: 60px;}

.talk-sec .overlab-div .form-sec-con .form-sec label{font-size: 16px; font-weight: 500; color: #000;}

.talk-sec .overlab-div .form-sec-con .form-sec{margin-bottom: 30px;}

.talk-sec .overlab-div .form-sec-con .form-sec .form-control{border: 2px solid #BBBBBB; background: #fff; height: 60px; border-radius: 8px; width: 100%;}

.talk-sec .overlab-div .form-sec-con .iti{display: block;}

.talk-sec .overlab-div .form-sec-con .iti--separate-dial-code .iti__selected-flag { background: #ffffff00; border-right: 2px solid #BBBBBB;}

.talk-sec .overlab-div .form-sec-con textarea{height: 100px !important;}

.talk-sec .overlab-div .form-sec-con #captchaImage{height: 76px; object-fit: cover;}

.talk-sec .overlab-div .form-sec-con .bottom-spacing{margin-top: 60px;}



/* about-sec */

.about-sec .contact-us-banner{height: 500px; object-fit: cover;}

.about-sec .overlab-div{background: #fff; box-shadow: 0px 0px 20px 0px #00000022; padding: 40px; border-radius: 20px; margin-top: -100px;}

.about-sec .overlab-div h4{font-size: 28px; font-weight: 500; line-height: 34px;}

.about-sec .overlab-div p{font-size: 24px; font-weight: 400; line-height: 60px;}

.pride-sec .right-box{position: relative;}


.pride-sec .blue-box:after{position: absolute; content: ""; left: -62px; top: 50%; transform: translateY(-50%); outline: 1px solid var(--first-color); outline-offset: 5px; width: 10px; height: 10px; background: var(--first-color); border-radius: 100%; z-index: 2;}

.pride-sec .right-box:after{position: absolute; content: ""; left: -58px; top: 50%;
transform: translateY(-50%); width: 3px; height: calc(100% - 15%); background: url(../images/Line-dotted.png) no-repeat; background-size: cover; z-index: 1;}

.pride-sec ul{list-style: none; margin: 0px; padding: 0px;}

.pride-sec .blue-box{background: #C8E8FF; padding: 15px; border-radius: 12px; margin-bottom: 30px; position: relative;}


.pride-sec .blue-box .heading{font-weight: 500; line-height: 28px; margin-bottom: 14px !important;}


/* vission-mission-sec */

.vission-mission-sec .white-box{padding: 15px;}

.vission-mission-sec .margin-top-100{margin-top: -100px;}

.vission-mission-sec .white-box img{width: 100px; margin-bottom: 40px;}


/* road-map-sec */

.road-map-sec{position: relative; background: #FFFBF4;}

.road-map-sec .rounded-curv{position: absolute; bottom: 0px; left: 0px; width: 100%;}

.tabs-sec .nav{margin-top: -50px; position: relative; z-index: 9;}

.tabs-sec .nav-link{margin-bottom: 0px; width: 100px; height: 100px; border-radius: 100%; overflow: hidden; border: 3px solid #2486D4; background: #fff;}

.tabs-sec .nav-link svg{width: 40px; height: 40px;}

.tabs-sec .nav-link.active{background: #2486D4;}

.tabs-sec .nav-link.active svg path{fill: #fff;}





/* tabs-sec */

.tabs-sec .nav-pills{padding: 14px; background: #fff; box-shadow: 0px 0px 10px #0000001c; border-radius: 8px; display: inline-flex;}

.tabs-sec .nav-pills .nav-link{font-size: 16px; font-weight: 400; color: #000; margin-right: 24px;}

.tabs-sec .nav-pills .nav-link svg{width: 30px; height: 30px;}

.tabs-sec .nav-pills .active svg{fill: #fff !important;}

.tabs-sec .nav-pills .active{background: #C3E3FF; color: #2195FF; font-weight: 600;}

.tabs-sec .tab-content .tab-pane .border-radius{border-radius: 12px; overflow: hidden;}

.tabs-sec .tab-content .tab-pane .border-radius img{width: 100%; object-fit: cover; position: relative; z-index: 1;}

.tabs-sec .tab-content .bg-grey{background: #EEEEEE; padding: 30px; position: relative; isolation: isolate;}

.tabs-sec .tab-content .bg-grey.left::before{right: 0px; top: 0px; width: 115%; }

.tabs-sec .tab-content .bg-grey.right::before{left: 0px; top: 0px; width: 115%;}

.tabs-sec .tab-content .bg-grey.green::before{border: 15px solid #039F44; border-top: 0px; border-left: 0px;}

.tabs-sec .tab-content .bg-grey.pink::before{border: 15px solid #FF287E;  border-top: 0px; border-right: 0px;}

.tabs-sec .tab-content .bg-grey.yellow::before{border: 15px solid #FFBC41; border-top: 0px; border-left: 0px;}

.tabs-sec .tab-content .bg-grey.orange::before{border: 15px solid #FF6836; border-top: 0px; border-right: 0px;}

.tabs-sec .tab-content .bg-grey::before{position: absolute; content: ""; 
 background: #EEEEEE; height: 100%; z-index: -1;}

.tabs-sec .tab-content .margin-top{margin-top: 361px;}




/* blog */

.inner-banner{position: relative; margin-bottom: 100px;}

.inner-banner .glass-bg{position: absolute; bottom: 40px; left: 0px; }

.inner-banner .glass-bg .bg-text{position: relative; isolation: isolate; padding: 40px;}

.inner-banner .glass-bg .bg-text h3{color: #fff;}

.inner-banner .glass-bg .bg-text:after{backdrop-filter: blur(15px);  border-radius: 12px; background: #ffffff47; position: absolute; left: 0px; top: 0px; content: ""; height: 100%; 
width: 100%; z-index: -1;}

.inner-banner .glass-bg .bg-text span{background: #D7D4FF; border-radius: 50px; padding: 10px 20px; color: #5043FF; display: inline-block;}


.blogs .white-box{padding: 24px;} 

.blogs .white-box img{border-radius: 3px; margin-bottom: 24px;}

.blogs .white-box .tags{padding: 10px 30px; border-radius: 30px; display: inline-block;}

.blogs .white-box .tags.yellow{background: #FFEDD4; color: #FF990B;}

.blogs .white-box .tags.green{background: #D3FFDD; color: #00A925;}

.blogs .white-box .tags.red{background: #FFD4D4; color: #FF0B0B;}

.blogs .white-box .tags.blue{background: #D3FBFF; color: #008896;}