/*============Global property============*/
body{font-family: 'Nunito Sans', sans-serif;font-weight: 400;color: #888;line-height: 1.7;letter-spacing: 0.5px;}
.container{max-width: 1366px;}
/*============Heading property============*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 700;color: #222;}
/*============font weight class ============*/

.f-200{font-weight: 200;}
.f-300{font-weight: 300;}
.f-400{font-weight: 400;}
.f-600{font-weight: 600;}
.f-700{font-weight: 700;}
.f-800{font-weight: 800;}
.f-900{font-weight: 900;}

/*============Border Color============*/

.border-color{border-color: #e5e5e5!important;}
.gradient-border-color{border-color:rgba(255,255,255,.2)!important;}

/*============ Font Color============*/

.black-color{color: #222;}

/*============Background Color============*/

.blue-gradient-bg,
.feature-icon .icon:after{background-image: linear-gradient(to right, #0020dd, #0575E6);}
.gray-bg {background: #F7F7FD;}
.light-blue-bg {background: #d4e8ff;}
.light-yellow-bg {background: #fcf1c1;}
.bg-black{background: #000;}

/*============Button Style============*/

.btn-gradient-blue,
.btn-linear-white,
.btn-gradient-black{color: #fff;font-size:0.75rem;font-weight: 600;transition: ease all 0.8s;-webkit-transition: ease all 0.8s;}

.btn-gradient-blue{background-image: linear-gradient(to right, #0020dd, #0575E6);border: none;}
.btn-gradient-blue:hover{background-image: linear-gradient(to right, #0575E6, #0020dd);color: #fff;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}

.btn-gradient-black{background-image: linear-gradient(to right, #000, #343a40);}
.btn-gradient-black:hover{background-image: linear-gradient(to right, #343a40, #000); color: #fff;box-shadow: 0 0 0 0.2rem rgba(82,88,93,.25);}
.btn-gradient-black img,
.btn-gradient-blue img{width: 20px;}

.btn-linear-white{border: 1px solid #fff;background: none;}
.btn-linear-white:hover{background: #fff;color: #0575E6; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);}

/*============Navigation Style============*/
.core-menu li{position: relative;}
.core-menu li a{color: #000;}
.core-menu li >ul{visibility: hidden;opacity: 0;background-image: linear-gradient(to right, #0020dd, #0575E6);position: absolute;left:0;top: 100%;width:230px;transform: translateY(-2em);z-index: -1;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.core-menu li ul::after{content: '';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #0020dd;position: absolute;left:20px;top:-10px;}
.core-menu li ul li a{color: #fff;border-bottom: 1px solid #0575E6;font-size:0.87rem;}
.core-menu li ul li:last-child a{border-bottom: none;}
.core-menu li ul.visible {visibility: visible;opacity: 1;z-index: 1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
.hamburger-menu{padding:0;text-transform:uppercase;position: relative;width:30px;height:26px;float: right;text-align:center;}
.burger-1,
.burger-2,
.burger-3 {display:block;position:absolute;width:30px;height:3px;border-radius:30px;right:0;background:#0020dd;-webkit-transition:.2s ease;-ms-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;}
.burger-1 {top:0;}
.burger-2 {top:10px;}
.burger-3 {top:20px;}
.burger-1.open, 
.burger-2.open, 
.burger-3.open {-webkit-transition:.2s ease;-ms-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;transform-origin:50% 50%;}
.burger-1.open {top:10px;width:30px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);}
.burger-2.open {opacity:0;}
.burger-3.open {top:10px;width:30px;transform:rotate(-45deg);}
/*============Header Style============*/
.call-us{color: #000;}
.call-us img{width: 20px;}

/*============Slider Style============*/

.trusoft-slider .slick-arrow{position: absolute;top: 50%;width: 40px;height: 40px;margin: -40px 0 0 0;text-indent: -99999px;border-radius:50%;border:none;outline:none;}
.trusoft-slider .slick-prev{background:#0020dd url(../images/icons/arrow-right.png) no-repeat center center;background-size: 10px auto;left:0;}
.trusoft-slider .slick-prev:hover{box-shadow: 0 0 0 0.2rem rgba(82,88,93,.25);background:#000 url(../images/icons/arrow-right.png) no-repeat center center;background-size: 10px auto;}
.trusoft-slider .slick-next{background:#0020dd url(../images/icons/arrow-left.png) no-repeat center center;background-size: 10px auto;right:0;}
.trusoft-slider .slick-next:hover{box-shadow: 0 0 0 0.2rem rgba(82,88,93,.25);background:#000 url(../images/icons/arrow-left.png) no-repeat center center;background-size: 10px auto;}

.trusoft-slider .slick-dots{list-style: none;margin:15px 0;padding: 0;text-align:center;}
.trusoft-slider .slick-dots li{display:inline-block;margin: 0 7px;line-height: 0;}
.trusoft-slider .slick-dots li button{width:6px;height:6px;text-indent: -99999px;border-radius:50%;border:none;outline:none;background:#000;padding: 0;margin: 0;box-shadow: 0 0 0 0.2rem rgba(82,88,93,.25);}
.trusoft-slider .slick-dots li.slick-active button{width:10px;height:10px;background:#0020dd;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}

/*============ White Font color ============*/

.software-dwn-section h3,
.software-dwn-section h4,
.counter-section,
.counter-section h6,
.counter-section .h1,
#footer h5,
#footer p,
.footer-top ul li a,
#footer h6 a{color:#fff;}

/*============Feature Icon ============*/

.feature-icon .icon{width: 65px;height: 65px;position: relative;}
.feature-icon .icon img{width:30px;}
.d-flex .feature-box:nth-child(2) .icon img{width:50px;}
.feature-icon .icon:after {position: absolute;top: -10px;bottom: -10px;left: -10px;right: -10px;content: "";z-index: -1;opacity: 0.2;border-radius: 50%;transition: ease all 0.4s;-webkit-transition: ease all 0.4s;}
.feature-box:hover .icon:after {top: -15px;bottom: -15px;left: -15px;right: -15px;}

/*============ Social style  ============*/

.social-icon{width: 24px;height: 24px;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.50);background-image: linear-gradient(to right, #0020dd, #0575E6);}
.social-icon:hover{box-shadow: 0 0 0 0.3rem rgba(0,123,255,.50);}
.social-icon img{width:18px;}
.social-section .social-icon:nth-child(2) img{width:16px;}
.social-section .social-icon:nth-child(3) img,
.social-section .social-icon:nth-child(4) img{width:12px;}

/*============ About recent post style  ============*/
.body-container{
  padding-top: 75px;
}

.about-recent-post .media img{width: 80px;}

/*============ Testimonials style  ============*/
.testimonial-block .trusoft-slider .slick-dots{float: left;margin: 0 0 0 1rem;}
.testimonial-content .media-img{width:60px;height: 60px;}
.clients-thumb .ct-thumb {position: absolute;background-repeat: no-repeat;background-size: cover;left: 0;top: 0;box-shadow: 0 10px 20px 0 rgba(0,123,255,.25);}
.clients-thumb .ct-thumb.thumb-1 {background-image: url(../images/icons/4.png);width: 100px;height: 100px;-webkit-animation: thumb-scale-up-one 7s infinite linear;animation: thumb-scale-up-one 7s infinite linear;}
.clients-thumb .ct-thumb.thumb-2 {background-image: url(../images/icons/5.png);width: 120px;height: 120px;left: 150px;top: -50px;-webkit-animation: thumb-scale-up-two 6s infinite linear;animation: thumb-scale-up-two 6s infinite linear;}
.clients-thumb .ct-thumb.thumb-3 {background-image: url(../images/icons/5.png);width: 90px;height: 90px;top: 170px;left: 50px;-webkit-animation: thumb-scale-up-three 8s infinite linear;animation: thumb-scale-up-three 8s infinite linear;}
.clients-thumb .ct-thumb.thumb-4 {background-image: url(../images/icons/6.png);width: 110px;height: 110px;left: 300px;top: 100px; -webkit-animation: thumb-scale-up-one 4s infinite linear;animation: thumb-scale-up-one 4s infinite linear;}
.clients-thumb .ct-thumb.thumb-5 {background-image: url(../images/icons/4.png);width: 130px;height: 130px;left: 150px;top: 230px;-webkit-animation: thumb-scale-up-three 8s infinite linear;animation: thumb-scale-up-three 8s infinite linear;}
@keyframes thumb-scale-up-two {
    0% {-webkit-transform: scale(.5);transform: scale(.5)}
    40% {-webkit-transform: scale(.8);transform: scale(.8)}
    100% {-webkit-transform: scale(.5);transform: scale(.5)}
}
@keyframes thumb-scale-up-one {
    0% {-webkit-transform: scale(1);transform: scale(1)}
    40% {-webkit-transform: scale(.5);transform: scale(.5)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes thumb-scale-up-three {
    0% {-webkit-transform: scale(.7);transform: scale(.7)}
    40% {-webkit-transform: scale(.4);transform: scale(.5)}
    100% {-webkit-transform: scale(.7);transform: scale(.7)}
}

/*============ Footer Style  ============*/

#footer h5::after{content: '';position: absolute;left: 0;bottom: 0;width: 25px;height: 2px;background: #fff;}
#footer .footer-top p,
.footer-top ul li a,
.about-recent-post .post-date{color: rgba(255, 255, 255, 0.64);font-size:0.9rem}
.footer-top ul li a,
#footer .footer-bottom p a,
#footer h6 a{text-decoration: none;}
#footer .footer-bottom p,
#footer .footer-bottom p a{color: rgba(255, 255, 255, 0.4);font-size:0.8rem}

/*============ Media Query Start here  ============*/

@media (min-width: 768px){

}

@media only screen and (max-width:992px){
  .clients-thumb .ct-thumb.thumb-1{width: 60px;height: 60px;left: 30px;top: 50px;}
  .clients-thumb .ct-thumb.thumb-2{width: 80px;height: 80px;top: -25px;}
  .clients-thumb .ct-thumb.thumb-4{width: 90px;height: 90px;left: 250px;}
  .clients-thumb .ct-thumb.thumb-5{width: 110px;height: 110px;}
  .core-menu{display: none;position: absolute;width: 100%;left: 0;top: 65px;background-image: linear-gradient(to right, #0020dd, #0575E6);}
  .core-menu li a{border-bottom: 1px solid #0575E6;color: #fff;}
  .core-menu li ul::after{display: none;}
  .core-menu li ul{position: static;width: 100%;visibility: visible;opacity: 1;transform: none;transition: none;z-index: auto;display: none;}
  .core-menu li ul li a{border-bottom: none;}
}
@media only screen and (max-width:767px){
  .body-container {padding-top:111px;}
  .hamburger-menu{position: absolute;right: 15px;top: 15px;}
  .core-menu{top:111px;}
}
@media only screen and (max-width:479px){

}

.map-iframe-container{position: relative;width: 100%;padding-bottom: 56.25%;}
.map-iframe-container > *{display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0;padding: 0;height: 100%;width: 100%;}