/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html,body{
width:100%;
overflow-x:hidden;
margin:0px;
}


body {
   /* font-family: "Open Sans", sans-serif;*/
    color: #444444;
    font-family: "Raleway-Bold";
}

body::-webkit-scrollbar{
    display: none;
  }

  section::-webkit-scrollbar{
    display: none;
  }
  
a {
    color:#FFF;
    text-decoration: none;
}

a:hover {
    color: #813E98;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
/*    font-family: ;
*/
    font-family: 'Fira Sans';
}

p{
   font-family: "Raleway-Bold"; 
font-size: 20px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 43px;
    bottom: 77px;
    z-index: 996;
    background: #20ccdd;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
    overflow-x:hidden;

}

.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
}

.back-to-top:hover {
    background: #fc7c1f;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}


/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}



#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 5px;
  background: #fff;
  height: 87px;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(40, 58, 90, 0.9);
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 78px;
margin: -12px 141px 0px -98px;
}
@media (max-width: 492px) {
  
  #header .logo img {
  max-height: 78px;
  margin: -12px 141px 0px 0px;

    }

#header {
  height: 71px
 }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 13px;
  font-size: 18px;
  font-weight: 500;
  color:black;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
  margin: 15px 0px 0px 0px;
  text-decoration: none;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #47b2e4;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #20ccdd;
  font-size: 16px;
  border: 2px solid #47b2e4;
  font-weight: 600;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #31a9e1;
}
.navbar .getstarted  a:hover,
.navbar .getstarted a:focus:hover {
  color: #fff;
/*  background: #31a9e1;
*/}
 
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 2px 20px;
  font-size: 18px;
  text-transform: none;
  font-weight: 500;
  color: black;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
/*.navbar .getstarted  a:hover,*/
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #47b2e4;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: black;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #6980F0;
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #37517e;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #47b2e4;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
  color: #37517e;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #47b2e4;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
#header {
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    top: 20px;
    overflow-x:hidden;
    

}

#header .header-container {
    background: #00000069;
    margin: 73px 0px 0px 239px;
    padding: 1px 0px 3px 0px;
    position: fixed;
}

.fixed-top {
    position: fixed;
    top: 32px;
    right: 2px;
    z-index: 1030;
}

#header.header-scrolled {
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    top: -18px;
}

#header .logo {
    overflow: hidden;
    padding: 16px 30px 12px 30px;
}

#header .logo h1 a,
#header .logo h1 a:hover {
    color: #fff;
    text-decoration: none;
}

#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 40px;
}

#header .logo-image {
    position: fixed;
    border-radius: 60%;
    overflow: visible;
    margin: 3px 0px 0px -293px;
    padding: 3px 0px 0px 87px;
}

#header .d-none {
    width: 33%;
}

@media (max-width: 457px) {
    #header .logo-image {
        border-radius: 60%;
        overflow: visible;
        margin: -20px -35px -26px 29px;
        width: 10px;
    }
}
*/

/* when screen is less than 600px wide
   show mobile version and hide desktop */

