/*-----------------------------------------------------------------------------------

 Theme Name: Affiliate Marketing
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
:root {
  --primary-background:#1a4845; 
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
}
body{font-family: var(--primary-font-family); }
p{font-family: "Poppins", sans-serif;}
h1{ font-family: "Poppins", sans-serif;}
h2{ font-family: "Poppins", sans-serif;}
h3{ font-family: "Poppins", sans-serif;}
h4{ font-family: "Poppins", sans-serif; margin-bottom: 0;}
h5{font-family: "Poppins", sans-serif;}
h6{font-family: "Poppins", sans-serif;}
a{font-family: "Poppins", sans-serif;}
li{font-family: "Poppins", sans-serif;}
button{font-family: "Poppins", sans-serif!important;}
div{font-family: "Poppins", sans-serif!important;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
.top-header{background-color: #333333;}
.header-top{display: flex; width: 100%; background-color: #333333; padding: 20px; justify-content: space-between; align-items: center;}
.header-contact ul{display: flex; align-items: center; list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.header-contact ul li{margin-right: 20px; position: relative;}
.header-contact ul li:after{content: ''; width: 2px; height: 100%; background-color: #fff; position: absolute; top: 0; right: -10px;}
.header-contact ul li:last-child:after{display: none;}
.header-contact ul li a{color: #fff; text-decoration: none; font-size: 15px;}
.header-contact ul li a i{font-size: 16px;}
.header-tagline p{margin-bottom: 0px; color: #fff; font-size: 15px;}
.header-social ul{display: flex; align-items: center; list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.header-social ul li{margin-right: 20px;}
.header-social ul li a{color: #fff; text-decoration: none; font-size: 15px;}
.header-social ul li h5{color: #8fbce0; font-size: 15px; margin-bottom: 0px;}
.header-social ul li a i{color: #fff;}
.middle-header{display: flex; justify-content: space-between; align-items: center;}
.left-nav{float: left; width: calc(50% - 75px); text-align: right; padding-right: 60px; position: relative; z-index: 99; }
.right-nav{float: right; width: calc(50% - 75px); padding-left: 60px; position: relative; z-index: 99;}
.logo-nav{display: block; width: 200px; float: left; }
.logo-nav img{width: 100%;}
.left-nav .navbar-nav li a{color: #fff!important;}
.right-nav .navbar-nav li a{color: #fff!important;}
.middle-head-main{background-color: #fff;padding: 15px 0px;position: relative;}
.middle-head-main:before{background-color: #e2e2e2;content: '';position: absolute;top: 48px;left: 0;width: 42%;height: 70px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.middle-head-main:after{background-color: #e2e2e2;content: '';position: absolute;top: 48px;right: 0;width: 42%;height: 70px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.left-nav .navbar-nav li a {color: #000!important; font-size: 16px; margin-left: 10px; }
.right-nav .navbar-nav li a {color: #000!important; font-size: 16px; margin-right: 10px; }
 .navbar{position: unset!important;}
 .left-nav{position: unset!important;}
.middle-header{position: relative;}
.dropdown-mega .dropdown-menu{min-width: 20% !important; width: 85%; margin: 0 auto; left: 0; right: 0; padding: 27px 13px;} 
.dropdown-mega .dropdown-menu[data-bs-popper]{top: 87%;}

.product-nav-first h5{color: #5498ce; font-weight: 600; font-size: 17px; border-bottom: 1px solid #cccc; padding-bottom: 10px; margin-bottom: 0px; }
.product-nav-first ul{list-style-type: none; padding-left: 0;} 
.product-nav-first ul li a{text-decoration: none;}
.product-nav-first ul li a h6{font-weight: 600; font-size: 16px;} 
.product-nav-first ul li a p{font-size: 12px; margin-bottom: 0; }
.product-nav-first{border-right: 1px solid #ccc; padding-right: 24px;}
.border-none{border: unset;}

/*========================header css end===========================*/

