﻿@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
body{font-family:Nunito Sans !important;font-size:17px;}
*{padding:0; margin:0; box-sizing:border-box;}
/*other color and css*/
.bx-1{background:#3bc4e4;}
.bx-2{background:#595959;}
.bx-3{background:#4bc4d8;}
.bx-4{background:#bfbebe;}
.bx-5{background:#1cbcd8;}
.bx-6{background:#7b7b7a;}
.bx-7{background:#e5f4f9;}
.bx-8{background:#edeff0;}
.txt-1{color: #38c3e2 !important;}
.gradiant-txt {background: -webkit-linear-gradient(45deg, #38c4e3 0%, #2794ca 50%, #196db6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.gradiant-txt-1 {background: -webkit-linear-gradient(45deg, #232D3F 0%, #005B41 50%, #65AB6F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.gradiant-txt-2 {background: -webkit-linear-gradient(45deg, #2b3b75 0%, #bf4c05 50%, #bb1217 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.gradiant-txt-3 {background: -webkit-linear-gradient(45deg, #e57fb1 0%, #66348b 50%, #004383 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.gradiant-txt-4 {background: -webkit-linear-gradient(45deg, #1c2a3f 0%, #5a509f 33%, #65AB6F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.linkedin-color, .fa-linkedin.blue-color {color:#0A66C2;}
.youtube-color, .fa-youtube-play.blue-color {color:#CD201F;}
.twitter-color, .fa-twitter.blue-color {color:#00acee;}
.instagram-color, .fa-instagram.blue-color {background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.facebook-color, .fa-facebook.blue-color {color:#4267B2;}
.w-30{width:30%;}
.w-40{width:40%;}
.w-110{max-width:110px;}
.w-130{max-width:130px;}
.w-140{max-width:140px;}
.w-150{max-width:150px;}
.w-180{max-width:180px;}
.w-250{max-width:250px;}
.w-300{max-width:300px;}
.h-29{max-height:29px;}
.h-70{max-height:70px;}
.h-80 {max-height:80px;}
.h-90 {height:90px;}
.h-96 {height: 96%;}
.h-97{max-height: 97px;}
.fw-x{font-weight: 900 !important;}
.border-dash{border: 2px dashed #eee;}
.bottom-20{bottom:20%;}
.bottom-10{bottom:10%;}
.display-7{font-size: 1.8rem; font-weight: 300; line-height: 1.3;}
.display-8{font-size: 1.25rem; font-weight: 300; line-height: 1.3;}
.display-9{font-size: 1rem; font-weight: 300;}
.display-17{font-size: 2.2rem; font-weight: 300; line-height: 1.3;}
.display-18{font-size: 1.5rem; font-weight: 300; line-height: 1.4;}
.line-h {line-height: 1.2;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.font-15{font-size: 15px; line-height: 20px;}
.main-border-color{border:solid #1e9bb2 !important;}
.btn.main-color.bg-white{ background:#fff;color:#1e9bb2;}
.btn{background:#1e9bb2;color: #fff; padding:8px 23px; box-shadow: 0px 2px 10px #999; font-weight:500; border-radius:0;}
.btn:hover, .btn:focus {background-color:#33475c;}
.main-bg{background:#1e9bb2 !important;}
.main-color{color:#1e9bb2;}
.blue-color{color:#33485d;}
.gray-bg{background:#4b4a4c;}
.blue-bg{background:#33475c !important;}
.light-gray-bg{background:#ededed;}
.light-bg-1{background:#fbfbfb;}
.medium-gray-bd{background:#bfbfbf;}
.text-justify{text-align:justify !important;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.border-main-color{border:5px solid #1cbcd8;}
.border-color-1{border-color: #1cbcd8 !important;}
.border-color-2{ border-color: #4aa2b6 !important;}
.shadow-dark{box-shadow: 6px 10px 20px #999;;}
.line-height18 {line-height:18px;}
.top-40{top: 40%!important;}
.z-index-0{z-index: 0;}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
a.btn.bg-white.blue-color{color: #000;}
a.btn.bg-white.blue-color:hover, a.btn.bg-white.blue-color:focus{color: #fff;background:transparent !important;}
a.btn.bg-transparent.text-black:hover, a.btn.bg-transparent.text-black:focus{background-color:#1e9bb2 !important; color: #fff !important;}
.lead {font-size: 1.125rem;}
/*other color*/
h1, h2, h3 {/*text-transform:capitalize;*/}
/*nav-top*/
header .container{position:relative;}
.nav-top{position:relative; background:#1e9bb2;}
.nav-top p{line-height:45px; text-align:center; margin-bottom:0;font-size: 16px;}
.quotes{display: none;}
/*nav-top*/
section.sec-19{padding-top: 1.5rem; padding-bottom: 1.5rem;}
/*banner*/
.home-pg .banner{position:relative; background:url(../Images/simplifying-compliances.png) no-repeat; background-size:cover !important; }
.banner .banner-content{position:relative; width:100%; padding:50px 0; text-align:center;}
.banner .banner-content h1{ color:#1e9bb2; font-weight:800; /*text-transform:uppercase;*/}
.banner .banner-content h3{ color:#555; font-weight:400;}
.banner .banner-content p{ color:#000000;}
.banner .btn:hover {color: #fff;}
/*banner*/
/*title-heading*/
.main-heading hr{border:2px solid #1e9bb2; opacity:1; width:100px;}
.title{font-size: 2.5rem; line-height:70px; color:#595959; font-weight:800; text-align:center;}
.sub-title{font-size: 1.5rem; line-height:40px; color:#1e9bb2; font-weight:400; text-align:center;}
/*title-heading*/

section{padding:45px 0; position:relative;}

/*sec-3*/
.home-pg .sec-3 figure .back-cont { opacity: 0;  transition: .5s;  background: #1c9cb3;  height: 100%; width: 100%;  position: absolute;  top: 0;  border-radius: 15px; box-shadow: 7px 10px 30px #999;    text-align: center;  padding: 30px 0px;}
.home-pg .sec-3 figure:hover .back-cont { opacity: 1;}
.home-pg .sec-3 figure figcaption h4{position:relative; top:-15px;}
.home-pg .sec-3 figure figcaption p.lead{font-weight:600 !important; margin-bottom:0;}
.home-pg .sec-4 figure img{filter: grayscale(1);  opacity: .8; transition:.3s;}
.home-pg .sec-4 figure:hover img{filter: grayscale(0);  opacity:1;}
/*sec-3*/
/*bnr-sec*/

.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 50px;  height: 50px; opacity: 1; background:#1e9bb2; top: 40%; border-radius: 50%; opacity: 0; transition: .3s;}
.bnr-sec .carousel-dark .carousel-control-next-icon, .bnr-sec .carousel-dark .carousel-control-prev-icon { filter: invert(0) grayscale(0);
}
.bnr-sec .carousel-control-next-icon, .bnr-sec .carousel-control-prev-icon {width: 1.2rem; height: 1.2rem;}
.bnr-sec:hover .carousel-control-next{opacity: 1; right: 50px;}
.bnr-sec:hover .carousel-control-prev{opacity: 1; left: 50px;}
/*bnr-sec*/
.enquiry-pg a span{font-size:13px;}
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.home-pg .counts{background: url(../images/Doted-BG-02.png); background-size: 100% 100%;}
.home-pg .counts .container{box-shadow: 10px 10px 25px rgba(0,0,0,0.4); border-radius: 20px;}

/*--------------------------------------------------------------
# sec-4
--------------------------------------------------------------*/
.cont-sec p{text-align:justify;font-size: 20px;}
.client-sec img{filter: grayscale(0); transition:.5s;}
.client-sec img:hover{filter: grayscale(100%);}
.img-responsive{max-width:100%;}
.client-sec {display:none;}
/*--------------------------------------------------------------
# sec-4
--------------------------------------------------------------*/
/*client-sec-hm*/
.client-sec-hm img { filter: grayscale(100%); }
.client-sec-hm img:hover { filter: grayscale(0);}
/* Slider */

.accordion-body{text-align: justify;}
.accordion-body p{margin-bottom:5px;}
/*event-bx*/
.home-pg .sec-7 .event-bx, .sec-7 .event-bx{position: relative; margin:40px auto; text-align: center; border-radius:10px;}
.home-pg .sec-7 .main-bg{box-shadow: 0px 5px 30px -7px #000;position: relative; border-radius:2px; z-index:1;}
.home-pg .sec-7 .event-bx img, .sec-7 .event-bx img{width:50px; margin:0 auto;}
.home-pg .sec-7 .event-bx .col-5, .sec-7 .event-bx .col-5{border-right: 5px solid #fff;}
.home-pg .sec-7 .main-bg h4 span, .sec-7 .main-bg h4 span{font-weight:700;}
.home-pg .sec-7 .event-bx .btn:hover{color:#fff; background:#1e9bb2;}
/*event-bx*/


/*client-bx*/
.home-pg .sec-8 .client-bx figure{padding:0px;}
.home-pg .sec-8 .w-25{width: 90px !important;}
.home-pg .sec-8 .client-sec{width:70%; margin:0 auto;padding-top: 70px;}
/*client-bx*/
/*sec-9*/
.home-pg .sec-9{position: relative; background-size: 100% 100%; margin-bottom:30px;}
.home-pg .sec-9 .title{color:#1e9bb2;}
.home-pg .sec-9 figure.position-relative:hover .img-221{opacity:0;}
.home-pg .sec-9 figure.position-relative img {transition:.5s;}
.home-pg .sec-9 figure.position-relative .img-222{opacity:0;}
.home-pg .sec-9 figure.position-relative:hover .img-222{opacity:1;}
.home-pg .sec-9 .container {transition:.5s;}
.home-pg .sec-9 .container .eft-hvr:hover .position-md-absolute{display:none;}
/*sec-9*/
/*sec-10*/
.sec-10{position: relative;}
.home-pg .sec-10 .btn{color:#fff; border:2px solid #fff;font-size: 20px;}
.home-pg .sec-10 .btn:hover{color:#fff; background:#33475c;}
section{ overflow:hidden;}
/*sec-10*/
/*footer*/
footer{padding:45px 0 0px; color:#fff; position:relative; overflow:hidden;}
footer .accordion{--bs-accordion-bg:transparent;  --bs-accordion-border-color: none;}
footer.blue-bg .accordion-item .accordion-body .dropdown .dropdown-toggle::after{border:0;}
footer .accordion-button:not(.collapsed){color:#fff; background-color:transparent;}
footer .accordion-button:focus{box-shadow: none;}
footer .accordion-body ul, footer .ser-lnk ul{list-style: none;}
footer .accordion-body ul li a, footer .ser-lnk ul li a{color:#eee; text-decoration:none; font-size:14px; margin-left:10px;font-weight: normal;}
footer .accordion-button::after, footer .dropdown .dropdown-toggle::after, footer .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-size: 0.75rem;width:15px; height:15px;position: absolute;/*left: -20px;*/ right:0; padding-right: 15px}
footer .accordion-header .accordion-button{/*font-size:15px;*/color:#eee;text-align: left;}
footer .ser-lnk.quick-lnk .accordion-header{padding-left:0;}
footer .accordion-header{padding-left: 15px;}
footer .accordion p{font-size:15px;} 
footer .accordion p a, footer a{color:#fff; text-decoration:none;} 
footer .quick-lnk a{font-weight:bold; font-size:16px;}
footer .footer-cont{font-weight:bold;}
footer .footer-cont span{font-weight:normal;}
footer .social-lnk ul li{margin: 5px;}
footer .social-lnk ul li .fa{width:40px; height:40px; line-height:40px; background:#444; color:#fff; border:1px solid #fff; transition:.5s;}
footer .social-lnk ul li .fa:hover{background:#1e9bb2; color:#fff;}
.side-social-icn {font-size:22px; line-height:30px;}
.side-social-icn img{max-width: 22px;}
.side-social-icn ul li a {display: contents;}
.side-social-icn ul li{margin: 3px 0;}
.top {position: fixed; right: 18px;  bottom: 30px; text-align: center; color: #fff; background: #1e9bb2; padding: 10px 10px;    z-index: 99; border-radius: 50%;  border: 1px solid #fff; cursor: pointer;  opacity: 0; transition: ease-in 0.5s;}
.top.scll-top {  opacity: 1;  transition: ease-in 0.5s;  bottom: 50px;}
.top .fa {display: block !important;}
.footer-cont-info figure figcaption{font-size: 14px;padding-left: 20px;}
/*footer*/
/*fix-header*/
.fixed-top.navbar{padding:0;}
.fixed-top .navbar-brand{width: 150px;margin:0;}
/*fix-header*/
/*abt-page-sec*/
.abt-tp-nav .col{border-radius: 0;border-right: 1px solid #fff; transition: .5s;}
.abt-tp-nav .col a{display: block; color:#fff; text-decoration: none; line-height: 40px;padding: 5px 2px;}
.abt-tp-nav .col:hover{background: rgba(254,254,254,.12);}
.abt-tp-nav .col:hover a{font-weight: bold;}
.team-pg  figure figcaption .btn.position-relative[aria-expanded="true"]:after{content: 'Less More'; background: #555; position: absolute; top: 0; font-size: 15px; line-height: 32px; left: 0;  right: 0;margin: 0 auto; color:#ffff;}
/*abt-page-sec*/
/*contact-page-sec*/
.cont-pg-banner{background:url(../Images/location-page-atf-background.png) no-repeat; background-size: cover; padding:120px 0;}
.cont-bx{box-shadow: -7px 11px 33px 8px rgb(0 0 0 / 40%); margin: 30px auto;}
.cont-bx figcaption{padding:20px;}
.cont-bx figcaption p{text-align:justify;}
.cont-bx figcaption p i{padding: 5px 20px; font-size:25px; color:#888;}
/*contact-page-sec*/
/*e-sign-bx-sec*/
.e-sign-bx-sec{background:url(../Images/digital-signing-bg-1.jpg) no-repeat scroll; background-size:100% 100%;}
.web-e-sign-pg .sign-bx img{width:100px;height:100px;}
.web-e-sign-pg .brands .nav-item .nav-link{background:#515151; color:#fff; margin: 4px 0;padding: 14px 8px;}
.web-e-sign-pg .brands .nav-item .nav-link.active{background:#1e9bb2;}
.web-e-sign-pg .brands img{filter: grayscale(1); transition:.3s;}
.web-e-sign-pg .brands img:hover{filter: none;}
/*e-sign-bx-sec*/

/*whats-new-pg*/
.whats-new-pg .banner {background: url(../Images/Whats-new-section-design-02.png) no-repeat;}
.whats-new-pg .title{line-height:60px; text-align:left;}
/*whats-new-pg*/

/*Meet-Management-pg*/
.Meet-Management-pg .sec-2 h4{ line-height:30px;}
/*Meet-Management-pg*/
/*Our-journey-pg*/
.Our-journey-pg .sec-3 .btn{font-size:20px; font-weight:600; line-height:40px; border:2px solid #fff;}
/*Our-journey-pg*/
/*Tech-Partners-pg*/
.Tech-Partners-pg .banner{background: url(../Images/top-image-min.png) no-repeat;}
.Tech-Partners-pg .col-lg-3{border: 1px solid #ddd;}
/*channel-partner-pg*/
.channel-partner-pg .banner{background: url(../Images/top-image-min.png) no-repeat;}
/*accredi-pg*/
.accredi-pg .slide-bx1 .figure-caption{position: relative; padding: 110px 20px 30px; border-radius: 4px; margin-top: -100px;  min-height: 270px;}
/*accredi-pg*/
/*for-demo*/
.for-demo .sec-3 label{font-weight:500;}
.for-demo .sec-3 label span, .for-demo .sec-3 .pt-3 strong span{color:#F00;}
.for-demo .sec-3 .form-check{margin-right:20px; display:inline-block;}
/*for-demo*/
/*our-clientele-pg*/
.our-clientele-pg .clnt-bx-icn figure{ box-shadow: 2px 11px 15px rgba(0, 0, 0, .5); text-align:center; display: inline-block; width: 22%;padding: 10px; margin:15px 1%;}
/*our-clientele-pg*/
/*career-pg-pg*/
.career-pg .banner{background: url(../Images/Career-page-image.jpg) no-repeat;}
.career-pg .sec-1{background: url(../Images/We-in-Webtel-png.png) no-repeat; background-position:bottom center; background-size:100%;}
.career-pg .sec-4 p{padding:100px; text-align:justify;}
.career-pg .slide-bx1{margin:15px;}
.career-pg .slide-bx1 .slide-img {position: relative;  z-index: 1;}
.career-pg .slide-bx1 .slide-img img { margin: 0 auto; border-radius: 50%; background: #fff; padding: 20px 8px; box-shadow:#555 5px 5px 4px;}
.career-pg .slide-bx1 .figure-caption{position: relative; padding: 90px 20px 30px; border-radius: 4px; margin-top: -80px;  min-height: 350px;}
.career-pg .slide-bx1 .figure-caption p{font-size:18px; font-weight:300;}
/*career-pg*/
/*ip-pg*/
.ip-pg .banner{background: url(../Images/ip-top-image.png) no-repeat;}
.ip-pg .sec-4{background: url(../Images/19-Stragic.jpg) no-repeat; background-attachment:fixed; background-size:100% 100%;}
/*ip-pg*/
/*hrms-pg*/
.u-frame {width:100%; height:315px;}
.hrms-pg .bg-white:hover{color:#33475c;}
.hrms-pg .sec-5 .bx{border:2px dashed #eee;}
.hrms-pg .sec-7{background: url(../Images/20-Background.jpg) no-repeat;}
/*hrms-pg*/
/*gst-comp-pg*/
.gst-comp-pg .sec-9 { background: url(../Images/23-background-image.jpg) no-repeat;}
.web-e-sign-pg .carousel-control-prev {left: -55px;}
.web-e-sign-pg .carousel-control-next {right: -55px;}
.web-e-sign-pg .carousel-control-prev, .web-e-sign-pg .carousel-control-next {color:#000; background:#dad9d8; border-radius:50%; width:50px; height:50px; top:45%;}
.gst-comp-pg .carousel-item, .e-way-pg .carousel-item, .e-invoice-pg .carousel-item, .web-e-sign-pg .carousel-item, 
.web-edge-pg .carousel-item, .tds-adp-pg .carousel-item, .tds-pg .carousel-item{background: url(../Images/gst-carousel-bg.jpg) no-repeat;background-size: 100% 100%;}
.tds-pg.gst-comp-pg .nav.nav-tabs .slide_r .portfolio-item, .tds-pg.gst-comp-pg .nav.nav-tabs .slide_r .portfolio-item figure, .inner-page.sap-ser-pg.SSL-pg.p-0 .nav.nav-tabs .slide_r .portfolio-item, .inner-page.sap-ser-pg.SSL-pg.p-0 .nav.nav-tabs .slide_r .portfolio-item figure{min-height: 190px;}
/*gst-comp-pg*/

/*wah-pg*/
.wah-pg .nav-pills .nav-link.active, .wah-pg .nav-pills .show>.nav-link{background-color:#1e9bb2; color:#fff;}
.wah-pg .nav-pills .nav-link{color:#1e9bb2; border:#1e9bb2 2px solid;}
.wah-pg .nav-pills .nav-link:hover{color:#fff;}
.wah-pg .sec-1 figcaption {padding-top: 70px; margin-top: -70px;}
/*wah-pg*/
/*web-goldmine-pg*/
.web-goldmine-pg .ser-bx{margin:20px; padding:20px 0 30px; border-bottom-left-radius:50px; border-bottom-right-radius:50px;}
.web-goldmine-pg .ser-bx p{padding:10px 12px;}
.web-goldmine-pg .ser-bx h4{ background:#33475c;}
.web-goldmine-pg .ser-bx h4, .web-goldmine-pg .ser-bx h4 span{line-height:4rem; position:relative; display: block;}
.web-goldmine-pg .ser-bx h4:before{content:''; position:absolute; width:25px; height:2rem; background:#2a3a4c; left:-24px; bottom: -13px; transform: skew(0deg, 49deg);}
.web-goldmine-pg .ser-bx h4:after{content:''; position:absolute; width:25px; height:2rem; background:#2a3a4c; right:-24px; bottom: -13px; transform: skew(0deg, -49deg);}
.web-goldmine-pg .ser-bx h4 span:after{content:''; position:absolute; width:25px; height:4rem; background:#33475c; right:-24px; z-index:1;}
.web-goldmine-pg .ser-bx h4 span:before{content:''; position:absolute; width:25px; height:4rem; background:#33475c; left:-24px; z-index:1;}
.web-goldmine-pg .col-lg-4:nth-child(2) .ser-bx h4{background:#1d9cb3;}
.web-goldmine-pg .col-lg-4:nth-child(2) .ser-bx h4:before,.web-goldmine-pg .col-lg-4:nth-child(2) .ser-bx h4:after{background:#137b88;}
.web-goldmine-pg .col-lg-4:nth-child(2) .ser-bx h4 span:before,.web-goldmine-pg .col-lg-4:nth-child(2) .ser-bx h4 span:after{background:#1d9cb3;}
.web-goldmine-pg .carousel-item{background: url(../Images/gst-carousel-bg.jpg) no-repeat;background-size: 100% 100%;}
/*web-goldmine-pg*/
/*tds-pg*/
.tds-pg .sec-5 .container {margin: 0 auto; position: absolute; top: 0; left: 0; right: 0;}
.tds-pg .hr-peals-sec4, .tp-form .hr-peals-sec4 {padding:15px 0;}
.tds-pg .hr-peals-sec4 .display-7, .tp-form .hr-peals-sec4 .display-7 {text-transform: capitalize; font-size: 20px; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 0;line-height: 22px;}
.tds-pg .hr-peals-sec4 .lead, .tp-form .hr-peals-sec4 .lead {text-transform: capitalize; font-size: 16px; font-weight: 700; color:#fff; letter-spacing: -0.5px; }
.tds-pg .hr-peals-sec4 ul li, .tp-form .hr-peals-sec4 ul li { width: 100% !important;  margin: 2px .5% !important;}
.tds-pg .hr-peals-sec4 .col-md-5, .tp-form .hr-peals-sec4 .col-md-5{width:98% !important;}
.tds-pg .hr-peals-sec4 .captcha_text, .tp-form .hr-peals-sec4 .captcha_text{width: 100%;}
.tds-pg .hr-peals-sec4 .w-50.rounded, .tp-form .hr-peals-sec4 .w-50.rounded{width: 100% !important;}
.tds-pg .hr-peals-sec4 .w-50.rounded img, .tp-form .hr-peals-sec4 .w-50.rounded img{max-width:100%;}
.tds-pg .hr-peals-sec4 .col-md-5 #ProductEnquiry1_cap img, .tds-pg .hr-peals-sec4 .col-md-5 #ProductEnquiry_cap img, .tp-form .hr-peals-sec4 .col-md-5 #ProductEnquiry1_cap img, .tp-form .hr-peals-sec4 .col-md-5 #ProductEnquiry_cap img{max-width: 100%;border-radius: 10px;}
.form-control {padding: 0.275rem 0.75rem;}
/*tds-pg*/
/*cost-xbrl-pg*/
.cost-xbrl-pg .sec-3 figcaption{padding-top: 50px; margin-top: -45px;}
/*cost-xbrl-pg*/

/*inquiry*/
.main_body .default-section .col-lg-6{margin-top:5px; margin-bottom:5px;}
.main_body .default-section .col-lg-6 label{margin:5px;}
.main_body .default-section .form_bu {text-align:center;}
.main_body .default-section .form-control:focus {border-color:#ccc;box-shadow:none;}
.main_body .default-section .form_bu .btn:hover, .main_body .default-section .form_bu .btn:focus {color: #fff;}
/*inquiry*/
/*website-deg-pg*/
.website-deg-pg .box-content {position:relative; border: 1px solid #E1E1E1; border-radius: 5px; overflow: hidden; background: url(../images/safari.png) top center no-repeat transparent;  background-size: contain; padding-top: 38px; z-index: 1; width:90%; margin:0 auto}
.website-deg-pg .image-bg-port { min-height: 350px; display: inline-block; position: relative; background-size: 100%!important;  width: 100%;  max-width: 100%;}
.website-deg-pg .image-bg-port .image-shop-scroll { min-height: 355px; background-position: center 0!important;    background-repeat: no-repeat!important;  background-size: 100%!important;  position: absolute;  width: 100%; z-index: -1; top: 0; left: 0;  right: 0;  margin: auto;  background: #fff;  border-radius: 0px 0px 5px 5px;transition: all 3s ease-out 0s;   -webkit-transition: all 3s ease-out 0s;  -moz-transition: all 3s ease-out 0s;  -ms-transition: all 3s ease-out 0s;    -o-transition: all 3s ease-out 0s;}
.website-deg-pg .image-bg-port:hover .image-shop-scroll { background-position: center 100%!important;}
.website-deg-pg .slide-bx .slide-img { position: relative; z-index: 1;}
.website-deg-pg .slide-bx .slide-cont { position: relative; padding: 100px 20px 15px; border-radius: 4px;  margin-top: -100px;  min-height: 260px;}
/*website-deg-pg*/
.website-deg-pg .main-heading h1 span.cursor {
  display: inline-block;
  background-color: #ccc;
  margin-left: 0.1rem;
  width: 1px;
  animation: blink 1s infinite;
}
.website-deg-pg .main-heading h1 span.cursor.typing {
  animation: none;
}
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}
/*website-deg-pg*/
/*sap-ser-pg*/
.sap-ser-pg .banner{background: none;}
.sap-ser-pg .banner .banner-content{ position: absolute; padding: 10px 0; text-align: center;  right: 0;  top: 0;  left: 0;margin: 0 auto;}
/*sap-ser-pg*/
/*sap-home-pg*/
.sap-ser-pg.sap-home-pg .sec-1 .container{margin-top: -100px; margin-bottom: 70px; }
.sap-ser-pg.sap-home-pg .sec-1 figure .back-cont { opacity: 0;  transition: .5s;  background: #1c9cb3;  height: 100%; width: 100%;  position: absolute;  top: 0;  border-radius: 15px; box-shadow: 7px 10px 30px #999;    text-align: center;  padding: 30px 0px;}
.sap-ser-pg.sap-home-pg .sec-1 figure:hover .back-cont { opacity: 1;}
.sap-ser-pg.sap-home-pg .sec-4 .container{position: absolute; margin: 0 auto; left: 0; right: 0; top: 20%;}
/*sap-home-pg*/
.home-pg .accordion-button, .inner-page .accordion-button{border-bottom: 1px solid #f2f2f2 !important;color: #111;}
.home-pg .accordion-button:focus, .inner-page .accordion-button:focus{box-shadow: none;border-bottom: #f5f5f5; background: transparent;}
.home-pg .accordion-button:not(.collapsed), .inner-page.accordion-button:not(.collapsed){color: #33475c;background: transparent;}
/*accordion*/
/*slider*/
.slide_r{position: relative;}
.slide_r .portfolio-item figure{opacity: 1; transition: .5s; min-height: 230px; position: relative; border-radius: 20px; box-shadow: -2px 5px 10px #999; text-align: center;  padding: 20px 0px 0px;}
.slide_r figure{position: relative; text-align: center;  padding: 30px 0px; border-radius: 20px; box-shadow: 7px 10px 15px #999;
 text-align: center;  padding: 30px 0px;  background: #fff;}
.slide_r figure img{max-width:130px; margin:0 auto; height: inherit;}
.slide_r .portfolio-item{position:relative;}
.slide_r.simple .portfolio-item:hover figure img, .slide_r.simple .portfolio-item:hover figcaption{opacity:1;}
.slide_r .portfolio-item:hover figure img, .slide_r .portfolio-item:hover figcaption{opacity:0;}
.slide_r .portfolio-item .back-cont{opacity:0; transition:.5s; background:#1c9cb3; height:100%; width:100%; position:absolute; top:0; border-radius: 20px; box-shadow: -2px 5px 10px #999;  text-align: center; padding: 15px 0px; display: flex; align-items: center;}
.slide_r .portfolio-item .back-cont p{padding:10px; font-size:16px; color:#fff; text-align:center;margin-bottom: 0;line-height: 21px;}
.slide_r .portfolio-item .back-cont ul{text-align:justify;}
.slide_r .portfolio-item:hover .back-cont{opacity:1;}
.slide_r .portfolio-item h4{color:#666;font-family:Nunito Sans; font-size:20px; line-height:26px; font-weight:600;padding: 20px 0; color:#000;letter-spacing: -1px;}
.slide_r .column-carousel .owl-controls{position: relative;}
.slide_r .column-carousel .owl-nav .owl-next, .slide_r .column-carousel .owl-nav .owl-prev { opacity: .7;  display: inline-block;  margin: 0 12px!important; width: 50px;  height: 50px;   text-align: center;   color: #000; box-shadow: 0px 10px 25px #999; border-radius: 50%; overflow: hidden; position: absolute; background: #fff; top: -200px;}
.slide_r .column-carousel .owl-nav .owl-next{ right: -30px; }
.slide_r .column-carousel .owl-nav .owl-prev {  left: -30px; }
.slide_r .column-carousel .owl-nav .owl-next:after,.slide_r .column-carousel .owl-nav .owl-prev:after{ font-family: fontAwesome !important; font-size: 40px; width: 50px;  height: 50px; position: absolute;  z-index: 9; top: -5px; background: #fff;}
.slide_r .column-carousel .owl-nav .owl-next:after{content: "\f0da"; left: 3px;}
.slide_r .column-carousel .owl-nav .owl-prev:after{content: "\f0d9"; right: 3px; }
.slide_r .owl-theme .owl-dots .owl-dot{display: none;}
.slide_r .portfolio-item { margin: 20px 5px 0; min-height: 270px;  position: relative; padding: 10px 7px;}
.home-pg .client-sec .slide_r figure img{max-width:100%;}
.home-pg .client-sec .slide_r .portfolio-item { margin: 5px 5px 0; min-height:inherit;  position: relative; padding: 10px 7px;}
.home-pg .client-sec .slide_r .portfolio-item figure{ margin: 0px 5px 0; min-height:inherit; background:transparent;  position: relative; padding: 10px 7px; border-radius:2px; box-shadow:none;}
.home-pg .client-sec .slide_r .column-carousel .owl-nav .owl-prev {top: -100px; left: -50px;}
.home-pg .client-sec .slide_r .column-carousel .owl-nav .owl-next{top: -100px; right: -50px;}
/*slider*/
/*power-bi-pg*/
.power-bi-pg .sec-2 .container{position:absolute; top:100px; margin: 0 auto; left: 0; right: 0;}
.power-bi-pg .sec-3 .sliding-bx{position: relative; box-shadow: 2px 4px 8px #999; border-radius: 20px; margin: 20px 0; overflow: hidden; min-height:100px;}
.power-bi-pg .sec-3 .container:before{position:absolute; top:50%; left:-50px; content:'Why Power BI?'; transform:rotate(-90deg); color:#1e9bb2;font-family:Nunito Sans; font-size:30px; font-weight:800;}
.power-bi-pg .sec-3 .frnt-cont{width:100%; display:flex; transition:.5s;}
.power-bi-pg .sec-3 .sliding-bx .icn{position:relative; text-align:center; width:100px; height:100px;}
.power-bi-pg .sec-3 .sliding-bx .icn img{margin-top:18px;}
.power-bi-pg .sec-3 .sliding-bx .bx-cont{position:relative; right:inherit; left:inherit; margin:0 auto; text-align:center; top:0; width: 80%; padding:0 5px;}
.power-bi-pg .sec-3 .sliding-bx .bx-cont p{font-size:16px; text-align:center; margin: 0;}
.power-bi-pg .sec-3 .sliding-bx .back-cont{opacity:0; position:absolute; display: flex; min-height: 100px; transition:.5s; top:0;}
.power-bi-pg .sec-3 .sliding-bx:hover .frnt-cont{opacity:0;}
.power-bi-pg .sec-3 .sliding-bx:hover .back-cont{opacity:1;}
.power-bi-pg .sec-6.sec-2 .main-bg{transition:.5s; margin:15px 0; height: 150px; align-items: center; display:flex; width:100%;}
.power-bi-pg .sec-6.sec-2 .main-bg:hover{background:#33485d;}
.power-bi-pg .sec-6.sec-2 .main-bg h4{font-size:19px; font-family:Nunito Sans; width: 100%; font-weight:bold;}
.power-bi-pg .sec-6.sec-2{padding: 30px 0;}
/*power-bi-pg*/
/*testimonials-pg*/
.testimonials-pg .sec-1 .test-cont{box-shadow: -2px 2px 10px #999; background: #fff;}
.testimonials-pg .sec-1 .test-icn .fa{font-size: 40px; width: 70px; height: 70px; color: #000; line-height: 70px;box-shadow: -2px 2px 10px #999;}
.testimonials-pg .sec-1 .arrow-bottom{bottom: -20px; width: 0; height: 0; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; right: 0;  left: 0; border-top: 20px solid #fff; margin: 0 auto;}
.testimonials-pg .slide_r .column-carousel .owl-nav .owl-next, .testimonials-pg .slide_r .column-carousel .owl-nav .owl-prev{top: -300px;}
/*testimonials-pg*/
/*navbar*/
.header-menu .navbar{background-color: #EDEDED; z-index: 9999;}
.header-menu .navbar-light .navbar-nav .nav-link{color:#000000;font-weight: 700;}
.navbar-nav a{font-size:15px;}
.navbar-brand{width:200px; padding: 0;}
.navbar-expand-lg .navbar-collapse{position:relative;}
.nav-link:hover, .nav-link:focus, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #fff; text-decoration: none; background-color:#1e9bb2;}
.column a:focus, .column a:hover{color: #fff; text-decoration: none; background-color:#1e9bb2;border-radius: 3px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#fff;}
.navbar .mydropdown-content .column .dropdown .dropdown-toggle:empty::after, .navbar .dropdown-menu-end .position-relative .dropdown-toggle:empty::after{margin-left: 6px; margin-top: 8px;}
.navbar .dropdown-menu-end .position-relative .submenu.show{display:block;}
.nav-item.dropdown .dropdown a, .nav-item.dropdown .dropdown-menu a{font-size:13px;}
/*navbar*/
.dropdown-menu-left,.dropdown-menu-end{top: 38px;}
.mydropdown-content{position: absolute; background: rgba(254,254,254,1); width: 100%; left: inherit; right:0; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);  z-index: 1; padding:1.25rem .5rem 1rem; border-radius:5px;border: 1px solid rgba(0,0,0,.15);}
.mydropdown-content.dropdown-menu.show {/* display: flex; */top: 58px;}
.column{width:33.3%; padding:5px;text-align: left; float:left;}
.column p{margin-bottom: 0;}
.column a{display: block;color:#000;padding: 2px 10px;text-decoration: none;}
.navbar .dropdown-menu .dropdown-item{padding: 2px 10px;}
.navbar .mydropdown-content .column .dropdown .dropdown-btn, .navbar .dropdown-menu-end .position-relative .dropdown-btn{ position: absolute; right: 0px;  top: 0px; background: #fff; width: 23px; height: 23px; border: 1px solid rgba(0,0,0,0.3); z-index: 5; border-radius: 3px;}
/***/
.dropdown .dropdown-menu{/*display: none;*/}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu{ display: block; }
/***/
.header-menu .navbar-nav>li{position:inherit;padding: 13px 0; cursor:pointer;}
.nav-link.dropdown-toggle::after{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-size: 0.75rem;  width: 0.75rem; height: 0.75rem; border:0; background-repeat: no-repeat;vertical-align: 0px;}
.nav-link.dropdown-toggle:hover:after, .nav-link.dropdown-toggle:focus:after{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
/*navbar*/
/*blog-pg*/
.blog-pg aside p{transition: .3s;}
.blog-pg aside p:hover{background: #1e9bb2; color:#fff;}
.blog-pg aside p .fa{width: 28px; height: 28px; font-size: 17px; line-height: 28px; text-align: center;}
.blog-pg aside p:hover .fa{color:#e5f4f9;}
.blog-pg aside #collapseExample a{text-decoration:none; color:#000; font-size:14px;}
.blog-pg .form-check-input:checked{background: #1e9bb2; border-color:#1e9bb2;}
.blog-pg input:focus{box-shadow: none;}
.shadow-1{box-shadow: 0px 2px 10px #999;}
.blog-pg ul#BlogHead li .fa{margin-right:4px;}
.blog-pg #blogbody h1{font-size:22px; font-weight:800; color:#1e9bb2; line-height:30px;}
.blog-pg #blogbody h2{font-size:18px; font-weight:700; color:#1e9bb2; line-height:30px;}
.blog-pg #blogbody p{font-size:15px; line-height:24px;}
.blog-pg #CommentList h5{font-size:17px; font-weight:600; line-height:30px;}
.blog-pg #aside p{/*font-size: 13px; line-height: 26px; font-weight: 600 !important;*/}
.blog-pg .bg-light.shadow-sm.mb-3 #collapseExample{overflow-y:scroll; height:420px;}
/*blog-pg*/
/*software-pages*/
.soft-pg .box-soft h3:before{content: ''; width: 15px; height: 100%; position: absolute; left:-15px; background-color: #4bc4d8; top: 0; z-index: 1}
.soft-pg .box-soft h3:after{content: ''; width: 15px; height: 100%; position: absolute; right: -15px; background-color: #4bc4d8; top: 0; z-index: 1;}
.soft-pg .box-soft h3 .lft-side:before{content: ''; width: 15px; height: 100%; position: absolute; left:-15px; background-color: #026974; top: 4px; transform: skew(0deg, 30deg);}
.soft-pg .box-soft h3 .lft-side:after{content:''; width: 15px; height: 40px; position: absolute; left:-15px; background-color: #026974; top: -4px; transform: skew(0deg, -30deg);}
.soft-pg .box-soft h3 .rht-side:before{content: ''; width: 15px; height: 100%; position: absolute; right: -15px; background-color: #026974;  top: 4px; transform: skew(0deg, 150deg);}
.soft-pg .box-soft h3 .rht-side:after{content: ''; width:15px; height: 40px; position: absolute; right: -15px; background-color: #026974; top: -4px; transform: skew(0deg, -150deg);}
/*software-pages*/
/*software-pages*/ 
/*Dealers-page*/
.dealers-pg .fa{width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 25px;}
/*Dealers-page*/
@media (min-width: 1200px) {
.inner-page.sap-ser-pg.sap-ser1-pg.p-0 .banner .banner-content, .inner-page.sap-ser-pg.p-0 .banner .banner-content{/*top: 40px;*/}
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link { padding-right: 0.75rem; padding-left: 0.75rem;}
.sap-ser-pg .banner-content p{margin-bottom:0px;}
.col-lg-4 .hr-peals-sec4 .row .col-md-5, .col-lg-5 .hr-peals-sec4 .row .col-md-5, .col-lg-3 .hr-peals-sec4 .row .col-md-5 {width:78%;}
.sap-ser-pg.sap-home-pg .sec-1 .container { margin-top: -80px; margin-bottom: 70px;}
.hr-peals-pg .hr-peals-sec4 ul.list-unstyled .row{justify-content:center !important;}
.position-md-absolute {position:absolute;}
#aside.sticky-md-top{top:75px;}
}
@media (min-width: 1023px){
.navbar-expand-md .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem;}
.dropdown .dropdown-menu{display: none;}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu{ display: block;}
.mydropdown-content .dropdown .dropdown-menu.position-relative{display: none;}
.nav-item.dropdown .mydropdown-content .dropdown .dropdown-menu.position-relative.show{display:block;padding: 3px 0;}
/*new*/
.nav-item.dropdown:hover .dropdown-menu .dropdown.position-relative:hover .submenu.dropdown-menu{display:none;}
.nav-item.dropdown:hover .dropdown-menu .dropdown.position-relative:hover .submenu.dropdown-menu.show{display:block;}
/*new*/
.nav-item.dropdown .mydropdown-content.dropdown-menu{top: 63px; left: inherit;}
.nav-item.dropdown:hover .dropdown-menu {top: 58px;}
.nav-item.dropdown:hover .dropdown-menu  .dropdown-menu{top: 0px;}
.navbar-collapse{position: relative;}
.sap-ser-pg .sec-2:before{width: 90%; height: 80%; border: 3px solid #bfbebe; position: absolute; top: 12%; left: 0; right: 0; margin: 0 auto; content: '';} 
.sap-ser-pg.sap-home-pg .sec-2:before{height: 92%; top: 2%;}
.sap-ser-pg .banner-content p{margin-bottom:5px;}
.sap-home-pg .hr-peals-sec4 .row .col-md-5 {width: 50%;}
.mydropdown-content{overflow: auto;  max-height: inherit;}
/* rotate caret on hover */
}
@media (min-width: 768px){
.mydropdown-content{overflow: auto;  max-height: 100vh;}
}
@media screen and (max-width: 1200px){
.middle-bx figcaption {padding: 70px 30px;}
.home-pg .slide-bx img, .slide-bx img{width:150px;}
.home-pg .slide-bx, .slide-bx{margin:10px 30px 30px;}
footer .social-lnk .d-flex{display: inline !important;}
footer .social-lnk ul li{display: inline-block;}
.website-deg-pg .slide-bx{ margin: 10px 5px 30px;}
.website-deg-pg .slick-list{margin:0 auto;}
}
@media screen and (max-width: 1050px) {
 .middle-bx figcaption {padding: 50px 20px;}
}
@media(max-width:998px){
.power-bi-pg .sec-3 .container:before{ position: absolute; top: -40px; left: 0; right: 0; content: 'Why Power BI?';  transform: rotate(0deg);  color: #1e9bb2;  font-family: Nunito Sans;  font-size: 30px; font-weight: 800; width: 100%;  text-align: center;}
.power-bi-pg .sec-2 .container{ top: 30px;}
.power-bi-pg .sec-2 .container h2, .power-bi-pg .sec-6.sec-2 .container h2{margin-top:10px;margin-bottom:5px;padding: 0;}
.power-bi-pg .sec-6.sec-2 .container { top: 25px;}

.power-bi-pg .sec-4:before{width:99%;}
.dropdown:hover > .dropdown-menu,.mydropdown-content.dropdown-menu { display:none;}
.dropdown .dropdown-menu.show,.mydropdown-content.dropdown-menu.show { display: block;}
}
@media screen and (max-width: 991px) {
body {font-size: 16px;}
.social-icn-sec .fa-4x { font-size: 3em;}
 .home-pg .slick-list { width: 80%; }
 .mydropdown-content {width: 100%; }
 footer .footer-cont-info img { max-width: 300px;}
.display-6 { font-size: 1.5rem; }
.display-7 { font-size: 1.4rem; }
.display-8 {font-size: 1rem; }
.display-17 {font-size: 1.7rem;}
.display-18 {font-size: 1.1rem;}
.lead {font-size: .9rem;}
.nav-top p {font-size: 15px; line-height: 30px;}
.middle-bx figcaption {padding: 44px 20px;}
.btm-bx {padding: 15px;}
.other-detail .px-4 {padding-right: 0 !important;  padding-left: 0 !important; }
.cont-bx figcaption p {font-size: 14px; word-break: break-word;}
.cont-bx figcaption {padding: 5px 10px;}
.cont-bx figcaption p i {padding: 5px 15px;}
.cont-bx img { width: 100%; }
.home-pg .slide-bx {  margin: 10px 15px 30px; }
.home-pg .slick-slider .slick-prev { left: 16%;}
.home-pg .slick-slider .slick-next {  right: 16%;    }
.header-menu .navbar-nav > li {padding: inherit; }
.navbar-nav .nav-link {padding-left: 10px; }
.whatsnew .p-5 {padding: 2.4rem !important;}
.whatsnew h4 {font-size: 20px; }
.soft-bx.m-3 {margin: 1rem 0 !important;}
.sap-ind-pg .p-5 {padding: 1rem !important;}
.sap-home-pg .px-5 {padding-left: 1rem !important; padding-right: 1rem !important; }
.mydropdown-content .collapse:not(.show) {  /*display: block !important;*/     }
.sap-ser-pg .banner .banner-content { padding: 3px 0;}
 .sap-ser-pg .banner .banner-content p { margin-bottom: 0;}
 .sap-ser-pg .banner .banner-content h1 {margin: 0;}
 .sap-ser-pg.sap-home-pg .sec-1 .container {margin-top: 30px; margin-bottom: 40px;}
.hr-peals-sec4 ul li {width: 47%; margin: 10px .5%;}
.hr-peals-sec4 .row .col-md-5{width:95%;}
.sap-ser-pg .banner .res1 .banner-content { padding: 3px 0; position: relative;}
.inner-page .res1 .col-lg-4 .hr-peals-pg, .inner-page .res1 .col-lg-4 .main-bg.rounded-5 { max-width: 350px; margin: 0 auto; }
.position-md-relative {position:relative !important; }
}
@media screen and (max-width: 850px) {
 .middle-bx figcaption { padding: 35px 20px;}
 .display-17 {font-size: 1.3rem;}
}
@media (max-width: 767px){
 .home-pg .client-sec.client-sec-t .slide_r .column-carousel .owl-nav .owl-prev {top: -150px; left: -20px;}
 .home-pg .client-sec.client-sec-t .slide_r .column-carousel .owl-nav .owl-next {top: -150px; right: -20px;}
    
.display-17 {font-size: 1.5rem;}
.side-social-icn { font-size: 16px; line-height: 21px;}
.container.border.border-4, .container.border.border-3, .container.border.border-2 {border:0 !important;}
.hr-peals-sec4 .captcha_text {width:98%;}
body{font-size:15px;}
.display-7 {font-size: 1.2rem;}
.home-pg .sec-3 .col-lg-3 figure {text-align: center;}
.home-pg .slick-list{width:100%;}
footer .footer-btm p{text-align:center !important;}
.title{font-size: 2rem;line-height: 40px;}
section{padding: 30px 0;}
.home-sec .sec-7 .event-bx, .sec-7 .event-bx{margin: 20px auto;}
.counts .count-box { padding: 10px 15px;}
.nav-top p{line-height: 25px; font-size:14px;}
.btm-bx-sec .fa-4x {font-size: 3em;}
.middle-bx figcaption { padding:14px 20px;}
.journey{padding: 60px 0;}
.our-mentors .carousel{padding: 50px 15px;}
.fixed-top .navbar-brand{width:200px;}
.fixed-top{position: relative;}
.home-sec .sec-2 .row>*{width: 50%;}
.home-pg .counts p,.home-pg .counts .count-box p, .counts .count-box p{font-size: 20px;}
section{padding: 30px 0;}
.channel-partner-pg .sec-2 .row { display: initial;}
.channel-partner-pg .col { flex: initial; float:left; width:33%;min-height: 165px;}
.our-clientele-pg .clnt-bx-icn figure{width:30%;}
.our-clientele-pg .clnt-bx-icn{padding:0 !important;}
.nav-link.dropdown-toggle::after{margin-right: 7px; float: right; margin-top: 5px;}
.header-menu .navbar-nav>li {border-bottom: 1px solid #eee;}
footer .footer-cont-info img {  max-width: 75%;}
.w-75{max-width: 100%; width: initial !important;}
.hrms-pg .sec-1 .col-4{width:100%;}
.web-edge-pg .sec-6 img{width:250px; margin:0 auto;}
.w-200{max-width:200px;}
.xbrl-pg .carousel-item {background-size: auto !important;  background-position: top center;}
.sap-ser-pg .banner{background: #485665;}
.sap-ser-pg .banner .banner-content{/* position: relative; padding: 10px 8px; text-align: center;  right: 0;  top: 0;  left: 0;*/}
.sap-ser-pg .banner .banner-content p{margin-bottom: 10px;}
.sap-ser-pg.sap-home-pg .sec-4 .container{position: relative; margin: 0 auto; left: 0; right: 0; top: 0;}
.sap-ser-pg.sap-home-pg .sec-4{background: #485665; padding-top: 0;}
.tds-pg .sec-5 .container{position: relative;}
footer .footer-cont-info img { max-width: 250px;}
.power-bi-pg .sec-2 .container{ position:relative; top:0; padding: 10px;}
.power-bi-pg .sec-6.sec-2 .container{top:0;}
.power-bi-pg .carousel-control .glyphicon-chevron-left{margin-left: -10px;margin-top: -10px;}
.power-bi-pg .carousel-control .glyphicon-chevron-right{margin-right: -10px;margin-top: -10px;}
.power-bi-pg .display-6, .power-bi-pg .sec-8 h3{font-size: 24px;}
}
@media (max-width: 700px) {
    .middle-bx figcaption { padding: 13px 20px;}
}
@media (max-width: 568px){
body{font-size:14px;}
.column{width: 100%;float: inherit;}
.whatsnew .d-flex{display: block !important;}
.whatsnew .w-25, .whatsnew h3.w-75{width:100% !important;}
.home-pg .slick-track .slick-slide .slide-cont p {font-size: 16px;}
.channel-partner-pg .col { flex: initial; float:left; width:33%;min-height: 165px;}
.home-pg .slide-bx img{width: 130px;}
.container-fluid.px-5{padding-right: 1rem!important; padding-left: 1rem!important;}
.web-e-sign-pg .carousel-inner .col-7.offset-1{margin-left:0 !important; width:100%;background: #fff; padding:0 20px;}
.home-pg .counts .count-box h4, .counts .count-box h4 {font-size: 45px;}
.web-mail-pg .sec-2 img{ margin:0 auto; width:200px;}
.website-deg-pg .sec-5 .d-md-flex.position-absolute{position:relative !important; text-align: center;}
.display-17 {font-size: 1.4rem;}
}
@media (max-width: 480px){
body{font-size:13px;}
.home-sec .sec-8 .client-bx{width:100%;}
.home-sec .sec-2 .w-75 {width: 75%!important;}
.channel-partner-pg .col { flex: initial; float:left; width:90%;min-height: inherit;}
.our-clientele-pg .clnt-bx-icn figure{width:47%;}
footer .social-lnk ul li { margin: 2px;}
.xbrl-pg .carousel-item{background-size: auto !important; background-position: top center;}
    .hr-peals-sec4 ul li {width:100%;margin: 5px .5%;}
.display-17 {font-size: 1.3rem;}
.banner .banner-content{padding: 35px 0;}
.home-pg .client-sec .slide_r .column-carousel .owl-nav .owl-next { top: -130px;  right: -30px;}
.home-pg .client-sec .slide_r .column-carousel .owl-nav .owl-prev { top: -130px; left: -30px;}
.hr-peals-sec4 ul li:last-child { width: 100%;}
.hr-peals-sec4 ul li.horizec{ width: 100%;}
}
@media (max-width: 414px){
.home-sec .sec-2 .row>* {width: 100%;}
.abt-three-bx figure figcaption p{padding: 0px 30px 15px;}
.col{width: 100%; float: inherit;}
.home-pg .sec-2 .col, .home-pg .sec-8 .col{width: 50%;}
.home-pg .sec-2 .col .w-140, .home-pg .sec-8 .col .w-150{max-width: 100px !important;}
.home-pg .sec-3 .col {width:auto;}
.lead { font-size: 1.0rem;}
.display-8 {font-size: 1.2rem;}
.display-17 {font-size: 1rem;}
}
@media (max-width: 375px) {
    .display-17 {font-size: 1rem;}
    .display-8{font-size: .75rem;}
    .lead{font-size: .65rem;}
}
/*extra css*/
/* . {color:#595959;} */
.inner-box h3 {
    position: relative;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #20418e;
    font-family: 'Roboto',sans-serif;
}
.inner-box .text {
    color: #333;
    padding: 0 5px;
}

.column-carousel .portfolio-item .inner-box {
    border-right: 4px solid #fff;
    background: #fff;
    border-left: 4px solid #fff;
    margin-bottom: 0;
    padding-bottom: 10px;
    transform: scale(1,1);
    transition: .25s;
    margin-top: 10px;
    box-shadow: 0 2px 3px 3px rgb(0 0 0 / 20%);
    transform: scale(1.05,1.05);
    transition: .25s;
    min-height: 259px;
    z-index: 1;
    border-radius: 15px;
    padding-top: 15px;
    background: #fff;
}
.portfolio-item .inner-box {
    position: relative;
    border: 5px solid #fff;
    overflow: hidden;
}
.inner-box {
    left: 0;
    top: 0;
    width: 100%;
    transform: scale(1,1);
}
.portfolio-item a {
    text-decoration: none;
    cursor: pointer;
    color: #20418e;
}
.tds-soft-pg .slide-bx img {border: 0;  height: 90px;      max-width: 100%; margin:0 auto;}
.tds-soft-pg .slide-bx{margin: 0; box-shadow:#999 3px 3px 10px; margin: 10px !important; margin: 0 auto; transition:.5s;border-radius: 15px;}
.tds-soft-pg .slide-bx:hover{box-shadow: 0 9px 3px 2px #ffd658; border: 1px solid #ffd658;}
.slick-slider .slick-btn { position: absolute;  top: 50%;  border: 0;  background: #d1d1d3; width: 40px; height: 40px;    border-radius: 50%;  text-align: center;}
.tds-soft-pg .slick-slider .fa, .btm-slider .slick-slider .fa{font-size: 30px; line-height: 40px; color: #fff;}
.tds-soft-pg .slick-slider .slick-prev, .btm-slider .slick-slider .slick-prev{left:0%;}
.tds-soft-pg .slick-slider .slick-next, .btm-slider .slick-slider .slick-next{right:0%;}
.black_bg {
    left: 0;
    z-index: 1;
    margin-top: 5px;
    top: 0;
    opacity: 1;
    transition: .25s;
}
.bg_orange {
    background: #f8cd1e;
}
.radial-btn {
    position: relative;
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
    background: #f8cd1e;
    color: #20418e!important;
    -webkit-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.radial-btn .txt {
    position: relative;
    display: inline-block;
}
.radial-btn .img-circle {
    position: absolute;
    display: none;
    right: 15px;
    top: 2px;
    width: 20px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}
.dealers_div {
    padding-bottom: 25px;
}
.sub_title1 {
    text-align: left;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
/*extra css*/