@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



:root{

    --primary: #FFEB61;

    --secondary: #056BB7;

    --blue: #283891;

    --navy: #0A2540;

    --txt: #2F3842;

    --wood: #51312D;

    --white: #ffffff;

    --black: #000000;

    --fontTitle: "Roboto", sans-serif;

    --fontBody: 'Inter', sans-serif;

}



*{ margin:0; padding:0;}



html{ scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: var(--primary) var(--navy);}

body{ padding:0; margin:0; font-size:16px; color:var(--txt); font-family: var(--fontBody); overflow-x: hidden;}

a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .3s ease-in-out;}

a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}

img { border:none; vertical-align:middle; max-width:100%; height:auto; width: auto;}

li{ list-style:none;}

h1, h2, h3, h4, h5, h6{ outline:none !important;}

input, select, textarea, button{ outline:none !important; box-shadow:none;}

input, textarea, select{ box-shadow:none !important;}

::-moz-selection { color: var(--wood); background: var(--primary);}

::selection { color: var(--wood); background: var(--primary);}



.container{ width:90%; max-width:1300px; margin:0 auto; padding:0;}



h1{ font-size: 55px; line-height: 120%;}

h2{ font-size: 45px; line-height: 120%;}

h3{ font-size: 34px; line-height: 140%;}

h4{ font-size: 25px; line-height: 140%;}

h5{ font-size: 22px; line-height: 150%;}

h6{ font-size: 18px; line-height: 150%;}



p{ font-size: 17px; line-height: 27px; color: var(--txt);}

p a{ color: var(--secondary);}

p a:hover{ color: var(--navy);}



.btn-group{ display: flex; flex-wrap: wrap; gap: 10px;}

.btns{ margin: 0; padding: 15px 30px; font-size: 17px; font-weight: 700; display: inline-flex; gap: 8px; align-items: center; background: none; border: none; border-radius: 60px 50px 50px 0; background: var(--primary); color: var(--wood); border: none; position: relative;}

