/* CSS Document */

html {scroll-behavior: smooth;} 
body{ font-family: 'Open Sans', sans-serif; }
#loader {border: 12px solid #fff; border-radius: 50%; border-top: 12px solid #0092dd;border-bottom: 12px solid #0092dd;border-left: 12px solid #183884;border-right: 12px solid #183884;width: 70px;height: 70px;animation: spin 1s linear infinite; } 		
@keyframes spin { 100% { transform: rotate(360deg); } } 
.center { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:9999;margin: auto;} 
#loade-box{ width: 100%;height: 100%;background:rgba(159, 159, 159, 0.5);display: block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999; margin: auto; }
/*****Scroll-bar design*****/
::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 5px;}
::-webkit-scrollbar{	width: 15px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 50px;height: 5px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44, rgb(0,141,221)),color-stop(0.72, rgb(24,56,132)),color-stop(0.86, rgb(24,56,132)));}

/************Animation Sliding********************/
@media (min-width:992px){
.row{ overflow:hidden; padding:15px; }
.animatable {visibility: hidden;animation-play-state: paused;  }
/*-animatable {animation-play-state: paused; }*/
.animated {visibility: visible; animation-fill-mode: both; animation-duration: 1s; animation-play-state: running;}
.animated.bounceInLeft1 {animation-name: bounceInLeft1;animation-duration: 3s;}
@keyframes bounceInLeft1 { 0% {opacity: 0 ; transform: translateX(-2000px);}50% {transform: translateX(20px);}70% {opacity: 1;transform: translateX(-5px);}100% {opacity: 1;transform: translateX(0);}}

.animated.bounceInLeft2 {animation-name: bounceInLeft2;animation-duration: 2s;}
@keyframes bounceInLeft2 {0% {opacity: 0;transform: translateX(-2000px);}50% {transform: translateX(20px);}70% {opacity: 1;transform: translateX(-5px);}100% {opacity: 1;transform: translateX(0);}}

.animated.bounceInLeft3 {animation-name: bounceInLeft3;animation-duration: 1.5s;}
@keyframes bounceInLeft3 {0% {opacity: 0;transform: translateX(-2000px);}50% {transform: translateX(20px);}70% {opacity: 1;transform: translateX(-5px);}100% {opacity: 1;transform: translateX(0);}}

.animated.bounceInRight1 {animation-name: bounceInRight1;animation-duration: 1.5s;}
@keyframes bounceInRight1 {0% {opacity: 0;transform: translateX(2000px);}50% {transform: translateX(20px);}70% {opacity: 1;transform: translateX(5px);}100% {opacity: 1;transform: translateX(0);}}

.animated.bounceInRight2 {animation-name: bounceInRight2;animation-duration: 2s;}
@keyframes bounceInRight2 {0% {opacity: 0;transform: translateX(2000px);}50% {transform: translateX(20px);}70% {opacity: 1;transform: translateX(5px);}100% {opacity: 1;transform: translateX(0);}}

.animated.bounceInRight3 {animation-name: bounceInRight3;animation-duration: 3s;}
@keyframes bounceInRight3 {0% {opacity: 0;transform: translateX(2000px);}50% {transform: translateX(20px);}70% {opacity: 1;transform: translateX(5px);}100% {opacity: 1;transform: translateX(0);}}

}

/************End Animation Sliding********************/

/*******bottom-to-top-button********/
#myBtn {display: none;position: fixed;bottom: 20px;right: 15px;z-index: 99;font-size: 18px;border: none;outline: none;background-color:#183884;color: #fff;cursor: pointer;padding: 15px;border-radius: 4px;}
#myBtn:hover {background-color: #0093dd;}