/*@media (max-width: 600px) {
    .logo-image .desktop {
        display: block;
    }
}

@media (max-width: 992px) {
    #header {
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        top: 0;
        background: #00000069;
    }
    #header.header-scrolled {
        background: #fff;
    }
}

@media screen and (min-width: 1024px) {
    #header .header-container {
        background: #00000069;
        margin: 73px 0px 0px 307px;
        padding: 1px 0px 3px 0px;
        position: fixed;
        width: 383px
    }
}

@media (max-width: 992px) {
    #header .header-container {
        background: #fff;
        margin: 21px 13px 6px 3px;
        padding: 44px 617px 12px 3px;
        height: 107px;
    }
}

#header .logo {
    padding-left: 0;
}

#header .logo h1 {
    font-size: 24px;
}
*/
/*@media screen and (min-width: 1024px) {
      
    #header .header-container {
        background: #FFFF;
        margin: 26px 54px -22px 0px;
        padding: 2px 0px 3px 304px;
        position: fixed;
        width: 1583px;
    }
}

.navbar {
    padding: 0;
    margin: 41px -40px 3px 214px;
}

@media (max-width: 575px) {
    .navbar {
        padding: 0;
        width: 349px;
    }
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    position: relative;
}
*/
/*.navbar a,
.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #020202;
    transition: 0.3s;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Exo";
    white-space: nowrap;
    transition: 0.3s;
    margin:-10px -37px 8px 40px;
}

.navbar a i,
.navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: #20ccdd;
}

.navbar .getstarted,
.navbar .getstarted:focus {
    background: #20ccdd;
    padding: 9px 25px;
    margin-left: 66px;
    margin-right: 30px;
    border-radius: 5px;
    color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
    color: #fff;
    background: #00b383;
}

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    width: 333px;
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    text-transform: none;
    font-weight: 500;
    color: #0e0e0e;
}

.navbar .dropdown ul a i {
    font-size: 12px;
    color: #0e0e0e;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    color: #1f2020;
}

.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }
    .navbar .dropdown .dropdown:hover>ul {
        left: -100%;
    }
}

*/
/*** Mobile Navigation */

/*.mobile-nav-toggle {
    color: rgb(14, 13, 13);
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
        margin: -100px -48px -174px 335px;
        font-size: 35px;
    }
    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: white;
    transition: 0.3s;
    margin: 0px;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 800px;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    background-color: #6980F0;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #36343a;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
    color: #009970;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
    color: #009970;
}

.navbar-mobile .dropdown>.dropdown-active {
    display: block;
}

.text-start1 {
    color: white;
    margin-top: 22% !important;
}*/


/*........................#Hero.................*/


#hero {
    overflow: hidden;
    position: relative;
    margin: 0px;
 
}
#hero h2 {
    margin: 176px 14px 27px -80px;
    color: #813E98;
    font-weight: 400;
    font-size: 58px;
}

#hero h1 {
    margin: 175px 0px 0px 104px;
    color: #813E98;
    font-weight: 400;
    font-size: 58px;
}
#hero p {
    content: justify;
    margin: -1px 528px 126px -75px;
    color: #363636;
    text-align: justify;

}

#hero button  {
    margin:-151px 0px 0px -76px;
    width: 152px;
    background: #6980F0;
    height: 54px;
    transition: all 0.3s;
    z-index: -1;
}

#hero .button a:hover  {
  background-color:#813E98;
  color: #fff;
}
#hero img 
{
  margin: -595px -208px 7px 632px;
  height: 592px;
  position: absolute;

}

@media (max-width: 412px) {
    #hero img {

 margin: -1271px -122px -87px 73px;
 height: 356px;
 background-size: cover;
 padding: 14px;
 width: 352px;
 position: absolute;

 }
}

@media (max-width: 492px) {
    #hero p {
        margin: -329px 26px 347px 35px;
        text-align: justify;
    }
    #hero h2 {
        margin: 396px 64px 285px 177px;
        font-size: 0px;
    }
    #hero .circle {
        position: absolute;
        border-radius: 50%;
        padding: 154px;
        margin: -1073px 57px 0px 114px;
    }
    #hero button {
    margin: -619px 0px 0px 105px;
    border-radius: 8px;
    width: 152px;
    background: #6980F0;
    height: 54px;
 }
}

@media (max-width: 1024) {
    #hero p {
        margin: -333px 26px 347px 41px;
        text-align: justify;
    }
    #hero h2 {
        margin: 396px 64px 285px 177px;
        font-size: 0px;
    }
    #hero .circle {
        position: absolute;
        border-radius: 50%;
        padding: 154px;
        margin: -1073px 57px 0px 114px;
    }
    #hero button {
    margin: -619px 0px 0px 105px;
    border-radius: 8px;
    width: 152px;
    background: #6980F0;
    height: 54px;
}
}

