@import url('https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


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


body{padding-top:0px; padding-bottom: 0px;font-family: "Lato", sans-serif; overflow-x:hidden; /*font-family: 'Muli', sans-serif;*/ /*font-family: 'Playfair Display', serif!important; font-family: 'Montserrat', sans-serif;*/ }
.pd_lft{ padding-left:0px;}
.pd_lft_rt{ padding-left:0px; padding-right:0px;}
.pd_lft_rt2{ padding-left:0px;}

.afterscroll{ background-color:#fff;z-index: 9999; top: 0px!important; transition: 0.6s; padding-bottom:0%;}
.myheader {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1);
	padding-top:5px;
	padding-bottom:5px;
	position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
  }
  .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-left: 50px;
        padding-right: 50px;
    }
	.nav-link{ color:#000; font-size:17px; margin:0px 10px; font-weight:500;opacity: 0.5;}
	.nav-link.active{ color:#2196f3!important;opacity:1; font-weight:600;}
	.nav-link:hover{ color:#2196f3!important;opacity:1;}
	.first_row{ background-color:#2196f3; text-align:center; padding-top:50px; background: url(../img/home_bg.jpg); background-position: 50% 99.9%;background-size: 100% auto; padding-bottom:400px;transition: transform 2s; margin-top:88px;}
	.first_row1:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: transform 3s cubic-bezier(.0,.0,.0,0); 
}
	.first_row > .col-lg-12 >p{opacity: 1;
    font-weight: 300;
    letter-spacing: 0.01rem;
    font-size: 3.21rem;
    line-height: 3.44rem;
    margin: 1.72rem 0px 1.72rem 0px; color:#fff; font-weight:500}
	.btn, .btn-large {background-color: #8e24aa;}
	.btn, .btn-large {
    text-decoration: none;
    color: #FFF;
    text-align: center;
    letter-spacing: 0.1rem;
    font-size: 0.92rem;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: pointer;
}
.btn, .btn-large, .btn-flat {
    display: inline-block;
    font-weight: 900;
    height: 3.2rem;
    padding: 0 2.1rem;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 3.2rem;
    text-transform: uppercase;
    border: none;
    -webkit-tap-highlight-color: transparent;
}
.btn:hover, .btn-large:hover {
    background-color: #9c27b0; color:#fff;
}
.use_spot{ padding-top:50px; padding-bottom:50px;}
.use_spot > .col-lg-12 p{font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 1.2rem;
    line-height: 1rem;
    margin: 0px 0px 0rem 0px;opacity: 0.6; text-align:center;}

.your_customer{padding-bottom:50px; text-align:center}
.your_customer > .col-lg-12 p:first-child{opacity:1;font-weight:500;letter-spacing:0.01rem;font-size:2.42rem;line-height:2.86rem;margin: 1.72rem 0px 1.14rem 0px;}
.your_customer > .col-lg-12 p:nth-child(2){opacity: 0.6;font-weight:400;letter-spacing:0.02rem;font-size:1.14rem;line-height:2rem;margin:1.72rem 0px 1.4rem 0px;}

.your_customer > .col-lg-6 p:first-child{opacity:1;font-weight:500;letter-spacing:0.01rem;font-size:2.42rem;line-height:2.86rem;margin: 1.72rem 0px 1.14rem 0px;}
.your_customer > .col-lg-6 p:nth-child(2){opacity: 0.6;font-weight:400;letter-spacing:0.02rem;font-size:1.14rem;line-height:2rem;margin:1.72rem 0px 1.4rem 0px;}

.res_text > .col-lg-5, .res_text > .col-lg-7{ border-bottom:1px solid #ddd; margin-top:30px; margin-bottom:30px; padding-bottom:30px;}
.res_text > .col-lg-5{ padding-top:7%;}
.res_text img{ margin-bottom:20px;}
.res_p{opacity: 1; font-weight: 900; text-transform:uppercase;letter-spacing: 0.1rem;    font-size: 1.2rem; line-height: 1.6rem; margin: 0px 0px 1rem 0px;}
.res_p1{opacity: 0.8;    font-weight: 400;    font-size: 0.92rem;    letter-spacing: 0.08rem;    line-height: 1.72rem;    margin: 0px 0px 1.72rem 0px; color:#000;}
.res3div > .col-lg-3{ padding-top:0%;}
.res3div > .col-lg-3 > .col-lg-12{ margin-bottom:20px;}
.res3div1 > .col-lg-3 p{ text-align:left!important;}
.res4div > .col-lg-4 img{ margin-bottom:30px;}
.res4div{ margin-bottom:50px;}
.carousel-control-prev, .carousel-control-next {
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%); display:none;
        }
		.carousel-indicators button {
            width: 12px!important;
            height: 12px!important;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            margin: 5px;
			border:1px solid #000!important;
        }
        .carousel-indicators .active {
            background-color: #000;
        }
		.carousel-indicators {bottom: -60px;}
.client_p{opacity:0.64font-weight:500; font-size:1.42rem;letter-spacing: 0.01rem;line-height: 2rem;margin: 1.72rem 0px 1.4rem 0px;}
.single_review_img {max-width: 4rem ;height: 4rem;    margin-top: 2rem;    margin-bottom: 2rem;}
.client_name{opacity: 1;font-weight:900; text-transform: uppercase;    letter-spacing: 0.1rem;    font-size: 1.2rem;    line-height: 1rem;    margin: 0px 0px 0rem 0px; color:#000;}
.scrnsht .col-lg-3{ margin-bottom:20px;}
.background_color3 {background:#2196f3;color:white; padding-top:20px; padding-bottom:0px;}
.btn.btn_with_icon {line-height: 2rem;    padding: 0 1.5rem;    padding-top: 0;    padding-bottom: 0;    padding-left: 0.8rem;    padding-right: 1.5rem;    text-align: left !important; margin:15px;}
.btn.btn_with_icon img {    height: 3.2rem;    width: 3.2rem;    line-height: 3.2rem;    padding: 0.7rem;    float: left;}
.btn.btn_with_icon .btn_content {display:inline-block;}
.btn.btn_with_icon span {font-weight:300;font-size: 0.6rem;}
.btn.btn_with_icon h6, .btn.btn_with_icon span {    margin: 0 !important;    padding: 0 !important;    line-height: 0;}
.btn_with_icon h6 {    opacity: 1;    font-weight: 900    text-transform: uppercase;    letter-spacing: 0.1rem;    font-size: 0.92rem;    line-height: 1rem;    margin: 0px 0px 0rem 0px;}

.contact_div{ padding-top:30px; padding-bottom:30px;}
.contact_div > .col-lg-7 >p:first-child{opacity:1;font-weight: 500;letter-spacing: 0.01rem;font-size: 2.42rem;line-height:2.86rem;margin:1.72rem 0px 1.14rem 0px;}
.contact_div > .col-lg-7 >p:nth-child(2){opacity: 0.64; font-weight: 500;    font-size: 0.92rem; letter-spacing: 0.02rem; line-height: 1.72rem; margin: 0px 0px 1.72rem 0px;}
.form-control{ font-size:16px; border:none; border-bottom:1px solid #ccc; height:45px;border-radius:0px; margin-bottom:40px; padding-left:0px; color:#666;}
.form-control:focus{ box-shadow:none; outline:none;border-bottom:2px solid #8e24aa; }
.contact_div > .col-lg-4 >p:first-child{opacity:1;font-weight: 500;letter-spacing: 0.01rem;font-size: 2.42rem;line-height:2.86rem;margin:1.72rem 0px 1.14rem 0px;}
.contact_div > .col-lg-4 >p:nth-child(2){opacity: 0.64; font-weight: 500;    font-size: 0.92rem; letter-spacing: 0.02rem; line-height: 1.72rem; margin: 0px 0px 1.72rem 0px;}
.contact_div > .col-lg-4 >p:last-child{opacity: 0.64; font-weight: 300    font-size: 0.92rem; letter-spacing: 0.02rem; line-height: 1.72rem; margin: 0px 0px 1.72rem 0px;}
.icon_list {margin-bottom: 1.72rem;}
ul {list-style-type: none;    padding: 0;}
.icon_list li {vertical-align:middle;display: table;}.icon_list li div, .icon_list li h6 {    vertical-align: middle;    display: table-cell}
.icon_small {margin: 1rem;    font-size: 1.4rem    line-height: 1.2rem;    opacity: 0.54;    margin-right: 2rem;    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);}
.float-left {float: left;}
[data-icon]:before {
    font-family: "rapid-icon-font" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon_list li div, .icon_list li h6 {
    vertical-align: middle;
    display: table-cell;
}
h6 {
    opacity: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 0.92rem;
    line-height: 1rem;
    margin: 0px 0px 0rem 0px;
}
.social_icons_container {position:relative; width: 100%; z-index: 10;}
.align-center {text-align: center}
.social_icons ul, .social_icons ul li {display: inline-block;    list-style: none    padding: 0;    height: 2rem;}
.social_icons ul li:first-child {
    margin-left: 0;
}
.social_icons ul li {
    float: left;
}
.social_icons ul li {
    margin-right: 0.7rem;
    margin-left: 0.7rem;
}
.social_icons ul, .social_icons ul li {
    display: inline-block;
    list-style: none;
    padding: 0;
    height: auto;
}
.social_icon {
    font-size: 1rem;
    line-height: 1rem;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social_icon .fa{ font-size:22px}
.cpyryt{opacity: 0.64;font-weight: 300;font-size: 0.92rem;letter-spacing: 0.02rem;    line-height: 1.12rem!important;    margin: 0px 0px 1.72rem 0px;}
.effct_zoom{opacity: 1; transition: 0.5s;}
.effct_zoom:hover{opacity: 1; -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.inline-photo {
  opacity: 0;
  transform: translateY(4em) rotateZ(-10deg);
  transition: transform 4s .25s cubic-bezier(0,2,.3,1),
              opacity .3s .25s ease-out;
 
  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}

.head_text{color:#000;text-align:center; font-weight:bold; margin-bottom:10px; font-size:35px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.des_text{color:#000;text-align:center; margin-bottom:10px; font-size:18px;}
.slidr_box{ margin-top:50px;margin-bottom:50px;}
.slidr_box > .col-lg-4 > .col-lg-12 {padding:25px 20px;border: 1px solid #ddd;border-radius:11px;background-color: #fff;}
.slidr_box > .col-lg-4 > .col-lg-12 > img {height:55px; margin-bottom:10px;}
.slidr_box > .col-lg-4 > .col-lg-12 > p:nth-child(2) {font-size:1.2rem;line-height:1.5rem;color:#000;font-weight:bold;padding-top:10px;margin-bottom:15px;}
.slidr_box > .col-lg-4 > .col-lg-12 > p:nth-child(3) { font-size:16px;}
.slidr_box > .col-lg-4 > .col-lg-12:hover{ background-color:#f9f9f9;}
.img_width{ width:100px;}
.to_top{ padding-top:4%!important;}
.mysocial_icons a{ text-decoration:none; padding-left:10px; padding-right:10px; color:#8b8080;}
.mysocial_icons a i{ font-size:25px;}
.first_rowdiv{ margin-top:90px;}
.first_product{background: linear-gradient(to bottom, #daecf6, #f1f1f1); padding-top:50px; padding-bottom:50px; text-align:center; border-bottom:15px solid #fff;}
.first_product .col-lg-12 p:first-child{ font-size:40px; font-weight:bold; color:#000; margin-bottom:5px;}
.first_product .col-lg-12 p:nth-child(2){ font-size:30px; color:#000; margin-bottom:20px;}
.first_product .col-lg-12 img{margin-top: 30px;}

.first_product .col-lg-4 p:first-child{ font-size:40px; font-weight:bold; color:#000; margin-bottom:5px;}
.first_product .col-lg-4 p:nth-child(2){ font-size:30px; color:#000; margin-bottom:20px;}
.first_product .col-lg-4 img{margin-top: 30px;}

.first_product .col-lg-6:first-child{ margin-top:3%;}
.first_product .col-lg-6 p:first-child{ font-size:40px; font-weight:bold; color:#000; margin-bottom:5px;}
.first_product .col-lg-6 p:nth-child(2){ font-size:30px; color:#000; margin-bottom:20px;}
.first_product .col-lg-6 img{margin-top: 30px;}

.first_p{ font-size:30px; font-weight:bold; color:#000;}
.accordion {
            width: 100%;            
            margin: 15px auto;
        }

        .accordion-item {
            border: 1px solid #ddd;
            margin-bottom: 5px;
            border-radius: 5px;
            overflow: hidden;
        }

        .accordion-header {
            background: #f5f5f5;
            color: #000;
            padding: 15px;
            cursor: pointer;
            font-weight: bold;
            transition: background 0.3s;
        }

        .accordion-header:hover {
            background: #f5f5f5;
        }

        .accordion-content {
            display: none;
            padding: 15px;
            background: #f9f9f9;
            border-top: 1px solid #ccc;
        }

        .accordion-item.active .accordion-content {
            display: block;
        }
.first_product .nobr br{ display:none;}

@media(max-width:991px){
.first_rowdiv {margin-top:73px;}
.first_product .nobr br{ display:block;}
.accordion-header {padding:10px;font-size:13px;}
.accordion-content p{ font-size:13px;}
table{ width:100%!important;}
.first_p {font-size:15px;}
p{ font-size:13px;}
td{ font-size:13px;}
.first_product .col-lg-12 p:first-child {font-size:20px;}
.first_product .col-lg-12 p:nth-child(2) {font-size:16px;}
.pd_lft_rt1{padding-left:0px;padding-right:0px;}
.pd_rt{ padding-right:0px;}
.navbar-expand-lg {padding-left:15px;padding-right:15px;}	
.navbar-toggler-icon {display:inline-block;width:1em;height:1em;}
.navbar-brand img{ margin-left:0px!important; width:32px!important;}
.navbar-collapse{ background-color:#fff;}
.navbar-expand-lg {flex-wrap: wrap;justify-content: space-between;}
.first_row {padding-top: 30px;margin-top:72px;background-repeat: no-repeat;padding-bottom: 100px!important;}
.first_row > .col-lg-12 >p {font-size:1.21rem;line-height: 1.44rem;}
.btn, .btn-large, .btn-flat {height: 2.2rem;padding: 0px 2.1rem;line-height: 2.2rem;}
.cta_button_area{ margin-top:0px!important; margin-bottom:20px;}
.use_spot {padding-top:30px;padding-bottom:30px;}
.mob_implmentation {max-width:100%!important;overflow-x:auto!important;}
.mob_implmentation > .row {width:max-content!important;}
.mob_implmentation > .row > .col-lg-2 {width:150px;float:left;}
.mob_implmentation > .row > .col-lg-4 {width:200px;float:left;}
.your_customer > .col-lg-12 p:first-child {font-size:18px; margin:0;}
.your_customer > .col-lg-12 p:nth-child(2) {font-size: 15px;line-height: 1.5rem; margin: 0;}
.res_text > .col-lg-5, .res_text > .col-lg-7 {border-bottom:none;margin-top: 10px;    margin-bottom: 0px;    padding-bottom: 10px;}
.res_text > .col-lg-5 {padding-top:0%;}
.about_video_player iframe{width: 100%;height: 300px;}
.res_p {font-size:14px;line-height:1.2rem;margin:0px 0px 1rem 0px;}
.res_p1 {font-size:13px;line-height: 1.4rem;}
.res4div {margin-bottom: 10px;}
.your_customer {padding-bottom:10px;}
.mylnhyt{line-height: 30px!important;}
.btnhyt{height: 3.2rem!important;}
.contact_div > .col-lg-7 >p:first-child {font-size:20px;line-height:25px;}
.contact_div {padding-top:0px;padding-bottom: 0px;}
.form-control {font-size: 13px;margin-bottom: 15px;}
.waves-light{ width:100%; margin-top:20px;}
.contact_div > .col-lg-4 >p:first-child {font-size:20px;line-height:25px;}
.cpyryt{ font-size:13px!important;}

.head_text {font-size: 16px;}
.des_text {font-size: 13px;}
.slidr_box > .col-lg-4 > .col-lg-12 > img {height:40px;margin-bottom:0px;}
.slidr_box > .col-lg-4 > .col-lg-12 > p:nth-child(2) {font-size:14px;line-height:1rem;margin-bottom: 5px;}
.slidr_box > .col-lg-4 > .col-lg-12 > p:nth-child(3) {font-size:12px;}
.slidr_box > .col-lg-4 > .col-lg-12 {padding: 18px 10px;}
.slidr_box > .col-lg-4{ width:237px!important;}
.img_width {width:60px;}
.slidr_box {margin-top:25px;margin-bottom:25px;}

	
	
}