@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
body{font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: normal;font-style: normal;}
.frNavv{display:flex;justify-content:space-between;}
nav.navbar{margin:0 0 0 0; background-color:#edf8ff !important;padding: 0;}
.frvideoAndBoxes{background:#edf8ff;padding: 0 0 0px 0;}
.frvideoAndBoxInn img{border-radius:0 20px 20px 0;}
.frNavv .navbar-collapse{flex-grow:unset;}
.loginnlinkk{background:#eeb903;color:#fff!important;border-radius:10px;padding-left:15px !important; padding-right:15px !important;}
.bloglinkk{background:#036fb4;color:#fff!important;border-radius:10px;padding-left:15px !important; padding-right:15px !important;margin-left:5px;}
.bloglinkk:visited{color:#fff !important;}
.blink_me:visited{color:#fff !important;}
.bloglinkk:hover{color:#fff !important;}
.blink_me:hover{color:#fff !important;}
.blink_me {animation: blinker 1s linear infinite;background:#036fb4;color:#fff;border-radius:10px;margin:0 5px; padding-left:15px !important; padding-right:15px !important;}
.bloglinkk:hover, .blink_me:hover{color:#fff!important;}
@keyframes blinker {50% {opacity: 0.3;}}
.video-container { width: 100%;height:400px; overflow: hidden; position: relative;border-radius: 0 20px 20px 0;}
.video-container video {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;} 
.frFourBoxess{/*margin:-60px 0 0 0;*/margin:0 0 0 0;position:relative;}
.boxx .modal-header h1{font-weight:600;}
.boxx{color: #333;background-color: #ffffff;box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);border-radius:20px;min-height:100px;padding:15px 15px 20px 15px; margin:0 0 16px 0;}
.boxx h2{font-family: "Nunito Sans", sans-serif; font-weight: 800;font-style: normal;font-size:43px; color:#333;margin:0 0 5px 0;}
.boxx .modal-body h5{color:#333;}
.boxx .modal-body{padding-top:5px;}
.boxx h5{font-size:21px;font-family: "Nunito Sans", sans-serif;font-weight: 700; color:#036fb4; margin:0 0 7px 0;}
.boxx p{font-size:16px;font-family: "Nunito Sans", sans-serif;overflow: hidden;
   display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; -webkit-box-orient: vertical; margin:0 0 7px 0;}
.boxx .modal-body p{overflow: unset;display:block; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset; margin-bottom:15px;}
.boxx .modal-body p:last-child{ margin-bottom:0;}
.boxx .modal-body ul:last-child{ margin-bottom:0;}
.boxx .modal-body h5{font-size:17px;font-weight: 600;}
.boxx .modal-header{border: none;padding-bottom: 0;}
.boxx .modal-header .btn-close{color: #333;font-size: 20px;
  font-weight: bold;opacity: 1;line-height: normal;padding: 0;
  height: auto;background: none !important;}
.boxx button{color:#036fb4;background:none;border:none;}
.boxx a{color:#036fb4;background:none;border:none;text-decoration:none;}
.forInnerPagesContent{padding:15px 0; min-height:480px;}
.forInnerPagesContent h1{font-size:25px;}
.forInnerPagesContent h2{font-size:25px;}
.forInnerPagesContent h3{font-size:25px;}
.forInnerPagesContent h4{font-size:25px;}
.forInnerPagesContent h5{font-size:25px;}
.forInnerPagesContent h6{font-size:25px;}
.other-services .title {
  color: #2c3e50;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 1.5em;
}
.other-services .service-category h3 {
  color: #2980b9;
  font-size: 1.5em;
  margin-bottom: 1em;
  text-align: center;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0.5em;
}
.other-services .service-category .custom-list {
  list-style-type: none;
  padding-left: 0;
}
.other-services .service-category .custom-list li {
  margin-bottom: 0.5em;
  color: #34495e;
  background: #f9f9f9;
  padding: 0.5em 1em;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.other-services .service-category .custom-list li:hover {background: #e0f7fa;}

/*.MultiCarousel { float: left; overflow: hidden; padding: 0 13px 0 10px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner{ transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:2px; margin:10px 15px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0;border-color:#036fb4; }
.MultiCarousel .rightLst { right:0;border-color:#036fb4; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#036fb4; }*/

/* for marquee slider for clients start here */
.frClientss .slider {
  height: auto;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;padding:10px 0;
}
.frClientss .slider img{padding:5px;}
.frClientss .slider::before,
.frClientss .slider::after{
  position:absolute;
  background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  content:'';
  height:100%;width:25%;
  z-index:2;pointer-events:none;
}
.frClientss .slider::before{
  left:0;
  top:0;
}
.frClientss .slider::after{
  right:0;
  top:0;
  transform:rotateZ(180deg);
}

/*  IMPORTANT CODE BELOW */

.frClientss .slide-track {
  width: calc(150px * 20);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.frClientss .slide {
  width: 150px;
  height: auto;margin:0 5px;border:1px solid #ccc;
  display: grid;
  place-items: center;
  transition:0.5s;
  cursor:pointer;
}
.frClientss .slide:hover{
  transform:scale(0.8)
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}

@media screen and (max-width: 768px) {
  .frClientss .slide-track {
    width: calc(150px * 20);
  }


  .frClientss .slide {
    width: 150px;
  }

  @keyframes scroll {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(calc(-150px * 10));
    }
  }

}
.frClientss{background:#fff;margin:0px 0 0 0;padding:10px 0 10px 0;}
.clientsInnn{margin:0;}
.frClientss h2{font-family: "Nunito Sans", sans-serif;font-weight: 800;
  font-style: normal;font-size: 27px;color: #333;padding:0px 0 0 0; text-align:center;margin:0;color:#036fb4;}
.frTestimonialss{padding:15px 0;background:#f2f2f2;}
.frTestimonialss h2{font-family: "Nunito Sans", sans-serif;font-weight: 800;
  font-style: normal;font-size: 27px;color: #333;padding:0px 0 10px 0; text-align:center;margin:0;color:#036fb4;}
#frTextTestimonialss .carousel-control-next{width:5%;}
#frTextTestimonialss .carousel-control-prev{width:5%;}
#frVideoTestimonialss .carousel-control-next{width:5%; color:#fff;}
#frVideoTestimonialss .carousel-control-prev{width:5%; color:#fff;}
#frVideoTestimonialss .carousel-control-next-icon, #frVideoTestimonialss .carousel-control-prev-icon{filter: none;}
.frTextTestimonialssOuter{display: flex;justify-content: center;align-items: center;height: auto;background: #f2f2f2;}
.frTextTestimonialssOuter .carousel-item{padding:0 8%;}
.frTextTestimonialssOuter .carousel-indicators{display:none;}
.frTextTestimonialssOuter h5{text-align: right; font-style: italic;}
.frFooter{background:#666; color:#fff;}
.frFooter a{color:#fff;text-decoration:none; margin:0;}
.frFooter a:hover{text-decoration:underline;color:#fff;}
.frFooter p{padding:10px 20px; text-align:center; font-size:13px; margin:0;}
a:hover{color:#036fb4;}
a.nav-link:hover{color:#036fb4;}
.frContactForm{margin:15px 0;min-height:auto;} 
.frContactForm .title {
  color: #2c3e50;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 1.5em;
}
.ContactFormInn .modal{background: rgba(0, 0, 0, 0.5) !important;}
.ContactFormInn{display:flex;flex-direction:column;align-items:center;}
.frmodalbtn{background:#0a397e !important;border-color:#0a397e !important;font-size: 18px;padding-left: 20px; padding-right: 20px;}
.ContactFormInn form{padding: 30px;border: 1px dashed #ccc;border-radius: 20px;
  background: #f2f2f2;}
.ContactFormInn .modal-header{border: none; padding-bottom: 0;}
.ContactFormInn .modal-content{padding-bottom:10px !important;text-align:center;}
.ContactFormInn h3{margin:0 0 25px 0;}
.frblogBanner{position:relative;height:300px;}
.frblogBanner img{position:absolute;left:0; top:0; z-index:9;}
.frblogBanner h1{position: absolute;top: 50%;left: 0;right: 0;
  transform: translateY(-50%);z-index:99;font-family: "Nunito Sans", sans-serif;font-weight: 800;font-style: normal;font-size: 43px;color: #fff !important;padding:30px 0 0 0; text-align:center;margin:0;color:#036fb4;}
.frBlogSection{margin:15px 0;min-height:550px;} 
.frBlogInfo{display:flex; align-items:center; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.frBlogInfo img{width:40%; height:auto;}
.frBlogInfo p{overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;
  line-clamp: 2; -webkit-box-orient: vertical;}
.blogInfotextt{width:60%; padding:0 0 0 20px;text-align:left;}
.blogInfotextt h2{font-size:21px; margin:0 0 5px;font-weight:650;}
.blogInfotextt h3, .blogInfotextt h4, .blogInfotextt h5, .blogInfotextt h6{font-size:21px;font-weight:650;}
.blogInfotextt p{ margin:0 0 5px; padding:0;}
.blogInfotextt a{background:none;color:#036fb4; text-decoration:none;}
.blogInfotextt a:hover{text-decoration:underline;}
.blogsidebar{background:#f2f2f2; padding:20px; height:auto;}
.blogsidebar h2{font-size:30px; margin:0 0 15px;padding:0 0 15px 0; border-bottom:2px solid #036fb4;}
.blogsidebar ul{list-style:none;padding:0;}
.blogsidebar ul li{width:100%;margin:0 0 15px; padding:0;}
.blogsidebar a{color:#333;}
.blogdetailsouterrr{margin-bottom:0;}
.blogdetailss img{width:100%; height:auto;}
.blogdetailss p{mragin:0 0 15px 0;}
.blogdetailss .frBlogInfo{flex-direction:column;border:none; margin:0;}
.blogdetailss .frBlogInfo .blogInfotextt{width:100%; margin-top:10px;padding:0;}
.blogdetailss .frBlogInfo p{overflow: unset;display:block; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset;}

@media only screen and (max-width: 991px) {
 .navbar-nav{flex-direction: column;}
 .frFourBoxess{padding-top:0;}
 .bloglinkk{border-radius:0;margin:0;}
 .blink_me{border-radius:0;margin:0;}
 .loginnlinkk{border-radius:0;margin:0;}
 /**/
 .frFourBoxess{margin-top:15px;}
#frVideoTestimonialss{margin-bottom:15px;}
.video-container{border-radius:0;}
.frBlogInfo{flex-direction:column;}
.frBlogInfo img{width:100%; height:auto;}
.blogInfotextt{width:100%;margin-top:30px;}
}


@media only screen and (max-width: 767px) { 
    
}