/*.........................services....................*/


#services .icon-box {

    height: 350px;
    border-radius: 10px 10px 10px 10px;
    width: 24%;
    background: #FFFFFF;
    border-bottom: 5px solid #6980F0;
    border-color: #6980F0;
    box-shadow: 6px 9px 35px rgba(6, 6, 6, 0.25);
    overflow: hidden;
    z-index: 1;
    border-right:17px solid #6980F0;
    position: relative;
    box-shadow: inset 0 0 0 2px #6980F0;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
}

#services .icon-box:hover {
  box-shadow: inset -400px 0 0 0 #6980F0;

}


#services .icon-box::before {
  content: "";
  position: absolute;
  background: #cbe0fb;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;

}
#services  .icon-box:hover  h1,
#services  .icon-box:hover a {
  color: #fff;
}
/*#services .icon-box:hover::before {
  background: #6980F0;
  right: 0;
  border-radius: 0px;
}
*/


/*#services .icon-box:hover {
    box-shadow: inset 0px 0px 53px 0 #6980F0;
    transform: translateY(-10px);
    border-style: none;
}*/

/*#services .icon-box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 348px;
height: 21px;
border-top: 13px solid #fff;
border-left: 142px solid transparent;
border-right: 217px solid transparent;
margin: 245px 141px 390px 0px;
}

#services .icon-box:hover::before {
  background:#6980F0;
  top: 0;
  border-radius: 0px;
  border-style: none;
  top: 0;
  left: 210px;
}*/

#services .icon-box h1 {
  
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding: 144px 0px 0px 0px;
   /*margin: 0px 0px 0px -31px;*/
}

#services .icon-box a {
    text-decoration: underline;
    color:#6980F0;
}
#services .icon-box a:hover {
    text-decoration: underline;
    color:#fff;
}

#services .content h1 {
    margin: 93px 0px 61px  0px;
    text-align: center;
    justify-content: center;
   /*font-family: 'Gill Sans MT';
    font-style: normal;*/
    color: #363636;
    font-weight: 400;
}

#services .icon-box active {
    text-decoration: underline;
    margin: 92px 0px 65px 72px;
}

#b1 .icon-box {
    margin: -9px 0px 8px -40px;
}

#b2 .icon-box {
    margin: -350px 0px 0px 889px;
}

#b3 .icon-box {
    margin: -350px 0px 0px 583px;
}

#b4 .icon-box {
    margin: -355px 5px 4px 275px;
}
#services  .icon {
  margin-bottom: 15px;
}

#services  .icon i {
  font-size: 48px;
  line-height: 1;
  color: #106eea;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 492px) {
    #services .icon-box {
        height: 350px;
        border-radius: 10px 10px 10px 10px;
        width: 67%;
        background: #FFFFFF;
        border: solid;
        border-color: #6980F0;
        box-shadow: 6px 9px 35px rgba(6, 6, 6, 0.25);
        transition: ease-out 0.4s;
        overflow-x:hidden; 
    }
    #b1 .icon-box {
        margin: 65px 66px 9px 68px;
    }
    #b2 .icon-box {
        margin: 32px 5px 4px 71px;
    }
    #b3 .icon-box {
        margin: 32px 5px 4px 73px;
    }
    #b4 .icon-box {
        margin:32px 5px 4px 76px;
    }
    #services .content h1 {
        margin: -164px 64px 25px 87px;
    }
}

/*.................services end...........*/
/*.................why choose us...........*/

#features .icon-box {
margin: 184px 87px 45px -223px;
background-color: #6980F0;
height: 613px;
width: 1584px
}

#features h1 {

    margin: -580px -101px 410px 466px;
    color: white;
    font-size: 41px;
    font-weight: 400;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    line-height: 42px;
}

#features p {

  color: white;
  margin: -363px -61px 428px 468px;
  line-height: 33px;
  text-align: justify;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 400;

}

