/*
Theme Name: Reality

Author: Reality
Author URI: http://reality.com/
Description: Thank you.

*/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
  --black:#000000;
  --blue:#0068E5;
  --darkBlue:#0c354f;
}

/*
 font-family: "Inter", sans-serif;
*/


button:focus, input:focus {outline: none;}
body {font-size:16px; font-family: "Inter", sans-serif; color: var(--black); }
h1,h2,h3,h4 { font-family: "Inter", sans-serif; font-weight: 400;  }
img {max-width: 100%;}
a, a:hover {text-decoration: none;}
.wrapper {position: relative; max-width:1920px; margin: 0px auto; padding-top: 100px;}
.container {max-width: 1396px;}


.blue-btn {background:var(--blue); color:#ffffff; padding:12px 35px; border-radius:25px; font-size: 16px; font-weight:500; border:none; display: inline-block; font-family: "Inter", sans-serif; position: relative; transition: background 0.2s linear; }
.blue-btn:hover {background:var(--darkBlue); color: #ffffff; text-decoration: none;}
.blue-btn img {margin-left: 5px; transition: transform 0.2s linear;}
.blue-btn:hover img {transform: translate(5px, 0px);}

.header {padding:14px 0px 12px 0px;transition: all 0.2s linear; position: fixed; top: 0px; width: 100%;left: 0px; z-index: 11;}
.header.fix {box-shadow: 0 0 10px rgba(0,0,0,0.3); background:#fff; padding: 12px 0px;}
.header .logo {max-width: 135px;}
.right-head .user-icon {color: #000; padding: 0px 0px 0px 26px; margin-right: 30px; background: url(images/member-icon.svg) no-repeat 0px 0px;}




.mainNav {position: relative; }
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border:none; cursor: pointer; float:right; width: 33px; height: 28px;background: #ffffff; position: relative; z-index: 101;transition: right 0.2s linear; padding: 0px; margin:-1px 0px 0px 0px;}
.mobileNavBtn span { width:24px; left: 6px; top: 6px; height: 2px; background:#000000; position: absolute; transition: all 0.3s linear;border-radius: 2px;}
.mobileNavBtn span:nth-child(2) {top: 13px;}
.mobileNavBtn span:nth-child(3) {top: 21px;}
.openNav {overflow: hidden;}
.openNav .mobileNavBtn {top: 10px; left: 256px; position: fixed;border:none;}
.openNav .mobileNavBtn span { top: 12px; width: 16px;}
.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg)}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 12px;}

.menu-item-has-children {position: relative;}
.menu-item-has-children>a{position: relative; padding-right:20px;}
.menu-item-has-children>a:before {content: ""; position: absolute; right: 1px; top: 3px; width: 7px; height: 7px; border-right: solid 2px #000;border-bottom: solid 2px #000; transform: rotate(45deg);}
.menu-item-has-children .sub-menu {position: absolute; left: 0px; top: 95%;  width:200px; transform: rotateX(90deg);transform-origin: top; transition: transform 0.3s linear;}
.menu-item-has-children .sub-menu ul {background-color: #ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); padding: 10px; border-radius: 10px; margin: 15px 0px 0px 0px;}
.sub-menu li {display: block;}
.sub-menu li a {padding:8px 15px; font-size: 14px; display: block; color: #000; border-bottom: solid 1px #efefef;}

@media (min-width: 1026px) {
  .navigation>ul {padding: 0px 0px 0px 10px; margin:0px; list-style: none;}
  .navigation>ul>li {display: inline-block; margin: 0px 0px; padding:8px 15px; line-height: 1; vertical-align: middle;}
  .navigation>ul>li>a {color:var(--black); font-size: 16px;  font-weight: 400; display: inline-block;  font-family: "Inter", sans-serif;}
  .navigation>ul>li a:hover {color:var(--blue); text-decoration: none; }
  .navigation>ul>li .active {color:var(--blue); }
  .navigation>ul>li:last-child {border-right: none;}
  .sub-menu li a:hover { color:var(--blue);}
  .menu-item-has-children:hover .sub-menu {transform: rotateX(0deg);}

}
.overLay {transition: all 0.3s linear;position: fixed; top: 0px; left: 0px;width: 100%;height: 100%; background:rgba(0,0,0,0.5);z-index: 11; display: none;}
@media (max-width: 1025px) {
  .header .col-b {flex:1 1 0; order: 1; width: auto; min-width: 60px;}
  .header .col-c {display: none;}
  .mobileNavBtn {display: inline-block; }
  .navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
  .navigation {position: fixed;top: 0px;width:290px;bottom: 0px;  z-index: 100; left:-291px; transition: all .2s linear; height: 100%; padding:42px 15px 10px 15px;background:#ffffff;}
  .openNav .navigation {left: 0px;} 
  .openNav .overLay  {display: block;} 
  .navigation>ul {margin:0px;padding:0px 0px 10px 0px; list-style: none;min-height: calc(100vh - 60px); text-align: left; width: 100%;}
  .navigation>ul>li {padding:8px 10px;    border-bottom: solid 1px #ccc;}
  .navigation>ul>li>a {color:var(--black); font-weight: 500; display:block;}

  .menu-item-has-children .sub-menu {position: static; display: none;  width: 100%;transform: rotateX(0deg);}
  .menu-item-has-children .sub-menu ul {box-shadow: none;margin: 0px; padding: 0px;}
  .menu-item-has-children>a:before {right: 6px; top: 7px;}
  
}


.home-heading {padding: 0px 0px 20px 0px;}
.home-heading h2 {margin: 0px 0px 20px 0px; font-weight: 700; font-size: 48px;}
.home-heading .desc {margin: 0px 0px 20px 0px; font-weight: 400; font-size:16px;}


.home-sec-a {background-color:rgb(0 104 229 / 10%); padding: 80px 0px;
  background-image: url(images/reaility-pattern-01.png), url(images/reaility-pattern-02.png);
  background-position: -10px 90px, bottom -60px right -10px;
  background-repeat: no-repeat;}
.home-sec-a .img {position: relative; background: url(images/reaility-pattern-02.1.png) no-repeat left 0px bottom 0px; padding: 0px 0px 4px 27px; margin: 0px -20px 0px -35px;}
.home-sec-a .img iframe {width: 100%; height: 400px;}
.home-sec-a .tag {font-weight: 600; font-size: 14px; color: #616161;text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 20px; position: relative; margin-bottom: 20px;}
.home-sec-a .tag:before {content: ""; position: absolute; left: 0px; top: 9px; width: 14px; height: 2px;background: #00BF37;}
.home-sec-a .h1 {font-size: 56px; font-weight: 600; color: #000; margin: 0px 0px 20px 0px;}
.home-sec-a .tet-a {font-size: 16px; font-weight: 400; padding: 0px 0px 30px 0px; max-width: 610px;}
.home-sec-a .tet-b {font-size: 14px; font-weight: 400; color:#616161; padding: 20px 0px 0px 0px; max-width: 400px; }
.home-sec-a .text {max-width: 650px;}

.home-sec-b {position: relative; padding: 80px 0px 30px 0px;}
.home-sec-b .batch {position: absolute; left: 50%; top:0px; transform: translate(-50%,-50%);}
.home-sec-b .h2 {font-size: 24px; font-weight: 500; text-align: center; margin: 0px 0px 20px 0px;}
.home-sec-b .item {line-height: 72px; text-align: center;}

.logoSlider { position: relative; overflow: hidden;max-width: 100%;  margin: 0 auto;}
/*.logoSlider .owl-carousel .owl-stage {transition: transform 2.0s linear !important;}*/
.logoSlider .slider-a { width: max-content; animation: moveSlideshow 15s linear infinite;}
@keyframes moveSlideshow {
  0% {transform: translateX(0px); }
  100% {transform: translateX(-1600px); }
}
.logoSlider .item {display: inline-block; vertical-align: top; margin: 0px 30px;}


.home-sec-c {padding: 60px 0px 90px 0px;}
.home-sec-c .home-heading {text-align: center; max-width: 940px; margin: 0px auto;}
.offers-sec {background-color: #04c0381a; border-radius: 16px; padding-bottom: 40px; overflow: hidden;}
.offers-sec .tab-nav {text-align: center; padding: 80px 20px 20px 20px;}
.offers-sec .tab-nav span {font-size: 20px; font-weight: 500; color: #000;line-height: 1.2; padding: 2px 20px 10px 20px; border-bottom: solid 3px #CAE9D2; margin: 0px 10px; cursor: pointer; min-width: 250px; display: inline-block;}
.offers-sec .tab-nav span.active {border-bottom-color: #00BF37;}

.offer-block {margin: 30px 50px 0px 90px;}
.offer-block h2 {font-size: 36px; margin: 0px 0px 20px 0px; font-weight:600;}
.offer-block .txt-a {font-size: 16px; margin: 0px 0px 30px 0px;}
.offer-block-tab-sec {position: relative;margin-bottom: 30px;}
.offer-block-tab {padding: 10px 20px;}
.offer-block-tab.act {background-color: #D0EBD7;border-radius: 5px; padding: 20px 20px; margin: 10px 0px;}
.offer-block-tab .title {font-size: 18px; font-weight: 500; position: relative; cursor: pointer;}
.offer-block-tab .title .icon {border: solid 2px #222222; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 0px; top: 4px;}
.offer-block-tab .title .icon:before, .offer-block-tab .title .icon:after {content: ""; height: 2px; background-color: #222222; width: 9px; position: absolute; left: 4px; top: 8px;transition: transform 0.3s linear;}
.offer-block-tab .title .icon:after {transform: rotate(90deg);}
.offer-block-tab.act .title .icon:after {transform: rotate(0deg);}
.offer-block-tab .offer-block-desc {font-size: 15px; font-weight:400; display: none;padding-top: 10px;}
.offer-block-tab.act .offer-block-desc {display: block;}
.offer-block .blue-btn {background-color: #00BF37;}

.offer-banner-img {position: relative;}
.offer-banner-img:before {content: ""; width: 74px; height: 74px; position: absolute; left: -35px; bottom: 25px; background: url(images/reaility-pattern-03.png) no-repeat 0px 0px;}
.offer-banner-img img {box-shadow: 0px 0px 20px rgba(0,0,0,0.3); border-radius: 20px 0px 0px 20px;}

.home-sec-d {padding:10px 0px 0px 0px; position: relative;z-index: 1;}
.home-sec-d:before {content: ""; width: 74px; height: 74px; background: url(images/reaility-pattern-03.png) no-repeat 0px 0px; position: absolute; right: 0px; top: 0px; transform: rotate(180deg);}
.home-sec-d:after {content: ""; width: 74px; height: 74px; background: url(images/reaility-pattern-05.png) no-repeat 0px 0px; position: absolute; left: 0px; bottom:-30px;}
.home-sec-d .left {background: url(images/reaility-pattern-04.png) no-repeat top 140px left 10px; padding: 30px 30px 0px 80px;}
.choose-box {border-radius: 16px; background: #ffffff; padding: 5px; box-shadow: 0px 8px 32px rgba(0,0,0,0.08); margin-bottom: 100px;}
.choose-box .img {background: #ffffff; border-radius: 16px; overflow: hidden; text-align: center;}
.choose-box .img img {}
.choose-box .txt {padding: 40px 40px;}
.choose-box h3 {font-size: 22px; font-weight:600; margin: 0px 0px 10px 0px;}
.choose-box .txt-a {font-size: 16px; }
.home-sec-d .right {background: url(images/reaility-pattern-04.png) no-repeat bottom 300px right 0px; padding: 95px 65px 0px 35px;}

.home-sec-e {background: url(images/ele-sec-bg.jpg) no-repeat center; padding:300px 0px 0px 0px; margin-top: -290px; position: relative; }
.home-sec-e .banner-img {text-align: center; position: relative;}
.home-sec-e .home-heading {text-align: center; color: #ffffff; max-width:1000px; margin: 0px auto 50px auto; position: relative;}
.home-sec-e .home-heading .blue-btn {margin-top: 10px;}

.home-sec-f {background: #ffffff; padding:110px 0px 80px 0px;}
.home-sec-f .home-heading {text-align: center; max-width:620px; margin: 0px auto; padding-bottom: 0px;}
.users-say-slider {position: relative; padding:33px 26px 10px 100px; 
  background-image: url(images/quote-icon.svg), url(images/reaility-pattern-04.png);
  background-position: left 100px top 50px, right 0px top 0px;
  background-repeat: no-repeat; min-height: 300px;}

.users-say-slider .img-col {margin: 0px 0px 15px 0px; width: 440px;}
.users-say-slider .img-col img {border-radius: 15px;}
.users-say-slider .name {font-size: 20px; font-weight: 500;}
.users-say-slider .name span {font-size: 16px; font-weight: 400; color: #8F8F8F;}
.users-say-slider .qute-txt {font-size: 22px; padding:80px 30px 50px 80px; max-width: 610px; box-sizing: content-box;}

.users-say-slider .owl-dots {position: absolute; left: -90px; top: 0px; bottom: 0px;display: flex; flex-direction: column; justify-content: center; width: 35px;}
.users-say-slider .owl-dots .owl-dot {width: 28px; height: 28px; border:solid 1px #D9E8FB; border-radius: 50%;background: #ffffff; position: relative; margin: 5px 0px;}
.users-say-slider .owl-dots .owl-dot:before {content: "1"; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; text-align: center; line-height: 27px; color: #000; font-size: 14px; border-radius: 50%;}
.users-say-slider .owl-dots .owl-dot.active:before {background: var(--blue); color: #ffffff; font-weight: 600;}
.users-say-slider .owl-dots .owl-dot:nth-child(2):before {content: "2";}
.users-say-slider .owl-dots .owl-dot:nth-child(3):before {content: "3";}
.users-say-slider .owl-dots .owl-dot:nth-child(4):before {content: "4";}
.users-say-slider .owl-dots .owl-dot:nth-child(5):before {content: "5";}

.footer {padding:40px 0px;background:linear-gradient(#E6F0FD,#ffffff);}
.foot-links {text-align: right;}
.foot-links a {color: #000000; font-size: 16px; display: inline-block; margin: 0px 0px 0px 30px;}
.foot-links a:hover {color: var(--blue);}
.footer .row2 {padding-top: 50px;}
.copyright {color:#535551;font-size: 14px; font-weight: 400;}
.social-links {padding: 0px; margin: 0px; list-style: none;}
.social-links li {display: inline-block; vertical-align: top; margin: 0px 0px 0px 20px;}
.social-links li a {display: block; width: 22px; height: 22px; background: url(images/social-icons.svg) no-repeat 0px 1px;}
.social-links .linked {background-position: -43px 0px;}
.social-links .rss {background-position: -87px 1px;}
.social-links .twitter {background-position: -132px 1px;}
.foot-logo a {display: inline-block; max-width: 134px;}


.videoBlock {max-width: 720px; margin: 0px auto; position: relative; padding: 0px 0px 0px 0px;}
.videoBlock .aa {border-radius: 16px 16px 0px 0px; cursor: pointer;}
.videoBlock .bb {position: absolute; right: 0px; bottom: 0px; max-height: 90%;}

.videoPopup .modal-dialog {max-width: 700px;}
.videoPopup .modal-header {padding-top:5px; padding-bottom:5px;}
.videoPopup iframe {width: 100%; height: 450px;}




/*inner pages css*/
.inner-page-banner {background-color:rgb(0 104 229 / 10%); padding: 60px 0px;
  background-image: url(images/reaility-pattern-01.png), url(images/reaility-pattern-02.png);
  background-position: -10px 90px, bottom -60px right -10px;
  background-repeat: no-repeat;}
.inner-page-banner .img  img {border-radius: 16px;}
.inner-page-banner .tag {font-weight: 600; font-size: 14px; color: #616161;text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 20px; position: relative; margin-bottom: 20px;}
.inner-page-banner .tag:before {content: ""; position: absolute; left: 0px; top: 9px; width: 14px; height: 2px;background: #00BF37;}
.inner-page-banner .h1 {font-size: 56px; font-weight: 600; color: #000; margin: 0px 0px 20px 0px;}
.inner-page-banner .tet-a {font-size: 16px; font-weight: 400; padding: 0px 0px 30px 0px; max-width: 610px;}

.brokers-sec-b {padding: 80px 0px 20px 0px;}
.brokers-sec-b .home-heading {text-align: center; max-width: 870px; margin: 0px auto 15px auto;}
.brokers-sec-b h3 {font-size: 36px; font-weight: 600; margin: 0px 0px 30px 0px;}
.numBg {padding: 0px 0px 15px 0px;}
.numBg .bg {display: inline-block; width: 64px; height: 64px; text-align: center; line-height: 62px; font-size: 24px; font-weight: 800; color: #00BF37; border-radius: 8px; background: rgb(0 191 55 / 10%)}
.box-info-icon {border-radius: 16px; border:solid 2px #ECF2F9; padding: 30px; margin-bottom: 30px;}
.box-info-icon .col-auto {max-width: 100px;}
.box-info-icon h4 {font-size: 22px; font-weight: 500; margin: 0px 0px 15px 0px;}
.box-info-icon .txt {font-size: 16px;}

.brokers-sec-c {padding: 80px 0px; background: rgb(0 191 55 / 10%)}
.brokers-sec-c .col-img img {border-radius: 16px;}
.brokers-sec-c .col-img {max-width: 556px; padding-right: 40px;}
.brokers-sec-c .home-heading {text-align: center;padding-bottom: 40px;}

.tik-box {margin: 0px 0px 36px 0px;padding-left: 40px; position: relative;}
.tik-box:before {content: ""; width: 26px; height: 26px; position: absolute; left: 0px; top: 5px; background:url(images/green-tick.svg) no-repeat 1px 1px;}
.tik-box .txt-a {font-size: 22px; font-weight: 500; margin: 0px 0px 10px 0px;}
.tik-box .txt-b {font-size: 16px;}

.brokers-sec-d {padding: 80px 0px;}
.blueBg {text-align: center; border-radius: 16px; padding: 60px; color: #ffffff; background:#034290 url(images/ele-sec-bg.jpg) no-repeat center;}
.blueBg .home-heading {margin: 30px auto 0px auto; max-width: 890px;}
.blueBg .home-heading h2 {margin: 10px auto 20px auto; max-width: 630px; font-weight: 600;}
.blueBg .home-heading .desc {line-height: 1.8;}


.multi-sec-b {padding: 80px 0px 50px 0px; overflow: hidden;}
.multi-sec-b .home-heading {text-align: center; max-width: 800px; margin: 0px auto 15px auto;}
.benefitsRow {position: relative; padding: 0px 40px;}
.benefitsRow:before, .benefitsRow:after {width: 140px; height: 112px; content: ""; background: url(images/reaility-pattern-02.1.png) no-repeat; position: absolute; left: 0px; bottom: 0px;}
.benefitsRow:after {right: 0px; left: inherit;}
.benefitsRow .box-info-icon {background: #ffffff; position: relative;z-index: 1;margin-bottom: 15px;}
.benefitsRow .box-info-icon .col-auto {flex:0 0 100%;max-width: inherit; padding-bottom: 25px;}

.agent-sec-b {padding: 80px 0px 50px 0px;}
.agent-sec-b .home-heading {margin:0px auto; max-width: 670px; text-align: center;}

.point {padding: 0px; margin: 0px; list-style: none;}
.point li {padding: 0px 0px 10px 30px; background: url(images/green-tick.svg) no-repeat 2px 5px / auto 16px;}
.point li:last-child {padding-bottom: 0px;}

.agent-sec-c {padding: 70px 0px 50px 0px; overflow: hidden;}
.agent-sec-c .home-heading {text-align: center;}

.company-sec-a {text-align: center;background-color: transparent; position: relative;background-position: -10px 90px, top 300px right -10px}
.company-sec-a:before {content: ""; background-color: rgb(0 104 229 / 10%); width: 100%; height:640px;position: absolute; left: 0px; top: 0px;}
.company-sec-a .tag {display: inline-block;}
.company-sec-a .container {position: relative;}
.company-sec-a .tet-a {margin: 0px auto; max-width: 870px;}
.company-sec-a .img {padding: 0px 50px 80px 50px;position: relative; max-width: 1300px; margin: 0px auto;}
.company-sec-a .img:before, .company-sec-a .img:after {position: relative; content: ""; width: 76px; height: 76px; background: url(images/reaility-pattern-03.png) no-repeat center; position: absolute; bottom: 0px; left: 0px;} 
.company-sec-a .img:after {right: 0px; left: inherit; transform: rotate(270deg);}

.company-sec-b {padding: 5px 0px 80px 0px;}
.company-sec-b .imgArea {position: relative; padding-bottom: 100px;}
.company-sec-b .imgArea .img-a {border-radius: 16px;}
.company-sec-b .imgArea .img-b {border-radius: 16px; outline:solid 16px #ffffff; position: absolute; right: 0px; bottom: 0px; max-width: 70%;}

.company-sec-c {padding:10px 0px 80px 0px; position: relative;}
.company-sec-c .home-heading {text-align: center;}
.software-help-row {position: relative;}
.software-help-row .bgImg img {border-radius: 16px;margin-left: auto; display: block; min-height: 600px;}
.pointOverlap {position: absolute; left: 0px; top:50px; width: 100%; max-width: 650px;}
.pointOverlap .box {border-radius: 16px; border:solid 2px #ECF2F9; padding:15px 13px 15px 108px; min-height: 115px; position: relative; background-color: #ffffff; max-width: 555px; margin-bottom: 20px;}
.pointOverlap .box .icon {position: absolute; left: 22px; top: 20px;}
.pointOverlap .box .txt-a {font-size: 22px; font-weight:500; padding: 0px 0px 5px 0px;}
.pointOverlap .box .txt-b {font-size: 16px;}
.pointOverlap .box:nth-child(2), .pointOverlap .box:nth-child(4) {margin-left: 40px;}

.company-sec-d {background-color: #00BF371A; padding: 80px 0px;}
.company-sec-d .img img {border-radius: 16px;}
.company-sec-d .home-heading {max-width: 630px; margin-left: auto;}


.company-sec-e {padding: 80px 0px;}
.company-sec-e .home-heading {margin: 0px auto; max-width: 700px; text-align: center;padding-bottom: 70px;}
.company-blue-bg {border-radius: 16px; padding: 80px;background:linear-gradient(45deg,#023A7D,#0469E3); position: relative;}
.company-blue-bg:before {content: ""; position: absolute; right: 60px; bottom: 0px; height: 100%; width: 560px; background: url(images/reailty-image-23.png) no-repeat bottom 0px right 0px;}
.company-blue-bg .txt {max-width: 600px;color: #ffffff;}
.company-blue-bg .txt-a {font-size: 48px; font-weight: 500;  margin: 0px 0px 10px 0px;}
.company-blue-bg .txt-b {font-size: 16px; margin: 0px 0px 20px 0px;}
.company-blue-bg .txt-b a {color: #ffffff; text-decoration: underline;}

.contact-sec-a {padding:60px 0px 80px 0px;}
.contactSideBar {background-color: #00BF371A; border-radius: 16px; padding: 40px 25px;max-width: 440px;}
.contactSideBar h3 {margin: 0px 0px 20px 0px; font-size: 28px; font-weight:600;}
.infoRow {position: relative; padding: 0px 0px 25px 50px;}
.infoRow .icon {position: absolute; left: 0px; top: 0px;}
.infoRow .txt-a {font-size: 18px; font-weight: 700;}
.infoRow .txt-b {font-size: 16px; }
.infoRow .txt-b a {color: #000;}

.contactArea {padding-left: 50px;}
.contactArea h1 {margin: 0px 0px 30px 0px; font-size: 56px; font-weight: 600;}

.form .form-group {margin-bottom: 20px;}
.form .form-label {margin:0px 0px 2px 0px; font-size: 16px; font-weight: 500;}
.form .form-control {box-shadow: none; outline: none; height: auto; padding: 14px 16px;}
.form select.form-control {background: url(images/drop-down-arrow.svg) no-repeat top 22px right 15px; padding-right: 30px;}
.form .form-check-label {font-size: 14px; color: #707070;}

.blog-sec-b {padding: 60px 0px;}
.blog-sec-a {background-position: -10px 40px, top 40px right -10px;background-color: #00BF371A; padding: 90px 0px;}
.blog-sec-a .h1 {text-align: center;}
.blog-box {border:solid 1px #D9D9D9; padding: 22px; height: 100%;}
.blog-box .img {display: block; margin-bottom: 20px;}
.blog-box .img img {height: 200px; width: 100%; object-fit: cover;}
.blog-box .txt-area {padding-left: 35px;}
.blog-box .date {font-size: 14px; font-weight: 600; position: relative; margin: 0px 0px 10px 0px; text-transform: uppercase;}
.blog-box .date:before {content: ""; width: 25px; height: 12px; background-color: #0068E5; position: absolute; left: -35px; top: 5px;}
.blog-box .txt-a {font-size: 28px; font-weight: 700; line-height: 1.2; position: relative; margin: 0px 0px 20px 0px;}
.blog-box .txt-a a {color: #000;}
.blog-box .txt-a a:hover {color: var(--blue); text-decoration: none;}
.blog-box .txt-b {font-size: 16px;margin: 0px 0px 15px 0px;}
.blog-box .txt-c {font-size: 16px;}
.blog-box .txt-c a {font-weight: 600; color: #000;}
.blog-box .txt-c a:hover {text-decoration: underline;}
.blog-row .col-lg-4 {margin-bottom: 30px;}
.paging {text-align: center; padding: 30px 0px 20px 0px;}

.pagination {justify-content: center; }
.pagination .page-numbers {padding: 8px 15px; margin: 5px; border: 1px solid #ccc; color: #000; text-decoration: none; border-radius: 5px; }
.pagination .page-numbers.current {background:var(--blue); color: #fff; border-color: var(--blue);}
.pagination a.page-numbers:hover {background:var(--blue); color: #fff; border-color: var(--blue);}


.blogDetailHeading {border-bottom: solid 1px #D9D9D9; padding: 70px 0px 30px 0px;}
.blogDetailHeading .cat {border:solid 1px #000000; border-radius: 15px; padding: 1px 18px; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block;}
.blogDetailHeading h1 {font-size: 56px; font-weight: 600; margin: 10px 0px 20px 0px;}
.blogDetailHeading .date {font-size: 22px; font-weight: 400; }

.rightSideBar {width: 420px; padding: 20px 20px 20px 40px;}
.rightSideBar .tagline {font-size: 14px; font-weight: 500; text-transform: uppercase; margin: 0px 0px 10px 0px;}
.rightSideBar h2 {font-size: 32px; font-weight: 700; text-transform: uppercase; margin: 0px 0px 20px 0px;}
.recentPostList {list-style: none; padding: 0px; margin: 0px;}
.recentPostList li {border-bottom: dashed 1px #D9D9D9; padding: 20px 0px 20px 35px;}
.recentPostList .date {font-size: 14px; font-weight: 500; position: relative; margin: 0px 0px 10px 0px; text-transform: uppercase;}
.recentPostList .date:before {content: ""; width: 25px; height: 12px; background-color: #0068E5; position: absolute; left: -35px; top: 5px;}
.recentPostList .txt-a {font-size: 20px; font-weight: 600; line-height: 1.2;}
.recentPostList .txt-a a {color: #000;}
.recentPostList .txt-a a:hover {color: var(--blue);}

.leftSideBar {border-right:solid 1px #D9D9D9;}
.leftSideBar .blogImg {border-bottom:solid 1px #D9D9D9; margin-bottom: 30px; padding:30px 30px 30px 0px;}
.blogContent {font-size: 20px; line-height: 1.7;padding:0px 30px 30px 0px;}
.blogContent .alignleft {float: left; margin-right: 1rem; }



.pricing-sec-a {background-color: rgb(0 229 104 / 10%); padding: 90px 0px 70px 0px;}
.pricing-sec-a .text {text-align: center; max-width: 1120px; margin: 0px auto;}
.inner-page-banner .tet-a {margin: 0px auto; max-width: 980px;}

.pricing-sec-b {padding: 60px 0px;}
.pricingTabNav {display: inline-block;border-bottom: solid 1px #ECF2F9;margin:0px 0px 10px 0px;}
.pricingTabNav .link {cursor: pointer; color: #A8A8A8; font-size: 16px; font-weight: 500; padding:10px 20px 20px 20px; position: relative; text-transform: uppercase; display: inline-block;}
.pricingTabNav .link.active {font-weight: 700; color: #0068E5;}
.pricingTabNav .link.active:before {content: ''; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 5px;background-color:#0068E5;}
.pricingSubTab {text-align: right;}
.pricingSubTab .txt-a {padding-bottom: 15px;}
.pricingSubTab .txt-b {color: #484848; font-size: 14px; display: inline-block;}
.switchNew {position: relative;display: inline-flex ; flex-wrap: wrap; align-items: center;}
.switchNew .bgcircle {position: relative; display: inline-block; width: 60px; height: 34px; margin: 0px 10px;}
.switchNew input {opacity: 0; width: 0; height: 0; }
.switchNew .label-a, .switchNew .label-b {color: #A8A8A8; font-size: 16px; display: inline-block;}
.switchNew .label-a {color: #000;}
input:checked ~ .label-a {color: #A8A8A8;}
input:checked ~ .label-b {color: #000;}
input:checked ~ .bgcircle .slider {background-color: hsl(212.75deg 100% 44.9% / 10%); }
input:focus ~ .bgcircle .slider {box-shadow: 0 0 1px hsl(212.75deg 100% 44.9% / 10%); }
input:checked ~ .bgcircle .slider:before { transform: translateX(26px); }




.pricingRow {padding: 40px 0px 10px 0px;}
.pricingRow .row .col-md {flex: 0 0 33.33%;}
.pricingBox {border:solid 1px #D9D9D9; font-size: 12px; border-radius: 12px; padding:35px 25px 15px 25px; height: 100%; max-width: 440px; position: relative;}
.pricingBox .text-a {background-color:#0068E51A; padding: 6px 20px; border-radius: 4px; color: #000; font-weight:500; display: inline-block; font-size: 14px;}
.pricingBox .text-b {padding: 10px 0px; font-size: 32px; font-weight: 600;}
.pricingBox .text-c {padding:0px 0px 25px 0px; font-size: 16px; font-weight: 400;}
.pricingBox .text-d {padding:0px 0px 25px 0px; font-size: 14px; font-weight: 400;}
.amountRow .am-a {font-size: 48px; font-weight: 600; line-height: 1; color: #000;}
.amountRow .am-b {font-size: 13px; font-weight: 600; color: #0D5C24; padding: 7px 12px; background-color:#00BF371A; border-radius: 12px;}
.amountRow .am-c {font-size: 16px;display: block; padding: 10px 0px 15px 0px;}
.plan-btn {font-size: 16px; font-weight: 700; color: var(--blue); border:solid 2px var(--blue); border-radius: 5px; background:#ffffff; width: 100%; padding: 10px 15px;}
.pricingBox .text-e {padding: 5px 0px 15px 0px;}
.pricingBox .text-f {font-size: 16px; font-weight: 600; padding: 10px 0px 18px 0px;}
.pricingBox .text-g ul {padding: 0px; margin: 0px; list-style: none;}
.pricingBox .text-g ul li {background: url(images/tike-icon.svg) no-repeat 3px -1px; font-size: 14px; padding: 0px 0px 20px 30px; font-weight: 500;}
.pricingBox:hover {border-color: var(--blue);}
.pricingBox:hover .plan-btn {background:var(--blue); color: #ffffff;}
.pricingBox:hover .plan-btn:hover {background:#0862cf;}
.pricingBox.active {border-color: var(--blue);border-width: 2px;}
.pricingBox.active:before {content: "";width: 110px; height: 64px; position: absolute; top: 16px; right: -8px; background: url(images/most-popular-label.png) no-repeat top right;}
.pricingBox.active .plan-btn {background:var(--blue); color: #ffffff;}
.pricingBox.active .plan-btn:hover {background:#0862cf;}

.pricing-sec-b .bottom-link {text-align: center; padding: 30px 0px 20px 0px;}
.pricing-sec-b .bottom-link a {display: inline-block; padding-right: 26px; font-weight: 600; font-size: 16px; color: #000000; background: url(images/down-arrow.svg) no-repeat top 4px right;}
.pricing-sec-c { background-color: hsl(212.75deg 100% 44.9% / 10%); padding: 60px 0px 60px 0px;}

.pricing-sec-d {padding: 90px 0px 50px 0px;}
.pricingTable th {border:none; font-size: 18px;}
.pricingTable td {border:none; font-size: 16px; font-weight: 500;}
.pricingTable td.seprator {padding: 20px 0px;}
.pricingTable td.seprator span {display: block; width: 100%; height: 1px; background: #D9D9D9;}
.pricingTable .text-a {font-size: 18px; font-weight: 600;}
.pricingTable .plus {display: inline-block; width: 24px; height: 24px; background:url(images/plus.svg) no-repeat center;}
.pricingTable .minus {display: inline-block; width: 24px; height: 24px; background:url(images/minus.svg) no-repeat center;}

.pricing-sec-e {padding: 50px 0px 100px 0px;}













.switch {position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input {opacity: 0; width: 0; height: 0; }
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:hsl(212.75deg 100% 44.9% / 10%); transition: .4s; }
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color:hsl(212.75deg 100% 44.9% / 100%);  transition: .4s; }
input:checked + .slider {background-color: hsl(212.75deg 100% 44.9% / 10%); }
input:focus + .slider {box-shadow: 0 0 1px hsl(212.75deg 100% 44.9% / 10%); }
input:checked + .slider:before { transform: translateX(26px); }
.slider.round {border-radius: 34px; } 
.slider.round:before {border-radius: 50%; }


.animation {opacity: 0;transform: translate(0px,70px); transition: all 0.5s linear;}
.animation.left {transform: translate(-60px,0px);}
.animation.right {transform: translate(60px,0px);}
.animation.ani {opacity: 1;transform: translate(0px,0px);}


.owlnav.owl-carousel .owl-nav button {width: 56px; height: 56px; background:#ffffff url(images/slider-arrow.svg) no-repeat center; margin:0px; border-radius: 50%; position: absolute; left:-70px; top: 45%; border:solid 1px #DBDDE1;}
.owlnav.owl-carousel .owl-nav button.owl-next {transform: rotate(180deg);left: inherit; right: -70px;}
.owlnav.owl-carousel .owl-nav button span {display:none;}
.owlnav.owl-carousel .owl-nav button:hover {background-color:#efefef;}

.owlnav.owl-carousel .owl-dots {display: block;text-align: center; position: absolute; left: 0px; bottom:-40px; left: 0px; width: 100%; }
.owlnav.owl-carousel .owl-dot {width: 12px; height: 12px; background:rgba(0, 0, 0, 0.25); border-radius: 50%; margin: 5px 7px;}
.owlnav.owl-carousel .owl-dot.active {background:var(--blue);}
.owlnav.owl-carousel .owl-dot:focus {outline: none;}



@media(max-width: 768px) {

  .home-sec-a {padding: 50px 0px 90px 0px;  background-size: auto 140px; 
   background-position: 60px 23px, bottom 94px right 60px;}
  .home-sec-a .img {margin: 0px 0px 30px 0px; background: none; padding: 0px;}
  .home-sec-a .img iframe {width: 100%; height: 280px;}
  .home-sec-a .h1 {font-size: 40px;}
  .home-sec-a .blue-btn {width: 100%; text-align: center;} 

  .home-sec-b .h2 {font-size: 20px;}
  .logoSlider {width: 100%;}
  .home-sec-c {padding: 20px 0px 20px 0px;}

  .home-heading h2 {font-size: 40px;}

  .offers-sec .tab-nav {padding: 20px 0px 0px 10px; overflow-x: auto; white-space: nowrap;background-color: #CAE9D2; border-radius: 16px 16px 0px 0px;}
  .offers-sec .tab-nav span {font-size: 16px; min-width: inherit; padding: 2px 10px 10px 10px;margin: 0px 0px; border-bottom-width: 3px; }
  .offer-block {margin: 0px 24px;}
  .offer-banner-img {padding: 10px;}
  .offer-banner-img:before {display: none;}
  .offer-banner-img img {box-shadow: none; border-radius: 10px;}
  .offer-block h2 {font-size: 28px; margin: 0px 0px 10px 0px;}
  .offer-block-tab.act {padding: 16px 20px;}
  .offer-block .blue-btn {width: 100%; text-align: center;}
  .offer-block-tab .title {font-size: 16px;}
  .offer-block-tab .title .icon {top: 1px;}
  .offer-block-tab {padding: 10px 0px;}
  .offer-block-tab.act {padding: 10px 15px;}


  .home-sec-d {padding: 30px 0px 0px 0px;}
  .home-sec-d:before, .home-sec-d:after {display: none;}
  .home-sec-d .left{background: none; padding: 0px;}
  .choose-box {margin-bottom: 40px;}
  .choose-box .txt {padding: 20px 15px;}
  .home-sec-d .right {background:none; padding: 0px;}
  .home-sec-e {margin-top: -90px; padding:110px 0px 0px 0px;}
  .home-sec-e .home-heading {text-align: left; margin: 0px auto 20px auto;}
  .home-sec-e .home-heading .blue-btn {width: 100%; text-align: center;}

  .home-sec-f {padding: 40px 0px 30px 0px;}
  .home-sec-f .home-heading {text-align: left;}
  .users-say-slider {background: none; padding: 0px;}
  .users-say-slider .name {font-size: 18px; margin-bottom: 30px;}
  .users-say-slider .qute-txt {background:url(images/quote-icon.svg) no-repeat 0px 0px / auto 22px; padding: 40px 0px 0px 0px; font-size: 18px;}
  .users-say-slider .img-col {width: 100%;}

  .users-say-slider .owl-dots {position: static;display: block; width: auto;text-align: center;}
  .users-say-slider .owl-dots .owl-dot {margin: 0px 4px;}


  .footer {padding: 20px 0px;}
  .foot-logo {text-align: center;}
  .foot-links {text-align: center; padding: 15px 0px;}
  .footer .row2 {padding-top: 5px;}
  .foot-links a {margin: 0px 5px;}
  .social-links {text-align: center;padding-bottom: 15px;}
  .copyright {text-align: center;}







  .inner-page-banner {padding: 50px 0px 20px 0px;  background-size: auto 140px;  background-position: 60px 23px, bottom -70px right 60px;}
  .inner-page-banner .tag {margin-bottom: 10px;}
  .inner-page-banner .img {margin-bottom: 20px;}
  .inner-page-banner .h1 {font-size: 40px;}

  .brokers-sec-b {padding: 40px 0px 20px 0px;}
  .brokers-sec-b .home-heading {margin-bottom: 5px;}
  .brokers-sec-b h3 {font-size: 32px; margin: 0px 0px 20px 0px;}
  .brokers-sec-b .g-5 .col-md-6 {margin-top: 0px; padding-top: 20px;}

  .box-info-icon {border-radius: 10px; padding: 20px; margin-bottom: 20px;}

  .brokers-sec-c {padding: 40px 0px 30px 0px;}
  .brokers-sec-c .home-heading {padding-bottom: 10px;}
  .brokers-sec-c .col-img {padding-right:calc(var(--bs-gutter-x) * 0.5); padding-bottom: 25px;}

  .tik-box {margin: 0px 0px 30px 0px;}

  .brokers-sec-d {padding: 40px 0px;}
  .blueBg {background-size: cover;border-radius: 12px; padding:30px 20px;}

  .multi-sec-b {padding: 40px 0px 30px 0px;}
  .benefitsRow {padding: 0px;}
  .benefitsRow:before, .benefitsRow:after {display: none;}

  .agent-sec-b {padding: 40px 0px 10px 0px;}
  .agent-sec-b .g-5 .col-md-6 {margin-top: 0px; padding-top:0px;}
  .agent-sec-c {padding: 20px 0px 30px 0px;}
  .agent-sec-b .home-heading {padding-bottom: 50px;}

  .company-sec-a .tet-a {padding-bottom: 10px;}
  .company-sec-a .img:before, .company-sec-a .img:after {display: none;}
  .company-sec-a .img {padding: 0px;}
  .company-sec-a:before {height: 100%;}
  .company-sec-a { background-position: 0px 23px, bottom -70px right 0px;}

  .company-sec-b {padding: 40px 0px 20px 0px;}

  .software-help-row .bgImg img {min-height:660px; object-fit: cover;}
  .pointOverlap .box .txt-a {font-size: 18px;}
  .pointOverlap .box {margin: 0px 10px 15px 10px !important;}
  .pointOverlap .box .txt-b {font-size: 14px;}

  .company-sec-c {padding: 20px 0px 40px 0px;}

  .company-sec-d {padding: 40px 0px 10px 0px;}
  .company-sec-d .img {margin-bottom: 20px;}

  .company-sec-e {padding: 40px 0px;}
  .company-sec-e .home-heading {padding-bottom: 20px;}

  .company-blue-bg {padding:20px 20px 62vw 20px;}
  .company-blue-bg .txt-a {font-size: 38px;}
  .company-blue-bg .txt {text-align: center;}
  .company-blue-bg:before {width:inherit; right:20px; left: 20px; background-size: 100% auto;}

  .contactSideBar {padding: 30px 20px 10px 20px;}
  .contact-sec-a {padding: 0px 0px 40px 0px;}
  .contactArea h1 {font-size: 40px; margin: 0px 0px 20px 0px;}
  .contactArea {padding: 30px 0px 0px 0px;}

  .blog-sec-b {padding: 40px 0px 30px 0px;}

  .blog-box {padding: 16px;}
  .blog-box .txt-a {font-size: 24px;}
  .blog-row .col-lg-4 {margin-bottom: 20px;}
  .paging {padding: 10px 0px 10px 0px;}

  .blogDetailHeading { padding: 10px 0px 10px 0px;}
  .blogDetailHeading h1 {font-size: 36px;}
  .blogDetailHeading .date {font-size: 14px;}
  .leftSideBar .blogImg {margin-bottom: 15px; padding: 15px 15px 15px 0px;}
  .leftSideBar {border-right: none;}
  .blogContent {padding: 0px 15px 15px 0px;}
  .rightSideBar {padding: 15px 0px 30px 0px; border-top: solid 1px #D9D9D9;}
  .rightSideBar h2 {font-size: 24px;}
  .recentPostList .txt-a {font-size: 18px;}
  .recentPostList .date {margin-bottom: 7px;}
  .recentPostList li {padding: 15px 0px 15px 35px;}



  .pricing-sec-d {display: none;}
  .pricing-sec-b {padding: 30px 0px 40px 0px;}
  .pricingTabNav .link {font-size: 14px;padding: 10px 15px 15px 15px;}
  .switchNew .label-a, .switchNew .label-b {font-size: 14px;}
  .pricingSubTab {text-align: center;}
  .pricingSubTab .txt-b {font-size: 12px;}
  .pricingSubTab .txt-a {padding: 15px 0px 15px 0px;}

  .pricingRow {padding: 30px 0px 10px 0px; overflow-x: scroll;}
  .pricingRow .row {flex-wrap: nowrap;}
  .pricingRow .row .col-md {width: auto;flex: 0 0 auto;}
  .pricingRow .justify-content-center {justify-content: inherit !important;}
  .pricingBox {padding: 20px 15px 15px 15px; max-width: 308px;}
  .pricingBox .text-a {padding:6px 60px 6px 10px; display: block;}
  .pricingBox .text-b {font-size: 24px;}
  .pricingBox .text-c {font-size: 14px;padding: 0px 0px 20px 0px;}
  .amountRow .am-a {font-size: 36px;}
  .amountRow .am-c {font-size: 14px;}
  .pricingBox .text-d {padding: 0px 0px 20px 0px;}
  .pricing-sec-b .bottom-link {display: none;}
  .pricing-sec-e {padding: 50px 0px 50px 0px;}

}

















.scroll-ele::-webkit-scrollbar {height: 4px; width: 4px; }
.scroll-ele::-webkit-scrollbar-track {background: #ffffff; }
.scroll-ele::-webkit-scrollbar-thumb {background: #d9d9d9; width: 4px; border-radius: 2px;}

.modal-dialog {min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center; overflow: auto; }
@media(max-width: 768px) {
  .modal-dialog {min-height: calc(100vh - 20px); }
}