/*========================main banner css start===========================*/
.banner-main{background-size: cover; padding: 185px 0px; background-repeat: no-repeat; width: 100%; /*background-color: #303f86; background-image: unset!important;*/}
.banner-content{display: flex; height: 100%; align-items: center; padding-right: 95px;}
.banner-right-image img{width: 100%;}
.banner-content-inn h5{color: #fff; font-size: 29px; margin-bottom: 14px; font-weight: 700; }
.banner-content-inn h5 span{font-family: "Great Vibes", cursive; color: #8fbce0;}
.banner-content-inn h2{color: #fff; font-size: 33px; margin-bottom: 18px; font-weight: 800;}
.banner-content-inn h2 span{font-family: "Great Vibes", cursive; font-weight: 600; color: #8fbce0;}
.banner-content-inn p{color: #fff; font-size: 15px;}
.banner-content-inn a{background-color: #8fbce0; color: #000; font-weight: 600; text-decoration: none; padding: 9px 30px; display: inline-block; border-radius: 10px; font-size: 18px; margin-top: 19px; }
.home-banner .owl-dots button{border: 1px solid #fff!important; background-color: #fff!important; width: 15px; height: 15px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.home-banner .owl-dots button.active{background-color: #8e8e8e!important;}
.home-banner .owl-dots{justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    position: absolute;
    display: none;
    bottom: 0px;
    right: 0px;
    left: 0px;}
.home-banner .owl-dots button:focus{outline: none; box-shadow: none;}

.home-banner .owl-nav .owl-prev {position: absolute; left: 14px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: unset; !important; color: #fff!important; cursor: pointer;  position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; width: 60px;}
.home-banner .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
.home-banner .owl-nav .owl-prev:focus {outline: 0; }
.home-banner .owl-nav .owl-prev:hover {background: unset; !important; color: #fff;}
.home-banner .owl-nav .owl-next {position: absolute; right: 14px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: unset; !important; color: #fff!important; cursor: pointer;  position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; width: 60px;}
.home-banner .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
.home-banner .owl-nav .owl-next:focus {outline: 0; }
.home-banner .owl-nav .owl-next:hover {background: unset; !important; color: #fff;}
.home-banner:hover .owl-prev {left: 14px; opacity: 1; }
.home-banner:hover .owl-next {right: 14px; opacity: 1; }

/*========================main banner css end===========================*/

/*========================product css start===========================*/

.product-box{border-top: 3px solid #303f86; margin:10px; text-align: center; background-color: #fff; box-shadow: 0px 0px 10px#ccc; padding: 27px 27px; margin-top: 100px; transition: 0.4s;}
.product-icon{border: 3px solid #303f86; border-radius: 12px; cursor: pointer; padding: 19px 19px; transform: rotate(44deg); margin: -72px auto 20px; display: inline-block; background-color: #fff; }
.product-icon img{transform: rotate(-41deg); border: 3px solid #fff;}
.product-box h3{color: #3068b1; font-weight: 600; font-size: 25px; margin-bottom: 19px; }
.product-box p{text-align: justify; font-size: 15px; color: #000; }
.product-box a{background-color: #232b38; padding: 16px 29px; display: inline-block; margin-top: 22px; border-radius: 10px; color: #fff; text-decoration: none; font-size: 16px; }
.product-wrapper{background-color: #eeeeee; padding: 50px 0px 70px; background-repeat: no-repeat; background-size: cover;}
.product-head h3{font-weight: 600; font-size: 34px; margin-bottom: 20px;}
.product-head p{font-size: 15px; }
.product-slider .owl-dots button{border: 1px solid #8e8e8e!important;background-color: #8e8e8e!important;width: 15px;height: 15px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;}
.product-slider .owl-dots button.active{background-color: #ffc000!important;}
.product-slider .owl-dots{justify-content: center;margin-top: 30px;margin-bottom: 30px;position: absolute;display: flex;bottom: -68px;right: 0;left: 0;}
.product-slider .owl-dots button:focus{outline: none; box-shadow: none;}
.product-box:hover{border-top: 3px solid #ffc000; transition: 0.4s;}
.product-box:hover a{background-color: #ffc000; color: #000; transition: 0.4s;}
.product-box:hover .product-icon{background-color: #ffc000; border-color: #ffc000; transition: 0.4s;}
.product-head{text-align: center; margin-bottom: 50px;}

.flip-card {background-color: transparent; width: 100%; height: 220px; perspective: 1000px; border-radius: 20px;}
.flip-card-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); backface-visibility: hidden; -moz-backface-visibility: hidden; border-radius: 20px;}
.flip-card:focus {outline: 0; }
.flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner{transform: rotateY(180deg);  border-radius: 20px;}
.flip-card-front,
.flip-card-back {position: absolute; width: 100%; height: 100%; }

.flip-card-front {background: linear-gradient(to left, #fff, #fff); color: black; z-index: 2; display: flex; justify-content: center; align-items: center; padding: 9px; border-radius: 20px; border-top-right-radius: 0px; border-bottom-left-radius: 0px;}
 .flip-card-back {background: #9acbf3; display: flex; color: white; transform: rotateY(180deg); z-index: 1;  justify-content: center; align-items: center; padding: 9px; border-radius: 20px; border-top-left-radius: 0px; border-bottom-right-radius: 0px;}
.product-container ul{width: 100%; margin: 0; padding: 0; display: inherit; text-align: center; }
.product-container ul li{display: inline-block; max-width: 200px; width: 100%; margin: 6px; list-style-type: none;}
.front-con img{margin-bottom: 20px; width: 77%;}
.front-con h3{font-weight: 600; font-size: 18px;}
.flip-card-back p{font-size: 14px; color: #fff;}
/*========================product css end===========================*/

/*========================logo css start===========================*/
.logo-wrap-head h5{font-weight: 600; font-size: 30px; margin-bottom: 20px; }
.logo-wrap-head p{ font-size: 15px;}
.logo-wrap-head{margin-bottom: 40px; text-align: center;}
.logo-wrapper{background-color: #d6d9e7; padding: 50px 0px;}
.logo-slider .item{width: 100%; height: 80px; background-color: #fff; display: flex; align-items: center;}
.sec-logo ul{list-style-type: none; padding-left: 0px; display: flex; justify-content: center!important;}
.sec-logo ul li i{color:#ffc107;}
.sec-logo ul li{margin-right: 9px; width: auto!important;}
.second-logo-slider ul{list-style-type: none; padding-left: 0px; display: flex; justify-content: space-between; margin-bottom: 0px;}
.sec-logo h5{color: #000; font-weight: 600; text-align: center; margin-top: 9px;}
.second-logo-slider ul li{width: 200px;}
.sec-logo img{margin-bottom: 15px;}
.second-logo-slider{background-color: #fff; margin-top: 50px; padding: 30px 50px;}

/*========================logo css end===========================*/

/*========================cta css start===========================*/
.cta-wrapper{position: relative;}
.cta-wrapper img{width: 100%;}
.cta-con-main{position: absolute;top: 0;display: flex;justify-content: center;align-items: center;height: 100%;width: 50%;}
.cta-con-main p{color: #fff; font-size: 16px; font-weight: 500; }
.cta-con-main a{background-color: #ffc000; color: #000; font-weight: 600; text-decoration: none; padding: 11px 40px; display: inline-block; border-radius: 10px; font-size: 18px; margin-top: 19px; }
.cta-con-main a:hover{background-color: #232b38; color: #fff; transition: 0.4s;}

/*========================cta css end===========================*/

/*========================pricing css start===========================*/
.pricing-wrapper{background-color: #eeeeee; padding: 50px 0px 70px;}
.pricing-head {margin-bottom: 40px;}
.pricing-head h3{font-weight: 700; font-size: 30px; margin-bottom: 12px; text-align: center;}
.pricing-head p{font-size: 15px; }
.plan-recomend {margin: -25px 0 0; }
.price-box div{font-size: 15px;}
.price-box-card .card-body a.btn-primary{background-color: #1585cb;}
.product-tab ul{justify-content: center; background-color: #fff; padding: 10px; display: inline-flex;     border-radius: 50px; }
.nav-pills{margin-bottom: 70px!important;}
.product-tab{text-align: center;}
.product-tab .nav-pills .nav-link.active{border-radius: 50px; background-color: #5498ce; color: #fff!important;}
.product-tab ul li button{color: #000!important;}
.hm2-pricing-single{text-align: left;}
.hm2-pricing-single {overflow: hidden; padding: 40px 25px 30px; }
.hm2-pricing-single .pricing-badge {background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.2) 0.64%, rgba(28, 64, 242, 0.2) 98.23%); font-size: 15px; padding: 6px 18px; font-weight: 600; right: 25px; top: 25px; }
.hm2-pricing-single {padding: 40px 25px 30px; transition: all 0.3s ease-in;}
.hm2-pricing-single .price-title span {font-size: 18px; }
.hm2-pricing-single .pricing-deleted {margin-right: 5px; color: #666666; position: relative;}
.hm2-pricing-single h4{font-weight: 700; font-size: 33px; color: #000;}
.hm2-pricing-single .pricing-deleted::before {content: ""; position: absolute; left: -5px; width: calc(100% + 10px); height: 2px; background-color: #666666; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.pricing-feature-list{display: block !important; list-style-type: none; padding-left: 0 !important; }
.hm2-pricing-single h3{font-weight: 700; font-size: 25px; color: #000; margin-top: 23px !important; }
.pricing-feature-list li{margin-bottom: 10px; font-size: 14px;}
.template-btn{text-align: center; text-decoration: none; color: #fff; display: block; padding: 10px 20px; background:#9acbf3;}
.template-btn:hover{background:linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%); position: relative; z-index: 1; color: #fff; }
.hm2-pricing-single:hover {transform: scale(1.05); border: 2px solid #5697c9; }
.hm2-pricing-single .popular-badge {width: 200px; font-size: 14px; color: #ffffff; padding: 6px 0; right: -50px; top: 40px; text-align: center; background: url(../images/badge.png); background-repeat: no-repeat; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hm2-pricing-single h6{color: #5498ce; margin-top: 18px; font-size: 16px;}
.hm2-pricing-single .icon-wrapper img{width: 26%;}
/*========================pricing css end===========================*/

/*========================home about css start===========================*/
.home-about-wrapper{padding: 50px 0px;}
.home-about-img img{width: 100%;}
.home-about-con{display: flex; align-items: center; height: 100%;}
.home-about-con h2{font-weight: 600; font-size: 33px; margin-bottom: 15px;}
.home-about-con p{font-size: 15px;}
.home-about-con a{background-color: #000; color: #fff; font-weight: 600; text-decoration: none; padding: 12px 30px; display: inline-block; border-radius: 10px; font-size: 18px; margin-top: 19px;}
.home-about-con a:hover{background-color: #90bbdd; color: #000; transition: 0.4s;}
/*========================home about css end===========================*/


/*===============================counter sec css start=============================*/

 #counter {background: unset;padding: 0px 0px 0px;width: 100%;max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;list-style-type: none;}
 #counter li {flex: 1;text-align: center;font-size: 31px;color: #fff;font-weight: 700; position: relative;}
 #counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main{padding: 50px;margin-top: 0px; background-image: linear-gradient(#072e4e, #5aa0d9);}
 #counter li p{font-size: 15px;margin-top: 0px;color: #fff;}
/* #counter li:after{content: '';width: 2px;height: 100%;background-color: #000;position: absolute;top: 0;right: 89px;}*/
 #counter li:last-child:after{display: none;}
 #counter li img{margin-bottom: 10px;}
/*===============================counter sec css End=============================*/

/*===============================testimonial sec css start=============================*/

.outer { margin:0 auto; max-width:800px;}
#big .item {background: #000;padding: 0 0px;margin:2px;color: #FFF;border-radius: 11px;text-align: center;}
#thumbs .item {height: auto;line-height:70px;padding: 0px;margin: 7px;color: #FFF;border-radius: 3px;text-align: center;cursor: pointer;}
#thumbs .item h1 { font-size: 18px; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.video-container {width: 100%; border-radius: 11px; margin: 0 auto; position: relative; display: flex; flex-direction: column; justify-content: center; /* box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4); */ }
.video-container .video-wrapper {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.video-container video {width: 100%; height: 100%; border-radius: 11px; }
.play-button-wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; pointer-events: none; }
.play-button-wrapper #circle-play-b {cursor: pointer; pointer-events: auto; }
.play-button-wrapper #circle-play-b svg {width: 100px; height: 100px; fill: #fff; stroke: #fff; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0.9; }
#thumbs .play-button-wrapper #circle-play-b svg {width: 30px; height: 30px; fill: #fff; stroke: #fff; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0.9; }
#thumbs .owl-item.active.current .item{border: 4px solid #5565ae; border-radius:8px;}
.testimonial-head{text-align: center; margin-bottom: 50px;}
.testimonial-head h4{color: #000; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; font-size: 23px; }
.testimonial-head h3{font-weight: 600; font-size: 33px; margin-bottom: 0px; }
.testimonial-head p{width: 60%;margin: 0 auto;font-size: 15px;margin-top: 11px;}
.testimonial-wrapper{padding: 50px 0px; background-color: #eeeeee;}
.testimonial-box{background-color: #fff; padding: 50px; border-top-left-radius: 80px; border-bottom-right-radius: 80px; position: relative;}
.testimonial-box p{color: #000; margin-bottom: 0; font-size: 15px; }
.author-testi{margin-top: 42px; display: flex; align-items: center; }
.author-testi img{width: 70px!important; height: 70px!important; }
.auth-name{margin-left: 18px; }
.auth-name h3{color: #000; font-weight: 700; font-size: 20px; }
.auth-name p{margin-bottom: 0; font-size: 14px; }
.testimonial-box:after{content: ''; bottom: -31px; left: 1px; border-color: transparent #e5e6ec; border-style: solid; /* border-width: 0px 25px 33px 0px; */ display: block; position: absolute; width: 0; z-index: 1; /* transform: rotate(126deg); */ border-top: 29px solid #e5e6ec; border-left: 48px solid transparent; }
.testi-slider .owl-dots button{border: 1px solid #8e8e8e!important;background-color: #8e8e8e!important;width: 15px;height: 15px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;}
.testi-slider .owl-dots button.active{background-color: #000!important;}
.testi-slider .owl-dots{justify-content: center;margin-top: 30px;margin-bottom: 30px;position: absolute;display: flex;bottom: -68px;right: 0;left: 0;}
.testi-slider .owl-dots button:focus{outline: none; box-shadow: none;}

/*===============================testimonial sec css End=============================*/

/*===============================Latest News sec css start=============================*/
.latest-news-wrapp{padding: 50px 0px; margin-bottom: 50px;}
.news-box{background-color: #ffff;}
.news-box img{width: 100%;margin-bottom: 0;}
.news-con{padding: 20px 0px;}
.news-con p{font-size: 14px; margin-bottom: 8px; }
.news-con h3{font-weight: 600; font-size: 19px; }
.news-con a{color: #3f8391; text-transform: uppercase; text-decoration: none; font-size: 14px; position: relative; font-weight: 600;}
.news-con a:after{content: ''; width: 30px; background-color: #000; height: 1px; position: absolute; bottom: -9px; left: 0;}
.news-con h6{font-weight: 600; font-size: 15px; margin-top: 9px; margin-bottom: 23px; position: relative; }
.news-con h6:after{content: ''; width: 40px; background-color: #000; height: 2px; position: absolute; bottom: -9px; left: 0; }
.blog-slider .owl-dots button{border: 1px solid #8e8e8e!important;background-color: #8e8e8e!important;width: 30px;height: 7px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;}
.blog-slider .owl-dots button.active{background-color: #3f8391!important;}
.blog-slider .owl-dots{justify-content: center;margin-top: 30px;margin-bottom: 30px;position: absolute;display: flex!important;bottom: -68px;right: 0;left: 0;}
.blog-slider .owl-dots button:focus{outline: none; box-shadow: none;}
.latest-news-wrapp .testimonial-head{    margin-bottom: 28px;}


/*===============================Latest News sec css End=============================*/

/*==============================Footer sec css End=============================*/

.footer-main{width: 100%; background-repeat: no-repeat; background-size: cover;  background-color: #262626; background-image: unset!important;   padding: 50px 0px 13px; overflow: hidden;}
.footer-address h5{color: #fff; font-weight: 600; text-transform: uppercase; text-decoration: underline; font-size: 17px; margin-bottom: 30px; }
.footer-address ul{padding-left: 0; list-style-type: none; }
.footer-address ul li{display: flex; }
.footer-address ul li i{color: #8bb6d8; font-size: 19px; margin-right: 14px; }
.footer-address ul li p{color: #ffff; font-size: 14px; }
.footer-address ul li p a{color: #ffff; font-size: 14px; text-decoration: none; }
.footer-follow li h5{font-size: 16px!important;}
.footer-follow li a{font-size: 19px!important;}
.footer-nav ul{padding-left: 0; list-style-type: none; display: flex; justify-content: flex-end; }
.footer-nav ul li{margin-left: 20px; }
.footer-nav ul li a{color: #000; text-decoration: none; font-size: 14px; }
.copyright{background-color: #17171c; padding: 20px 0px; text-align: center;}
.copyright p{color: #84848f; font-size: 17px; margin-bottom: 0px;}
.copyright p span{color: #90bbdd;}
.footer-about p{font-size: 14px; color: #fff; margin-top: 15px;}
.footer-link h5{color: #8bb6d8; font-weight: 600; text-transform: uppercase; text-decoration: underline; font-size: 17px; margin-bottom: 16px;padding-left: 30px;}
.footer-link ul{list-style-type: none;}
.footer-link ul li{margin-bottom: 5px;}
.footer-link ul li a{ text-decoration: none; color: #fff; font-size: 14px; }
.footer-link{margin-bottom: 25px;}
.f-link h5{padding-left: 0px;}
.f-link ul{padding-left: 0px;}

.foot-nav-div:after {
   background-color: #e2e2e2;
    content: '';
    position: absolute;
    top: -11px;
    right: -291px;
    width: 82%;
    height: 46px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.foot-nav-div{position: relative;}
.footer-nav{position: relative; z-index: 999;}

/*==============================Footer sec css End=============================*/


/*==============================Gallery sec css start=============================*/

.gallery-box img{width: 100%;}
.gallery-section{padding: 50px 0px;}
.gallery-box{margin-bottom: 30px;}

/*==============================Gallery sec css end=============================*/


/*==============================Team sec css start=============================*/

.team-card {text-align: center; }
.th-team {position: relative; }
.team-card .team-img {border-radius: 10px; }
.th-team .team-img {position: relative; overflow: hidden; }
.th-team .team-img img {width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.th-team:hover .team-img img {-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.team-card .team-content {box-shadow: 0px 10px 30px rgba(8,14,28,0.06); border-radius: 10px; background-color: #fff; padding: 26px 10px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; position: relative; z-index: 2; max-width: 248px; margin: -50px auto 0 auto; }
.team-card:hover .team-content {background-color: #000; box-shadow: 0px 6px 20px rgba(0,96,255,0.6); }
.box-particle {position: absolute; bottom: 0; right: 0; max-width: 180px; height: 100px; z-index: -1; }
.team-card:hover .team-social {height: 70px; }
.th-team:hover .team-social {visibility: visible; opacity: 1; }
.team-card .team-social {position: absolute; top: unset; bottom: 100%; left: 18px; height: 0px; padding-top: 15px; max-width: calc(100% - 36px); background-color: #fff; -webkit-clip-path: path("M105.5 0C58.2259 0 17.7021 28.902 0.634674 70H210.365C193.298 28.902 152.774 0 105.5 0Z"); clip-path: path("M105.5 0C58.2259 0 17.7021 28.902 0.634674 70H210.365C193.298 28.902 152.774 0 105.5 0Z"); z-index: -1; }
.th-team .team-social {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 20px; position: absolute; top: -70px; left: 20px visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: 4; }
.team-card .team-social a {color: #000; }
.team-card:hover .box-title {color: #fff; }
.th-team .box-title {margin-bottom: 3px; }
.box-title {font-size: 24px; line-height: 1.417; font-weight: 700; margin-top: -0.32em; text-decoration: none; }
.box-title a {color: inherit; text-decoration: none; }
.team-card:hover .team-desig {color: #fff; }
.th-team .team-desig {font-size: 14px; display: block; margin-bottom: -0.5em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; color: #000; }
.team-section{padding: 50px 0px;}
.team-box{margin-bottom: 30px;}

/*==============================Team sec css end=============================*/

.pricing-page{background-color: #fff;}



.contact-wrapper .contact-head {padding-bottom: 60px; }
.contact-wrapper .contact-head h3 {position: relative; padding-bottom: 20px; }
.contact-wrapper .contact-head h3::before {content: ''; position: absolute; display: block; background-color: #ff533d; width: 140px; height: 3px; bottom: 0; left: 0px; }
.contact-wrapper .contact-main-box {border: 2px solid #808080; padding: 24px; background-color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; margin-bottom: 33px; }
.contact-wrapper .contact-main-box .contact-box-img {border: 2px solid #808080 63; background-color: #fff; text-align: center; width: 60px; display: block; margin: 0 auto 23px; }
.contact-wrapper .contact-main-box .contact-box-img i {line-height: 60px; font-size: 39px; }
.contact-wrapper .contact-main-box .contact-content {text-align: center; padding: 4px 0; }
.contact-wrapper .contact-main-box .contact-content p {padding: 10px 0 0 0; font-size: 15px; margin-bottom: 2px; }
.contact-wrapper .contact-main-box .contact-content p a{text-decoration: none; color: #000;}
.contact-wrapper .contact-main-box .contact-content a{text-decoration: none; color: #000;}
.contact-wrapper .contact-main-box:hover {background-color: #303f86; border: 2px solid #303f86; }
.contact-wrapper .contact-main-box:hover .contact-box-img {border: 2px solid #fff; }
.contact-wrapper .contact-main-box:hover .contact-box-img i {color: #303f86; }
.contact-wrapper .contact-main-box:hover .contact-content {color: #fff; }
.contact-wrapper .contact-main-box:hover .contact-content h5 {color: #fff; }
.contact-wrapper .contact-main-box:hover .contact-content a {color: #fff; }
.contact-map iframe {width: 100%; }

/*------------ Signin-page-start --------- */
.main-signin .sign-wrapper {background-color: #f3f3f3; }
.main-signin .sign-wrapper .help-head {background-color: #303f86; color: #fff; padding: 45px 0px 70px 10px; position: relative; }
.main-signin .sign-wrapper .help-head::before {content: ''; display: block; position: absolute; background-color: #303f86; top: 0; bottom: 0; left: -313px; width: 320px; height: 100%; }
.main-signin .sign-wrapper .help-head h2 {color: #fff; }
.main-signin .sign-wrapper .help-head p {padding: 30px 0; max-width: 445px; }
.main-signin .sign-wrapper .help-head ul {padding-top: 15px; padding-left: 0px; list-style-type: none; }
.main-signin .sign-wrapper .help-head ul li {margin-bottom: 35px; }
.main-signin .sign-wrapper .help-head ul li a {color: #fff; display: flex; align-items: center; line-height: 30px; text-decoration: none; }
.main-signin .sign-wrapper .help-head ul li a span {margin-right: 15px; }
.main-signin .sign-wrapper .sign-up-head {padding: 45px 0px 0px 25px; }
.main-signin .sign-wrapper .sign-up-head h2 span {color: #303f86; }
.main-signin .sign-wrapper .sign-up-head p {padding: 20px 0; max-width: 445px; }
.main-signin .sign-wrapper .sign-up-head form input {width: 291px; padding: 10px; border: 1px solid gray; }
.main-signin .sign-wrapper .sign-up-head form textarea {width: 612px; padding: 10px; height: 125px; border: 1px solid gray; }
.main-signin .sign-wrapper .sign-up-head .read-btn {padding: 2px 47px; border: 1px solid #303f86; border-radius: 5px; float: right; text-align: center; cursor: pointer; position: relative; box-sizing: border-box; overflow: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.main-signin .sign-wrapper .sign-up-head .read-btn .read-btn-hvr {left: 0; top: 0; right: 0; position: absolute; bottom: 0; border: 70px solid #303f86; transition: all 0.5s ease; z-index: 8; box-sizing: border-box; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.main-signin .sign-wrapper .sign-up-head .read-btn .submit-btn {color: #fff; line-height: 40px; transition: all 0.5s ease; z-index: 8; position: relative; padding: 0px !important; background: transparent; border: none; }
.main-signin .sign-wrapper .sign-up-head .read-btn:hover .read-btn-hvr {border: 0px solid #303f86; }
 .main-signin .sign-wrapper .sign-up-head .read-btn:hover .submit-btn {color: #303f86; }
/*------------ Signin-page-end --------- */
.contact-wrapper{padding: 25px 0px 0px; }
.contact-wrapper .product-head{padding-bottom: 50px;}



#modal-subscribe h1{font-weight: 700; font-size: 19px; margin-bottom: 15px; }
#modal-subscribe h3{text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 18px; }
#modal-subscribe form select{padding: 10px; border-radius: 50px; }
#modal-subscribe form input{padding: 10px; border-radius: 50px; }
#modal-subscribe form button{border-radius: 50px; background-color: #072e4e; display: block; margin: 25px auto 0; color: #fff; padding: 10px 60px; }
#modal-subscribe .btn-close{position: absolute; right: 14px; background-color: unset; border-radius: 50px; color: #000; top: 15px; }
#modal-subscribe .form-group{margin-bottom: 10px;}
#modal-subscribe .modal-header{border: unset;}

#exampleModal2 h1{font-weight: 700; font-size: 19px; margin-bottom: 15px; }



.upgrade-wrapp{ padding: 50px 0px;}
.upgrade-head h5{text-align: center; font-size: 27px; font-weight: 700; margin-bottom: 43px; }
.upgrade-img img{margin: 0 auto; display: block; width: 340px; }
.upgrade-last-con a{background: linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%); color: #fff; padding: 14px 40px; display: inline-block; margin-top: 33px; border-radius: 50px; text-decoration: none; }
.upgrade-last-con{text-align: center;}

.whats-new{background-color: #eeeeee; padding: 50px 0px 50px;}
.whats-new h3{text-align: center; font-size: 27px; font-weight: 700; margin-bottom: 43px; }
.whats-new-box{text-align: center; background-color: #fff; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border: 2px solid #ccc; height: 250px; display: flex; align-items: center; justify-content: center; padding: 41px; transition: all 0.3s ease-in; margin-bottom: 30px;}
.whats-new-box p{color: #000; margin-top: 4px; font-size: 15px; }
.whats-new-box img{width: 30%;}
.whats-new-box:hover{transform: scale(1.05); border: 2px solid #5697c9;}


.certification-wrapper{background-color: #eeeeee; padding: 50px 0px 50px;}
 .certification-wrapper h3{font-weight: 700; font-size: 30px; margin-bottom: 42px; text-align: center; }


.software-box-down{text-align: center; background-color: #fff; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border: 2px solid #ccc; padding: 41px; transition: all 0.3s ease-in; margin-bottom: 30px; }
.software-box-down:hover{transform: scale(1.05); border: 2px solid #5697c9;}
.software-box-down img{    margin-bottom: 20px; width: 50%;}
.software-box-down h5{font-weight: 700; font-size: 21px; margin-bottom: 14px; }
.software-box-down p{font-size: 15px; color: #000;}
.software-box-down a{background: linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%); color: #fff; padding: 14px 40px; display: inline-block; margin-top: 3px; border-radius: 50px; text-decoration: none;}
.software-head h5{text-align: center; font-weight: 700; font-size: 24px; margin-bottom: 14px; }
.software-head p{text-align: center; font-size: 15px; color: #000; width: 70%; margin: 0 auto; display: block; }
.software-head{margin-bottom: 50px;}


.tally-cuatomization-head{margin-bottom: 30px;}
.tally-cuatomization-head h5{color: #000; text-transform: uppercase;     font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px; text-align: center;}
.tally-cuatomization{padding: 50px 0px;}
.tally-cust-box{background-color: #e9ecf3; padding: 20px; box-shadow: 0px 0px 10px #ccc;}

.tally-cust-box ul{list-style-type: none; padding-left: 0px; }
.tally-cust-box ul li{text-transform: uppercase; font-weight: 600; margin-bottom: 10px; position: relative;}
.tally-cust-box ul li:before{content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 9px;}

.ppt-btn{text-align: center;}
.ppt-btn a{background-color: #000; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 40px; text-decoration: none; border-radius: 6px; margin-right: 10px; font-size: 18px; }
.ppt-btn a:hover{ background: linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%);}


.first-customization{padding: 50px 0px; background-color: #eaecf3;}
.first-cust-box a{background-color: #77b9ed; color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 40px; box-shadow: 0px 0px 10px #a5a5a5; margin: 18px auto 0; text-align: center; border-radius: 50px; display: inline-block; }
.first-cust-box a:hover{ background: linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%);}
.first-cust-box {text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.first-cust-box img{margin: -69px auto 31px; display: block;} 
.first-cust-box ul{list-style-type: none; padding-left: 0px;}
.first-cust-box ul li{text-transform: uppercase; font-weight: 600; margin-bottom: 10px; position: relative; text-align: left;}
.first-cust-box ul li:before{content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 9px;}
.first-cust-box h4{margin-bottom: 20px; font-weight: 700; text-transform: uppercase; text-align: left; }
.cust-box-inn{background-color: #fff; border-radius: 40px; padding: 30px; box-shadow: 0px 0px 10px #a5a5a5;}
.first-tally-head{margin-bottom: 60px;}


.first-cust-box .ppt-btn a {background-color: #77b9ed; color: #fff; text-transform: uppercase; text-decoration: none; padding: 7px 27px; box-shadow: 0px 0px 10px #a5a5a5; margin: 18px auto 0; text-align: center; border-radius: 50px; display: inline-block; font-size: 13px; }
.chat-icon{position: fixed; bottom: 11px; right: 15px; width: auto; left: 0; text-align: right; z-index: 9999999999;}
.chat-icon img{width: 4%;}



#exampleModal1 h1{font-weight: 700; font-size: 19px; margin-bottom: 15px; }
#exampleModal1 h3{text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 18px;5 }
#exampleModal1 form select{padding: 10px; border-radius: 50px; }
#exampleModal1 form input{padding: 10px; border-radius: 50px; }
#exampleModal1 form button{border-radius: 50px; background-color: #072e4e; display: block; margin: 25px auto 0; color: #fff; padding: 10px 60px; }
#exampleModal1 .btn-close{position: absolute; right: 14px; background-color: unset; border-radius: 50px; color: #000; top: 15px; }
#exampleModal1 .form-group{margin-bottom: 10px;}
#exampleModal1 .modal-header{border: unset;}

#exampleModal2 h1{font-weight: 700; font-size: 19px; margin-bottom: 15px; }
#exampleModal2 h3{text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 18px;5 }
#exampleModal2 form select{padding: 10px; border-radius: 50px; }
#exampleModal2 form input{padding: 10px; border-radius: 50px; }
#exampleModal2 form button{border-radius: 50px; background-color: #072e4e; display: block; margin: 25px auto 0; color: #fff; padding: 10px 60px; }
#exampleModal2 .btn-close{position: absolute; right: 14px; background-color: unset; border-radius: 50px; color: #000; top: 15px; }
#exampleModal2 .form-group{margin-bottom: 10px;}
#exampleModal2 .modal-header{border: unset;}



.address-gallery{padding: 50px 0px; background-color: #eaecf3; }

.address-box-gall{background-color: #fff; padding: 60px 22px; border-radius: 15px; }
.address-box-gall .footer-address h5{color: #000;}
.address-box-gall .footer-address p{color: #000;}
.address-box-gall .footer-address p a{color: #000;}


.prev-down p{font-size: 17px; text-align: center; margin-top: 22px;}
.prev-down p a{text-decoration: none; color: #367fb9;}
.prev-vers-tab .nav-pills {margin-bottom: 40px !important; box-shadow: 0px 0px 10px #000; }
.prev-vers-wrapp{background-color: #fff; padding: 50px 0px 40px; }
.prev-vers-main form{    width: 51%; margin: 0 auto;}
.prev-vers-main h4{font-weight: 700; font-size: 30px; margin-bottom: 40px; color: #377cb3; }
.prev-vers-form select{border-radius: 50px; padding: 13px; }
.prev-vers-form button{background-color: #5498ce; color: #fff; border-radius: 50px; padding: 10px 60px; font-size: 20px; margin-top: 30px; }
.prev-vers-form button:hover{color: #fff; background: linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%);}

.perv-banner img{height: 270px; object-fit: cover; object-position: center;}
.download-support h5{font-weight: 700; font-size: 30px; margin-bottom: 20px; color: #377cb3; }
.download-support ul{list-style-type: none; width: 60%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; }
.download-support ul li{margin-right: 30px; flex-wrap: wrap; margin-bottom: 13px; position: relative; }
.download-support ul li a{color: #000; text-decoration: none; font-size: 15px; }
.download-support ul li:after{content: '';width: 2px;height: 100%;background-color: #000;position: absolute;top: 0;right: -15px;}
.download-support ul li:last-child:after{display: none;}
.download-support{padding-top: 50px;}



/*===========================audit page css start==========================================*/
.audit-wrapper{padding: 70px 0px 50px;}

.left-category h2{background: linear-gradient(to right, #4d8dc0, #164367); border-radius: 10px; text-align: center; padding: 15px 0px; color: #fff; font-size: 19px; }
.left-category h2 i{margin-right: 15px;}


.cat-check {padding: 40px 20px; border-top: 1px solid #c1b8b8; margin-top: 40px; }
.cat-check .form-group {display: block; margin-bottom: 21px; }
.cat-check .form-group input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.cat-check .form-group label {position: relative; cursor: pointer; display: flex; align-items: flex-start; }
.cat-check .form-group label:before {content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #364589; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 11px; border-radius: 50px; }
.cat-check .form-group input:checked + label:after {content: ''; display: block; position: absolute; top: 5px; left: 8px; width: 6px; height: 11px; border: solid #364589; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.right-middle form input:focus{outline: unset; box-shadow: none;}

.right-middle form .input-group{background-color: #f1f6fe; padding: 0; border-radius: 12px; box-shadow: 0px 0px 10px #ccc;}
.right-middle form .input-group input{background-color: unset; border: none; padding: 19px 16px; border-radius: 12px; }
.right-middle form .input-group button{border: unset; border-radius: 0px; color: #000; font-size: 20px; padding: 0px 22px;}
.right-middle form .input-group button:hover{background-color: unset;}
.right-middle{padding: 0px 100px;}
.bread-crumb{margin-top: 30px;}
.bread-crumb ol li a{color: #374689 !important; text-decoration: none;}
.bread-crumb ol li{color: #374689!important; font-size: 16px;}

.page-wrpp{padding: 20px 0px 50px;}
.page-wrpp h3{font-size: 27px; font-weight: 600; margin-bottom: 37px; }
.autit-box{background-color: #f1f6fe; border-radius: 20px; box-shadow: 0px 0px 10px #ccc;}
.audit-box-head{background: linear-gradient(to right, #4d8dc0, #164367); display: flex; align-items: center; justify-content: center; padding: 20px 32px; border-top-left-radius: 20px; border-top-right-radius: 20px; min-height: 84px;}
.audit-box-head h4{color: #fff; font-size: 18px; text-align: center; line-height: 28px;}
.autit-box p{color: #000; line-height: 29px; font-size: 15px; min-height: 116px;    margin-bottom: 0;}
.audit-foot{padding: 14px 26px; display: flex; justify-content: space-between; align-items: center;}
.audit-foot h5{font-size: 16px;}
.audit-foot i{font-size: 17px;}
.audit-box-con{padding: 27px 26px;}

#myTab li a{text-decoration: none; color: #000;}
.audit-wrapper .breadcrumb {
    justify-content: flex-start;
}
/*===========================audit page css end==========================================*/

/*===========================tally prime css start==========================================*/

.left-filter h5{font-size: 22px; font-weight: 600; }
.left-filter h5 img{margin-right: 15px;}

.first-accord{border: unset; border-radius: 0px;}
.first-accord .accordion-header{border-radius: 0px;}
.first-accord .accordion-header button{background: linear-gradient(to right, #4d8dc0, #164367); color: #fff; font-size: 18px; border-radius: 0px!important; font-weight: 600; font-size: 18px; padding: 15px 21px;
    border-radius: 9px !important;}
.first-accord .accordion-button:not(.collapsed)::before {background-image: url(../images/accord-icon.png); transform: rotate(-180deg); }
.first-accord .accordion-button::after{display: none!important;}
.first-accord .accordion-button::before {flex-shrink: 0; width: 1.25rem; height: 11px; margin-left: unset; content: ""; background-image: url(../images/accord-icon.png); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; margin-right: 17px; }

.filter-accord{ border-top: 1px solid #c1b8b8; margin-top: 40px; padding-top: 40px;}

 .form-group {display: block; margin-bottom: 0px; }
 .form-group input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.form-group label {position: relative; cursor: pointer; display: flex; align-items: flex-start; }
 .form-group label:before {content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #364589; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 11px; border-radius: 50px; }
 .form-group input:checked + label:after {content: ''; display: block; position: absolute; top: 5px; left: 8px; width: 6px; height: 11px; border: solid #364589; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.second-accord .accordion-button::after{display: none!important;}

.second-accord .accordion-header label{display: flex;align-items: center; }
.second-accord .accordion-header button{background-color: unset; padding: 0px; font-weight: 600; margin-left: 20px;}
.second-accord .accordion-button:not(.collapsed){background-color: unset; color: #000; box-shadow: unset;}
.second-accord .accordion-header button:focus{outline: unset; box-shadow: none;}
.second-accord.accordion-item{border:unset; border-top: 1px solid #ccc; margin-top: 17px;}
.second-accord .accordion-header{padding: 20px 20px 0px;}
.second-accord input[type=checkbox] {position: relative; cursor: pointer; }
.second-accord input[type=checkbox]:before {content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #364589; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 11px; border-radius: 50px; position: absolute; background-color: #fff; top: -4px; left: -2px; }
.second-accord input[type=checkbox]:checked:after {content: ""; display: block; width: 5px; height: 10px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; }
.label-style label{display: flex; align-items: center; margin-top: 15px;}
.label-style label p{margin-bottom: 0px; color: #000; margin-left: 20px;}
.second-accord .accordion-body{padding-left: 19px;}


.third-accord .accordion-button::after{display: none!important;}

.third-accord .accordion-header label{display: flex;align-items: center; }
.third-accord .accordion-header button{background-color: unset; padding: 0px; font-weight: 600; margin-left: 20px;}
.third-accord .accordion-button:not(.collapsed){background-color: unset; color: #000; box-shadow: unset;}
.third-accord .accordion-header button:focus{outline: unset; box-shadow: none;}
.third-accord.accordion-item{border:unset; border-top: 1px solid #ccc; margin-top: 17px;}
.third-accord .accordion-header{padding: 20px 20px 0px;}
.third-accord input[type=checkbox] {position: relative; cursor: pointer; }
.third-accord input[type=checkbox]:before {content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #364589; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 11px; border-radius: 50px; position: absolute; background-color: #fff; top: -4px; left: -2px; }
.third-accord input[type=checkbox]:checked:after {content: ""; display: block; width: 5px; height: 10px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; }
.label-style label{display: flex; align-items: center; margin-top: 15px;}
.label-style label p{margin-bottom: 0px; color: #000; margin-left: 20px;}
.third-accord .accordion-body{padding-left: 19px;}

.pages-link-flter{    border-top: 1px solid #ccc; margin-top: 16px; } .pages-link-flter h6{border-bottom: 1px solid #ccc; padding: 20px;}
.pages-link-flter h6 a{font-size: 20px; font-weight: 600; text-decoration: none; color: #000;}
.pages-link-flter h6 a i{margin-left:  15px; font-size: 18px; color: #364589;}


.tally-prime-main h3{color: #000; font-weight: 600; font-size: 25px;     margin-bottom: 40px;}
.tally-prime-main{padding: 0px 100px 30px; margin-bottom: 30px; }

.tally-prime-box{    background-color: #f1f6fe; border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; padding: 34px; border-radius: 50px; width: 89%; margin: 0 auto;}
.tally-prime-box h4{text-align: center; border-bottom: 1px solid #000;  color: #000; font-weight: 600; padding-bottom: 10px; text-transform: uppercase;}
.tally-prime-box p{text-align: center; margin-top: 15px;}
.tally-prime-box form{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;
    margin-top: 22px;}
.tally-prime-box form h5{margin-right: 13px; margin-bottom: 0px; font-size: 15px;}
.tally-prime-box form .form-check{margin-right: 10px;}
.tally-prime-box form .form-check label{margin-left: -5px;}
.tally-prime-box h2{text-align: center; font-size: 29px; font-weight: 600; margin-bottom: 12px; }
.tally-prime-box h6{text-align: center; font-size: 14px; }
.buy-now-btn{text-align: center;     margin-top: 40px;}
.buy-now-btn a{background: linear-gradient(to right, #4d8dc0, #164367); color: #fff; text-decoration: none; padding: 10px 30px; display: inline-block; border-radius: 15px; text-transform: uppercase; font-weight: 600; font-size: 18px; margin: 0 auto;}

.tally-server-box-new p{margin-bottom: 30px;}
.tally-server-box-new .buy-now-btn{margin-top: 60px;}
/*===========================tally prime css end==========================================*/

/*===========================upgrade css start==========================================*/
.upgrade-main-box h3{margin-bottom: 15px;}
.upgrade-main-box p{font-size: 15px; color: #364589;}
.upgrade-main-box form select{padding: 15px;}
.upgrade-main-box form select:focus{box-shadow: unset; outline: none;}
.upgrade-main-box h2{text-align: center; font-weight: 600;}
.upgrade-main-box h6{text-align: center;}
.upgrade-main-box form{margin-bottom: 40px;}
/*===========================upgrade css end==========================================*/

/*===========================audit trail css start==========================================*/

.audit-trail-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #000; background-color: unset; border-bottom: 1px solid #000; border-radius: 0px; }
.audit-trail-tabs .nav-pills .nav-link {background: 0 0; border: 0; border-radius: .25rem; font-weight: 600; color: #000; font-size: 18px; }
.audit-trail-tabs .nav-pills li{margin-right: 20px;}
.audit-trail-tabs .nav-pills{margin-bottom: 30px!important;}
.audit-tab-con{background-color: #f1f6fe; box-shadow: 0px 0px 10px #ccc; padding: 20px; border-radius: 20px;}
.audit-tab-con h4{font-size: 17px; font-weight: 600; color: #000; margin-bottom: 25px; }
.audit-tab-con p{color: #000; font-size: 15px;}
.audit-tab-con a{color: #364589; display: inline-block;margin-top: 24px;}
.audit-tab-con hr{margin: 32px 0px;}
.audit-trail-tabs{border-top: 1px solid #ccc; padding-top: 26px; }
.addon_details_top {display: flex; font-size: 13px; margin-bottom: 50px; }
.addon_details_short_desc {width: 85%; }
.addon_details_short_desc > div {margin-bottom: 5px; display: flex; align-items: center; }
.addons_dev_by {font-size: 13px; margin: 5px 0px; }
.addon_details_short_desc_heading {font-weight: bold; width: 35%; display: inline-block; }
.addon_details_buttons {width: 45%; display: flex; justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; color: black; }
.addon_details_buttons a{background: linear-gradient(to right, #4d8dc0, #164367); color: #fff; text-decoration: none; padding: 10px 30px; display: inline-block; border-radius: 15px; text-transform: uppercase; font-weight: 600; font-size: 15px; }

/*===========================audit trail css end==========================================*/

/*===========================career page css start==========================================*/

.inner-banner-wrapper{position: relative;}
.inner-banner-wrapper img{width: 100%;}
.inner-banner-wrapper .cover-banner{position: absolute; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 100%;justify-content: center;}
.inner-banner-wrapper .cover-banner h3{color: #fff; font-weight: 600; font-size: 33px;}
.career-middle-wrapper{padding: 50px 0px;}
.career-left-img{height: 100%;}
.career-left-img img{width: 100%; height: 100%; object-fit: cover;}
.career-form h4{font-weight: 600; font-size: 27px; display: inline-block; border-bottom: 1px solid #ccc;}
.career-form form{margin-top: 20px;}
.career-form form input{padding: 10px 20px; border-radius: 16px;}
.career-form form textarea{padding: 10px 20px; border-radius: 16px; height: 100px;}
.career-form form input:focus{outline: none; box-shadow: unset;}
.career-form form textarea:focus{outline: none; box-shadow: unset;}

.drop-zone {max-width: 100%; height: 109px; padding: 6px; align-items: center; justify-content: center; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 15px; cursor: pointer; color: #cccccc; border: 1px solid #ccc; border-radius: 16px; }
.drop-zone--over {border-style: solid; }
.drop-zone__input {display: none; }
.drop-zone__thumb {width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: cover; position: relative; }
.drop-zone__thumb::after {content: attr(data-label); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #ffffff; background: rgba(0, 0, 0, 0.75); font-size: 14px; text-align: center; }
.career-form form button{background-color: #77b9ed; padding: 10px 60px; border-radius: 16px; font-size: 15px; font-weight: 600; color: #fff; border: none; margin-top: 9px;}
.breadcrumbs li{color: #000!important;}
.breadcrumbs li a{color: #000; text-decoration: none;}
.breadcrumbs{margin-top: 20px;}
.aggrements-tick{display: flex; align-items: center;}
.aggrements-tick h6{margin-bottom: 0px; margin-right: 20px;}
.aggrements-tick input{padding: 10px!important; border: 2px solid #000; border-radius: 0!important; margin-right: 7px; }
.aggrements-tick .form-check{margin-right: 15px; display: flex; align-items: center;}
.aggrements-tick label{color: #000; font-weight: 500;}
.contact-details-inner p{color: #000!important; font-size: 15px!important; margin-bottom: 0;}
.contact-details-inner p a{color: #000!important; font-size: 15px!important}
.contact-details-inner i{color: #77b9ed!important;}
.contact-details-inner h5{color: #000; font-size: 24px; font-weight: 700; margin-bottom: 32px; text-transform: capitalize;}
.contact-details-inner{border: 1px solid #ccc; border-radius: 30px; padding: 30px; width: 83%;}
.contact-details-inner ul{margin-bottom: 0px;}
.contact-details-inner ul li{margin-bottom: 19px;}
.contact-details-inner ul li:last-child{margin-bottom: 0px;}
.map-box{border: 1px solid #ccc; border-radius: 30px;}
.map-box iframe{border-radius: 30px;}
.contact-detils-main{display: flex; align-items: center; justify-content: center; height: 100%;}
/*===========================career page css end==========================================*/



.team-page-head{text-align: center; margin-bottom: 50px;}
.team-page-head h4{display: inline-block; font-size: 30px; font-weight: 700; border-bottom: 1px solid #000;}
.team-box{border: 1px solid #ccc; border-radius: 20px; text-align: center; padding: 40px; }
.team-box img{margin-bottom: 25px;}
.team-box h5{font-weight: 600;}
.team-box p{font-size: 15px; margin-bottom: 0px;}
.gallery-wrapper{padding: 30px 0px 50px;}
.gallery-page-box{margin-bottom: 30px;}
.gallery-page-box img{width: 100%;}



.modal .form-control{display: block!important; width: 100%!important;}

/*========================inner banner sec css start===========================*/

.inner-banner-img img{width: 100%;height: 350px;object-fit: cover;}
.inner-banner-con{position: absolute; top: 0; width: 100%; left: 0; display: flex; justify-content: flex-start; align-items: center; height: 100%; }
.inner-banner-con-inn h2{color: #fff;text-align: center;font-weight: 600;font-size: 39px;}
.inner-banner-img{position: relative; }
.bread-crumb ol li{font-size: 14px; color: #fff;}
.bread-crumb ol li.active{color: #fff;}
.bread-crumb ol li a{color: #fff;text-decoration: none;font-size: 14px;}
.bread-crumb .breadcrumb-item+.breadcrumb-item::before{color: #fff;}
.over-lay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 35%);}
.breadcrumb{justify-content: center;}
.inner-banner-con-inn{padding-top: 0px;}
.inner-banner-con-inn .bread-crumb ol li{color: #fff!important;}
/*========================inner banner sec css end===========================*/

.about-page-wrapp{padding: 50px 0px;}
.about-left-con h3{font-weight: 600; font-size: 30px; margin-bottom: 10px;}
.about-left-con p{color: #000; font-size: 15px; text-align: justify;}
.about-right-img img{width: 100%; height: 350px; object-fit: cover; border-radius: 20px;}
.about-long-description{padding-top: 0px;}
.about-long-description p{font-size: 15px; text-align: justify;}



/*===============================blog page section css start================================*/

.blog-content a.blog-read:hover{background:linear-gradient(95.45deg, #5498ce 0.64%, #194162 98.23%);color: #fff;border-color: #144e03;}
.blog-headings p{padding: 0% 27%;}
.blog-content{padding: 15px;}
.blog-headings{text-align: center; padding-bottom: 40px;}
.blog-headings h5{color: #00E5CC;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-bottom: 13px;}
.blog-headings h2{color: #000E44;font-size: 42px;font-weight: 700;/ text-transform: uppercase; /margin-bottom: 14px;}
.blog-headings p{color: #848E9F; font-size: 16px; font-weight: 400;}
.home-blog-image img{width: 100%;border-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.blog-category{color: #848E9F;font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #731a17;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-category a{color: #fff;}
.home-blog-image{position: relative; margin-bottom: 15px;}
.blog-date {color: #000;font-size: 14px;font-weight: 500;margin-left: 20px;}
.blog-feat{margin-top: 10px;margin-bottom: 9px;}
.blog-date:first-child{margin-left: 0px;}
.blog-date i{color: #77b9ed;}
.blog-content h4 a{color: #000;font-weight: 700;font-size: 16px;text-decoration: none;line-height: 15px;}
.blog-content p{color: #000;font-size: 15px;font-weight: 400;}
.blog-content a.blog-read{color: #fff;font-size: 15px;background-color: #77b9ed;padding: 8px 16px;display: inline-block;margin-top: 7px;border-radius: 50px;text-decoration: none;margin-bottom: 12px;}
.blog-content a.blog-read i{margin-left: 5px;font-size: 14px;}
.blog-wrapper{padding: 70px 0px 50px;}
.blog-page{margin-bottom: 30px;background-color: #fff;/ padding: 15px; /border-radius: 10px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}
.blog-content h4{line-height: 22px;margin-bottom: 14px;}

/*=================================blog page section css end==============================*/


/*=================================Blog detail section css start==================================*/

.blog-detail-page-title h3{font-size: 24px; text-align: center; margin-bottom: 30px; color: #000; font-weight: 600; }
.blog-detail-image img{width: 100%;height: auto;max-height: auto;object-fit: cover;}
.blog-detail-image{position: relative;}
.blog-detail-title h1{color: #000;text-decoration: none;font-size: 33px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h2{color: #000;text-decoration: none;font-size: 29px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h3{color: #000;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 700;margin-bottom: 15px;}
.blog-detail-title h4{color: #000;text-decoration: none;font-size: 24px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h5{color: #000;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h6{color: #000;text-decoration: none;font-size: 20px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title{margin-top: 20px;}
.blod-detail-description p{text-align: justify;font-size: 15px;color: #000;}
.blod-detail-description{margin-top: 13px;}
.blog-detail-wrapper .widget {margin-bottom: 0px;padding: 30px;background-color: #fff;border-radius: 10px;position: relative;/ box-shadow: 0 0 20px rgb(0 0 0 / 7%); /}
h2.widget-title, h2.widgettitle {font-size: 24px;font-size: 25px;padding-bottom: 18px;margin-bottom: 30px;position: relative;color: #000;font-weight: 700;}
.blog-detail-wrapper .widget-title:after{position: absolute;content: '';width: 63px;height: 2px;background-color: #77b9ed;bottom: 6px;left: 0;}
#secondary .widget ul {margin: 0; padding-left: 0; list-style-type: none; }
.blog-detail-wrapper .widget ol li, .blog-detail-wrapper .widget ul li {padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: space-between; }
.blog-detail-wrapper .widget_categories ul{padding-left: 0;}
.blog-detail-wrapper .widget ol li:first-child, .blog-detail-wrapper .widget ul li:first-child {border-top: none; padding-top: 0; }
#secondary .widget ul li {position: relative; }
.blog-detail-wrapper .widget_categories li a {display: flex; color: #000!important; font-size: 17px; text-decoration: none; }
.blog-detail-wrapper .widget_categories li a i {display: flex; color: #000!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; }
.blog-detail-wrapper .widget_recent_entries img {margin-right: 17px; height: 74px; max-width: 75px; display: block; object-fit: contain; border-radius: 10px; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post .title-post {display: flex; flex-direction: column; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;max-height: 2.6em;margin-bottom: .5em;font-size: 17px;color: #000;text-decoration: none;font-weight: 600;}
.blog-detail-wrapper .widget_recent_entries .post-date {display: block;font-size: 14px!important;font-size: .6875rem;color: #77b9ed;text-transform: uppercase;}
.blog-detail-wrapper .widget_recent_entries ul{padding-left: 0px;}
.feat_blog_con p span {color: #77b9ed;font-size: 15px;margin-right: 17px;font-weight: 400;}
.feat_blog_con p span a {color: #848e9f;font-size: 15px;margin-right: 17px;font-weight: 400; text-decoration: none;}
.blog-detail-image{position: relative;}
.blog-detail-image img{border-radius: 10px;}
.blog-detail-image .blog-detail-cat{font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #721915;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-detail-image .blog-detail-cat a{color: #fff; text-decoration: none;}

/*=================================Blog detail section css end==================================*/


.servicd-about{text-align: center;}
.servicd-about h4{color: #000; font-size: 30px; font-weight: 600; margin-bottom: 20px;}
.service-midddle{padding: 50px 0px;}
.service-left-img img{width: 100%;}
.service-left-con h6{color: #000; font-size: 25px; font-weight: 600; margin-bottom: 10px;}
.service-left-con p{font-size: 15px; color: #000;}
.service-long-desc p{font-size: 15px; color: #000;}
.g-recaptcha iframe{width:100%;}
.head-social-with-btn{display: flex; align-items: center;}
.head-social-with-btn a.head-action{border: 1px solid #8bb6d8; color: #8bb6d8; padding: 5px 15px; margin-right: 10px; text-decoration: none; font-size: 14px;}