#features  img
{
     margin: -599px -208px 7px -248px;
     height: 643px;
     position: absolute;
}
#features button {
    margin:-786px 122px 83px 702px;
    width: 141px;
/*  border-radius: 10px 10px 10px 10px;
*/  height: 48px;
    background: white;
    color: #4D60C1;
}


#features .button1 {
   margin:-747px 0px 0px -444px;
   width: 141px; 
   border-radius: 10px 10px 10px 10px;
   height: 48px;
   background: white;
   color: #4D60C1;
}

#features button:hover  {
  background-color:#6980F0;
  color: #fff;
}

#features .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@media screen and (max-width: 500px) {
  #features .img-fluid {
 margin:-555px -208px 7px -248px; 
 height: 643px;
 position: absolute;
 max-width: 153%;
 padding: 322px;
}

#features .icon-box {
  margin: 179px -107px 45px -144px;
background-color: #6980F0;
height: 823px;
width: 544px;
}

#features p {
  color: white;
  margin: -650px 7px 404px -5px;
  line-height: 30px;
  text-align: justify;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 400;
}

#features h1 {
    margin: -820px -46px 670px -7px;
    color: white;
    font-size: 21px;
    font-weight: 525;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    line-height: 42px;
}
#features button {
margin: -663px 32px 78px 115px;
width: 126px;
height: 44px;
background: white;
color: #4D60C1;
 }
}

/*..............why choose us end..............*/
/*...................service....................*/


#Service h1 {
    margin: -144px -56px 40px -10px;
    Font-size: 41px;
    line-height: 41px;
    color: #813E98;
}

#Service p {
  margin: 40px 475px 0px -9px;
  letter-spacing: 0.04em;
  text-align: justify;
    
}

#Service img {
 margin:-359px -181px 7px 705px;
 height: 511px; 
 position: absolute;
    
}

#Service button {
    margin: 37px 0px 0px -7px;
    width: 170px;
    border-radius: 10px 10px 10px 10px;
    height: 48px;
    background: #4D60C1;
    color: white;
}

@media screen and (max-width: 500px) {
#Service p {
margin: -18px -3px -12px 11px;
font-size: 17px;
letter-spacing: 0.04em;
padding: -21px;
}

#Service h1 {

   margin: -309px -56px 58px;
Font-size: 27px;
line-height: 41px;
text-align: center;
 } 

 #Service img {
Font-size: 27px;
line-height: 41px;
padding: 281px;
left: -845px;
   
 } 
  #Service button {
 margin: 37px 0px 0px 81px;
    width: 170px;
    border-radius: 10px 10px 10px 10px;
    height: 48px;
    background: #4D60C1;
    color: white;
   
 } 
}
/*.........................service end.....................*/

/*.........................footer start.....................*/

#footer {
  font-size: 14px;
  background: #37517e;
}

#footer .footer-newsletter {
  padding: 50px 0;
/*background: #f3f5fa;
*/text-align: center;
  font-size: 15px;
  color: #f9f9f9;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #37517e;
}

#footer .footer-newsletter form {
  margin: 31px 0px 0px 98px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
  text-align: left;
  width: 378px;
}

#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #47b2e4;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
  background: #209dd8;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #6980F0;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 25px;
  margin: 0 0 10px -117px;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 600;
  color: #ffff;
  font-family: "smoolthan";
  text-align: center;

}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "smoolthan";
  color: #FFFF;
}

#footer .footer-top h4 {
  font-size: 23px;
  font-weight: bold;
  color: #FFFF;
  position: relative;
  padding-bottom: 12px;
  font-family: "smoolthan";
  margin: 12px 0px 0px -38px;
}
#footer .footer-top h2 {
  font-size: 23px;
  font-weight: bold;
  color: #FFFF;
  position: relative;
  padding-bottom: 12px;
  font-family: "smoolthan";
  margin: 12px 0px 0px -38px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links1 ul a {
  color: #FFF;
  transition: 0.3s;
  display: inline-block;
  line-height: 2;
  font-size: 18px;

}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #47b2e4;
  font-size: 18px;
  line-height: 1;

}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #FFF;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-size: 18px;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #47b2e4;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #47b2e4;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #209dd8;
  color: #fff;
  text-decoration: none;
}