::selection{background:#0092dd; color:#fff; }
*,p,ul.h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
a:hover{ text-decoration:none;}
#navigation {height: auto;display: flex;align-items: center; background: #fff0; position: absolute;width: 100%; top: 0;z-index: 9999;padding: 20px 0; }
#navigation.fixed{ height:auto;padding:0px; }
.logo{float: left;}
#navigation.fixed .logo img{}
.logo a,.footer-logo a{ font-size: 30px;color: #fff; padding: 12px 0; }
.brand a,
.brand a:visited {color: #ffffff;text-decoration: none;}
.nav-container {max-width: 1140px;margin: 0 auto;}
nav {float: right;display:flex; position:relative;}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {float: left;position: relative;}
nav ul li a,
nav ul li a:visited {font-size:14px;display: block;color: #fff;text-decoration: none;padding: 10px 20px;}

nav ul li a:hover{ color:#fff; font-weight:900; }
nav ul li a i{ vertical-align:bottom; }
nav ul li a:hover{  }
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {padding-left: 4px;}
nav ul li ul li {min-width: 210px;}
nav ul li ul li a {padding: 15px;line-height: 20px;}
.nav-dropdown {position: absolute;display: none;z-index: 999;top:73px;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); background:#fff; padding:10px;}
.nav-dropdown li a{ color:#000!important; }
/* Mobile navigation */
.nav-mobile {display: none;position: absolute;top: 0px;right: 35px;background: #262626;}
#nav-toggle {position: absolute;top: -50px;cursor: pointer;padding: 13px 0px 0px 0px;background: none;}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 5px;width: 35px;background: #000;position: absolute;display: block;content: "";transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}
.search-box{padding:10px 0px; display:flex;}
.search-box .SrchBtn{ color:#000; }
#srch-box{ display:none; }
#srch-box input{color:#fff; padding: 3px 10px; border: none;border-bottom: 1px solid #fff; background: none; }
#srch-box input:focus{ outline:none; }
.nav-list .menu{ position:relative;overflow:hidden; padding:25px 20px;font-weight:600; }
.nav-list .menu:hover{ font-weight:900; }
.nav-list .menu:after{content: '';background:#fff;display: block;height: 3px;width: 100%; position: absolute;bottom: 0px;left:-100%;}
.nav-list .menu:hover:after{ left:0px; transition:0.5s all ease-in-out; }	
.nav-dropdown li a{ font-size:14px; padding:10px 15px;; }
.header-top { background:#183884; }
.header-top .social-icon a{ color:#fff; padding:0 10px; display:inline-block; }
.header-top .social-icon a:hover{ color:#0092dd; }
.header-top .address span,.header-top .address span a{ color:#fff; padding:0 5px; display:inline-block;}
.header-top .address{ display:flex; justify-content: space-between;}
#slider{ overflow:hidden;}
#slider .content{ overflow:hidden;     background-image: url(../images/background-image-1.jpg); background-size: cover;  height:690px; }
.main-content{ background:url(../images/bg-overlay-home1.png); background-position: center center;background-repeat: no-repeat;opacity: 1;transition: background .3s,border-radius .3s,opacity .3s;height: 100%;width: 100%; }
.slider-img{width: 50%; margin: auto;position: absolute;top: 400px;right: 0; left: 0;z-index: 1;}
.slider-img img{width: 100%; }
.main-content { color:#fff; position:relative;}
.main-content h1{ font-size: 60px;font-weight: 900; }
.main-content p{ color:#0093dd; font-weight:900; }
.main-content h1 span{ color:#0093dd; }
.content-box{ color:#fff; color: #fff;}
#slider{position:relative; }
.slider-content{position: relative;z-index: 888;}
.slider-text{ padding-top: 150px; }
.slider-text .LeftSide h2{ color: #fff;font-size: 54px;font-weight: 600;padding-top: 70px; }
.fixed {position: fixed!important;top: 0;width: 100%;z-index: 9999; background-image: linear-gradient(80deg,#0090dc 0%,#183884 100%)!important;}
.ani1{ background: #183884;border-radius: 50px;width: 5px; height: 5px; position:absolute;top:10px; left:50px; animation: animation-1 100s linear infinite;}
.ani2{  background: #183884;border-radius: 50px;width: 8px; height: 8px;position:absolute;top:10px; left:500px; animation: animation-1 60s linear infinite;}
.ani4{  background: #0093dd;border-radius: 50px;width: 5px; height: 5px; position:absolute; top:10px; right:50px; animation: animation-2 100s linear infinite;}
.ani5{  background: #0093dd;border-radius: 50px;width: 8px; height: 8px; position:absolute; top:10px; right:500px; animation: animation-2 60s linear infinite;}
.ani6{  background: #183884; border-radius: 50px; width: 8px;height: 8px;position: absolute;top: 500px;left: 10px; animation: animation-3 50s linear infinite;}
.ani7{  background: #183884;border-radius: 50px;width: 8px; height: 8px;position: absolute;top: 550px;left: 30px; animation: animation-3 100s linear infinite; }
.ani8{  background: #0093dd;border-radius: 50px;width: 8px; height: 8px; position: absolute;top: 550px;right: 30px; animation: animation-4 100s linear infinite; }
.ani9{  background: #0093dd;border-radius: 50px;width: 8px; height: 8px;  position: absolute;top: 500px;right: 10px; animation: animation-4 50s linear infinite;}
.ani10{  background:#0093dd;border-radius: 50px;width: 5px; height: 5px;  position: absolute;top: 500px;right: 500px; animation: animation-4 200s linear infinite;}
.ani11{  background: #183884;border-radius: 50px;width: 5px; height: 5px;  position: absolute;top: 500px;left: 500px; animation: animation-5 200s linear infinite;}
@keyframes animation-1{ 
0%{ top:300px; } 
0%{ top:100px; }
10%{ top:50px; }
20%{ top:100px; }
30%{ top:40px; left:200px; }40%{ top:300px; }50%{ top:100px; }
60%{ top:400px; left:400px;}
80%{ top:20px; left:200px; }
90%{ top:100px;  left:100px;}
100%{ top:20px; left:50px; }

}
@keyframes animation-2{ 
0%{ top:300px; } 
0%{ top:100px; }
10%{ top:50px; }
20%{ top:100px; }
30%{ top:40px; right:200px; }40%{ top:300px; }50%{ top:100px; }
60%{ top:400px;right:400px;}
80%{ top:20px; right:200px; }
90%{ top:100px; right:100px;}
100%{ top:20px;right:50px; }

}
@keyframes animation-3{ 


10%{ top:300px; left:20px;}
20%{ top:500px; left:100px;}
30%{ top:200px;left:200px; }40%{ top:300px;left:100px;}50%{ top:400px; left:50px; }
60%{ top:500px; left:100px; }
80%{ top:600px; left:150px; }
90%{ top:200px;  left:200px;}
100%{ top:300px; left:0px; }

}
@keyframes animation-4{ 


10%{ top:300px; right:20px;}
20%{ top:500px; right:100px;}
30%{ top:200px;right:200px; }40%{ top:300px;right:100px;}50%{ top:400px; right:50px; }
60%{ top:500px; right:100px; }
80%{ top:600px; right:150px; }
90%{ top:200px;  right:200px;}
100%{ top:300px; right:0px; }

}
@keyframes animation-5{ 


10%{ top:300px; left:20px;}
20%{ top:500px; left:100px;}
30%{ top:200px;left:200px; }40%{ top:300px;right:100px;}50%{ top:400px; right:50px; }
60%{ top:500px; left:100px; }
80%{ top:600px; left:150px; }
90%{ top:200px; left:200px;}
100%{ top:300px; left:0px; }

}
@keyframes animation-6{ 
0%{ transform:scale(1); }
50%{  transform:scale(1.5); }
100%{  transform:scale(1); }

}

/*******************End Slider************************/

hgroup h2{color: #0090dc;margin-bottom: 20px;position: relative;padding: 0 0 0 20px; font-size:18px; font-weight:600; }
hgroup h2:after{ content: ''; background: #0090dc;width: 8px;height: 8px;position: absolute;left: 0;top: 8px;border-radius: 50px; }

/*******************SEO Section************************/
#SeoSection,.AppRevolution{overflow:hidden; margin:100px 0px; background:url(../images/shape-process-1.png);background-position: center right; background-repeat: no-repeat; position:relative;}

#SeoSection:after,.AppRevolution:before{ content: '';height: 100%;width: 100%;background: url(../images/band.png);display: block;position: absolute;top: 0;background-position: 32% 180px;background-repeat: no-repeat;}
#SeoSection .SeoContentBox { padding:70px 50px; }
#contact-us .ContactRight h1,#SeoSection .SeoContentBox h1,#OurService .OurSerContentBox h1, hgroup h1{ font-weight: 600;font-size: 32px;color: #183884;}
#SeoSection .SeoContentBox .Sec_Par,#OurService .OurSerContentBox .Sec_Par{ margin: 25px 0;color: #000;font-weight: 300;line-height: 30px;font-size: 18px; }
#SeoSection .SeoContentBox .Thi_Par{ color: #3f3f3f; line-height: 28px;  font-size:14px;}
#SeoSection .SeoContentBox a,#OurService .OurSerContentBox a{font-size:16px;margin-top: 1rem;padding: 10px 20px;display: inline-block;color: #fff;position: relative;border-radius: 50px;background-image: linear-gradient(to right, #183884, #0093dd);z-index: 1;overflow: hidden; }
#SeoSection .SeoContentBox a:after,#OurService .OurSerContentBox a:after{ content:'';content: '';height: 100%;width: 100%;background-image: linear-gradient(to right, #0093dd ,#183884);display: block;position: absolute;top: 0;left: -100%;z-index: -1;border-radius: 50px;transition:0.5s all ease-in-out; }
#SeoSection .SeoContentBox a:hover:after,#OurService .OurSerContentBox a:hover:after{  left:0px;}
#SeoSection .SeoContentBox a i,#OurService .OurSerContentBox a i{ background: #fff;
    color: #0093dd;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-left: 15px; }
/******************* End SEO Section************************/
#OurService{ padding:80px 0; background:#f1f1f1;  margin-bottom:100px; position:relative;}
#OurService:before{ content:"";  background:url(../images/shape-team-1.png);display:inline-block;position: absolute;top: 0;background-position: 0% 180px;background-repeat: no-repeat;width:100%; height:100%; }
.OurSerContentBox{ padding:14px; }
.our-card .OurIcon{ height: 70px;width: 70px;color: #fff;background-image: linear-gradient(to right, #183884, #0093dd);border-radius: 50px;text-align: center;line-height: 65px;font-size: 30px; box-shadow: 8px 8px 20px 0px rgba(0,147,221,.5); }
.our-card .OurIcon img{ width:65%; padding:5px; }
#OurService .OurIcon{ text-align:center; }
.OurContent h5 a,.WhoWeAre .OurContent h5{ text-decoration:none; color:#000; font-weight:600; font-size:17px; }
.OurContent p{  color:#3f3f3f; padding:15px 0; line-height:24px; font-size:14px; padding-bottom:0px;}
.our-card:hover{border-radius:20px;  background-image: linear-gradient(to right, #183884, #0093dd);  box-shadow: 0 0 15px 0 #183884;}
.our-card{cursor: default;  }
.our-card:hover .OurIcon { background:#fff; color:#0093dd; box-shadow: 8px 8px 20px 0px rgba(255,255,255,.5);}
.our-card:hover .OurContent h5 a,.our-card:hover .OurContent p,.WhoWeAre .our-card:hover .OurContent h5{ color:#fff; }
.our-card:hover .OurIcon img{ filter: invert(1); }
.OurSerContentBox3{ padding:60px 0px;}
/******************* End our services************************/

#packeges{ margin-bottom:100px; background:url(../images/shape-team-1.png);background-position: 0 350px;background-repeat: no-repeat;}
 hgroup h2{padding: 0 20px 0 20px;display: inline-block;  }
 hgroup h2:before{ content: ''; background:#0090dc;width: 8px;height: 8px;position: absolute;right: 0;top: 8px;border-radius: 50px; }
 hgroup p{ color:#3f3f3f; line-height:24px; font-size:16px; width:50%; margin:auto; }
#packeges hgroup,.webDesigning-Section hgroup{ text-align:center; }
#packeges .card-conent{ text-align:center; padding:30px; background:#fff;box-shadow: 0 0 7px 0 #0090dc; background:url(../images/top-price1-1.png);background-position: top center;background-repeat: no-repeat; position:relative; margin-top:50px; border-radius:20px;} 
#packeges .card-conent:hover{ box-shadow: 0 0 15px 0 #183884; }
#packeges .card-conent ul{ border-top:1px solid #999; padding-top:30px; }
#packeges .card-conent ul li{ list-style:none;color: #3f3f3f; padding:10px 0px; border-bottom:1px solid #ccc;}
#packeges .card-price{ margin:30px 0px; }
#packeges .card-price h2{ color:#0093dd; }
#packeges .card-price p{color: #3f3f3f; font-size:12px; }
#packeges .card-badge{ position:absolute; top:20px; left:0px; }
#packeges .card-badge span{ background: #0093dd;color: #fff;display: inline-block;padding: 6px 34px;font-size: 14px;font-weight: 700; border-radius:0 50px 50px 0px; }
#packeges .card-button a{font-size:16px;padding: 10px 20px;display: inline-block;color: #fff;position: relative;border-radius: 50px;background:#0093dd;z-index: 1;overflow: hidden;}
#packeges .card-button a:after{content: '';height: 100%;width: 100%;background:rgba( 255,255,255,0.2 );display: block;position: absolute;top: 0;left: -100%;z-index: -1;border-radius: 50px;transition: 0.2s all ease-in-out;}
#packeges .card-button a:hover:after{ left:0px; }
#packeges .card-button{ position:absolute;left:0;right:0; }
#packeges .card-button a i{background: #fff;color: #0093dd;border-radius: 50px;height: 30px;width: 30px;text-align: center;line-height: 30px;margin-left: 15px;}	
#packeges .card-conent.conten2 .card-badge span,#packeges .card-conent.conten2 .card-button a{ background:#183884; }
#packeges .card-conent.conten2 .card-price h2,#packeges .card-conent.conten2 .card-button a i{ color:#183884; }
#packeges .card-conent.conten3 .card-badge span,#packeges .card-conent.conten3 .card-button a{ background:#fe4c1c; }
#packeges .card-conent.conten3 .card-price h2,#packeges .card-conent.conten3 .card-button a i{ color:#fe4c1c; }
/******************* End packeges************************/

#footer{padding:80px 0px 20px 0;background: url(../images/footer-shaep.png) no-repeat;background-size: cover;padding: 80px 0px 30px 0; }
#footer .footer-content h2{ color: #fff;font-size: 22px; margin-top:35px;}
#footer .footer-content .footer-logo img{ }
#footer .footer-content .address p{ color: #fff;font-size: 16px;margin: 20px 0px; line-height:24px;}
.footer-social-icon a{ background: #fff;border-radius: 50%;height: 30px;width: 30px;display: inline-block;text-align: center;line-height: 30px; margin-right:10px; }
.footer-social-icon a .fa-whatsapp{ color:#4fce5d; }
.footer-social-icon a .fa-facebook-f{ color:#3b5998; }
.footer-social-icon a .fa-twitter{ color:#00acee; }
.footer-social-icon a .fa-instagram{ color:#F77737; }
.footer-social-icon a .fa-linkedin-in{ color:#0e76a8; }
.footer-social-icon a:hover{ transform: scale(1.2); }
#footer .footer-content .listing ul{ margin-top:10px; margin-bottom:0px;}
#footer .footer-content .listing ul li{ list-style:none;color:#dbdbdb; padding:5px 0px;}
#footer .footer-content .listing ul li span{ font-weight:700;color:#fff; }
#footer .footer-content .listing ul li a{ color:#dbdbdb;}
#footer .footer-content .listing ul li a:hover{ color:#fff; font-weight:700; }
.footer-bottom{     padding-top: 20px;text-align: center;margin-top: 0px;border-top: 2px solid #ffffff;}
.footer-bottom p{ color:#dbdbdb;font-size:14px; }
/******************* End footer************************/

/************inner pages******************/

/**************Web DevelopMent********************/
#Services-inner #footer{ margin-top:100px; }
#Services-inner #slider .content{ height: auto;padding: 130px 0 60px 0; animation: animation-45 50s linear infinite;}
#Services-inner .main-content h1{ font-size:50px;top:35%; }
#Services-inner .content-box{  }
#Services-inner .inner-content{ margin-top:60px; }
#Services-inner .inner-content .card-course{ text-align:center; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); padding:40px 30px; height:440px; margin-bottom:30px;}
#Services-inner .inner-content .card-course .course-content h2{font-size: 18px;color: #183884;font-weight: 600;margin: 20px 0px;  }
#Services-inner .inner-content .card-course .course-content p{ font-size: 14px;line-height: 25px; color:#3f3f3f; }
#contact-us .ContactRight button,#Services-inner .inner-content .card-course .course-content a,#model-get-form button.get-btn{ border:none;font-size: 16px;margin-top: 30px;padding: 10px 30px;display: inline-block;color: #fff;position: relative;border-radius: 0px;background-image: linear-gradient(to right, #183884, #0093dd);z-index: 1;overflow: hidden; border-radius:50px; outline:none;}
#contact-us .ContactRight button:after,#Services-inner .inner-content .card-course .course-content a:after,.ArrRevContent button.get-btn:after,#model-get-form button.get-btn:after{ content: '';height: 100%;width: 100%;background-image: linear-gradient(to right, #0093dd ,#183884);display: block;position: absolute;top: 0;left: -100%;z-index: -1;border-radius: 0px;transition: 0.3s all ease-in-out; }
#contact-us .ContactRight button:hover:after,#Services-inner .inner-content .card-course .course-content a:hover:after,.ArrRevContent button.get-btn:hover:after,#model-get-form button.get-btn:hover:after{ left:0px; }

.AppRevolution{ margin:60px; }
.ArrRevContent{ padding:0 60px; } 
.ArrRevContent h2{ font-size: 32px;line-height: 45px; color: #183884;font-weight: 600;}
.ArrRevContent span{ font-style: italic;margin: 20px 0px;display: block;font-size: 16px;color: #3f3f3f;  }
.ArrRevContent p{ font-size: 22px;color: #3f3f3f; }
.ArrRevContent ul{ margin-top:15px; }
.ArrRevContent ul li{ list-style:none;color: #3f3f3f;padding: 5px 0px; position:relative;padding-left:35px;}
.ArrRevContent ul li i{ color:#0093dd;color: #0093dd;transform: rotate(90deg);font-size: 22px;position: absolute;left: 0; }
#model-get-form .model-get button.close,.PlanModal button.close{ border: 2px solid #fff; box-shadow: 0 0 20px 0 rgba(0,0,0);background: #000;opacity: 1;height: 40px;width: 40px;border-radius: 50px;position: relative;top: -13px;right: -16px; }
#model-get-form .model-get span,.PlanModal button span{outline:none; font-size: 25px;color: #fff;margin: 0;position: absolute;top: 4px;;left: 0;right: 0px;font-style: unset; }
#model-get-form .model-get button.close:not(:disabled):not(.disabled):focus, .model-get button.close:not(:disabled):not(.disabled):hover 
.PlanModal button.close:not(:disabled):not(.disabled):focus,button.close:not(:disabled):not(.disabled):hover { opacity:1;outline:none; }
#model-get-form .model-get input{ width: 100%;padding: 10px;font-size: 14px;margin-bottom: 15px;border-radius: 5px;border:1px solid #183884;}
#model-get-form .model-get input:focus{ outline:none; }

.plann-growth .icon{ background-image: linear-gradient(to right, #183884, #0093dd);width: 70px;height: 70px;border-radius: 50px;text-align: center;line-height: 65px;  }
.plann-growth .icon img{ width:50%;}
.plan-content h5{margin: 20px 0;font-size: 20px;color: #183884;font-weight: 600;}
.plan-content p{ font-size: 16px;line-height: 30px; }

.BusinessAnalysis{ margin-top:80px; }
.BusinessAnalysis .BusinessAnalysisTop{padding:0 50px; }
.BusinessAnalysis .BusinessAnalysisTop h4{ text-align:right;font-weight: 600;font-size: 25px; color:#183884;}
.BusinessAnalysis .BusinessAnalysisTop p{ line-height:30px; color:#3f3f3f; }
.BusinessAnalysisBottom{ margin-top:50px; }
.BusinessAnalysisBottom .BusinessAnalysisBottomContent .content .img{text-align:right; padding:0 20px;   }
.BusinessAnalysisBottom .BusinessAnalysisBottomContent .content .img img{ width: 35%; }
.BusinessAnalysisBottom .BusinessAnalysisBottomContent .content h4{ color: #183884;margin: 15px 0; font-weight:600;font-size:20px; }
.BusinessAnalysisBottom .BusinessAnalysisBottomContent .content{ padding: 20px;margin: 0px;box-shadow: 0 0 7px 0 #0090dc; border-radius: 30px; }
.BusinessAnalysisBottom .BusinessAnalysisBottomContent .content:hover{ box-shadow: 0 0 15px 0 #183884; }
.BusinessAnalysisBottom .BusinessAnalysisBottomContent .content p{ color:#3f3f3f;font-size:14px; line-height:30px;}
#Services-inner .main-content p{ width: 50%;margin: auto;color: #fff; }
.AppRevolution .ArrRevContent .innerInnerpagep{ font-size: 16px;color: #3f3f3f;line-height: 30px;margin-top: 10px;margin-bottom: 10px;text-align: justify;}
.webDesigning-Section{ margin-bottom:20px; }
#Services-innerInner .inner-content .card-course{ height:auto;box-shadow:none; }
#staticBackdrop .modal-dialog,.PlanModal .modal-dialog{ max-width:650px; margin:auto; }
#staticBackdrop .modal-content,.PlanModal .modal-content{ top:100px;border-radius: inherit; } 

.modal-header .modal-title{ font-weight:700; }
.innerInnerpagepMobileDevelopMent ul li{ padding: 2px 0; font-size:13px;}
.innerInnerpagepMobileDevelopMent ul{ margin:0; }
.innerInnerpagepMobileDevelopMent h5 ,.innerInnerpagepMobileDevelopMent h6{ font-weight:700; color:#3f3f3f; }
.innerInnerpagepMobileDevelopMent h5{ margin-top:10px; }

#contact-us{ margin-top:60px; }
#contact-us .contact{ padding:20px 0; }
#contact-us .contact .ContactLeft{ padding:40px 20px;  background-image: linear-gradient(80deg,#183884 0%,#0090dc 100%); border-radius: 10px;box-shadow: 0 0 20px 0 #0090dc;}
#contact-us .contact .ContactRight{  padding:80px 0px;text-align: center; }
#contact-us h1{ color:#fff; font-size:32px; margin:0px;}
#contact-us .contact .ContactLeft p{ color:#fff;font-size:14px; margin:20px 0px; }
#contact-us .contact .ContactLeft ul li{ list-style:none;padding: 20px 0 20px 50px;
    position: relative; }
#contact-us .contact .ContactLeft ul li img{ width:6%;position: absolute;
    left: 0; }
#contact-us .contact .ContactLeft ul li h4{ color:#fff;font-weight:900; font-size:18px; }
#contact-us .contact .ContactLeft ul li h4 span,#contact-us .contact .ContactLeft ul li h4 span a{ display:block; font-weight:300;color:#b5d9ff; margin-top:5px; }
#contact-us .ContactRight input,#contact-us .ContactRight textarea{ width: 100%;padding: 10px;font-size: 14px;margin-bottom: 15px;border-radius: 5px;border: 1px solid #183884; outline:none;}
.google-map{margin-top:50px;margin-bottom: 0px; }
#contact-us .ContactRight form{  margin-top:30px; }
#contact-us .ContactRight button{ margin-top:0px; float:right;}


#Services-inner .inner-content .card-course  .img-box img{ width:25%; margin:auto; }
.SeoDesing .card-course .course-content,.SeoDesing .card-course .img-box { text-align:left; }
.MarketingTopSection{ margin-bottom:100px; }
.MarketingTopSection .seo-design .Contentsection img{ width:25%; }
.MarketingTopSection .seo-design .Contentsection{ text-align: center;padding: 20px;box-shadow: 0 0 7px 0 #0093dd;border-radius: 30px; margin-top:25px; height:160px; }
.MarketingTopSection .seo-design .Contentsection:hover{ box-shadow: 0 0 15px 0 #183884; }
.MarketingTopSection .seo-design .Contentsection h5{font-size: 18px;color: #183884;font-weight: 600;margin: 20px 0px;}
.webDesigning-Section.social-media-marketing .ArrRevImg{ box-shadow:none; }
.webDesigning-Section.social-media-marketing .ArrRevContent{ padding:10px; }
.webDesigning-Section.social-media-marketing .ArrRevContent .social-media {margin:20px 0px; padding: 15px;box-shadow: 0 0 7px 0 #0090dc;border-radius: 30px;text-align: center; }
.webDesigning-Section.social-media-marketing .ArrRevContent .social-media:hover{ box-shadow: 0 0 20px 0 #183884; }
.AppRevolution.AppRevolutionSocial-media:after{ height:auto; width:auto; }
.webDesigning-Section.social-media-marketing .ArrRevContent .social-media h2{ font-size: 22px; }
.webDesigning-Section.social-media-marketing .ArrRevContent .social-media p{ font-size:16px; }
#Services-inner .inner-content .card-course .social-mediaLinks .img-box img{ width:100%; }
#Services-inner .inner-content .card-course .social-mediaLinks .img-box { position:relative; }
#Services-inner .inner-content .card-course .social-mediaLinks .img-box  h2{ color: #183884;font-weight: 600;font-size: 25px;position: absolute;top: 50px;left: 0;right: 0;text-align: center; }
#Services-inner .inner-content .card-course .social-mediaLinks h3{text-align: left;font-size: 22px;color: #183884;font-weight:700; }
#Services-inner .inner-content .card-course .social-mediaLinks  p{color: #3f3f3f;text-align: left;margin-top: 10px;font-size: 14px;line-height: 25px;}
.AppRevolution.AppRevolutionSocial-media{ margin:0px!important; }
.social-media-plan{ margin-top:100px;}
.AppRevolution.AppRevolutionSocial-media .MarketingTopSection{ margin:0px!important;}
.social-media-plan .packeges-card .row,#packeges .row{ overflow:visible; }
.social-media-plan #packeges { margin:0px!important; }
.social-media-plays .AppRevolution{ margin:0px; margin-top:60px; }
.social-media-plan #packeges .packeges-card .card-conent .card-img{ margin-top: 30px; }
.social-media-plan #packeges .packeges-card .card-conent .card-img img{ width:28%; }
.social-media-plan #packeges .card-conent ul li{ font-size:14px;padding: 10px 0;border-bottom: 1px solid #ccc; }
.social-media-plan #packeges .card-badge span{ font-size: 16px; }
#leadGenration .AppRevolution .ArrRevContent .plann-growth .icon img{ margin-top:15px; }
.plann-growth  
#leadGenration .AppRevolution{ margin:0px!important; }
.lead-generation-solutions .card-course{padding: 20px!important;margin: 0px!important;box-shadow: 0 0 7px 0 #0090dc!important; border-radius: 30px;}
.lead-generation-solutions .card-course:hover{  box-shadow: 0 0 15px 0 #183884!important; }
.lead-generation-solutions hgroup h1{ width:70%; margin:auto; }
.lead-generation-solutions,.generationPromising{ margin-top:80px;padding: 80px 0px;background: #f1f1f1; }

.aboutUsSection .WhoWeAre{ margin-top:60px; }
.aboutUsSection .WhoWeAre h1{ font-weight: 600;font-size: 32px;color: #183884; text-align:center; margin-bottom:20px;}
.aboutUsSection .WhoWeAre p{ line-height: 24px;font-size: 14px; color:#3f3f3f; }

.VideoProcessing{ background: #f1f1f1; padding: 80px 0; }
.VideoProcessing hgroup{ text-align:center; }
.VideoProcessContent{ margin-top:20px; }
.VideoProcessContent h3{ color: #183884;font-weight: 800;font-size: 22px;padding-left: 22px;}
.VideoProcessContent ul{ margin-top:15px; }
.VideoProcessContent ul li{     list-style: none; position: relative;padding: 10px 0 0 25px;}
.VideoProcessContent ul li i{ color: #018dd9; position: absolute;left: 0;top: 15px;font-size:7px; }
.directionProcess{ margin-top: 50px; }
.directionProcess img{    display: block;width: 70%;margin: auto;}
.container.AboutUS{ padding:60px 0px; }
#SeoSection{ margin:60px 0px; }
.MapImage{ margin-bottom:60px; }
.MapImage img{ width:100%; }
.MapImage hgroup h1{ text-align:center;margin-bottom: 35px!important; }
.email-img{     width: 50%!important;margin-left: 42px; }
.testimonial hgroup h1{ text-align:center; }
.testimonials-owl{ padding-top:20px; }
.testimonialsImg{margin-bottom: 20px;}
.testimonialsImg img{ height: 120px!important;width: 120px!important;margin: auto;border-radius: 50%; }
.testimonialContent p{     text-align: justify;text-align-last: center; }
.testimonialsImg h6{    text-align: center;margin-top: 20px;font-size: 20px;color: #173a86;font-weight: 600;}
.testimonial{ background: #f1f1f1;padding: 50px 0;margin-bottom:60px; }
.testimonials-owl {     width: 70%;margin: auto;}
.testimonialBox{ background: #fff;padding: 40px; border-radius: 20px; }
.testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background: #144692;}
.testimonial .owl-theme .owl-dots .owl-dot span{ border-radius: unset; background: #b7b7b7; }