.btns:hover{ border-radius: 50px 0 60px 50px; background: #FFF39F; color: var(--wood);}

.btns.secondary{ background: var(--secondary); color: var(--white);}

.btns.secondary:after{ filter: brightness(0) invert(1); }

.btns.secondary:hover{ background: #42A4EE; color: var(--white);}

.btns.play:before{ content: ""; width: 22px; height: 22px; background: url(../images/play-ic25x.svg) no-repeat center center; background-size: 100%; display: inline-block; transition:all .3s ease-in-out;}

.btns.play:hover:before{ transform: scale(1.1);}

.btns.action:after{ content: ""; width: 13px; height: 13px; background: url(../images/anchor_sign-wood.svg) no-repeat center center; background-size: 100%;  display: inline-block; transition:all .3s ease-in-out;}

.btns.action:hover:after{ transform: translate(5px, -5px);}



.title{ margin: 0 0 36px; padding: 0 0 18px; font-weight: 600; color: var(--navy); position: relative;}

.title::before{ width: 95px; height: 6px; background:url(../images/title-curve.svg) no-repeat center center; content: ""; position: absolute; left: 0; bottom: 0;}

.title.center{ text-align: center;}

.title.center::before{ left: 0; right: 0; margin: auto;}

.title.white{ color: var(--white);}

.title.white::before{ filter: brightness(0) invert(1);}



ul.check-list{ margin: 0 0 35px; padding: 0;}

ul.check-list li{ margin: 0 0 12px; padding: 0 0 0 26px; font-size: 17px; font-weight: 500; background: url(../images/check_circle-19x.svg) no-repeat left top 4px; background-size: 16px; color: var(--txt);}

ul.check-list li a{ color: var(--txt);}

ul.check-list li a:hover{ color: var(--secondary);}



/*===================

 		HEADER 

===================*/

.header_area{ width:100%; padding:0; margin:0; background: var(--navy); position:fixed; top:0; z-index:100; transition:all .3s ease-in-out;}



.top-info{ padding: 8px 0; margin: 0; height: 45px; background: linear-gradient(263deg, var(--secondary) 1.2%, var(--blue) 100%); text-align: center; overflow: hidden; transition:all .3s ease-in-out; opacity: 1;}

.top-info .container{ max-width: 580px;}

.top-info p{ margin: 0; padding: 0; font-size: 16px; color: var(--white);}

.top-info p a{ font-weight: 600; text-decoration: underline; color: var(--white);}

.top-info p a:hover{ color: var(--primary);}

.info-slider{ padding: 0 20px;}

.info-slider .slick-prev, .info-slider .slick-next{ width: 7px; height: 13px; background-color: transparent; opacity: 0.6;}

.info-slider .slick-prev::before, .info-slider .slick-next::before { display: none;}

.info-slider .slick-prev{ left: 0; background: url(../images/arrow_left-white7x.svg) no-repeat center center;}

.info-slider .slick-next{ right: 0; background: url(../images/arrow_right-white7x.svg) no-repeat center center;}

.info-slider .slick-prev:hover, .info-slider .slick-next:hover{  opacity: 1;}



.header_area .navbar{ margin:0; padding:17px 0;}

.header_area .navbar-brand{ width: 216px; margin:0; padding:0;}

.header_area .navbar-brand img{ width: 100%; transition:all .3s ease-in-out;}

.header_area .navbar-nav{ gap: 34px; transition:all .3s ease-in-out;}

.header_area .navbar-nav .nav-item{ margin:0;}

.header_area .navbar-nav .nav-link{ margin:0; padding:8px 0; font-weight: 500; font-size: 17px; color: var(--white); display: flex !important; align-items: center; position: relative;}

.header_area .navbar-nav .nav-link::before{ content: ""; width: 0; height: 2px; background: var(--primary); position: absolute; bottom: 3px; left: 0; transition: all .3s;}

.header_area .navbar-nav .dropdown-toggle::after{ width: 17px; height: 17px; border: none; background: url(../images/caretdown.svg) no-repeat center center;}



.header_area .navbar-nav .nav-link:hover{ color: var(--primary); border-color: var(--white);}

.header_area .navbar-nav .nav-link.active, .header_area .navbar-nav .show > .nav-link{ color: var(--primary); border-color: var(--white);}

.header_area .navbar-nav .nav-link:hover::before{ width: 24px;}

.header_area .navbar-nav .nav-link.active::before, .header_area .navbar-nav .show > .nav-link::before{ width: 24px;}



.header_area .right_info{ margin: 0 0 0 30px; padding: 0; position: relative; display: flex; gap: 10px; align-items: center;}

.header_area .action{ margin: 0; padding: 10px 20px; font-size: 17px; font-weight: 600; display: inline-flex; gap: 5px; align-items: center; background: none; border: none; border-radius: 70px 50px 50px 0;}

.header_area .get-btn{ background: var(--primary); color: var(--wood);}

.header_area .get-btn:after{ content: ""; width: 11px; height: 11px; background: url(../images/anchor_sign-wood.svg) no-repeat center center; display: inline-block;}

.header_area .get-btn:hover{ background: #FFF39F; color: var(--wood); border-radius: 50px 0 70px 50px;}

.header_area .chat-btn{ background: var(--secondary); color: var(--white);}

.header_area .chat-btn:before{ content: ""; width: 15px; height: 15px; background: url(../images/chat-white15x.svg) no-repeat center center; display: inline-block;}

.header_area .chat-btn:hover{ background: #42A4EE; color: var(--white); border-radius: 50px 0 70px 50px;}



.dropdown-menu{ border-color: rgba(0,0,0,0.08);}

.dropdown-item{ padding: 8px 20px; color: var(--txt); font-size: 16px; font-weight: 500;}

.dropdown-item:focus, .dropdown-item:hover{ background: var(--secondary); color: var(--white);}



@media (min-width:1200px) {

.header_area .navbar-nav .nav-item:hover .dropdown-menu{display: block;}

}



/* HEADER STICKY */

.header_area.sticky .top-info{ padding: 0; height: 0; opacity: 0;}

.header_area.sticky .navbar-brand{ width: 160px;}

.header_area.sticky .navbar-nav{ gap: 25px;}



/*===================

 		FOOTER 

===================*/

.footer_area{ margin: 0; padding: 305px 0 0 0; background: var(--navy); position: relative; background: url(../images/trial_bg.jpg) center center no-repeat; background-size: cover;}

.footer_area .container{ position: relative; z-index: 2;}

.footer_area .foot-logo{ margin: 0 0 27px; padding: 0;}

.social-links{ margin: 0; padding: 0; display: flex; gap: 10px;}

.social-links li{ margin: 0; padding: 0;}

.social-links li a{ margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border-radius: 50px 50px 50px 0; background: #051B31;}

.social-links li a img{ transition: all 0.3s ease-in-out;}

.social-links li a:hover{ background: var(--primary); border-radius: 50px 0 50px 50px;}

.social-links li a:hover img{ filter: brightness(0);}

.footer_area h6{ margin: 0 0 24px; padding: 0 0 12px; font-weight: 600; color: var(--white); position: relative;}

.footer_area h6::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 162px; height: 1px; background: rgba(255,255,255,0.1);}

.foot-links{ margin: 0; padding: 0;}

.foot-links li{ margin: 0 0 14px; padding: 0; font-size: 16px;}

.foot-links li a{ color: #879DB4;}

.foot-links li a:hover{ color: var(--primary);}

.copyright{ margin: 70px 0 0 0; padding: 45px 0; border-top: 1px solid rgba(199,174,171,0.15);}

.copyright p{ margin: 0; padding: 0; font-size: 16px; color: #879DB4; text-align: center;}

.copyright p span{ color: var(--white);}



/* Return To Top */

#return-to-top{ position:fixed; bottom:10px; right:16px; background:var(--secondary); width:38px; height:38px; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:10; justify-content: center; align-items: center; padding-bottom: 3px;}

#return-to-top svg{ width: 16px; height: auto;}

#return-to-top:hover { background:var(--blue); color:var(--white);}



/*=================================

 		SECTION START HERE 

=================================*/

section{ padding:0; margin:0;}



.hero_area{ padding:205px 0 140px 0; background: #F6FAFD;}

.hero_area h1{ margin: 0 0 25px; font-family: var(--fontTitle); font-weight: 600; color: var(--navy);}
.hero_area h2{ margin-bottom: 30px; font-size:26px; line-height: 130%; color: var(--txt); font-weight:600;}
.hero_area p{ margin-bottom: 30px;}

.hero_area .image{ margin:0 0 0 12px; padding:20px 0 15px 20px; background: var(--white); border: 1px solid #DAE6EE; border-radius: 30px; box-shadow: 0 10px 50px rgba(0,0,0,0.1);}

.hero_area .image .hero-slider{ margin-right: -120px;}

.hero_area .image .hero-slider .nopop{ margin-right: 120px; display: flex;}



.video-modal .modal-dialog{ width: 90%; max-width: 800px; margin: 0 auto;}

.video-modal .modal-content{ border: none; border-radius: 10px;}

.video-modal .modal-body{ padding: 0;}

.video-modal .btn-close{ position: absolute; top: -10px; right: -15px; z-index: 55; width: 30px; height: 30px; border-radius: 50%; background-color: var(--white); opacity: 1; background-size: 12px; display: flex; padding: 0;}

.video-modal iframe{ width: 100%; line-height: normal; display: flex; border-radius: 10px;}



/* Choose */

.choose_area{ padding: 80px 0;}

.choose-item{ margin: 0 0 50px;}

.choose-item figure{ margin: 0 0 11px; padding: 0; transition: all .3s;} 

.choose-item:hover figure{ transform: translateY(-8px);}

.choose-item h6{ margin: 0; padding: 0;}



.choose_area .pricing__table{ display:flex; flex-direction:column; margin:0; border:1px solid #DAE6EE; border-radius:30px; overflow: hidden;}

.choose_area .pricing__table .pt__title{ display:flex;}

.choose_area .pricing__table .pt__title .pt__title__wrap{ position:relative; display:flex; flex:1; flex-direction:row;}

.choose_area .pricing__table .pt__title .pt__title__wrap .pt__row{ display:flex; width:25%; flex-direction: column; padding:25px 30px; min-height:134px; font-size: 20px; color:#1356A7; font-weight: 700; border-right:1px solid #DAE6EE; background-color: #F6FAFD;}

.choose_area .pricing__table .pt__title .pt__title__wrap .pt__row:last-child{ border-right: none; border-top-right-radius:30px; background:#1356A7; color: var(--white);}
.choose_area .pricing__table .pt__title .pt__title__wrap .pt__row:last-child small{ color: var(--white);}

.choose_area .pricing__table .pt__title .pt__title__wrap .pt__row small{ display: block; color: var(--txt); font-weight: normal; font-size: 16px; margin-top: 7px;}

.choose_area .pricing__table .pt__option{ position:relative;}



.choose_area .pricing__table .pt__option .pt__option__mobile__nav{ position:absolute;z-index:1;top:25px;bottom:auto;left:50%;right:auto;display:none;justify-content:space-between;width:calc(100% + 30px);transform:translateX(-50%);}

.choose_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn{ display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;border-radius:50%;background-color:var(--secondary);transition:0.25s;}

.choose_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:hover{ background-color:var(--blue);}

.choose_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn.swiper-button-disabled{ background-color:#c0beb6;pointer-events:none;}

.choose_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:first-child{ position:relative;left:-5px;}

.choose_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:last-child{ position:relative;right:0;}

.choose_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn svg{ width:16px;color:#faf7f2;}



.choose_area .pricing__table .pt__option .pt__option__slider{ overflow:visible;}

.choose_area .pricing__table .pt__option .pt__option__slider .swiper-wrapper{ display:flex;flex-direction:column;align-items:stretch;width:100%;}



.choose_area .pricing__table .pt__option .pt__option__item{ width:100%;margin-right:0;}

.choose_area .pricing__table .pt__option .pt__option__item .pt__item .pt__item__wrap{ display:flex;flex-direction:row;font-size:1.375rem;line-height:1.4;position:relative;}

.choose_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row{ display:flex; gap:5px; align-items: flex-start; width:25%; min-height:60px; padding:21px 28px; font-size:18px; border-top:1px solid #DAE6EE; border-right:1px solid #DAE6EE;}

.choose_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row img{ width: 26px; margin: 0;}

.choose_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child{ align-items:flex-start; font-size: 18px; font-weight:500; color: var(--navy);}

.choose_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row:last-child{ border-right:none; background:#1356A7; color: var(--white);}

.choose_area .pricing__table .pt__option .pt__option__item:last-child .pt__item .pt__row:last-child{ border-bottom-right-radius:30px;}



/* Counter */

.counter_area{ padding: 60px 0; background: url(../images/counter-bg.jpg) no-repeat center center; background-size: 100% 100%;}

.counter-item{ margin: 0; padding: 0; display: flex; align-items: center; gap: 20px;}

.counter-item figure{ margin: 0; padding: 0; width: 174px; height: 174px; min-width: 174px; border-radius: 174px 174px 174px 0; box-shadow: 0 7px 30px rgba(0,0,0,0.05); background: var(--white); display: flex; align-items: center; justify-content: center;}

.counter-item .dtl{ margin: 0; padding: 0; display: flex; gap: 12px; align-items: center;}

.counter-item .dtl strong{ font-size: 80px; font-weight: normal; font-family: var(--fontTitle); color: var(--navy);}

.counter-item .dtl strong small{ font-size: 100%; color: var(--secondary);}

.counter-item .dtl p{ margin: 0; padding: 0;}



/* Testimonial */

.testimonial_area{ padding: 70px 0 0;}

.testimonial-slider{ padding-left: 8vw;}

.testimonial-slider .slick-list, .testimonial-slider .slick-list .slick-track{ display: flex;}

.testimonial-slider .slick-slide, .testimonial-slider .slick-slide > div { display: flex;}

.testimonial-slider .item{ padding: 5px 15px 15px; display: flex !important;}

.testi-item{ width: 100%; max-width: 413px; min-width: 413px; margin: 0; padding: 26px 30px 30px; border-radius: 30px; border: 1px solid #DAE6EE; background: var(--white); box-shadow: 0 5px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between; transition:all .3s ease-in-out;}

.testi-item:hover{ border-color: var(--secondary);}

.testi-item p{ margin:0;}

.testi-item .author{ display: flex; gap: 10px; align-items: center; margin: 28px 0 0; padding: 28px 0 0; border-top: 1px solid rgba(0,0,0,0.1);}

.testi-item .author figure{ margin: 0; width: 45px; height: 45px; min-width: 45px; border-radius: 50%;}

.testi-item .author figure img{ border-radius: 50%; width: 100%; height: 100%; object-fit: cover; transition: all .3s;}

.testi-item .author .dtl{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; flex-grow: 1;}

.testi-item .author .dtl h6{ margin: 0; padding: 0; font-weight: 600; color:var(--navy);}

.testi-item .author .dtl h6 span{ font-size: 16px; color: #969AA1; font-weight: normal; display: block; line-height: normal;}

.testi-item .author .rateing{ margin: 0;}



.testimonial-slider .slick-prev, .testimonial-slider .slick-next{ width: 27px; height: 22px; background-color: transparent; opacity: 0.5; top: -87px; transform: inherit;}

.testimonial-slider .slick-prev::before, .testimonial-slider .slick-next::before { display: none;}

.testimonial-slider .slick-prev{ left: auto; right: calc(9.5% + 45px); background: url(../images/slider-arrow-left.svg) no-repeat center center;}

.testimonial-slider .slick-next{ right: 9.5%; background: url(../images/slider-arrow-right.svg) no-repeat center center;}

.testimonial-slider .slick-prev:hover, .testimonial-slider .slick-next:hover{  opacity: 1;}



/* Organize */

.organize_area{ padding-top: 60px;}

.organize_area .image{ margin:0 0 0 12px; padding: 20px; background: var(--white); border: 1px solid #DAE6EE; border-radius: 30px; box-shadow: 0 10px 50px rgba(0,0,0,0.1);}

.organize_area .slick-list{ border-radius: 10px;}

.organize_area .slick-slide > div{ display: flex;}

.organize_area .image .slick-slide img{ width: 100%; border-radius: 10px;}

.organize-block{ margin: 0; padding: 0 0 80px;}

.organize-block .right-part{ margin: 0; padding: 0 0 0 60px;}

.organize-block .flex-row-reverse .right-part{ padding: 0 60px 0 0;}

.organize-block .icon{ margin: 0; padding: 0;}

.organize-block .organize-title{ margin: 0 0 20px; padding: 0; display: flex; align-items: center; gap: 10px;}

.organize-block p{ margin: 0 0 30px; padding: 0;}

.organize_list{ margin: 0; padding: 0;}

.organize_list li{ margin: 0 0 24px; padding: 0; display: flex; gap: 7px;}

.organize_list li i{ flex: 0 0 46px; display: flex; align-items: flex-start; transition: all .3s;}

.organize_list li:hover i{ transform: translateX(-8px);}

.organize_list li h6{ margin: 0 0 5px; padding: 0; font-weight: 600; color: var(--navy); line-height: normal;}

.organize_list li p{ margin: 0; padding: 0;}



/* Pricing */

.pricing_area{ margin: 0; padding: 70px 0 80px; background: #F6FAFD;}

.pricing_area .check_group{ margin: 0 0 56px; padding: 9px 8px; background: var(--primary); border-radius: 30px 30px 30px 0; border: none; display: inline-flex;}

.pricing_area .check_group .form-check{ margin: 0; padding: 0;}

.pricing_area .check_group .form-check .form-check-input{ display: none;}

.pricing_area .check_group .form-check .form-check-label{ margin: 0; padding: 6px 12px; background: transparent; color: var(--wood); font-size: 16px; font-weight: 600; border-radius: 20px 20px 20px 0; border: none; box-shadow: none; cursor: pointer;}

.pricing_area .check_group .form-check .form-check-input:checked ~ .form-check-label{ background: var(--secondary); color: var(--white);}



.pricing_area .pricing__table{ display:flex; flex-direction:column; margin:0; border:1px solid #DAE6EE; background: var(--white); border-radius:30px; filter:drop-shadow( 0 8px 50px rgba(0,0,0,0.12));}

.pricing_area .pricing__table .pt__title{ display:flex;}

.pricing_area .pricing__table .pt__title .pt__title__wrap{ position:relative; display:flex; flex:1; flex-direction:row;}

.pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row{ display:flex; width:25%; flex-direction: column; padding:25px 30px; min-height:134px; font-size: 20px; color: var(--navy); font-weight: 700; border-right:1px solid #DAE6EE; align-items: center; text-align: center;}

.pricing_area .pricing__table.month .pt__title .pt__title__wrap .pt__row .year_price{ display: none;}

.pricing_area .pricing__table:not(.month) .pt__title .pt__title__wrap .pt__row .month_price{ display: none;}

.pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row:nth-child(3){ background:#1356A7; color: var(--white); margin-top:0;}

.pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row:last-child{ border-right: none; border-top-right-radius:30px;}

.pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row small{ display: block; color: var(--txt); font-weight: normal; font-size: 16px; margin-top: 3px;}

.pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row strong{ font-size: 42px; font-weight: 600; color: var(--secondary); line-height: normal; margin-top: 10px;}

.pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row:nth-child(3) small, .pricing_area .pricing__table .pt__title .pt__title__wrap .pt__row:nth-child(3) strong{ color: var(--white);}

.pricing_area .pricing__table .pt__option{ position:relative;}



.pricing_area .pricing__table .pt__option .pt__option__mobile__nav{ position:absolute;z-index:1;top:25px;bottom:auto;left:50%;right:auto;display:none;justify-content:space-between;width:calc(100% + 30px);transform:translateX(-50%);}

.pricing_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn{ display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;border-radius:50%;background-color:var(--secondary);transition:0.25s;}

.pricing_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:hover{ background-color:var(--blue);}

.pricing_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn.swiper-button-disabled{ background-color:#c0beb6;pointer-events:none;}

.pricing_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:first-child{ position:relative;left:-5px;}

.pricing_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:last-child{ position:relative;right:5px;}

.pricing_area .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn svg{ width:16px;color:#faf7f2;}



.pricing_area .pricing__table .pt__option .pt__option__slider{ overflow:visible;}

.pricing_area .pricing__table .pt__option .pt__option__slider .swiper-wrapper{ display:flex;flex-direction:column;align-items:stretch;width:100%;}



.pricing_area .pricing__table .pt__option .pt__option__item{ width:100%;margin-right:0;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__item__wrap{ display:flex;flex-direction:row;font-size:1.375rem;line-height:1.4;position:relative;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row{ display:flex; gap:5px; align-items: center; width:25%; min-height:60px; padding:21px 28px; font-size:18px; border-top:1px solid #DAE6EE; border-right:1px solid #DAE6EE; text-align: center; justify-content: center;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row img{ width: 26px;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child{ align-items:flex-start; font-size: 18px; font-weight:500; color: var(--navy); justify-content: flex-start;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row:last-child{ border-right:none;}

.pricing_area .pricing__table .pt__option .pt__option__item:last-child .pt__item .pt__row:last-child{ border-bottom-right-radius:30px;}



.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row:nth-child(3){ background:#1356A7; color: var(--white); border-top-color: #5578BB;}

.pricing_area .pricing__table .pt__option .pt__option__item:last-child .pt__item .pt__row:nth-child(3){ padding: 30px 15px; margin-bottom:0;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item .pt__row:nth-child(3) img{ filter: brightness(0) invert(1);}



.pricing_area .pricing__table .pt__option .pt__option__item .pt__item.selected .pt__row{ display:inline-flex;padding:20px 15px;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item.selected .pt__row:first-child{ border-bottom:0;}

.pricing_area .pricing__table .pt__option .pt__option__item .pt__item.selected .pt__row:last-child{ border-bottom-right-radius:30px;}





/* Trial */

.path { stroke-dasharray: 500; stroke-dashoffset: 500; animation: draw 4s infinite alternate;}

.path1{ animation: change 4s linear infinite alternate;}



@keyframes change{

    0%{ fill: #19344E;}

    100%{ fill: rgba(255,243,159,0.2);}

}

@keyframes draw {

    to {

        stroke-dashoffset: 0;

    }

}



.trial_area{ margin: 0; padding: 80px 0 0; position: relative; background: url(../images/trial_bg.jpg) center center no-repeat; background-size: cover; }

.trial_area .container{ position: relative; z-index: 2;}

.trial_area .detail{ margin: 0; padding: 0 110px 0 0;}

.trial_area figure{ margin: 0 -70px; padding: 0;}

.trial_area figure svg{ width: 100%; height: auto;}

.trial_area p{ margin: 0; padding: 0; color: var(--white);}

.trial_form{ margin: 0; padding: 0 0 50px 0;}

.trial_form .form-block{ margin: 0 0 25px; padding: 0;}

.trial_form .lbl{ margin: 0 0 6px; padding: 0; font-size: 18px; color: var(--white); display: block;}

.trial_form .form-control{ margin: 0; padding: 15px 25px; height: 55px; width: 100%; border: none; border-radius: 30px 30px 30px 0; font-size: 17px; color: var(--black);}

.trial_form .form-control:focus{ background: #F6FAFD;}

.trial_form .checkbox-info{ margin: 0 0 30px; padding: 0;}

.trial_form .checkbox-info .lbl{ margin-bottom: 10px;}

.trial_form .form-check-inline{ margin-right: 40px;}

.trial_form .form-check-input{ margin-right: 5px; height: 20px; width: 20px; background: transparent; border: 1px solid var(--white); margin-top: 2px;}

.trial_form .form-check-input:checked{ background: var(--white) url(../images/check-blue-11x.svg) center center no-repeat;}

.trial_form .form-check-label{ margin: 0; padding: 0; font-size: 17px; color: var(--white);}

.error_msg{ margin: 0; padding: 8px 20px; font-size:14px; color: #ff0000;border: 1px solid #ff0000a3;border-radius: 5px; margin-top: 15px !important;}

.success_msg{ margin: 0; padding: 8px 20px; font-size:14px; color: #2ecc71;border: 1px solid #2ecc71a3;border-radius: 5px; margin-top: 15px !important;}



/* About */

.about_area{ margin: 0; padding: 80px 0;}

.about_area .detail{ padding: 0 85px 0 0;}

.about_area .info{ margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 600;}

.about_area p{ margin: 0 0 15px; padding: 0;}

.about_area figure{ margin: 0; padding: 0;}



/* Download */

.download_area{ margin: 0 0 -225px 0; padding: 0; z-index: 2; position: relative;}

.download_area .inner{ margin: 0; padding: 100px 85px 70px 40px; border-radius: 250px 250px 250px 0px; background: linear-gradient(263deg, #056BB7 1.2%, #283891 100%); display: flex; align-items: center; gap: 75px;}

.download_area figure{ margin: 0; padding: 0; max-width: 485px;}

.download_area p{ margin: 0 0 38px; padding: 0; color: var(--white);}

.download_area .app-btns{ margin: 0; padding: 0; display: flex; gap: 10px;}

.download_area .app-btns a{ margin: 0; padding: 12px 21px 13px; font-size: 15px; line-height: normal; color: var(--wood); display: inline-flex; align-items: center; gap: 10px; background: var(--primary); border-radius: 40px 40px 40px 0;}

.download_area .app-btns a img{ transition:all .3s ease-in-out;}

.download_area .app-btns a strong{ font-size: 18px; font-weight: 600; display: block;}

.download_area .app-btns a:hover{ background: #FFF39F; color: var(--wood); border-radius: 40px 0 40px 40px;}

.download_area .app-btns a.app{ background: var(--navy); color: var(--white);}

.download_area .app-btns a.app:hover{ background: #0B3B6A; color: var(--white);}

.download_area .app-btns a.mac{ background: var(--white); color: var(--secondary);}

.download_area .app-btns a.mac:hover{ background: #DAE6EE; color: var(--secondary);}



/*=================================

 		    Privacy Page

=================================*/

.footer_area.pt-ragular{ padding-top: 70px;}



.privacy_area{ padding: 217px 0 90px 0;}

.floting-sidebar{ position: sticky; top: 100px; margin: 0; display: block; padding: 0 67px 0 0;}

.privacy-menu{ margin: 0; padding: 10px 0; background: var(--white); border: 1px solid #DAE6EE; border-radius: 30px;}

.privacy-menu li{ margin: 0; padding: 0; font-size: 16px; line-height: 150%;}

.privacy-menu li a{ padding: 12px 27px; display: block; color: var(--navy);}

.privacy-menu li a:hover{ color: var(--secondary);}

.privacy-menu li a:focus{ color: var(--secondary); background: #F6FAFD; font-weight: 600;}

.privacy_area h5{ margin: 0 0 30px; color: var(--navy); font-weight: 600;}

.privacy_area h3.title{ margin: 40px 0 25px;}





/***** FORM LOADER ******/
.form-button-sec {
  display: flex;
  align-items: center;
}

.form-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.form-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

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

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
.form-spinner {
    /* visibility: hidden; */
    display: inline-block;
    background-color: #056bb7;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;

}

.hero-slider, .info-slider, .organize-slider{opacity: 0;visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.hero-slider.slick-initialized, .info-slider.slick-initialized, .organize-slider.slick-initialized {visibility: visible;opacity: 1;}


.subs_area{ position: relative; z-index: 5; margin-top: -60px;}
.subs_area .inner{ width: 100%; padding: 20px; background: var(--white); border-radius: 20px; box-shadow: 0 0 70px rgba(0,0,0,0.1);}
.subs_area .inner .form-group{ flex-wrap: wrap; display: flex; gap: 10px; padding: 38px; background: linear-gradient(263deg, var(--secondary) 1.2%, var(--blue) 100%); border-radius: 10px; justify-content: center;}
.subs_area .inner .form-group h6{ margin: 0 0 16px; width: 100%; text-align: center; font-weight: 600; color: var(--white);}
.subs_area .inner .form-group .form-control{ width: 100%; max-width: 450px; margin: 0; padding: 0 25px; height: 55px; border-radius: 55px 55px 55px 0; background: var(--white); border: none; font-size: 17px; color: var(--navy); transition:all .3s ease-in-out;}
.subs_area .inner .form-group .form-control:focus{ background: #F6FAFD;}

#cookiePopup{ position: fixed; width: 100%; box-shadow: 0 0 2em rgba(0, 0, 0, 0.15); background: linear-gradient(263deg, var(--secondary) 1.2%, var(--blue) 100%); text-align: justify; padding: 20px 0; transition: all 0.5s ease-in; bottom: 0; left: 0; margin: 0; z-index: 55;}
#cookiePopup .container{ display: flex; align-items: center; gap: 30px;}
#cookiePopup p { margin: 0; color: var(--white);}
#cookiePopup button { background-color: var(--primary); border: none; color: var(--wood); font-size: 16px; padding: 14px 30px; display: block; position: relative; margin: auto; border-radius: 5px;}
#cookiePopup button:hover { color: var(--white); background: var(--navy);}
#cookiePopup a { color: var(--primary); text-decoration: underline;}
#cookiePopup a:hover { color: var(--white);}
#cookiePopup.hide { visibility: hidden;}
#cookiePopup.show { visibility: visible;}

/* captcha */

.trial_form fieldset { 
  border:none; 
  padding: 0; 
  max-width: 400px;
  background-color: none;
  border-radius: 5px;
  margin-bottom: 30px;
}


.CaptchaWrap { position: relative; }
.CaptchaTxtField { 
  border-radius: 5px; 
  border: 1px solid #ccc; 
  display: block;  
  box-sizing: border-box;
}

#UserCaptchaCode { 
  padding: 15px 25px; 
  outline: none; 
  font-size: 18px; 
  font-weight: normal; 
  font-family: 'Open Sans', sans-serif;
  width: 343px;
}
#CaptchaImageCode { 
  text-align:center;
  margin-top: 15px;
  padding: 0px 0;
  width: 300px;
  overflow: hidden;
}

.capcode { 
  font-size: 46px; 
  display: block; 
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; 
  cursor: default;
  letter-spacing: 1px;
  color: #ccc;
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-style: italic;
}

.ReloadBtn { 
  background:url('../images/captcha-reload.webp') left top no-repeat;   
  background-size : 100%;
  width: 32px; 
  height: 32px;
  border: 0px;
  outline: none;
  position: absolute; 
  bottom: 30px;
  left : 310px;
  outline: none;
  cursor: pointer; 
  filter: brightness(0) invert(1);
}
.btnSubmit {
  margin-top: 15px;
  border: 0px;
  padding: 10px 20px; 
  border-radius: 5px;
  font-size: 18px;
  background-color: #1285c4;
  color: #fff;
  cursor: pointer;
}

.error { 
  color: red; 
  font-size: 12px; 
  display: none; 
}
.success {
  color: green;
  font-size: 18px;
  margin-bottom: 15px;
  display: none;
}

.sticky_button{ margin: 0; padding: 0; position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 99;}
.sticky_button .lgs_btn{ text-transform: uppercase; font-size: 18px; font-weight: 700; padding: 14px 20px; border-radius: 15px 15px 0 0; color: var(--wood); background: var(--primary); display: inline-block; transform: rotate(-90deg); margin: 40px -82px 0 0;}

.faq{ padding: 217px 0 80px;}
#accordionFaq .accordion-item{ border-radius: 30px; margin-bottom: 20px; border: 1px solid #d5d8dc;}
#accordionFaq .accordion-button{ font-weight: 700; padding: 20px 80px 22px 34px; text-align: start; font-size: 20px; color: var(--navy); background: none; border: none; box-shadow: none; line-height: 1;}
#accordionFaq .accordion-button:not(.collapsed){ color: var(--secondary);}
#accordionFaq .accordion-button::after{ content: "+"; font-size: 130%; border: none; background: none; position: absolute; top: 45%; right: 34px; transform: translateY(-50%); color: var(--secondary); width: auto; height: auto;}
#accordionFaq .accordion-button:not(.collapsed)::after{ content: "-";}
#accordionFaq .accordion-body{ border: none; padding: 0 34px 6px;}

.hivebot_hero{ padding:205px 0 70px 0; background: #F6FAFD;}
.hivebot_hero h2{ margin: 0 0 25px; font-weight: 700; font-family: var(--fontTitle); color: var(--navy);}
.hivebot_hero p{ margin-bottom: 30px;}

.hivebot_form{ border-radius: 18px; background: var(--white); padding: 30px; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.07);}
.hivebot_form h5{ margin-bottom: 15px; font-weight: 700; font-family: var(--fontTitle); color: var(--navy);}