#footer .footer-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
}

#footer .copyright {
  float: left;
}

#footer .credits {
  float: right;
  font-size: 13px;
}

#footer .credits a {
  transition: 0.3s;
}

@media (max-width: 500px) {
#footer {
  font-size: 17px;
  background: #37517e;
  width: 413px;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #37517e;
}

#footer .footer-top .footer-contact h3 {
  font-size: 25px;
  margin: 0 0 10px 72px;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 600;
  color: #ffff;
  font-family: "smoolthan";
  text-align: center;
}

#footer .footer-top .footer-contact {
  padding-bottom: 232px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding-left: 168px;  
  margin: 0;
}

#footer .footer-top .footer-links h4 {
  font-size: 23px;
  font-weight: bold;
  color: #FFFF;
/*position: relative;
*/padding-bottom: 12px;
  font-family: "smoolthan";
  margin: 41px 0px 0px 136px;
}

#footer .footer-top .footer-links h2 {
  font-size: 23px;
  font-weight: bold;
  color: #FFFF;
/*   padding-left: 219px;
*/  font-family: "smoolthan";
  padding-left: 10px;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #47b2e4;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top h5 {
  font-size: 23px;
  font-weight: bold;
  color: #FFFF;
  position: relative;
  padding-bottom: 12px;
  font-family: "smoolthan";
  margin: 12px 0px 0px 158px;
}

#footer .footer-top .footer-links1 {
margin: -232px 113px;
}

#footer .footer-top .footer-links {
margin:  -222px 106px 0px 110px;
}

#footer .footer-top .footer-links1 ul i {
  padding-right: 2px;
  color: #47b2e4;
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links1 ul {
  list-style: none;
  padding-left: 8px;  
  margin: 0;
}
#footer .footer-top h6 {
  font-weight: bold;
  color: #FFFF;
  position: relative;
  padding-left: 153px;
  font-family: "smoolthan";
  margin: 12px 0px 0px 158px;
}

 #footer .mb-4
 {
    margin:0px 0px 0px 154px;
 }
}

/*........................footer-end.....................*/
/*...............blogs and newsletter start(unused).......*/

#news
{
    overflow-x: hidden;
}

#news .icon-box
{
  height: 322px;
  width: 349px;
  padding: -40px 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
  text-align: center;
  border-bottom: 5px solid #6980F0 ;
}

/*#news .icon-box::before {
  content: "";
  position: absolute;
  background:#6980F0;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}*/

/*#news .icon-box:hover::before {
  background: #6980F0;
  top: 0;
  border-radius: 0px;
}*/

.image-content,
.card-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 14px;
  height: 183px;

}
#news .icon-box:hover .name,
#news .icon-box:hover .description {
  color: #fff;
}

.name{
  font-size: 18px;
  font-weight: 500;
  color: #333;
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
/*  font-family: 'Gill Sans MT';*/
  margin: 8px 0px -31px -1px;
}

#news .description{
  font-size: 14px;
  color: #707070;
  text-align: center;
  margin: 61px 0px 0px -13px;
/*font-family: 'Gill Sans MT';
  font-style: normal;*/
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #363636;
}
#news .carousel-control-next-icon 
{
    background-color: #6980F0;
    margin: -25px 01px 01px 196px;
    border-radius: 50%;
    padding: 18px;
}
#news .carousel-control-prev-icon
{
    background-color: #6980F0;
    margin: -25px 01px 01px -241px;
    border-radius: 50%;
    padding: 18px;
}


 @media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    #news .carousel-control-next-icon {
    background-color: #6980F0;
    margin: 0px 0px 0px 31px;
    border-radius: 50%;
    padding: 18px;
}
#news .carousel-control-prev-icon
{
    background-color: #6980F0;
    margin: 0px 0px 0px -23px;
    border-radius: 50%;
    padding: 18px;
}
#news .icon-box
{
 margin: 0px 0px 0px 30px;
 }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}


