* {margin: 0px; padding: 0px; box-sizing: border-box;}
body, html {height: 100%;font-weight: 400; }
body { color: #444444; overflow-x:hidden;font-family: 'Open Sans', sans-serif;font-weight: 400; }
a {font-weight: 400;font-size: 15px;line-height: 1.7;color: #666666;margin: 0px;transition: all 0.4s;-webkit-transition: all 0.4s;
-o-transition: all 0.4s;-moz-transition: all 0.4s;}
a:focus {outline: none !important;}
a:hover {text-decoration: none;color: #e65540;}
/*============================Home Page Css Start Here=================================*/
.main-container {margin: 0px;padding: 0px;width: 100%;height: 100vh;background: #fff;/*background-image: url(images/newoption.png);*/background-position: center center;background-repeat: no-repeat;background-size: 100%;position: relative; overflow:hidden;}
.youtube {position: relative;right: 100px;top: 0px;width: 50px;float: right;}
marquee{position:relative;left:0px;margin:0px;top: 30px;float: right;width: 180px;}
.youtube img{width:50px;}
.youtube a.youtubelink{top:30px;margin:0px;padding:0px; left:0vw;letter-spacing: 1px; text-align:center;z-index: 99;position: absolute;} 
.youtube a h1{font-size:10px;color:#000;text-decoration:none; font-weight:300;padding:0px; margin:0px;}
.youtube a:hover h1 {color:#333;text-decoration:none;}
.logo {position: absolute;left: 40vw;top: 40vh;float:left;width:200px;}
.acre_icon{position: absolute; left: 52vw; top: 9vh;}
.adward_icon{position: absolute; left: 74.2vw; top: 10vh;} 
.autolead_icon{position: absolute; left: 18vw; top: 65vh;} 
.chat_icon{position: absolute; left: 34.33vw; top: 9vh;} 
.cloud_icon{position: absolute; left: 70vw; top:79.4vh;}
.workflow_icon{position: absolute; left: 80vw; top:74.4vh;}
.ai_icon{position: absolute; left: 4vw; top:30vh;}
.email_icon{position: absolute; left: 74.5vw; top:70.4vh;} 
.eshop_icon{position: absolute; left: 83vw; top:52vh;}  
.excel_icon{position: absolute; left: 28.2vw; top:85vh;} 
.fb_icon{position: absolute; left: 85.4vw; top:11vh;} 
.gmail_icon{position: absolute; left: 44vw; top:30vh;} 
.mart_icon{position: absolute; left: 62.8vw; top:40vh;} 
.jd_icon{position: absolute; left: 24.7vw; top:9vh;}
.landing_icon{position: absolute; left: 28.8vw; top:60.3vh;}
.lead_icon{position: absolute; left: 17.5vw; top:17vh;}
.mobile_icon{position: absolute; left: 12vw; top:45vh;}
.magic_icon{position: absolute; left: 26.5vw; top:32vh;}
.messanger_icon{position: absolute; left: 75vw; top:25vh;}
.time_icon{position: absolute; left: 68vw; top:45vh;}
.download_time_icon{position: absolute; left: 76vw; top:60vh;}
.ssmi_icon{position: absolute; left: 83.2vw; top:21.6vh;} 
.sulekha_icon{position: absolute; left: 7vw; top:10vh;} 
.task_icon{position: absolute; left: 64.6vw; top:19.4vh;} 
.tele_icon{position: absolute; left: 54vw; top:25vh;} 
.ti_icon{position: absolute; left: 8.4vw; top:69.3vh;} 
.ticket_icon{position: absolute; left: 41vw; top:11vh;} 
.unified_icon{position: absolute; left: 3vw; top:55vh;}
.quotation_icon{position: absolute; left: 48vw; top:83.6vh;}
.commerce_icon{position: absolute; left: 60vw; top:83.6vh;}
.campaign_icon{position: absolute; left: 16vw; top:85vh;}
.chatbot_icon{position: absolute; left: 65vw; top:63vh;}
.whatsapp_icon{position: absolute; left: 22.6vw; top:52vh;}
.automation_icon{position: absolute; left: 35vw; top: 80vh;}
.salesgoal_icon{position: absolute; left: 40vw; top: 62vh;}
.fieldforce_icon{position: absolute; left: 50vw; top: 62vh;}
.pipeline_icon{position: absolute; left: 4vw; top: 82vh;}
.access_icon{position: absolute; left: 58vw; top: 54vh;}
.medialibrary_icon{position: absolute; left: 29vw; top: 18vh;}
.teamchat_icon{position: absolute; left: 76vw; top: 38vh;}
.onlineMeeting_icon{position: absolute; left: 28vw; top:42vh;}
/*============================Home Page Css End Here=================================*/

/*============================Second Page Css Start Here=================================*/

.main-cont-second {width:100%;min-height:500px; padding:15px; position:relative;}
.main-cont-second_inner {width:100%; margin:0px; padding:0; position:relative; display:block;}
.module-bg{background-image: url(../images/module-bg.png);background-repeat: no-repeat;background-position: center center;width: 50%;height: 130px;display: inline-block;padding: 24px;}
.module-icon{border: 1px solid #3ac972;border-radius: 100px;width: 80px;height: 80px;display: inline-block;float: left;margin: 2px 12px;}
.module-title {display: inline-block;float: left;margin: 5.5% 0%;width: 70%;text-align: center;}
.count-column{background: #3ac972;float: left;display: inline-block;width: 50px;height: 83px;font-size: 22px;text-align: center;vertical-align: middle;line-height: 65px;padding: 10px;margin: 0px;position:relative;}
.count-column:after {content: ''; position: absolute;right: 0px;left: 50px;border-left: 24px;border-bottom: 42px;border-right: 0px;border-top: 42px;border-style: solid;border-color: transparent transparent transparent #3ac972;top: 0px;}

.module-right{background-image:url(../images/module-bg.png);background-repeat:no-repeat;background-position:center center;width: 50%;height:130px;display: inline-block;transform: rotate(180deg);margin: 0;margin-right: 0;position: absolute;right: 1.5%;top: 14vh;}
.module-right .menu-right-inner{transform: rotate(180deg);position: absolute; width: 89.5%;top: 23px; left: 3%;}
.module-right .menu-right-inner .module-icon{border: 1px solid #3ac972;border-radius: 100px;width: 80px;height: 80px;display: inline-block;float: right;margin: 2px 14px;}
.module-right .menu-right-inner .module-title {display: inline-block;float: left;margin: 5.5% 0%;width: 70%;text-align: center;}
.module-right .menu-right-inner .count-column{background: #3ac972;float: left;display: inline-block;width: 50px;height: 83px;font-size: 22px;text-align: center;vertical-align: middle;line-height: 65px;padding: 10px;margin: 0px;position:relative;}
.module-right .menu-right-inner  .count-column:before {content: ''; position: absolute;right: 49px;border-left: 0px;border-bottom: 42px;border-right: 25px;border-top: 42px;border-style: solid;border-color: transparent #3ac972 transparent transparent;top: 0px;}
.module-right .menu-right-inner  .count-column:after {display:none;}

.module-right .menu-right-inner .count-column.lead{background:#a0d5c1;}
.module-right .menu-right-inner .count-column.lead:before{border-color: transparent #a0d5c1 transparent transparent;}

.module-right .menu-right-inner .count-column.cloudbg{background:#d0eff2;}
.module-right .menu-right-inner .count-column.cloudbg:before{border-color: transparent #d0eff2 transparent transparent;}

.count-column.appbg{background:#d5bcc2;}
.count-column.appbg:after{border-color: transparent transparent transparent #d5bcc2;}

.count-column.tktbg{background:#9ebad0;}
.count-column.tktbg:after{border-color: transparent transparent transparent #9ebad0 ;}

.module-right .menu-right-inner .count-column.eshopbg{background:#c1b7d0;}
.module-right .menu-right-inner .count-column.eshopbg:before{border-color: transparent #c1b7d0 transparent transparent;}

.count-column.ssmbg{background:#91cba3;}
.count-column.ssmbg:after{border-color: transparent transparent transparent #91cba3;}

.module-right .menu-right-inner .count-column.smsbg{background:#e3c1b8;}
.module-right .menu-right-inner .count-column.smsbg:before{border-color: transparent #e3c1b8 transparent transparent;}

.count-column.taskbg{background:#acbaa3;}
.count-column.taskbg:after{border-color: transparent transparent transparent #acbaa3;}

.module-right .menu-right-inner .count-column.digitalbg{background:#ded5c6;}
.module-right .menu-right-inner .count-column.digitalbg:before{border-color: transparent #ded5c6 transparent transparent;}

.count-column.urlbg{background:#e7c0b9;}
.count-column.urlbg:after{border-color: transparent transparent transparent #e7c0b9;}

.module-right .menu-right-inner .count-column.webformbg{background:#bacdd4;}
.module-right .menu-right-inner .count-column.webformbg:before{border-color: transparent #bacdd4 transparent transparent;}

.count-column.lanpagebg{background:#ceceaa;}
.count-column.lanpagebg:after{border-color: transparent transparent transparent #ceceaa ;}

.module-right .menu-right-inner .count-column.campbg{background:#fda68b;}
.module-right .menu-right-inner .count-column.campbg:before{border-color: transparent #fda68b transparent transparent;}

.count-column.gmailbg{background:#f6c686;}
.count-column.gmailbg:after{border-color: transparent transparent transparent #f6c686;}

.module-right .menu-right-inner .count-column.unifiedbg{background:#bdbec2;}
.module-right .menu-right-inner .count-column.unifiedbg:before{border-color: transparent #bdbec2 transparent transparent;}

.toolplus{width:26px; height:26px; border-radius:50px;background:#a9aeb7; position:absolute; right:0px; top:0px;color: #fff;font-size: 18px;text-align: center;padding: 4px; cursor:pointer;transition: transform .3s;-webkit-transition: -webkit-transform .3s; z-index:9;}

.toolplus:before{display: block;position: absolute;top: 50%;left: 50%;content: '';width: 22px;height: 22px;margin: -11px auto auto -11px;
-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 50%;background-color: inherit;opacity: 1;z-index: -1;
pointer-events: none;-webkit-animation: pulsate 3s cubic-bezier(.2,1,.2,1) infinite;animation: pulsate 3s cubic-bezier(.2,1,.2,1) infinite;}
.toolplus:hover aside{transform: rotate(90deg);-webkit-transform: rotate(90deg);transition: transform .3s;-webkit-transition: -webkit-transform .3s;
width:16px;height:16px;}
.toolplus aside{display: block; transition: transform .3s;-webkit-transition: -webkit-transform .3s;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);
width:22px;height:22px;top:2px;position:absolute;left:4px;}
.toolplus aside:before {position: absolute;display: block; content: ' ';background-color: #fff;height: 2px;width: 14px;left: 6px;
top: 12px;    }
.toolplus:hover aside:before{height: 2px;width: 14px;left: 2px;top: 5px;}
.toolplus aside:after {position: absolute;display: block; content: ' ';background-color: #fff;height: 14px;width: 2px;left: 12px;top: 6px;}
.toolplus:hover aside:after{height: 14px;width: 2px;left: 8px;top: -1px;}

.tooltip {/* position: relative; font-size: 14px;*/display: inline-block;border-bottom: 1px dotted #2f454c;opacity: 1; cursor: pointer;}
.tooltip .tooltiptext {visibility: hidden;min-width: 160px;background-color: #2f454c;color: #fff;text-align: center;border-radius: 6px;
padding: 5px 6px;position: absolute;z-index: 1;top: 150%;right: -65px;margin-left: 0px;font-size:13px;}
.tooltip .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 90%;margin-left: -45%;border-width: 7px;border-style: solid;
border-color: transparent transparent #2f454c transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}	
.module-right.cloud{top:35vh}
.module-right.eshop{top:54vh}
.module-right.sms{top:75vh}
.module-right.digital{top:95.5vh}
.module-right.webform{top:116vh}
.module-right.Campaign{top:135vh}
.module-right.unified{top:155vh}
 
@-webkit-keyframes pulsate {
from {opacity: 1;transform: scale(1);}
to {opacity: 0;transform: scale(3);}
} 
@keyframes pulsate {
from {opacity: 1;transform: scale(1);}
to {opacity: 0;transform: scale(3);}
}
@keyframes slidein {
from {margin-left: -100%;width: 300%;}
to {margin-left: 0%;width: 100%;}}

@keyframes slideinRight {
from {margin-left:100%;width: 300%;}
to {margin-left: 0%;width: 100%;}
}

@-webkit-keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-200px);transform: translateX(-200px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}
@-webkit-keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}

@keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;animation-duration: 3s; }

@-webkit-keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}

.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}

@keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;animation-duration:.4s;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}
100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}
100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-70px);-ms-transform: translateX(-70px);transform: translateX(-70px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}

.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}

@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration:3s;
}
.header_panel{width:100%;height:60px;margin: 6% 0 0;background: rgb(251,251,251);background: #fff; padding:5px 0 10px; z-index:99;     transition: all 350ms ease !important;     border-bottom: solid 1px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 9%);}
.header_panel img{max-width:100px; }

.listcont{width:100%; margin:40px 0; padding:0px; display:block;}
.listcont ul{margin:0px; padding:0px; list-style:none;}
.listcont ul li{margin:0 0 10px; padding:5px; list-style:none; display:block; }
.listcont ul li span{margin:0 0px 0px 0; padding:0px; width:90%; font-size:14px;font-weight:400;}
.listcont ul li img{margin:0 10px 10px 0; padding:0px; width:16px; float:left;}
.module-head{font-size:18px; font-weight:600; margin:0 0 15px; color:#2f454c;}
.module-text{font-size:14px; font-weight:400; margin:0 0 15px; color:#2f454c; line-height:20px;}
.image-cont{width:100%; /*height:500px; background:url(../images/mobileScreen.png)0 0 no-repeat; background-size:cover;*/}
.image-cont img{width:100%;} /* height:100%; */
/*.owl-carousel .owl-item{width:301px !important; margin-top:21px;}*/
.owl-carousel .owl-item img{height:75vh;border-radius: 24px;width: 80%;margin: 0 auto;}
.testi-section .owl-carousel .owl-item img{height:auto;border-radius: 24px;width: 80%;margin: 0 auto;}
.appimage{width:150px;margin:15px 10px;float:left;}
.trusted-section .owl-carousel .owl-item img{height: 25vh;border-radius: 10px;width: auto;margin: 0;}
.mb-3{margin-bottom:2.5rem}
.pb-3{padding-bottom:30px;}
.pt-3{padding-top:30px;}
.pb-5{padding-bottom:50px;}
.pt-5{padding-top:50px;}
.pl-0 {padding-left: 0px !important;}
.pr-0 {padding-right: 0px !important;}
.clients-cont{width:100%; margin:40px 0; padding:0px; display:block;}
.clients-cont ul{margin:0px; padding:0px; list-style:none;}
.clients-cont ul li{margin:0 0 0px; padding:0px; list-style:none; display:block;width:20%; float:left;overflow:hidden;}
 
.img-hover-zoom {
   /* background: #222f3e;
     height: 300px; */
    overflow: hidden;
    /* border-radius: .5em; */
    /* border: 5px solid rgba(255, 255, 255, .05); */
}
.img-hover-zoom--colorize img {
    transition: transform .3s, filter 0.5s ease-in-out;
    filter: grayscale(100%);
}
.img-hover-zoom:not(.img-hover-zoom--empty):hover {
    filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
}
.img-hover-zoom--colorize:hover img {
    filter: grayscale(0);
    transform: scale(1.5);
}
.slidein {
    animation-duration: 3s;
    animation-name: slidein;
}
.fadeInLeft{
	animation-duration: 3s;
    animation-name: fadeInLeft;
}
.misscall-box {
    float: right;
    width: 280px;
    margin: 20px 0 0;
    padding: 0px;
}
.misscall-box h4 {
    font-size: 20px;
    color: #122027;
    font-weight: 600;
	margin:0px; padding:0px;
}
.main-cont-third{width:100%; padding:2% 0; margin:0px; position:relative; overflow:hidden;}
.lead-section{width:100%;  padding:16px 0 0; margin:5% 0 0; background:#fff; overflow-x:hidden;}
.autolead-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#f0f0f0; overflow-x:hidden;}
.cloud-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.workflow-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#f8f8f8; overflow-x:hidden;}
.mobileapp-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:rgba(240,240,240,.4); overflow-x:hidden;}
.tkt-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.eshop-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.webform-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:rgba(240,240,240,.4); overflow-x:hidden;}
.landing-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.campaign-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:rgba(240,240,240,.4); overflow-x:hidden;}
.url-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:rgba(240,240,240,.4); overflow-x:hidden;}
.sms-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.smi-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.task-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:rgba(240,240,240,.4); overflow-x:hidden;}
.digital-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.unified-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.email-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.time-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:rgba(240,240,240,.4); overflow-x:hidden;}
.testi-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.client-section{width:100%;  padding:10px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.contact-section{width:100%;  padding:50px 0 0; margin:0% 0 0; background:#fff; overflow-x:hidden;}
.testi_cont{box-shadow:0 0 0px rgb(0 0 0 / 20%); width:100%; padding:10px; margin:0 0 100px;min-height:120px; border-radius:10px;}
.testi_inner{border:0px solid #2c7e93; width:100%; padding:10px;min-height:100px;border-radius:10px;}
.tesi_text{position:relative;padding:10px; margin:0px; text-align:center; color:#e3f9ff; font-size:26px;}
.left-comma{position:relative;left:-15px; top:0px;}
.right-comma{position:relative;right:-20px; top:0px;}
.title-cont{position: relative;right: 0px;width: 300px;text-align: right;top: 30px;float: right;}
.title-text{float: right;position: absolute;right: 50px;width: 100%;}
.title-text h4{font-size: 14px;margin: 0; font-weight:600; color:#a2d9ea;}
.title-text p{font-size: 12px;margin: 0; font-weight:400; color:#ccc;}
.title-img{width: 30px;height: 30px;border: 1px solid #333;right: 0;position: absolute;border-radius: 100px;}
.title-img img{width:100%; border-radius:100px;}
.ourNumber{ text-align:center; }
.ourNumber h2{font-size: 28px;font-weight: 600;margin: 0 0 20px;color: #063306; text-align:center; }
.ourNumber h4{font-size: 14px;font-weight: 400;margin: 10px 0 0px;color: #063306; text-align:center; }

.left-comma img, .right-comma img {max-width:40px;display:inline-block !important;}

.testi-section {
    width: 100%;
    padding: 10px 0 0;
    margin: 0% 0 0;
    background: #1c3e52;
    overflow-x: hidden;
    background: #165650;
    background: #004053;
}

    .testi-section .owlbox {
        width: 100%;
        padding: 0px 30px 0;
    }

.testi-section .owlbox h3 {
    color: #fff;
    padding: 30px 0 0;
    margin: 0px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}
.testi-section .owlbox h3::after {
    content: ''; 
    border-bottom: 4px solid #fff;
    width: 300px;
    position: absolute;
    left: 40%;
    top: 130%;
}
.testi-section .owlbox .owl-carousel.owl-drag .owl-item {
    width: 80% !important;
}

.number-section {
    width: 100%;
    padding: 40px 0 20px;
    margin: 0% 0 2%;
    background: #0a3846;
    box-shadow: 0 0 80px #000 inset;
    min-height:350px;
}
 .number-section .container { /*box-shadow:0 0 7px #ccc inset;background: #e5fbe0;*/
    padding: 20px;
    /*height: 300px;*/
    border-radius: 6px;
}
.number-section .container .module-head {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 15px;
    color: #ffffff;
}
.number-section .container .ourNumber h4 {
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 20px;
    color: #ffffff;
    text-align: center;
}
.number-section .container .ourNumber h5 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0px;
    color: #ffffff;
    text-align: center;
}
.request-section {
    width: 100%;
    padding: 40px 0 20px;
    margin: 0% 0 0%;
    background: #1a3958;
    background: #256477;
    box-shadow: 0 0 200px #000 inset;
    min-height: 350px;
}
.request-section .ourNumber h3 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;line-height:50px;
}
.request-section .container .ourNumber h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 0px;
    color: #ffffff;
    text-align: center;
}
.request-section .container {
    padding: 20px;
    border-radius: 6px;
}

.content .back-to-top-badge {
    transform: translate(0, 0) !important;
    width: 130px;
    margin: 30px auto 0 !important;
    left: auto;
    bottom: auto;
    display: block;
    position: relative !important
}

.content .back-to-top-icon {
    transform: scale(1, 1) translate(0, 0px) !important;
    margin: 0 auto 30px;
    right: auto;
    bottom: auto;
    display: block;
    position: relative !important
}

.back-to-top-badge {
    position: fixed;
    z-index: 996;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 70px);
    display: inline-block;
    padding: 5px 20px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    transition: all 250ms ease
}

.back-to-top-icon {
    position: fixed;
    z-index: 9999;
    bottom: 30px;
    right: 15px;
    display: none;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    font-size: 28px;
    /* transform: scale(0, 0); */
    transition: all 250ms ease
}

.back-to-top-badge i {
    padding: 0 10px 0 0
}

.back-to-top-icon span {
    display: none
}

.back-to-top-badge.back-to-top-visible {
    transform: translate(-50%, 30px)
}

.back-to-top-icon.back-to-top-visible {
    transform: scale(1, 1)
}

.back-to-top-icon-square {
    border-radius: 0
}

.back-to-top-icon-round {
    border-radius: 5px
}

.back-to-top-icon-circle {
    border-radius: 40px
}

.bg-green2-dark {
    background-color: #2ABA66!important;
    color: #FFFFFF!important;
}
.trusted-section {
    width: 100%;
    padding: 10px 0 0;
    margin: 0% 0 0;
    background: #1c3e52;
    overflow-x: hidden;
    background: #165650;
    background: #004053;
}
.trusted-section .owlbox {width:100%; padding:0px 30px 0;}
.trusted-section .owlbox h3{color:#fff; padding:30px 0 0;margin:0px; }

.muchmore {
    margin: 30px 0 0;
    color: #fff;
    text-transform: capitalize
}

.getintouch-section {
    width: 100%;
    padding: 60px 0 40px;
    margin: 0% 0 0;
    background: #1c3e52 url(../images/get-touch-contact-banner.jpg) 0 0 no-repeat;
    overflow-x: hidden;
    min-height: 450px;
    background-size: cover;
    background-blend-mode: soft-light;
}

.getintouch-section .container h3 {
    font-size: 34px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin: 10px 0 4%;
}
.getintouch-section .container h3::after {
    content: '';
    border-bottom: 5px solid #fff;
    width: 200px;
    position: absolute;
    left: 40%;
    top: 150%;
}
.getintouch-section .container h4 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin: 20px 0 2%;
}
.getintouch-section .container p {
    font-size: 16px;
    text-align: center;
    color: #fff; 
    position: relative;
    margin:0px; 
    padding:0px;
}
.btngetintouch {background:#fff;min-width:200px; max-width:270px; text-align:center; color:#1c3e52; padding:6px; margin:40px auto 0; border-radius:40px;display: block;font-size: 22px;}
.btngetintouch:focus, .btngetintouch:active{text-decoration:none;}
.whatsapp-section {
    width: 100%;
    padding: 10px 0 0;
    margin: 0% 0 0;
    background: rgb(5 118 99) url(../images/whatsapp-bg.png) 30% -20px no-repeat;
    overflow-x: hidden;
    min-height: 400px;
    background-size: 53%;
    /*background-blend-mode: soft-light;
    background-color: rgb(3,79,67);
    background-color: linear-gradient(90deg, rgba(3,79,67,1) 1%, rgba(5,125,105,1) 56%, rgba(5,127,107,1) 100%);*/
}
    .whatsapp-section .whatsapp-inner {
        margin-left: 35%;
        float: left;
        padding: 70px 50px 50px;
        width:60%;
    }
    .whatsapp-section .whatsapp-inner h3 {
        font-size: 34px;
        text-align: end;
        color: #fff;
        font-weight: 600;
        text-transform: capitalize;
        position: relative;
        margin: 30px 0 0%;
    }
    .whatsapp-section .whatsapp-inner p.reach-cont {
        text-align: left;
        color: #ffffff;
        font-size: 22px;
    }
        .whatsapp-section .whatsapp-inner p.there-cont {
            color: #52f580;
            margin: 0 0 21px;
            padding: 0;
            line-height: 0;
            text-align: end;
            font-size: 34px;
            font-style: normal;
            font-weight: 600;
            text-transform:capitalize;
        }
.signup-section {
    width: 100%;
    padding: 10px 0 0;
    margin: 0% 0 0;
    background: rgb(46,72,67);
    /*background: linear-gradient( 268deg, rgba(46,72,67,1) 0%, rgba(8,57,49,1) 100%);*/
    overflow-x: hidden;
    background: linear-gradient( 268deg, rgb(27 47 70) 0%, rgb(0 64 83) 100%);
    min-height: 170px;
}
.signup-inner {
    margin-left: 25%;
    float: left;
    padding: 0px 50px 20px;
}
.signup-inner h3{
font-size: 34px;
text-align: center;
color: #fff;
font-weight: 600;
text-transform: capitalize;
position: relative;
margin: 10px 0 0%;}
.chatbotbtn {
    border-radius: 30px;
    background: #004053;
    color: #fff;
    padding: 15px 30px;
    margin: 8% 24%;
    text-align: center;
    min-width: 260px;
    display: inline-block;
    font-size: 16px;

}
.chatbotbtn:hover {color:#ffd300;text-decoration:none;}

/* header css start here */
.header-fixed, .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
}
.header {
    height: 60px;
    z-index: 999;
    background-color: #1b1d21;
    border-bottom: solid 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 4px 0 rgb(0 0 0 / 9%);
	transition: all 350ms ease !important;
	background-color: #fff;
}
.header-logo {
    color: transparent !important;
}

.header-logo {
    background-size: 100px 48px;
    width: 147px;
    background-image: url(../images/logo-green.png);
    background-repeat: no-repeat;
}
.header .header-logo, .header-nav .header-logo {
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 50%;
}
.header-logo-app .header-logo {
    left: 0 !important;
    margin-left: 16px !important;
}
.header-right {
    margin: 0;
    float: right;
}
.topnav {
    overflow: hidden;
    /* background-color: #fff; */
    float: left;
}
.topnav a {
    float: left;
    display: block;
    color: #0f0101;
    text-align: center;
    padding: 19px 16px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    border-top: 3px solid #fff;
}
.topnav a:hover {
    color: #4caf50;
    border-top: 3px solid #4caf50;
}
.topnav .icon {
    display: none;
}
.misscall-box {
    float: right;
    width: 320px;
    margin: 5px 10px 0 10px;
    padding: 0px;
}
.misscall-box h4 {
    font-size: 14px;
    color: #5d5d5d;
    font-weight: 400;
    text-align: center;
    padding: 6px 0 0 0;
    font-weight: 600;
}
.mr-30{margin-right:30px;}

.fl {
    float: left;
}
.mt-2 {
    margin-top: 2px;
}
.shadow-huge {
    box-shadow: 0 5px 40px 0 rgb(0 0 0 / 11%), 0 5px 25px 0 rgb(0 0 0 / 10%) !important;
}

.round-medium, .content-round-medium, .menu-box-round-medium {
    border-radius: 15px !important;
    overflow: hidden;
}
.bottom-20 {
    margin-bottom: 20px!important;
} 
.top-10 {
    margin-top: 10px!important;
}
.footer-logo {
    background-size: 100px 48px;
    background-image: url(../images/logo-green.png);
    background-position: center;
    height: 50px;
    background-repeat: no-repeat;display:block;
}
p {
    line-height: 28px;
    margin-bottom: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #6c6c6c;
}
.boxed-text-large {
    width: 85%;
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.bottom-30 {
    margin-bottom: 30px!important;
}
.font-12 {
    font-size: 12px!important;
}
.round-small, .content-round-small, .menu-box-round-small {
    border-radius: 10px !important;
    /* overflow: hidden; */
}
.icon {
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0 2px 15px;
    transition: all 250ms ease;
}
.bg-youtube {
    background-color: #D12827!important;
    color: #FFFFFF;
}
.right-5 {
    margin-right: 5px!important;
}
.icon-m i {
    width: 45px;
    line-height: 45px;
    font-size: 28px;
}
.bg-pink2-dark {
    background-color: #fb3365!important;
    color: #FFFFFF!important;
}
.bg-twitter {
    background-color: #4099ff!important;
    color: #FFFFFF;
}
.bg-mail {
    background-color: #3498db!important;
    color: #FFFFFF;
}
.left-5 {
    margin-left: 5px!important;
}
.bg-green1-dark {
    background-color: #8CC152!important;
    color: #FFFFFF!important;
}
.right-5 {
    margin-right: 5px!important;
}
/* header css end here */

.button {
    background-color: #1f9f3e;
    border: 0;
    color: #fff;
    border-radius: 3px;
    padding: 7px 15px;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    -ms-transition: .3s all ease;
    transition: .3s all ease;
} 
.round-huge, .content-round-huge, .menu-box-round-huge {
    border-radius: 33px !important;
    overflow: hidden;
}
.caption-under-button {
    transform: translateY(-55px);
    margin-bottom: -50px !important;
    z-index: 99;
}
.button {
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 250ms ease;
    font-weight: 800;
    text-transform: uppercase;
}
.button-m {
    padding: 10px 20px;
    font-size: 13px;
}
.button-center-large {
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.bg-green2-dark {
    background-color: #2ABA66!important;
    color: #FFFFFF!important;
}
.top-50 {
    margin-top: 50px!important;
}

.bottom-10 {
    margin-bottom: 10px!important;
}
.divider {
    border-bottom: 3px double #dcdcdc;
    margin: 50px 0;
    width: 100%;
	height: 1px;
    display: block;
}
.font12{font-size:12px !important;}

#menu-contact {
    width: calc(100% - 300px) !important;
}
.content {
    margin: 0 15px 30px;
    background-color: #fff;
}
.font-800 {
    font-weight: 800 !important;
} 
.font-27 {
    font-size: 27px !important;
} 
.top-20 {
    margin-top: 20px !important;
}
.boxed-text-huge {
    width: 90%;
    max-width: 340px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.contact-form {
    margin-bottom: 15px;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.formValidationError {
    padding: 10px 0;
    margin: 0 0 10px;
}
.bg-red2-dark {
    background-color: #DA4453 !important;
    color: #FFFFFF !important;
}
.color-white {
    color: #fff !important;
}
.top-30 {
    margin-top: 30px !important;
}
.top-10 {
    margin-top: 10px !important;
}
.form-email input, .form-name input {
    line-height: 40px;
    border: solid 1px rgba(0,0,0,.05);
    width: 100%;
    padding: 0 10px;
}

.form-field input, .form-field textarea {
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent !important;
    margin: 10px 0;
}
#menu-contact input, #menu-contact textarea {
    border-color: rgba(0,0,0,.1);
}
form input:last-child {
    margin-bottom: 0;
}
.contactSubmitButton {
    width: 100%;
    display: block;
    border-radius: 10px;
    color: #fff !important;
    padding: 15px 0 !important;
}
.bg-blue2-dark {
    background-color: #4A89DC !important;
    color: #FFFFFF !important;
}
.menu-box {
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    position: fixed;
    z-index: 9999;
    transition: all 350ms ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    background-size: cover
}

.menu-active {
    pointer-events: all !important;
    transition: all 350ms ease
}

.menu-hider {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.5)
}

[data-menu-effect=menu-reveal] {
    z-index: 90 !important;
    display: none
}

    [data-menu-effect=menu-reveal][data-menu-type=menu-box-left] {
        transform: translateX(0) !important
    }

    [data-menu-effect=menu-reveal][data-menu-type=menu-box-right] {
        transform: translateX(0) !important
    }

[data-menu-type=menu-box-left] {
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 !important
}

[data-menu-type=menu-box-right] {
    opacity: 1;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 !important
}

[data-menu-type=menu-box-top] {
    opacity: 1;
    top: 0;
    right: 0;
    left: 0
}

[data-menu-type=menu-box-bottom] {
    opacity: 1;
    bottom: 0;
    right: 0;
    left: 0
}

[data-menu-type=menu-box-modal] {
    transform-origin: 0 0;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: scale(.9,.9) translate(-50%,-50%) !important
}

.menu-active[data-menu-type=menu-box-modal] {
    opacity: 1 !important;
    pointer-events: all !important;
    transform: scale(1,1) translate(-50%,-50%) !important
}

.menu-active[data-menu-type=menu-box-left] {
    transform: translateX(0) !important
}

.menu-active[data-menu-type=menu-box-right] {
    transform: translateX(0) !important
}

.menu-active[data-menu-type=menu-box-bottom] {
    transform: translateY(0) !important
}

.menu-active[data-menu-type=menu-box-top] {
    transform: translateY(0) !important
}

.menu-box-detached[data-menu-type=menu-box-top] {
    opacity: 1;
    top: 10%;
    right: 10px;
    left: 10px;
    margin-top: -115px
}

.menu-box-detached[data-menu-type=menu-box-bottom] {
    opacity: 1;
    bottom: 15px;
    right: 10px;
    left: 10px;
    margin-bottom: -25px
}

.close-menu-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    font-size: 18px;
    text-align: center;
    right: -10px;
    top: 8px
}

.footer-menu, .header {
    transition: all 350ms ease !important
}

.menu-hide-header {
    transform: translateY(-100%) !important;
    opacity: 1;
    transition: all 350ms ease !important
}

.menu-hide-footer {
    transform: translateY(100%) !important;
    opacity: 1;
    transition: all 350ms ease !important
}

.menu-box-detached[data-menu-type=menu-box-top].menu-active {
    margin-top: 0 !important
}

.menu-box-detached[data-menu-type=menu-box-bottom].menu-active {
    margin-bottom: 0 !important
}

.menu-box .page-bg {
    z-index: 0 !important
}

.menu-box .menu-content {
    z-index: 1
}

.page-bg {
    background-size: 500%;
    /*position: fixed;*/
    top: -120px;
    left: 0;
    right: 0;
    bottom: -120px;
    height: 150%;
    margin-top: -50%;
    z-index: 70;
    margin-top: 0;
    overflow: hidden !important;
    pointer-events: none !important
}

.menu-box .page-bg {
    height: 0;
    top: 0;
    bottom: 0
}

.theme-dark .menu-content {
    background-color: rgba(0,0,0,.5)
}

.theme-dark .center-vertical-full {
    background-color: rgba(0,0,0,.5)
}

.theme-dark .page-bg div {
    background-color: rgba(0,0,0,.5)
}

.page-bg div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.menu-hider-reveal {
    opacity: 0 !important;
    transition: all 0s ease !important;
    background-color: transparent !important
}

.share-icons {
    width: 260px;
    margin: 0 auto
}

    .share-icons a {
        width: 33.3%;
        float: left;
        margin-bottom: 30px
    }

.share-icons a i {
    overflow: visible;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    text-align: center;
    margin-bottom: 15px;
    display: block;
    margin: 0 auto
}

.share-icons a span {
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 8px;
    font-weight: 500
}

.menu-header {
    background-color: rgba(0,0,0,.09);
    border-bottom: solid 1px rgba(255,255,255,.1);
    margin-top: -30px !important;
    padding-top: 30px
}

.menu-header .menu-logo {
    background-image: url(../images/preload-logo.png);
    background-color: rgba(255,255,255,.08);
    padding: 5px;
    border: solid 1px rgba(0,0,0,.1);
    border-radius: 100px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    z-index: 10;
    display: block;
    margin: 20px auto 15px
}

.menu-header h1 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #777
}

.menu-header p {
    text-align: center;
    font-size: 11px;
    color: #f1ecec;
    margin-top: -10px;
    opacity: .6;
    text-shadow: 0 1px 0 #949292
}

.menu-item {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    line-height: 57px;
    transition: all 250ms ease
}

.menu-item:hover {
    background-color: rgba(255,255,255,.03)
}

.submenu a:hover {
background-color: rgba(255,255,255,.02)
}

.menu-list .fab {
    line-height: 34px !important
}

.menu-item i:first-child {
    color: #fff !important;
    height: 35px;
    width: 35px;
    line-height: 36px;
    text-align: center;
    border-radius: 35px;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    box-shadow: 0 20px 67px 0 rgba(0,0,0,.12),0 5px 14px 0 rgba(0,0,0,.2)
}

.menu-divider {
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #fff !important;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 900;
    margin-top: 30px;
    border-bottom: solid 1px rgba(255,255,255,.05)
}

.menu-list span {
    position: absolute;
    right: 16px;
    font-size: 9px;
    background-color: rgba(255,255,255,.15);
    height: 20px;
    margin-top: 19px;
    line-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 15px;
    min-width: 20px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.3)
}

.menu-copyright {
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    font-style: normal;
    padding-top: 20px;
    font-weight: 300;
    font-size: 10px;
    display: block;
    border-top: solid 1px rgba(255,255,255,.03);
    margin-top: 20px;
    padding-bottom: 30px
}

.menu-list .fa-angle-right {
    position: absolute;
    font-size: 10px;
    height: 55px;
    line-height: 57px;
    width: 55px;
    right: 0;
    text-align: center
}

[data-submenu]::after {
    display: none !important
}

.active-menu::after {
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: '\f111';
    position: absolute;
    right: 25px;
    font-size: 7px;
    margin-top: 0;
    z-index: 0
}

.active-menu span {
    display: none
}

.remove-dot::after {
    content: '' !important
}

.active-menu {
    font-weight: 700 !important;
    transition: all .3s ease;
    background-color: rgba(255,255,255,.03)
}

    .active-menu i:first-child {
        animation-name: menuANI;
        animation-duration: .6s;
        animation-timing-function: ease;
        animation-delay: 0;
        animation-direction: alternate;
        animation-iteration-count: infinite
    }
.menu-hider-visible {
    transition: all 350ms ease;
    pointer-events: all;
    opacity: 1;
}
.menu-hider {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.5);
}
.menu-ready {
    display: block;
}
.menu-hider {
    pointer-events: none;
    transition: all 350ms ease;
    background-color: rgba(0,0,0,.5);
}
.menu-hider-visible {
    transition: all 350ms ease;
    pointer-events: all;
    opacity: 1;
}
.menu-active[data-menu-type=menu-box-modal] {
    opacity: 1 !important;
    pointer-events: all !important;
    transform: scale(1,1) translate(-50%,-50%) !important;
}
.menu-box {
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    position: fixed;
    z-index: 9999;
    transition: all 350ms ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    background-size: cover;
}
[data-menu-type=menu-box-modal] {
    transform-origin: 0 0;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: scale(.9,.9) translate(-50%,-50%) !important;
}
.round-medium, .content-round-medium, .menu-box-round-medium {
    border-radius: 15px !important;
    overflow: hidden;
}
.center-text, .text-center {
    text-align: center !important;
    display: block;
}
.form-text textarea {
    height: 145px;
    line-height: 24px;
    width: 100%;
    border: solid 1px rgba(0,0,0,.05);
    padding: 10px 10px 0;
    margin-bottom: 30px;
}
#menu-contact input, #menu-contact textarea {
    border-color: rgba(0,0,0,.1);
}
#menu-contact textarea {
    height: 80px !important;
}

.modal-header .close {
    margin-top: -2px;
    font-size: 24px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    float: left;
    font-size:18px;
}
.modal-body h4 {
    font-size: 14px;
}

.sidebar-contact {
    position: fixed;
    top: 50%;
    right: -350px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    box-sizing: border-box;
    transition: .5s;
    z-index: 9999
}

.togglee {
    position: absolute;
    height: auto;
    width: 48px;
    text-align: center;
    cursor: pointer;
    background: #c32e4e;
    top: 25%;
    left: -48px;
    line-height: 48px;
    writing-mode: vertical-rl;
    padding: 15px 0 15px 0;
    color: #fff;
    font-size: 20px
}

.requestDemoMsg {
    height: 300px;
    padding: 20px
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form input:last-child {
    margin-bottom: 0;
}
textarea.form-control {
    height: auto;
 margin-bottom: 20px;
}

.sidebar-contact.activeee {
    right: 0;
}

/*footer CSS Start Here*/
.ft-bg {
    z-index: 1;
    background-image: url( ../images/ft-bg.png);
    background-repeat: no-repeat;
    background-position: 50% top;
    background-size: cover;
    margin-top: 0;
}
.footer_top {
    padding: 25px 20px 40px;
}
.pt-125 {
    padding-top: 125px;
}
.pt-145 {
    padding-top: 145px;
}

.bottom-10 {
    margin-bottom: 10px !important;
}
.divider {
    border-bottom: 3px double #dcdcdc;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    display: block;
}
.font14 {
    font-size: 14px;
}

.text-white {
    color: #fff;
}
.bottom-10 {
    margin-bottom: 10px !important;
}

.top-10 {
    margin-top: 10px !important;
}
.footer_top h2 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
    color:#fff;
}
.footer_top h5 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px;
    color:#fff;
}
.col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
 
.col-sm-5ths {
    width: 20%;
    float: left;
}
.col-md-5ths {
    width: 20%;
    float: left;
}
.downloadbtn {
    background: #004053;
    color: #fff;
    padding: 15px 30px;
    margin: 8% 24%;
    text-align: center;
    min-width: 260px;
    display: inline-block;
    border-radius: 6px;
    font-size: 16px;
}
.downloadbtn:hover {
    color: #ffd300;
    text-decoration: none;
}
/*footer CSS End Here*/
.socialmediacont{text-align:center;width:100%;}
.socialmediacont img{width:30px; margin-right:6px;}
.socialmediacont img.fb{width:24px;}
.socialmediacont img.twitter{width:34px;}

@media (max-width: 1920px) {
    .module-bg {  
    height: 150px;  
    background-size: 700px;
    margin-bottom: 30px;
    margin-left: 30px;
}
.module-right{ 
    background-size: 700px;
	 height: 150px;  
	     top: 9vh;
}
.module-right.cloud {
    top: 26vh;
}
.module-right.eshop {
    top: 44vh;
}
.module-right.sms {
    top: 62vh;
}
.module-right.digital {
    top: 78.5vh;
}
.module-right.webform {
    top: 96vh;
}
.module-right.Campaign {
    top: 112vh;
}
.module-right.unified {
    top: 128vh;
}
.module-icon {   
    margin: 10px 0 0 116px;
}
.module-title { 
    margin: 4.5% 0%;
    width: 58%; 
}
.count-column { 
    height: 95px;  
    margin: 3px; 
}
.count-column:after {
    content: '';
    position: absolute;
    right: 0px;
    left: 50px;
    border-left: 25px;
    border-bottom: 44px;
    border-right: 0px;
    border-top: 45px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .count-column {
    background: #3ac972;
    float: left;
    display: inline-block;
    width: 50px;
    height: 95px;
    font-size: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 65px;
    padding: 10px;
    margin: 2px;
    position: relative;
}
.module-right .menu-right-inner .count-column:before {
    content: '';
    position: absolute;
    right: 49px;
    border-left: 0px;
    border-bottom: 48px; 
    border-right: 28px;
    border-top: 48px;
    border-style: solid;
    border-color: transparent #3ac972 transparent transparent;
    top: 0px;
}

.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .module-icon { 
    margin: 10px 120px 0 0;
}
.module-right .menu-right-inner { 
    width: 82%;
    top: 25px;
    left: 2%;
}
.youtube {position: relative;right:0px;top: 0px;width: 250px;float: left;}
.modal-body iframe{width:100%;}
}

@media (max-width: 1440px){
	.module-bg {  
    height: 130px;  
    background-size: 608px;
    margin-bottom: 30px;
    margin-left: 30px;
}
.module-right{ 
    background-size: 608px;
	 height: 130px;  
	     top: 9vh;
}
.module-right.cloud {
    top: 28vh;
}
.module-right.eshop {
    top: 46vh;
}
.module-right.sms {
    top: 65vh;
}
.module-right.digital {
    top: 83vh;
}
.module-right.webform {
    top: 102vh;
}
.module-right.Campaign {
    top: 120vh;
}
.module-right.unified {
    top: 138vh;
}
.module-icon {   
    margin:0px 0 0 26px;
}
.module-title { 
    margin: 5.5% 0%;
    width: 68%; 
}
.count-column { 
    height: 83px; 
    margin: 0px; 
	width: 53px;	
}
.count-column:after { 
	content: ''; 
	left: 53px;
    border-left: 24px;
    border-bottom: 44px;
    border-right: 0px;
    border-top: 40px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .count-column {
    background: #3ac972;
    float: left;
    display: inline-block;
    width: 50px;
    height: 83px;
    font-size: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 65px;
    padding: 10px;
    margin: 7px 0;
    position: relative;
}
.module-right .menu-right-inner .count-column:before { 
	border-bottom: 44px;
    border-right: 25px;
    border-top: 40px;
    border-style: solid; 
}

.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .module-icon { 
    margin: 6px 40px 0 0;
}
.module-right .menu-right-inner { 
    width: 88%;
    top: 18px;
    left: 2%;;
}
}
@media (max-width: 1366px){
	.module-bg {  
    height: 130px;  
    background-size: 608px;
    margin-bottom: 30px;
    margin-left: 30px;
}
.module-right{ 
    background-size: 608px;
	 height: 125px;  
	     top: 13vh;
}
.module-right.cloud {
    top: 40vh;
}
.module-right.eshop {
    top: 65vh;
}
.module-right.sms {
    top: 90vh;
}
.module-right.digital {
    top: 115vh;
}
.module-right.webform {
    top: 140vh;
}
.module-right.Campaign {
    top: 164vh;
}
.module-right.unified {
    top: 190vh;
}
.module-icon {   
    margin:0px 0 0 10px;
}
.module-title { 
    margin: 5.5% 0%;
    width: 72%; 
}
.count-column { 
    height: 83px; 
    margin: 0px; 
	width: 53px;	
}
.count-column:after { 
	content: ''; 
	left: 53px;
    border-left: 24px;
    border-bottom: 44px;
    border-right: 0px;
    border-top: 40px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .count-column {
    
    margin: 0px 0;
}
.module-right .menu-right-inner .count-column:before { 
	border-bottom: 44px;
    border-right: 25px;
    border-top: 40px;
    border-style: solid; 
}

.module-right .menu-right-inner .module-title {   
    width: 72%; 
}
.module-right .menu-right-inner .module-icon { 
    margin: 5px 20px 0 0;
}
.module-right .menu-right-inner { 
    width: 90.5%;
    top: 19px;
    left: 2%;;
}
}

@media (max-width: 1280px){
	.module-bg {  
    height: 100px;  
    background-size: 510px;
    margin-bottom: 30px;
    margin-left: 30px;
	padding:10px;
}
.module-right{ 
    background-size: 510px;
    height: 100px;
    top: 9vh;
}
.module-right.cloud {
    top: 26vh;
}
.module-right.eshop {
    top: 43vh;
}
.module-right.sms {
    top: 60vh;
}
.module-right.digital {
    top: 77vh;
}
.module-right.webform {
    top: 93.5vh;
}
.module-right.Campaign {
    top: 110.5vh;
}
.module-right.unified {
    top: 127vh;
}
.module-icon {   
    margin: 6px 0 0 50px;
    width: 70px;
    height: 70px;
}
.module-icon img { width: 70px; }
.module-title { 
    margin: 5.3% 0%;
    width: 59%; 
}
.count-column { 
   height: 69px;
    margin: 6px 0;
    width: 58px;
    line-height: 50px;	
}
.count-column:after { 
	content: ''; 
	left: 58px;
    border-left: 19px;
    border-bottom: 34px;
    border-right: 0px;
    border-top: 34px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .count-column {
    line-height: 55px;
    margin: 0px 0;
    height: 70px;
}
.module-right .menu-right-inner .count-column:before { 
	border-bottom: 38px;
    border-right: 22px;
    border-top: 34px;
    border-style: solid; 
}

.module-right .menu-right-inner .module-title {   
    width: 70%; 
}
.module-right .menu-right-inner .module-icon { 
   margin: 0px 10px 0 0;
    height: 70px;
    width: 70px;
}
.module-right .menu-right-inner { 
    width: 80%;
    top: 16px;
    left: 8%;
}
}
@media (max-width: 1024px){
	.module-bg {  
    height: 80px;
    background-size: 400px;
    margin-bottom: 30px;
    margin-left: 0px;
    padding: 10px 40px 0;
}
.module-right{ 
    background-size: 400px;
    height: 100px;
    top: 6vh;
}
.module-right.cloud {
    top: 21vh;
}
.module-right.eshop {
    top: 36vh;
}
.module-right.sms {
    top:51vh;
}
.module-right.digital {
    top: 66vh;
}
.module-right.webform {
    top:81vh;
}
.module-right.Campaign {
    top: 96vh;
}
.module-right.unified {
    top: 111vh;
}
.module-icon {   
    margin: 2px 0 0 10px;
    width: 55px;
    height: 55px;
}
.module-icon img { width: 50px; }
.module-title { 
   margin: 1% 0%;
    width: 66.57%;
    font-size: 14px; 
	padding: 16px 20px;
}
.count-column { 
     height: 55px;
    margin: 3px 0;
    width: 48px;
    line-height: 40px;	
}
.count-column:after { 
	content: ''; 
	left: 48px;
    border-left: 15px;
    border-bottom: 27px;
    border-right: 0px;
    border-top: 27px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.module-right .menu-right-inner .module-title {
    display: inline-block;
    float: left;
    margin: 5% 0%;
    width: 65%;
    text-align: center;
}
.module-right .menu-right-inner .count-column {
    line-height: 38px;
    margin: 0px 0;
    height: 55px;
}
.module-right .menu-right-inner .count-column:before { 
	border-bottom: 26px;
    border-right: 14px;
    border-top: 28px;
    border-style: solid; 
}

.module-right .menu-right-inner .module-title {   
    width: 68%;
    padding: 20px;
    margin: 0;
}
.module-right .menu-right-inner .module-icon { 
   margin: 0px 10px 0 0;
    height: 55px;
    width: 55px;
}
.module-right .menu-right-inner { 
    width: 79.5%;
    top: 24px;
    left: 8%;
}
.youtube {right: 110px;top: 15px; width:30px;}
.youtube img{width:36px;}
}
@media(max-width:851px) {
.logo {left: 0vw;top: 38vh;width: 280px;margin: 0 auto;position:relative;}
.logo img {width: 100%;}
.youtube {right: 50px;top: -10px;width: 30px;position: absolute;}
.topnav a.icon {float: right;display: block;font-size: 18px;}
.misscall-box {float: right;width: 220px;margin: 20px 0 0;padding: 0px;display: none;}
.topnav {float: none;}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {float: right;display: block;font-size: 18px;}
.topnav.responsive a {float: none;display: block;text-align: left;border-bottom: 1px solid #ccc;background:#fff;padding:13px;}
.topnav.responsive .icon {position: absolute;right: 0;top: 0;font-size: 18px;border-bottom: 0px solid #ccc;}
.ai_icon {/*position: absolute;left: 4vw;top: 30vh;*/width: 30px;}
.ai_icon img {width: 100%;}
.sulekha_icon {position: absolute;left: 7vw;top: 12vh;width: 30px;}
.sulekha_icon img {width: 100%;}
.adward_icon {position: absolute;left: 22vw;top: 15vh;width: 30px;}
.adward_icon img {width: 100%;}
.acre_icon {position: absolute;left: 12vw;top: 14vh;width: 50px;}
.acre_icon img {width: 100%;}
.chat_icon {position: absolute;left: 29.33vw;top: 12.6vh;width: 30px;}
.chat_icon img {width: 100%;}
.jd_icon {position: absolute;left: 24.7vw;top: 2vh;width: 20px;}
.jd_icon img {width: 100%;}
.autolead_icon {position: absolute;left: 1vw;top: 80vh;width: 50px;}
.autolead_icon img {width: 100%;}
.lead_icon img {width: 100%;}
.lead_icon {position: absolute;left: 15vw;top: 26vh;width: 50px;}
.whatsapp_icon {position: absolute;left: 18vw;top:62vh;width: 50px;}
.whatsapp_icon img {width: 100%;}
.campaign_icon {position: absolute;left: 25vw;top: 80vh;width: 70px;}
.campaign_icon img {width: 100%;}
.ticket_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 2vw;top: 19vh;width: 60px;}
.magic_icon img {width: 100%;}
.task_icon {position: absolute;left: 70vw;top: 16vh;width: 50px;}
.task_icon img {width: 100%;}
.cloud_icon {position: absolute;left: 55vw;top: 81vh;width: 58px;}
.cloud_icon img {width: 100%;}
.email_icon {position: absolute;left: 85vw;top: 52vh;width: 30px;}
.email_icon img {width: 100%;}
.eshop_icon {position: absolute;left: 6vw;top:62vh;width: 50px;}
.eshop_icon img {width: 100%;}
.excel_icon {position: absolute;left: 85vw;top: 15vh;width: 38px;}
.excel_icon img {width: 100%;}
.fb_icon {position: absolute;left: 65vw;top: 16vh;}
.gmail_icon {position: absolute;left: 35vw;top:40vh;width: 40px;}
.gmail_icon img {width: 100%;}
.mart_icon {position: absolute;left: 60vw;top: 32vh;width: 40px;}
.mart_icon img {width: 100%;}
.commerce_icon {position: absolute;left: 80vw;top: 62vh;width: 70px;}
.commerce_icon img {width: 100%;}
.chatbot_icon {position: absolute;left:80vw;top: 32vh;width: 70px;}
.chatbot_icon img {width: 100%;}
.jd_icon {position: absolute;left: 26vw;top: 24vh;width: 30px;}
.jd_icon img {width: 100%;}
.landing_icon {position: absolute;left: 25vw;top: 60vh;width: 58px;}
.landing_icon img {width: 100%;}
.mobile_icon {position: absolute;left: 15vw;top: 44vh;width: 54px;}
.mobile_icon img {width: 100%;}
.messanger_icon {position: absolute;left: 73vw;top: 55vh;width: 40px;}
.messanger_icon img {width: 100%;}
.ssmi_icon {position: absolute;left: 80vw;top: 256vh;width: 44px;}
.ssmi_icon img {width: 100%;}
.tele_icon {position: absolute;left: 24vw;top: 34vh;width: 40px;}
.tele_icon img {width: 100%;}
.ti_icon {position: absolute;left: 24vw;top: 44vh;}
.unified_icon {position: absolute;left: 85vw;top: 82vh;width: 50px;}
.unified_icon img {width: 100%;}
.workflow_icon {position: absolute;left: 68vw;top: 82vh;width: 70px;}
.workflow_icon img {width: 100%;}
.ai_icon {position: absolute;left: 4vw;top: 26vh;width: 40px;}
.ai_icon img {width: 100%;}
.quotation_icon {position: absolute;left: 58vw;top: 62vh;width: 66px;}
.quotation_icon img {width: 100%;}
.clients-cont ul li {width: 100%;}
.time_icon {position: absolute;left: 68vw;top:34vh;width: 60px;}
.time_icon img {width: 100%;}
.automation_icon {position: absolute;left: 1vw;top: 44vh;width: 60px;}
.automation_icon img {width: 100%;}
.salesgoal_icon {position: absolute;left: 50vw;top: 16vh;width: 60px;}
.salesgoal_icon img {width: 100%;}
.fieldforce_icon {position: absolute;left: 42vw;top: 62vh;width: 50px;}
.fieldforce_icon img {width: 100%;}
.pipeline_icon {position: absolute;left: 12vw;top: 78vh;width: 65px;}
.pipeline_icon img {width: 100%;}
.access_icon {position: absolute;left:40vw;top: 82vh;width: 66px;}
.access_icon img {width: 100%;}
}

@media (max-width:768px) {
    .youtube {right: 110px;top: 15px; width:30px;}
    .youtube img{width:36px;}
    .mart_icon {position: absolute;left: 68.8vw;top: 34vh;}
    .modal-body iframe{width:100%;}
}
@media(min-width:480px) and (max-width:767px){
	.logo {
    position: relative;
    left: 8vw;
    top: 50vh;
    width: 270px;
}

.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
.misscall-box {
    float: right;
    width: 220px;
    margin: 20px 0 0;
    padding: 0px;display: none;
}
.misscall-box h4 {
    font-size: 16px;
    color: #122027;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
}
.header-logo {
    width: 130px;margin-left: 0 !important;left: 0 !important;
}
.header-right {
    width: 100%;
}
.topnav.responsive {
    position: relative;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;    
}
.header{ height: 50px;}
.topnav {
    background-color: #fff;
    float: none;    height: 50px;
}
.topnav a {
    padding: 12px 16px;
}
.topnav a.icon {
    float: right;
    display: block;
    font-size: 18px;
}
.topnav a:first-child {
    visibility: hidden;
}
.topnav a:not(:first-child) {
    display: none;
}
.header-logo-app .header-logo {
    margin-left: 0 !important;
}
.topnav a.icon {
    float: right;
    display: block;
    font-size: 18px;
}

.topnav.responsive {
    position: relative;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	border-bottom:1px solid #ccc;	
}
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
	border-bottom:0px solid #ccc;
}
.youtube {right: 60px;top: -85px;width: 20px;}
}


@media(max-width:736px) {
.logo {left: 0vw;top: 38vh;width: 280px;margin: 0 auto;position:relative;}
.logo img {width: 100%;}
.youtube {right: 50px;top: -10px;width: 30px;position: absolute;}
.topnav a.icon {float: right;display: block;font-size: 18px;}
.misscall-box {float: right;width: 220px;margin: 20px 0 0;padding: 0px;display: none;}
.topnav {float: none; height:auto;}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {float: right;display: block;font-size: 18px;}
.topnav.responsive a {float: none;display: block;text-align: left;border-bottom: 1px solid #ccc;background:#fff;padding:13px;}
.topnav.responsive .icon {position: absolute;right: 0;top: 0;font-size: 18px;border-bottom: 0px solid #ccc;}
.ai_icon {/*position: absolute;left: 4vw;top: 30vh;*/width: 30px;}
.ai_icon img {width: 100%;}
.sulekha_icon {position: absolute;left: 7vw;top: 12vh;width: 30px;}
.sulekha_icon img {width: 100%;}
.adward_icon {position: absolute;left: 22vw;top: 15vh;width: 30px;}
.adward_icon img {width: 100%;}
.acre_icon {position: absolute;left: 12vw;top: 14vh;width: 50px;}
.acre_icon img {width: 100%;}
.chat_icon {position: absolute;left: 29.33vw;top: 12.6vh;width: 30px;}
.chat_icon img {width: 100%;}
.jd_icon {position: absolute;left: 24.7vw;top: 2vh;width: 20px;}
.jd_icon img {width: 100%;}
.autolead_icon {position: absolute;left: 1vw;top: 80vh;width: 50px;}
.autolead_icon img {width: 100%;}
.lead_icon img {width: 100%;}
.lead_icon {position: absolute;left: 15vw;top: 26vh;width: 50px;}
.whatsapp_icon {position: absolute;left: 18vw;top:62vh;width: 50px;}
.whatsapp_icon img {width: 100%;}
.campaign_icon {position: absolute;left: 25vw;top: 80vh;width: 70px;}
.campaign_icon img {width: 100%;}
.ticket_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 2vw;top: 19vh;width: 60px;}
.magic_icon img {width: 100%;}
.task_icon {position: absolute;left: 70vw;top: 16vh;width: 50px;}
.task_icon img {width: 100%;}
.cloud_icon {position: absolute;left: 55vw;top: 81vh;width: 58px;}
.cloud_icon img {width: 100%;}
.email_icon {position: absolute;left: 85vw;top: 52vh;width: 30px;}
.email_icon img {width: 100%;}
.eshop_icon {position: absolute;left: 6vw;top:62vh;width: 50px;}
.eshop_icon img {width: 100%;}
.excel_icon {position: absolute;left: 85vw;top: 15vh;width: 38px;}
.excel_icon img {width: 100%;}
.fb_icon {position: absolute;left: 65vw;top: 16vh;}
.gmail_icon {position: absolute;left: 35vw;top:40vh;width: 40px;}
.gmail_icon img {width: 100%;}
.mart_icon {position: absolute;left: 60vw;top: 32vh;width: 40px;}
.mart_icon img {width: 100%;}
.commerce_icon {position: absolute;left: 80vw;top: 62vh;width: 70px;}
.commerce_icon img {width: 100%;}
.chatbot_icon {position: absolute;left:80vw;top: 32vh;width: 70px;}
.chatbot_icon img {width: 100%;}
.jd_icon {position: absolute;left: 26vw;top: 24vh;width: 30px;}
.jd_icon img {width: 100%;}
.landing_icon {position: absolute;left: 25vw;top: 60vh;width: 58px;}
.landing_icon img {width: 100%;}
.mobile_icon {position: absolute;left: 15vw;top: 44vh;width: 54px;}
.mobile_icon img {width: 100%;}
.messanger_icon {position: absolute;left: 73vw;top: 55vh;width: 40px;}
.messanger_icon img {width: 100%;}
.ssmi_icon {position: absolute;left: 80vw;top: 256vh;width: 44px;}
.ssmi_icon img {width: 100%;}
.tele_icon {position: absolute;left: 24vw;top: 34vh;width: 40px;}
.tele_icon img {width: 100%;}
.ti_icon {position: absolute;left: 24vw;top: 44vh;}
.unified_icon {position: absolute;left: 85vw;top: 82vh;width: 50px;}
.unified_icon img {width: 100%;}
.workflow_icon {position: absolute;left: 68vw;top: 82vh;width: 70px;}
.workflow_icon img {width: 100%;}
.ai_icon {position: absolute;left: 4vw;top: 26vh;width: 40px;}
.ai_icon img {width: 100%;}
.quotation_icon {position: absolute;left: 58vw;top: 62vh;width: 66px;}
.quotation_icon img {width: 100%;}
.clients-cont ul li {width: 100%;}
.time_icon {position: absolute;left: 68vw;top:34vh;width: 60px;}
.time_icon img {width: 100%;}
.automation_icon {position: absolute;left: 1vw;top: 44vh;width: 60px;}
.automation_icon img {width: 100%;}
.salesgoal_icon {position: absolute;left: 50vw;top: 16vh;width: 60px;}
.salesgoal_icon img {width: 100%;}
.fieldforce_icon {position: absolute;left: 42vw;top: 62vh;width: 50px;}
.fieldforce_icon img {width: 100%;}
.pipeline_icon {position: absolute;left: 12vw;top: 78vh;width: 65px;}
.pipeline_icon img {width: 100%;}
.access_icon {position: absolute;left:40vw;top: 82vh;width: 66px;}
.access_icon img {width: 100%;}
}

@media(max-width:667px) {
.logo {left: 0vw;top: 38vh;width: 280px;margin: 0 auto;}
.logo img {width: 100%;}
.ai_icon {/*position: absolute;left: 4vw;top: 30vh;*/width: 30px;}
.ai_icon img {width: 100%;}
.sulekha_icon {position: absolute;left: 7vw;top: 12vh;width: 30px;}
.sulekha_icon img {width: 100%;}
.adward_icon {position: absolute;left: 22vw;top: 15vh;width: 30px;}
.adward_icon img {width: 100%;}
.acre_icon {position: absolute;left: 12vw;top: 14vh;width: 50px;}
.acre_icon img {width: 100%;}
.chat_icon {position: absolute;left: 29.33vw;top: 12.6vh;width: 30px;}
.chat_icon img {width: 100%;}
.jd_icon {position: absolute;left: 24.7vw;top: 2vh;width: 20px;}
.jd_icon img {width: 100%;}
.autolead_icon {position: absolute;left: 1vw;top: 80vh;width: 50px;}
.autolead_icon img {width: 100%;}
.lead_icon img {width: 100%;}
.lead_icon {position: absolute;left: 15vw;top: 26vh;width: 50px;}
.whatsapp_icon {position: absolute;left: 18vw;top:62vh;width: 50px;}
.whatsapp_icon img {width: 100%;}
.campaign_icon {position: absolute;left: 25vw;top: 80vh;width: 70px;}
.campaign_icon img {width: 100%;}
.ticket_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 2vw;top: 19vh;width: 60px;}
.magic_icon img {width: 100%;}
.task_icon {position: absolute;left: 70vw;top: 16vh;width: 50px;}
.task_icon img {width: 100%;}
.cloud_icon {position: absolute;left: 55vw;top: 81vh;width: 58px;}
.cloud_icon img {width: 100%;}
.email_icon {position: absolute;left: 85vw;top: 52vh;width: 30px;}
.email_icon img {width: 100%;}
.eshop_icon {position: absolute;left: 6vw;top:62vh;width: 50px;}
.eshop_icon img {width: 100%;}
.excel_icon {position: absolute;left: 85vw;top: 15vh;width: 38px;}
.excel_icon img {width: 100%;}
.fb_icon {position: absolute;left: 65vw;top: 16vh;}
.gmail_icon {position: absolute;left: 35vw;top:40vh;width: 40px;}
.gmail_icon img {width: 100%;}
.mart_icon {position: absolute;left: 60vw;top: 32vh;width: 40px;}
.mart_icon img {width: 100%;}
.commerce_icon {position: absolute;left: 80vw;top: 62vh;width: 70px;}
.commerce_icon img {width: 100%;}
.chatbot_icon {position: absolute;left:80vw;top: 32vh;width: 70px;}
.chatbot_icon img {width: 100%;}
.jd_icon {position: absolute;left: 26vw;top: 24vh;width: 30px;}
.jd_icon img {width: 100%;}
.landing_icon {position: absolute;left: 25vw;top: 60vh;width: 58px;}
.landing_icon img {width: 100%;}
.mobile_icon {position: absolute;left: 15vw;top: 44vh;width: 54px;}
.mobile_icon img {width: 100%;}
.messanger_icon {position: absolute;left: 73vw;top: 55vh;width: 40px;}
.messanger_icon img {width: 100%;}
.ssmi_icon {position: absolute;left: 80vw;top: 256vh;width: 44px;}
.ssmi_icon img {width: 100%;}
.tele_icon {position: absolute;left: 24vw;top: 34vh;width: 40px;}
.tele_icon img {width: 100%;}
.ti_icon {position: absolute;left: 24vw;top: 44vh;}
.unified_icon {position: absolute;left: 85vw;top: 82vh;width: 50px;}
.unified_icon img {width: 100%;}
.workflow_icon {position: absolute;left: 68vw;top: 82vh;width: 70px;}
.workflow_icon img {width: 100%;}
.ai_icon {position: absolute;left: 4vw;top: 26vh;width: 40px;}
.ai_icon img {width: 100%;}
.quotation_icon {position: absolute;left: 58vw;top: 62vh;width: 66px;}
.quotation_icon img {width: 100%;}
.clients-cont ul li {width: 100%;}
.time_icon {position: absolute;left: 68vw;top:34vh;width: 60px;}
.time_icon img {width: 100%;}
.automation_icon {position: absolute;left: 1vw;top: 44vh;width: 60px;}
.automation_icon img {width: 100%;}
.salesgoal_icon {position: absolute;left: 50vw;top: 16vh;width: 60px;}
.salesgoal_icon img {width: 100%;}
.fieldforce_icon {position: absolute;left: 42vw;top: 62vh;width: 50px;}
.fieldforce_icon img {width: 100%;}
.pipeline_icon {position: absolute;left: 12vw;top: 78vh;width: 65px;}
.pipeline_icon img {width: 100%;}
.access_icon {position: absolute;left:40vw;top: 82vh;width: 66px;}
.access_icon img {width: 100%;}
}

@media(max-width:640px) {
.logo {left: 0vw;top: 38vh;width: 280px;margin: 0 auto;}
.logo img {width: 100%;}
.ai_icon {/*position: absolute;left: 4vw;top: 30vh;*/width: 30px;}
.ai_icon img {width: 100%;}
.sulekha_icon {position: absolute;left: 7vw;top: 12vh;width: 30px;}
.sulekha_icon img {width: 100%;}
.adward_icon {position: absolute;left: 22vw;top: 15vh;width: 30px;}
.adward_icon img {width: 100%;}
.acre_icon {position: absolute;left: 12vw;top: 14vh;width: 50px;}
.acre_icon img {width: 100%;}
.chat_icon {position: absolute;left: 29.33vw;top: 12.6vh;width: 30px;}
.chat_icon img {width: 100%;}
.jd_icon {position: absolute;left: 24.7vw;top: 2vh;width: 20px;}
.jd_icon img {width: 100%;}
.autolead_icon {position: absolute;left: 1vw;top: 80vh;width: 50px;}
.autolead_icon img {width: 100%;}
.lead_icon img {width: 100%;}
.lead_icon {position: absolute;left: 15vw;top: 26vh;width: 50px;}
.whatsapp_icon {position: absolute;left: 18vw;top:62vh;width: 50px;}
.whatsapp_icon img {width: 100%;}
.campaign_icon {position: absolute;left: 25vw;top: 80vh;width: 70px;}
.campaign_icon img {width: 100%;}
.ticket_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 35vw;top: 15vh;width: 60px;}
.ticket_icon img {width: 100%;}
.magic_icon {position: absolute;left: 2vw;top: 19vh;width: 60px;}
.magic_icon img {width: 100%;}
.task_icon {position: absolute;left: 70vw;top: 16vh;width: 50px;}
.task_icon img {width: 100%;}
.cloud_icon {position: absolute;left: 55vw;top: 81vh;width: 58px;}
.cloud_icon img {width: 100%;}
.email_icon {position: absolute;left: 85vw;top: 52vh;width: 30px;}
.email_icon img {width: 100%;}
.eshop_icon {position: absolute;left: 6vw;top:62vh;width: 50px;}
.eshop_icon img {width: 100%;}
.excel_icon {position: absolute;left: 85vw;top: 15vh;width: 38px;}
.excel_icon img {width: 100%;}
.fb_icon {position: absolute;left: 65vw;top: 16vh;}
.gmail_icon {position: absolute;left: 35vw;top:40vh;width: 40px;}
.gmail_icon img {width: 100%;}
.mart_icon {position: absolute;left: 60vw;top: 32vh;width: 40px;}
.mart_icon img {width: 100%;}
.commerce_icon {position: absolute;left: 80vw;top: 62vh;width: 70px;}
.commerce_icon img {width: 100%;}
.chatbot_icon {position: absolute;left:80vw;top: 32vh;width: 70px;}
.chatbot_icon img {width: 100%;}
.jd_icon {position: absolute;left: 26vw;top: 24vh;width: 30px;}
.jd_icon img {width: 100%;}
.landing_icon {position: absolute;left: 25vw;top: 60vh;width: 58px;}
.landing_icon img {width: 100%;}
.mobile_icon {position: absolute;left: 15vw;top: 44vh;width: 54px;}
.mobile_icon img {width: 100%;}
.messanger_icon {position: absolute;left: 73vw;top: 55vh;width: 40px;}
.messanger_icon img {width: 100%;}
.ssmi_icon {position: absolute;left: 80vw;top: 256vh;width: 44px;}
.ssmi_icon img {width: 100%;}
.tele_icon {position: absolute;left: 24vw;top: 34vh;width: 40px;}
.tele_icon img {width: 100%;}
.ti_icon {position: absolute;left: 24vw;top: 44vh;}
.unified_icon {position: absolute;left: 85vw;top: 82vh;width: 50px;}
.unified_icon img {width: 100%;}
.workflow_icon {position: absolute;left: 68vw;top: 82vh;width: 70px;}
.workflow_icon img {width: 100%;}
.ai_icon {position: absolute;left: 4vw;top: 26vh;width: 40px;}
.ai_icon img {width: 100%;}
.quotation_icon {position: absolute;left: 58vw;top: 62vh;width: 66px;}
.quotation_icon img {width: 100%;}
.clients-cont ul li {width: 100%;}
.time_icon {position: absolute;left: 68vw;top:34vh;width: 60px;}
.time_icon img {width: 100%;}
.automation_icon {position: absolute;left: 1vw;top: 44vh;width: 60px;}
.automation_icon img {width: 100%;}
.salesgoal_icon {position: absolute;left: 50vw;top: 16vh;width: 60px;}
.salesgoal_icon img {width: 100%;}
.fieldforce_icon {position: absolute;left: 42vw;top: 62vh;width: 50px;}
.fieldforce_icon img {width: 100%;}
.pipeline_icon {position: absolute;left: 12vw;top: 78vh;width: 65px;}
.pipeline_icon img {width: 100%;}
.access_icon {position: absolute;left:40vw;top: 82vh;width: 66px;}
.access_icon img {width: 100%;}
}


@media(max-width:384px) { 
     .testi-section .owlbox h3::after {  
          width: 300px;  
          left: 10%; 
          top: 120%; 
     }  

     .getintouch-section .container h3::after {  
         left: 24%;  
     }  
  }


@media(min-width:320px) and (max-width:479px){
.main-cont-second {
    width: 100%;
    min-height: 500px;
    padding: 0px;
    position: relative;
}	
.module-bg {
    height: 60px;
    background-size: 295px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 10px 0px 0;
    width: 100%;
}
.module-icon {
    margin: 0px 0 0 5px;
    width: 40px;
    height: 40px;
}
.module-icon img {
    width: 38px;
}
.count-column:after {
    content: '';
    left: 38px;
    border-left: 12px;
    border-bottom: 22px;
    border-right: 0px;
    border-top: 18px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.count-column {
    height: 40px;
    margin: 0px 0;
    width: 39px;
    line-height: 20px;
    font-size: 16px;
}
.count-column:after {
    content: '';
    left: 39px;
    border-left: 12px;
    border-bottom: 21px;
    border-right: 0px;
    border-top: 21px;
    border-style: solid;
    border-color: transparent transparent transparent #3ac972;
    top: 0px;
}
.module-title {
    margin: 1% 0%;
    width: 66.57%;
    font-size: 14px;
    padding: 4px 10px;
}
.module-right {
    background-size: 290px;
    height: 60px;
    top: 0vh;
    width: 100%;
	position:relative;
}
.module-right .menu-right-inner .count-column {
   line-height: 42px;
    margin: 3px 0;
    height: 42px;
    padding: 0px;
    width: 28px;
    font-size: 16px;
}
.module-right .menu-right-inner .count-column:before {
    border-bottom: 20px;
    border-right: 14px;
    border-top: 20px;
    border-style: solid;
    right: 27px;
    top: 0px;
}
.module-right .menu-right-inner .module-icon {
    margin: 2px 8px 0 0;
    height: 40px;
    width: 40px;
}
.module-right .menu-right-inner {
    width: 96%;
    top:8px;
    left: 0%;
}
 .module-right .menu-right-inner .module-title {
    width: 68%;
    padding: 13px;
    margin: 0;
}
.module-right.cloud {
    top: 0vh;
}
.module-right.eshop {
    top: 0vh;
}
.module-right.sms {
    top: 0vh;
}
.module-right.digital{top: 0vh;}
.module-right.webform{top: 0vh;}
.module-right.Campaign{top: 0vh;}
.module-right.unified{top: 0vh;}

.logo {
    position: relative;
      left: 0vw;
    top: 38vh;
    width:70%;
    margin: 0 auto;
}
.logo img{width:100%;}
.sulekha_icon {
    position: absolute;
  left: 7vw;
    top: 12vh;
    width: 30px;
}
.sulekha_icon img{width:100%;}
.adward_icon {
    position: absolute;
    left: 68vw;
    top: 12.5vh;
    width: 30px;
}
.adward_icon img{width:100%;} 
.acre_icon {
   position: absolute;
    left: 40vw;
    top: 8vh;
    width: 60px;
}
.acre_icon img{width:100%;}
.chat_icon {
    position: absolute;
        left: 29.33vw;
    top: 12.6vh;
    width: 30px;
}
.chat_icon img{width:100%;}
.jd_icon {
    position: absolute;
    left: 24.7vw;
    top: 2vh;
    width: 20px;
}
.jd_icon img{width:100%;}
.autolead_icon {
    position: absolute;
    left: 0vw;
    top: 85vh;
    width: 50px;
}
.autolead_icon img{width:100%;}
.lead_icon img{width:100%;}
.lead_icon {
    position: absolute;
    left: 4vw;
    top: 23vh;
    width: 50px;
}
.whatsapp_icon {
    position: absolute;
    left: 19vw;
    top: 80vh;width: 50px;
}
.whatsapp_icon img{width:100%;}
.campaign_icon {
    position: absolute;
    left: 16vw;
    top: 88vh;
    width: 50px;
}
.campaign_icon img{width:100%;}
.ticket_icon {
    position: absolute;
    left: 44vw;
    top: 24vh;
    width: 50px;
}
.ticket_icon img{width:100%;}
.magic_icon {
    position: absolute;
    left: 18.5vw;
    top: 12vh;
    width: 60px;
}
.ticket_icon img{width:100%;}
.magic_icon {
    position: absolute;
    left: 4.5vw;
    top: 18vh;
    width: 60px;
}

.magic_icon img{width:100%;}
.task_icon {
    position: absolute;
    left: 70vw;
    top: 23vh;
    width: 50px;
}
.task_icon img{width:100%;}
.cloud_icon {
    position: absolute;
    left: 36vw;
    top: 86vh;
    width: 50px;
}
.cloud_icon img{width:100%;}
.email_icon {
    position: absolute;
    left: 80vw;
    top: 75vh;
    width: 40px;
}
.email_icon img{width:100%;}
.eshop_icon {position: absolute;left: 3vw;top: 56vh;width: 44px;}
.eshop_icon img{width:100%;}
.excel_icon {position: absolute;left: 58.2vw;top: 91vh;width: 38px;}
.excel_icon img{width:100%;}
.fb_icon {position: absolute;left: 85.4vw;top: 14vh;}
.gmail_icon {position: absolute;left: 64vw;top: 35vh;width: 40px;}
.gmail_icon img{width:100%;}
.mart_icon {position: absolute;left: 76vw;top: 64vh;width: 40px;}
.mart_icon img{width:100%;}
.commerce_icon {position: absolute;left: 60vw;top: 82.6vh;width: 50px;}
.commerce_icon img{width:100%;}
.chatbot_icon {position: absolute;left: 62vw;top: 63vh;width: 50px;}
.chatbot_icon img{width:100%;}
.jd_icon {position: absolute;left: 28.7vw;top: 26vh;width: 30px;}
.jd_icon img{width:100%;}
.landing_icon {position: absolute;left: 17.8vw;top: 62vh;width: 46px;}
.landing_icon img{width:100%;}
.mobile_icon {position: absolute;left: 20vw;top: 51vh;width: 44px;}
.mobile_icon img{width:100%;}
.messanger_icon {position: absolute;left: 55vw;top: 52vh;width: 40px;}
.messanger_icon img{width:100%;}
.ssmi_icon {position: absolute;left: 76.2vw;top: 35vh;width: 44px;}
.ssmi_icon img{width:100%;}
.tele_icon {position: absolute;left: 28vw;top: 31vh;width: 40px;}
.tele_icon img{width:100%;}
.ti_icon {position: absolute;left: 21vw;top: 72vh;}
.unified_icon {position: absolute;left: 78vw;top: 85vh;width: 50px;}
.unified_icon img{width:100%;}
.workflow_icon {position: absolute;left: 60vw;top: 74vh;width: 50px;}
.workflow_icon img{width:100%;} 
.ai_icon {position: absolute;left: 5vw;top: 35vh;width: 40px;}
.ai_icon img{width:100%;}

.quotation_icon{position: absolute; left: 40vw; top:74vh; width:50px;}
.quotation_icon img{width:100%;}

.clients-cont ul li { width: 100%; }
.time_icon {position: absolute;left: 70vw;top: 52vh; width: 50px;}
.time_icon img {width: 100%;}
.automation_icon{position: absolute; left: 2vw; top: 45vh; width:50px;}
.automation_icon img{width:100%;}
.salesgoal_icon{position: absolute; left: 38vw; top: 52vh; width:50px;}
.salesgoal_icon img{width:100%;} 
.fieldforce_icon {position: absolute;left: 33vw;top: 60vh;width: 40px;}
.fieldforce_icon img {width: 100%;} 
.pipeline_icon{position: absolute; left: 4vw; top: 72vh; width:50px;}
.pipeline_icon img{width:100%;}
.access_icon{position: absolute; left: 44vw; top: 63vh; width:50px;}
.access_icon img{width:100%;}
.medialibrary_icon {left: 25vw;top: 18vh;width: 50px;}
.medialibrary_icon img{width:100%;} 
.onlineMeeting_icon {left: 22vw;top: 38vh;width: 50px;}
.onlineMeeting_icon img{width:100%;}
.teamchat_icon {left: 48vw;top: 15vh;width: 50px;}
.teamchat_icon img{width:100%;} 
.toolplus{width: 20px;height: 20px; border-radius:50px;background:#a9aeb7; position:absolute; right:0px; top:0px;color: #fff;font-size: 14px;text-align: center;padding: 4px; cursor:pointer;transition: transform .3s;-webkit-transition: -webkit-transform .3s; z-index:9;} 
.toolplus:before{display: block;position: absolute;top: 50%;left: 50%;content: '';width: 22px;height: 22px;margin: -11px auto auto -11px;
-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 50%;background-color: inherit;opacity: 1;z-index: -1;
pointer-events: none;-webkit-animation: pulsate 3s cubic-bezier(.2,1,.2,1) infinite;animation: pulsate 3s cubic-bezier(.2,1,.2,1) infinite;}
.toolplus:hover aside{transform: rotate(90deg);-webkit-transform: rotate(90deg);transition: transform .3s;-webkit-transition: -webkit-transform .3s;
width:16px;height:16px;}
.toolplus aside{display: block;transition: transform .3s;-webkit-transition: -webkit-transform .3s;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);width: 20px;height: 20px;top: 4px;position:absolute;left: 5px;}
.toolplus aside:before {position: absolute;display: block;content: ' ';background-color: #fff;height: 2px;width: 10px;left: 10px;top: 13px;}
.toolplus:hover aside:before{height: 2px;width: 14px;left: 2px;top: 5px;}
.toolplus aside:after {position: absolute;display: block;content: ' ';background-color: #fff;height: 10px;width: 2px;left: 14px;top: 9px;}
.toolplus:hover aside:after{height: 14px;width: 2px;left: 8px;top: -1px;}
.img-hover-zoom--colorize img {transition: transform .3s, filter 0.5s ease-in-out;filter: grayscale(100%);width: 100%;}
.container-fluid {padding-right: 5px;padding-left: 5px;margin-right: auto;margin-left: auto;}
.container {padding-right: 5px;padding-left: 5px;margin-right: auto;margin-left: auto;}
.misscall-box {float: right;width: 220px;margin: 20px 0 0;padding: 0px;display: none;}
.misscall-box h4 {font-size: 16px;color: #122027;font-weight: 400;margin: 0px;padding: 0px;}
.header-logo {
    width: 130px;margin-left: 0 !important;left: 0 !important;
}
.header-right {
    width: 100%;
}
.topnav.responsive {
    position: relative;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;    
}
.header{ height: 50px;}
.topnav {
    /* background-color: #fff;min-height: 50px; */
    float: none;    
}
.topnav a {
    padding: 12px 16px;
}
.topnav a.icon {
    float: right;
    display: block;
    font-size: 18px;
}
.topnav a:first-child {
    visibility: visible;
	float:right;
}
.topnav a:not(:first-child) {
    display: none;
}
.header-logo-app .header-logo {
    margin-left: 0 !important;
}
.topnav a.icon {
    float: right;
    display: block;
    font-size: 18px;
}

.topnav.responsive {
    position: relative;background: #fff;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	border-bottom:1px solid #ccc;	
}
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
	border-bottom:0px solid #ccc;
}

.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 130px;
    background-color: #2f454c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 6px;
    position: absolute;
    z-index: 1;
    top: 150%;
    right: -20px;
    margin-left: 0px;
    font-size: 14px;
}
.tooltip .tooltiptext::after {
    content: ""; 
    left: 90%;
    margin-left: -24%; 
}

.tooltip .tooltiptext.left { 
    min-width: 150px;  
    padding: 5px 6px; 
    top: 150%;  
    font-size: 14px;
    right: auto;
	left:0px;
}
.tooltip .tooltiptext.left::after {
    content: "";
    left: 30%;
    margin-left: -24%;
}
.col-sm-5ths {
    width: 100%;
    float: left;
    padding:0 12%;
}
.col-md-5ths {
    width: 100%;
    float: left;
    padding:0 12%;
}
.footer_top h2 {font-size: 18px;}
.request-section .ourNumber h2 {
    font-size: 24px; 
    line-height: 32px;
}
.number-section .container .module-head {
    font-size: 19px; 
}
.number-section .container .ourNumber h4 { 
    margin: 10px 0 40px; 
}
.testi-section .owlbox h3 {font-size: 22px;}
.testi-section .owlbox h3::after {
    width: 300px;
    left: 0%;
    top: 120%;
}
.tesi_text{font-size:20px;}
.getintouch-section {
    padding: 0px 0 40px; 
}
.getintouch-section .container h3 {
    margin: 20px 0 15%;
    font-size:30px;
}
.getintouch-section .container h3::after {
    left: 15%;
    width: 260px;
}
.signup-inner {margin-left: 0%;float: left;padding: 0px 10px 30px;}
.signup-inner h3 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin: 10px 0 0%;
}
.whatsapp-section {
    width: 100%;
    padding: 10px 0 0;
    margin: 0% 0 0;
    background: rgb(5 118 99) url(../images/whatsapp-bg.png) 70px 0px no-repeat;
    overflow-x: hidden;
    min-height: 400px;
    background-size: 100%;
}
.whatsapp-section .whatsapp-inner {
    margin-left: 0%;
    float: left;
    padding: 0px 0px 50px;
    width: 100%;
    margin-top: 40%;
}
.whatsapp-section .whatsapp-inner p.there-cont {
     margin: 0px 0 21px;
    padding: 0;
    line-height: normal;
    text-align: center;
    font-size: 28px; 
}
.whatsapp-section .whatsapp-inner h3 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin: 10px 0 0%;
}
.btngetintouch {
    background: #fff;
    min-width: 200px;
    max-width: 270px;
    text-align: center;
    color: #1c3e52;
    padding: 6px;
    margin: 40px 16% 0;
    border-radius: 40px;
    display: block;
    font-size: 22px;
}
.downloadbtn {
    background: #004053;
    color: #fff;
    padding: 15px 30px;
    margin: 8% 4%;
    text-align: center;
    min-width: 260px;
    display: inline-block;
    border-radius: 6px;
    font-size: 16px;
}
.image-cont{width:100% !important;}
.chatbotbtn{margin:8% 4%;}
.ft-bg {
    z-index: 1;
    background-position: 0% 0px;
    background-size: 100%;
    margin-top: 0px; 
    position: relative;
}
.footer_top {
    padding: 15px 20px 40px !important;
    position: relative;
    top: 50px;
    background: #004053;
}
.youtube {right: 50px;top: -75px;width: 20px;}

}

@media(max-width:412px){.youtube {right: 50px;top: -5px;width: 30px;}}
@media(max-width:360px){.youtube {right: 40px;top: -10px;width: 35px;}}
/*============================Second Page Css End Here=================================*/

