html {
     scroll-behavior: smooth;
 }

 * {
     margin: 0;
     padding: 0;
 }

 /* ******** universal css ************** */
 /* font-family: 'Abril Fatface', cursive;
font-family: 'Roboto', sans-serif; */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Abril Fatface', cursive;
 }

 p,
 a {
     font-family: 'Roboto', sans-serif;
 }

 /* ******** universal css ************** */


 body {
     font-family: 'Roboto', sans-serif;
 }

 #nav_bar {
     position: sticky;
     top: 0;
     z-index: 10;
 }

 .navbar {
     background-image: linear-gradient(to right, #a517ba, #5f17f2);
     padding: 0 !important;
 }

 .navbar-brand img {
     height: 55px;
     padding-left: 20px;
 }

 .navbar-nav li {
     /* display: block; */
     padding: 0px 10px;
     /* display: block!important; */
 }

 .navbar-nav li a {
     color: #fff !important;
     font-weight: 600;
     font-size: 16px;
     text-transform: uppercase;
     float: right;
     text-align: left;
     transition: .4s;

 }

 .navbar-nav li:hover {
     border-bottom: 3px solid #fff;

 }

 .fa-bars {
     color: #fff;
     font-size: 30px !important;
 }

 .navbar-toggler {
     outline: none !important;

 }

 /* Start banner section */
 #banner {
     background-image: #FFFFFF;
     color: #fff;
 }

 .promo_title {
    color: #FE505A;
     font-size: 40px;
     font-weight: 600;
     margin-top: 100px;
 }
 .title{
    color: #395964;
    font-size: 20px
 }

 #banner a {
   
     text-decoration: none;
     font-size: 20px;
 }

 .side_img {
     width: 100%;

 }

 .bottom_img {
     width: 100%;
     height: auto;

 }

 .fa-spin {
     border: 3px dashed #ddd;
     border-radius: 50%;
     padding: 5px;
 }

 /* banner end */
 #banner_bottom_img {
     transform: rotateX(180deg);
     margin-top: -65px;
 }

 /* **********************start services pert ********************************/
 .services_headding .head {
     text-align: center;
     font-weight: 600;
     margin-top: 40px;
     margin-bottom: -30px;

 }

 /* ************** Universal ************** */

 .services_headding .heading_img {
     /* margin: 0px 0px 30px 450px; */

     height: 75px;
     width: 200px;
 }

 /* ************** Universal ************** */

 .row .services_img {

     width: 200px !important;
     /* margin: 0 90px; */


 }

 .services_content {
     /* border: 1px solid #fff;
 	border-radius: 10px; */
     /* box-shadow: 5px 4px 8px  #333; */
     /* margin: 10px 20px; */
     cursor: pointer;
     padding: 40px;
     /* background-image: linear-gradient(180deg, #a0f7,transparent,transparent,#ddd); */

     transition: .4s;
 }

 .services_content:hover {
     transform: translateY(-20px);
     /* border: 1px solid #fff; */
     background-image: linear-gradient(180deg, #eee, transparent, transparent, #ddd);
 }

 .services_head {
     text-align: center;
     color: #a517ba99;
     font-weight: 600;
     padding: 9px;
     font-size: 22px;

 }

 .services_text {
     text-align: justify;
     color: #333;
     font-weight: 500;
 }

 .btn-primary {
     border: none;
     text-align: center;
     margin: 0 auto;
     background: #a517ba;
     border-radius: 30px;
     padding: 12px 20px !important;
     transition: .4s;
     font-weight: 600;
     height: 50px;
     /* position: relative; */
 }

 #services_bottom_img {
     transform: rotateX(180deg);
     margin-top: 20px;
 }

 /* *********************** About us start ************************************* */
 #about_us {
     background: linear-gradient(to left, #eee, #fff);
     /* url('https://images.pexels.com/photos/2041627/pexels-photo-2041627.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500') ; */
     margin-top: -50px;
     padding-top: 50px;
     color: #333;
 }

 .about_title {
     font-size: 40px;
     font-weight: 600;
     margin-top: 8%;
 }

 .about_us ul li {
     margin: 10px 0;
     padding: 8px;
 }

 /* *********************** TASTIMONIAL SECTION ********************** */

 #testmonial {
     margin: 100px 0;
 }

 .tastimonial {
     border-left: 5px solid #a0f;
     height: 300px;
     width: 300px;
     padding: 20px;
     /* margin-bottom: 200px; */
 }

 .tas_name {
     color: #d0f;
 }

 .tas_addre {
     color: #999;
 }

 .tastimonial .tas_img {
     height: 100px !important;
     width: 100px !important;
     border: 1px solid #fff !important;
     border-radius: 50% !important;
 }

 .tas_text {
     color: #222;
 }



 /* #5f178200 */
 /* *************** contact ************************* */
 #contact {
     background: linear-gradient(to right, #609a, #003a), url('https://c0.wallpaperflare.com/preview/640/862/565/background-business-business-cards-coffee.jpg');
     /* background-position: fixed; */
     background-attachment: fixed;
     /* z-index: -1; */
     height: auto;
     background-repeat: no-repeat;
     color: #fff;
     padding-bottom: 100px;
     background-size: cover;
 }

 .contact_head {
     padding: 20px !important;
 }

 /* CONTACT ICON */

 /* ************ */

 .contact_icon a {
     text-decoration: none;
     font-size: 22px;
     color: #fff;
     padding: 5px;
     transition: .3s;
 }

 /* .contact_icon a:hover{
 	color: #002;
 	} */

 .contact_icons div:nth-child(1) {
     background: #3b5999;
 }

 .contact_icons div:hover:nth-child(1) {
     background: #3b599955;
     border: 2px solid #3b5999
 }

 .contact_icons div:nth-child(2) {
     background: #55acee;
 }

 .contact_icons div:hover:nth-child(2) {
     background: #55acee55;
     border: 2px solid #55acee
 }

 .contact_icons div:nth-child(3) {
     background: #e4405f;
 }

 .contact_icons div:hover:nth-child(3) {
     background: #e4405f55;
     border: 2px solid #e4405f
 }

 .contact_icons div:nth-child(4) {
     background: #25D366;
 }

 .contact_icons div:hover:nth-child(4) {
     background: #25D36655;
     border: 2px solid #25D366
 }

 .contact_icons div:nth-child(5) {
     background: #0077B5;
 }

 .contact_icons div:hover:nth-child(5) {
     background: #0077B555;
     border: 2px solid #0077B5
 }

 .contact_icons div:nth-child(6) {
     background: #cd201f;
 }

 .contact_icons div:hover:nth-child(6) {
     background: #cd201f55;
     border: 2px solid #cd201f
 }

 /* ***************** footer ******************** */

 #footer {
     margin: 0;
     padding: 0;
     color: #fff;

 }

 /* footer header */
 .footer_heder {
     height: 70px;
     width: 100%;
     background-color: #002;

 }

 .footer_number {
     margin: 0 auto;
     font-size: 18px;
     margin: 10px;
     padding: 10px;
     color: #eee;
 }

 .footer_brand {
     padding: 10px;
     margin-left: 10px;
     border-right: 2px solid #666;

 }

 .footer_brand .brand_img img {
     height: 50px;
     width: 150px;
     padding: 10px;

 }

 .fa-phone-volume {
     transform: rotate(-30deg);
     color: #0f0;
     font-size: 30px;
 }

 /* fonts contant */
 .footer_contant {
     height: auto;
     background: #123;
     color: #fff;
     width: 100%;
 }

 .footer_contant ul {}

 .footer_contant ul li {
     list-style: none;
 }

 .footer_contant ul li a {
     text-decoration: none;
     font-size: 20px;
     color: #fff;
 }

 /* .footer_contant ul li a i {
     colo
 } */

 .footer_contant ul .text-right:nth-child(1) {
     background: #3b5999;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .footer_contant ul .text-right:hover:nth-child(1) {
     background: #3b599933;
 }

 .footer_contant ul .text-right:nth-child(2) {
     background: #55acee;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .footer_contant ul .text-right:hover:nth-child(2) {
     background: #55acee55;
 }

 .footer_contant ul .text-right:nth-child(3) {
     background: #e4405f;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .footer_contant ul .text-right:hover:nth-child(3) {
     background: #e4405f55;
 }

 .footer_contant ul .text-right:nth-child(4) {
     background: #0077B5;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .footer_contant ul .text-right:hover:nth-child(4) {
     background: #0077B555;
 }

 .footer_contant ul .text-right:nth-child(5) {
     background: #dd4b39;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .footer_contant ul .text-right:hover:nth-child(5) {
     background: #dd4b3955;
 }

 .footer_contant ul .text-right:nth-child(6) {
     background: #cd201f;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .footer_contant ul .text-right:hover:nth-child(6) {
     background: #cd201f55;
 }

 /* footer content */
 .nav_footer {
     color: #aaa;
     border-right: 2px solid #666;

 }

 .footer_nav {
     margin: 0 auto;
     /* height: 100%; */
 }


 .f_title {
     color: #777;
     border-bottom: 1px solid #444;
 }

 /* footer bottom */
 .footer_bottom {
     height: 50px;
     background: #002;
     color: #fff;
     width: 100%;
     font-size: 15px;
     font-weight: 600;
     text-align: center;
 }

 .copyright {
     padding: 10px 0px;
 }

 .search_box {
     margin-top: 50px;
 }

 /* pricng table css started  */
 .pricing-table-1 {
     border: 3px solid #e5e3e3;
     border-radius: 10px;
     text-align: center;
     padding: 38px 0 40px;
     transition: 0.3s ease-in;
     margin-bottom: 30px;
 }
 .pricing-table-1 a{
    text-decoration: none;
 }
 .pricing-table-1:hover {
     border-color: #197beb;
 }

 .pricing-table-1 .price-header .title {
     color: #282828;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .pricing-table-1 .price-header .price {
     font-size: 50px;
     line-height: 60px;
     color: #282828;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .pricing-table-1 .price-header .price .dollar {
     font-size: 33px;
     line-height: 33px;
     position: relative;
     top: -12px;
 }

 .pricing-table-1 .price-header .price .month {
     font-size: 22px;
     line-height: 23px;
 }

 .pricing-table-1 .price-footer {
     margin-top: 40px;
 }

 .pricing-table-1 .price-footer .order-btn {
     display: inline-block;
     width: 165px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     border: 2px solid #197beb;
     font-size: 14px;
     text-transform: uppercase;
     border-radius: 25px;
     color: #282828;
     transition: 0.3s ease-in;
     font-weight: 600;
 }

 .pricing-table-1 .price-footer .order-btn i {
     font-size: 13px;
     padding-left: 2px;
 }

 .pricing-table-1 .price-footer .order-btn:hover {
     background-color: #197beb;
     color: #fff;
     border-color: #197beb;
 }

 .pricing-table-1 .price-body ul {
     margin: 0;
     padding: 0;
 }

 .pricing-table-1 .price-body ul li {
     list-style: none;
     display: block;
     color: #8997a7;
     margin: 27px 0;
 }

 .pricing-table-1 .price-body ul li:first-child {
     margin-top: 0;
 }

 .pricing-table-1 .price-body ul li:last-child {
     margin-bottom: 0;
 }
 /* pricng table css ended */