/*........blogs and newsletter end................*/
/*................testimonial start...............*/

/* Google Fonts - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');


 
        .testi{
            position: relative;
            width: 100%;
            min-height: 642px;
            background-color: #FFF;
            box-shadow: 0px 4px 35px rgba(41, 58, 143, 0.25);
            margin:96px 0px 148px -5px ; 
          /*overflow-x:hidden;*/

         }
        .testi .contents-wraper{
           width: 60%;
           min-height: inherit;
           margin: 30px auto;
           text-align: center;
           margin: 62px 43px 64px 35px;
        }
        .contents-wraper .header h1{
            position: relative;
            font-size: 40px;
            text-transform: uppercase;
            font-weight: 500;
            text-align: center;
            letter-spacing: 1px;
        }
        .contents-wraper .header h1::before{
            content: '';
            width: 200px;
            height: 2px;
            background-color: #006994;
            border-radius: 15px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -10px;
        }
        .contents-wraper .testRow{
            width: 100%;
            min-height: inherit;
            position: relative;
            overflow: hidden;
        }
        .testRow .testItem{
            width: 100%;
            height: 100%;
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .testRow .testItem:not(.active){
            top: 0;
            left: -100%;
        }
        .testRow .testItem img{
            width: 120px;
            height: 120px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 5px;
            outline: 2px solid #006994;
            outline-offset: 2px;
        }
        .testRow .testItem h3{
            font-size: 30px;
            font-style: italic;
            padding: 7px;
        }

        .testi h1 {
            position: absolute;
            width: 605px;
            height: 197px;
            left: 84px;
            /*font-family: 'Gill Sans MT';
            font-style: normal;*/
            font-weight: 400;
            font-size: 36px;
            line-height: 42px;
            display: flex;
            align-items: center;
            letter-spacing: 0.04em;
            color: #4D60C1;
            margin: -21px 0px -5px -4px;
        }

        .testRow .testItem h4{
            font-style: italic;
            margin: 418px 491px 0px 24px;
           /*font-family: 'Gill Sans MT';
            font-style: normal;*/
            color: #4D60C1;
        }

        .testRow .testItem p{
         font-size: 18px;
         letter-spacing: 1px;
         line-height: 1.2;
         padding: 10px;
         position: absolute;
        /*width: 863px;
        *//*height: 308px;*/
         left: -4px;
         /*font-family: 'Roboto';
         font-style: normal;*/
         font-weight: 400;
         font-size: 19px;
         line-height: 33px;
         text-align: justify;
         color: #363636;
         margin: 30px 98px 1px 48px;
       }

    .testi img 
     {
     margin: 88px 0px 0px 675px;
     height: 631px;
    }

        .contents-wraper .indicators{
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            padding: 5px;
            cursor: pointer;
        }
        .contents-wraper .indicators .dot{
            width: 15px;
            height: 15px;
            margin: 0px 3px;
            border: 3px solid #aaa;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.5s ease;
        }
        .contents-wraper .indicators .active{
            background-color: #4D60C1;
        }
        @keyframes next1{
            from{
                left: 0%;
            }
            to{
                left: -100%;
            }
        }
        @keyframes next2{
            from{
                left: 100%;
            }
            to{
                left: 0%;
            }
        }

        @keyframes prev1{
            from{
                left: 0%;
            }
            to{
                left: 100%;
            }
        }
        @keyframes prev2{
            from{
                left: -100%;
            }
            to{
                left: 0%;
            }
        }

        @media(max-width: 550px){
         .testi .contents-wraper{
                width: 107%;
                margin:63px 29px 15px -42px ;
            }
            .contents-wraper  h1{
                font-size: 32px;
                margin:-46px 0px 0px -93px;
            }
            .testRow .testItem h3{
                font-size: 26px;
            }
            .testRow .testItem h4{
            font-style: italic;
            margin:  485px 0px 0px 0px ;
            color: #4D60C1;
            }

            .testRow .testItem p{
                font-size: 16px;
                letter-spacing: initial;
                line-height: initial;
                margin: 18px 0px 0px 60px;
                line-height: 1.6;
            }
              .testi{
                 width: 415px;
             }
             .testi img
             {
            margin: 0px 0px 0px 0px;
            padding:325px ;
             }
        }

/*................ blog and newsletter (used)...............*/
 
#slider-text{
  padding-top: 40px;
  display: block;
}
#slider-text .col-md-6{
  overflow: hidden;
}

#slider-text h2 {
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 3px;
  margin: 30px auto;
  padding-left: 40px;
}

#slider-text h2::after{
  border-top: 2px solid #c7c7c7;
  content: "";
  position: absolute;
  bottom: 35px;
  width: 100%;
  }


#itemslider h4{
font-weight: 604;
font-size: 18px;
margin: 11px 0px 0px 1px;
color: #813E98;
text-align: center;
}

#itemslider p{

  font-size: 16px;
  margin:12px 31px 0px 34px;
  line-height: 22px;

}


#blog .carousel-inner {
position: relative;
width: 236%;
overflow: hidden;
margin: 0px 0px 0px -130px;
}


#blog .slider-control img{
/*padding-top: 60%;
*/margin: 0 auto;
  border-radius: 50%;
}

#blog .item a{
     color: #6980F0;
     margin: 0px 0px 0px 33px;
     font-size: 16px; 
     text-decoration: underline;
}

@media only screen and (max-width: 600px) and (min-width: 400px){

#slider-control img {
  padding-top: 70px;
  margin: 0 auto;
  border-radius: 50%;
 }


#blog .carousel-inner {
position: relative;
width: 79%;
overflow: hidden;
margin: -213px 0px 0px -109px;
}

#blog img{
margin: 0px 0px 0px 41px;
height: 275px;
width: 373px;
}


#blog .slider-control img{

  padding-top: 60%;
  margin: 0 auto;
  border-radius: 50%;
}

.carousel-control {
  position: absolute;
  top: 160px;
  bottom: 0;
  left: -29px;
  width: 4%;
  font-size: 9px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  background-color: rgba(0,0,0,0);
  filter: alpha(opacity=50);
  opacity: .5;
  right: -36px;
/*border-radius: 50%;
*//*padding: 18px;
*//*background-color:#6980F0;*/
}
.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
    margin:115px 0px 162px -19px;
}
.carousel-showmanymoveone .carousel-control.right {
   margin:102px  -208px 164px 78px;
}
}
.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
    margin:115px 0px 162px -19px;
}
.carousel-showmanymoveone .carousel-control.right {
   margin:110px -34px 168px -169px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

#blog img{
margin: 0px 0px 0px 21px;
height: 275px;
width: 382px;
}


.testimonials .testimonial-wrap {
  padding-left: 10px;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px;
  margin: 30px 10px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fff;
  border-radius: 10px;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50px;
  margin-right: 15px;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #000;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .stars {
  margin: 10px 0;
}

.testimonials .testimonial-item .stars i {
  color: #ffc107;
  margin: 0 1px;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #009d8b;
  font-size: 26px;
  line-height: 0;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
  transform: scale(-1, -1);
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 15px auto 15px auto;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}

@media (max-width: 767px) {
  .testimonials .testimonial-wrap {
    padding-left: 0;
  }

  .testimonials .testimonial-item {
    padding: 30px;
    margin: 15px;
  }

  .testimonials .testimonial-item .testimonial-img {
    position: static;
    left: auto;
  }
}