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

html {

  scroll-behavior: smooth;
}



a img.logo{width: 125px;}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{
    color: #ff4817;
    font-size: 18px;
    font-weight: 500;
}
.alert.alert-success.msg {
    width: 585px;
}
.alert.alert-success.err_msg {
    width: 585px;
}
.navbar-light .navbar-nav .nav-link{color: #071949; font-weight: 500; padding-left: 30px; font-size: 18px;}

.orng-btn{color: #ffffff; font-size: 16px;
    background: #ff4817; text-align: center;
    width: 130px; height: 37px; padding: 7px; font-weight: 500;
    margin-top: .2rem;
    display: inline-block;
margin-left: 50px; border-radius: 30px;
box-shadow: 0px 5px 12px 0px #c1c1c1b8;
}

            .nav-item .orng-btn,.center-div .orng-btn{background-color:#64b161;}
              .orng-btn img,.blue-btn img{width: 20px;}

.blue-btn{ color: #ffffff; font-size: 16px;
    background: #0050ac; text-align: center;
    width: 130px; height: 37px; padding: 7px; font-weight: 500;
    margin-top: .2rem;
    display: inline-block;
margin-left: 15px; border-radius: 30px;
box-shadow: 0px 5px 12px 0px #c1c1c1b8;}

.orng-btn:hover,.blue-btn:hover{color: #ffffff; text-decoration: none;}

.side-social{list-style: none; position: absolute; left: -18px; bottom: -5px;}

.center-div{position: absolute; left: 0; right: 0; width: 100%; top: 22%; text-align: center;}

.center-div h5{color: #ffffff; font-size: 28px; }

.center-div h1{color: #ffffff; font-size: 54px; font-weight: 500;}


.center-div h1 span{color: #ff4817;}

.center-div h6{font-size: 18px; color: #ffffff; margin-top: 10px; line-height: 1.4;}

.center-div a{box-shadow: none !important;}

.heading{font-size: 36px; color: #ff4817;
    margin-bottom: 30px;
    text-align: center; font-weight: 600; text-transform: uppercase;}

.heading img{ margin-left: -50px; margin-top: 3px;}

.discription{font-size: 15px; color: #4e4e4e; margin-top: 7px; font-weight: 500; padding: 15px;}

.box1{background: white; text-align: center;
    margin-bottom: 20px;

    padding-bottom: 50px;
    margin-top: 20px;
    position: relative;
    height: 450px;
    box-shadow: 0px 11px 15px -1px #c1c1c1b8; border-radius: 30px;}

.posted-date{font-size: 15px; color: #0050ac; position: absolute; bottom: 10px;
     left: 0; right: 0; text-align: center;}

     .tranp-btn:hover {
        color: #ff4817; text-decoration: none;}
 .tranp-btn {
    color: #ff4817;
    border: 1px solid #ff4817;
    font-size: 16px;
    background:  #ffffff;
    text-align: center;
    width: 130px;
    height: 37px;
    padding: 7px;
    font-weight: 500;

    display: inline-block;
    font-weight: 500;

    border-radius: 30px;

}

.heading2{font-size: 36px; color: #ff4817;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: center; font-weight: 600; text-transform: uppercase;}

.heading2 img{ margin-left: -145px; margin-top: 3px;}

.box2{width: 100%;
    padding-top: 60px;
    padding-bottom: 120px;
    background: url('images/testimonial-bg.png'); background-size: cover; background-repeat: no-repeat;}

.box2-inner{width: 60%; text-align: center; position: relative;}

.carousel-indicators li{width: 10px; height: 10px; border-radius: 50%; background-color: #ff4817;
    border-top: none; border-bottom: none;
    border: 1px solid white;

margin-right: 10px;
margin-left: 10px;
}
.carousel-indicators{bottom: 15px;}

.carousel-indicators li.active{background: #071949;
    box-shadow: 0px 0px 4px 1px #071949;
    border-top: none; border-bottom: none;
border: 1px solid white;
}

.slide1{ width: 100%; background: white; padding-top: 20PX;
    padding-left: 40px;
    padding-right: 40px;
     border-radius: 20PX; padding-bottom: 80PX;}

.slide-heading{font-size: 25px; text-align: center;  color: #ff4817; margin-top: 10px;}

.slide-heading span{ color: #071949; font-size: 12px; margin-left: 5px;}

.details{font-size: 15px; color: #444444; margin-top: 20px;}


.user-name{font-size: 22px;
    text-align: left;

    color: #071949; display: inline-block; margin-left: 10px;}

.disignation{color: #444444; font-size: 17px; display: block;}

.user-name img{text-align: center;}

.border-div{position: absolute; top: 40px;
    border-radius: 20PX;
    bottom: -40px; left: 40px; right: -40px; border: 1px solid white;}

    .heading3{
        font-size: 36px;
        color: #ff4817;
        margin-bottom: 35px;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 40px;
    }
    .heading3 span{color: #071949;}
    .heading3 img{    margin-left: -278px;}

    .list-para{color: #444444; margin-bottom: 0px; font-size: 16px; padding-right: 20px; font-weight: 400;}

    .orng-circle{padding-left: 18px;}
    .orng-circle li{list-style: url('images/orng-circle.png'); color: #444444; font-size: 16px; margin-top: 10px;}
    .heading4{

        font-size: 36px;
        color: #ff4817;
        margin-bottom: 35px;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 80px;
    }

    .heading4 img {
        margin-left: -48px;
    }


    .heading5{

        font-size: 36px;
        color: #ff4817;
        margin-bottom: 50px;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 80px;
    }
    .heading5 span{ color: #071949;}
    .heading5 img {
        margin-left: -118px;
    }

    .form-div{border: 1px solid #ff4817; padding-top: 30px;
         padding-bottom: 30px; padding-left: 30px;
         width: 93%;
         border-radius: 20px; padding-right: 20px;}

         .form-div .form-control{border-radius: 20px;  margin-bottom: 30px;
            border: none; font-size: 15px;
            font-weight: 500;
            padding-left: 25px;
            background-color: #f3f3f3;}

        .form-div .form-control:focus{box-shadow: none; border: 1px solid #ff4817; background: white;}

        .form-div textarea{height: 90px; resize: none; padding-top: 10px;}

        input.orng-btn{outline: none; box-shadow: none;}

        input.orng-btn:focus{box-shadow: none; outline: none;}

        .side-div {
            padding-left: 10px;
            padding-top: 20px;
        }
        .contact-head{font-size: 22px; color: #4e4e4e; font-weight: 500;}


        .number-btnlist{ padding-left: 0px; margin-bottom: 50px; list-style: none;}

        .number-btnlist li{display: inline-block; width: 35%; text-align: left; font-size: 20px; color: #4e4e4e; font-weight: 500;}

        .number-btnlist li .orng-btn{box-shadow: none;}

        .days{display: block; line-height: 1.2; font-size: 18px; color: #4e4e4e; font-weight: 500;}

        .days b{font-weight:800; width: 18%; display: inline-block;}

        .footer-main{background: #bebebe52; padding-top: 50px;
          position: relative;
            margin-top: 100px;}
        img.footer-logo{width: 200px;}

        .footer-list{ list-style: none; padding-left: 0px;}

        .footer-list li{ font-size: 14px; color: #1d1d1d; display: inline-block; width: 19%;}
.footer-list li a{ color: #1d1d1d;}
.footer-list li a:hover{text-decoration: none;}
        .copy-div{border-top: 1px solid #444444; padding-top: 20px; padding-bottom: 13px;}

        .copy{font-size: 12px; color: #444444;}

        .footer-circle{position: absolute; left: 52%; z-index: -1;}

        .tran-circ{ position: absolute; bottom: 13.4%; z-index: -1; left: 20px;
             width: 80px; height: 80px; border-radius: 50%; border: 1px solid #ff481785;}

     .cont-circle{position: absolute; left: 0; top:-15px; z-index: -1;}

     .timing-cirlcle {
         z-index: -1;
        position: absolute;
        bottom: -100px;
        right: 90px;
    }

    .white-tranp{position: absolute; right: 20px; bottom: 20%; width: 27px; height: 27px; border-radius: 50%;
    border: 1px solid #ff481785;}

    .head-top {
        z-index: -1;
        position: absolute;
        top: -80px;
        right: -5px;
    }

    .left-white{width: 70px; height: 70px; border-radius: 50%;
        border: 1px solid #ff481785;
    position: absolute;
    z-index: -1;
    bottom: -40px; left: 40px;
    }
    .small{position: absolute; top: 40%; border-radius: 50%; z-index: -1;
         left: 50%; width: 40px; height: 40px;  border: 1px solid #ff481785;}
.big{position: absolute; bottom: 10%; border-radius: 50%; z-index: -1;
    right: 23%; width: 70px; height: 70px;  border: 1px solid #ff481785;}

.right-circle{position: absolute; right: -24%; top: 30%; z-index: -1;}
body{overflow-x: hidden;}
.white-border{position: absolute; right: 30%; bottom: 10%; border: 1px solid white; width: 50px;
    height: 50px; border-radius: 50%;}

.white-border1{position: absolute; right: 15%; bottom: 20%; border: 1px solid white; width: 70px;
        height: 70px; border-radius: 50%;}

    .white-border2{position: absolute; right: 10%; bottom: 40%; border: 1px solid white; width: 30px;
            height: 30px; border-radius: 50%; }

        .head-white{ right: 10%; top: -100%; position: absolute; height: 90px; width: 90px; border: 1px solid #ff481785;
        border-radius: 50%;
        }

        .head-white1{ left:10%; top: -130%; position: absolute; height: 30px; width: 30px; border: 1px solid #ff481785;
            border-radius: 50%;
            }

            .btw {
                z-index: -1;
                position: absolute;
                top: -256px;
                left: 42%;
            }

            .btw2{ z-index: -1;
          position: absolute;
                top: -670px;
                right: 28%;
            }
            .btw3{ z-index: -1;
                position: absolute;
                      top: -1050px;
                      left: 7%;
                  }

  .white6{position: absolute; left: 40%; top: 53%;}
  .white7{position: absolute; right: 20%; bottom: 16%;}


  .white8{position: absolute; right: 5%; top: 3%;}

  .white9{position: absolute; right: 12%; bottom: 36%;}

    .white3{position: absolute; left:55%; top: 5%;}

    .white4{position: absolute; left: 45%; top: 10%;}
    .white5{position: absolute; left: 65%; top: 10%;}

    .white2{position: absolute; left: 10%; top: 5%;}

    .white1{position: absolute; left: 30%; top: 10%;}

      .head3{position: absolute; left: 10%; top: 72%; z-index: -1;}

        .head4{position: absolute; left:15%; top: 62%; z-index: -1;}


        .head1{position: absolute; left: 20%; top: 62%; z-index: -1;}


        .head2{position: absolute; right:-60px; bottom: 12%; z-index: -1;}

        .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus,
        .navbar-light .navbar-nav .nav-link:active{color: #ff4817;}

        .navbar-light .navbar-toggler{border: none; padding: 0px;}
        button:focus{outline: none;}


        .menu-icon {
            cursor: pointer;
            display: inline-block;
            float: right;
            padding: 8px 0px;
            position: relative;
            user-select: none;
            margin-top: 5px;
          }

          .menu-icon .navicon {
            background: #333;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
          }



     .menu-icon .navicon:before,
 .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

 .menu-icon .navicon:before {
  top: 5px;
}
 .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

 .menu-btn {
  display: none;
}

 .menu-btn:checked ~ .menu {
  max-height: 240px;
}

 .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

 .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}






        @media (min-width: 992px) and (max-width: 1200px){

            .navbar-light .navbar-nav .nav-link{padding-left: 10px; font-size: 15px;}
            .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
            {font-size: 15px;}

            .nav-item .orng-btn,.blue-btn{width: 100px; font-size: 12px; height: 30px; padding: 6px;}

            .nav-item .orng-btn img,.blue-btn img{width: 16px;}


        }

        @media (min-width: 768px) and (max-width: 991px)
        {
          .center-div h5{font-size: 25px;}
          .center-div h1{font-size: 48px;}
          .center-div h6{font-size: 15px;}
          .center-div{top: 15%;}
            .box1{height: 380px; max-height: auto;}

            .navbar-light .navbar-nav .nav-link{padding-left: 10px; font-size: 11px;}

            .navbar-brand{margin-right: 0px;}

            .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav

            .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav

            .show>.nav-link{font-size: 13px;}

            .orng-btn{margin-left: 5px;}

            .head2{right: 0px;}

            .right-circle {
                position: absolute;
                right: 0px;
                top: 69%;
                z-index: -1;
            }

            .side-social{left: -30px; bottom: -140px;}
            .orng-circle li{margin-top: 0px;}
            .list-para{font-size: 14px;}

            a img.logo {
                width: 100px;
                margin-right: 10px;
            }

            .nav-item .orng-btn,.blue-btn{width: 100px; font-size: 12px; height: 30px; padding: 6px;}

            .nav-item .orng-btn img,.blue-btn img{width: 16px;}
            .number-btnlist li{width: 48%; font-size: 18px;}
            .slide-heading{font-size: 20px;}
            .wid-100{max-width: 100%; width: 100%;}

        }

        @media (min-width: 550px) and (max-width: 767px){}

        @media (min-width: 320px) and (max-width: 767px)
        {

            .inner-bg{background: url('images/header-bg.png');
                background-size: cover; background-repeat: no-repeat;
                width: 100%; height: 400px;}

            .navbar-collapse{transition: ease-in-out .3s;}
            .wid-100{max-width: 100%; width: 100%;}


            .btw2 {
                z-index: -1;
                position: absolute;
                top: -656px;
                right: 28%;
            }

            .btw {
                z-index: -1;
                position: absolute;
                top: -256px;
                left: 26%;
            }
            .slide-heading{font-size: 20px;}
            .slide-heading span{font-size: 10px;}
            .details {
                font-size: 11px;
                color: #444444;
                margin-top: 10px;
                font-weight: 600;
            }

            body{overflow-x: hidden;}
            .disignation{font-size: 15px;}

            .side-social{padding-left: 0px; left: 10px; top: 130px;}
            .orng-btn{margin-left: 0px; margin-top: 10px;}

            .navbar-light .navbar-nav .nav-link{padding-left: 0px;}

            .blue-btn{margin-left: 0px; margin-top: 20px;}

            .center-div{top: 25px;}
            .right-circle{right: 20px; top: 100%;}

            .center-div h5{font-size: 18px;}

            .center-div h1{font-size: 24px;}

            .center-div h6{font-size: 13px;}

            .box2-inner{width: 90%;}

            .white-border{bottom: 2%;}
            .white-border1{bottom: 10%;right: 10%;}
            .white-border2{right: 5.5%;}

            .discription{word-break: break-all;}

            .tran-circ{bottom: 15.4%;}

            .number-btnlist li{width: 44%; text-align: center;}

            .contact-head{margin-top: 20px;}

            .box1{height: auto;;}
            .d-no{display: none ;}
            .footer-list li{width: 18%;}

            .col-md-4.text-right.mb-3{text-align: center !important;}
            .copy{text-align: center;}

            .head1{top: 50%; left: 25%;}

            .head2 {
                bottom: 10px;
                right: 0;
            }

            .white3{left: 77%;}

            .timing-cirlcle{right: 20px;}

            .footer-list{text-align: center;}


        }


        @media (min-width: 320px) and (max-width: 385px)
        {
            .center-div{top: 35px;}

            .center-div h5{font-size: 14px; margin-bottom: 2px;}
            .center-div h1 {
                font-size: 16px;
                margin-bottom: 0px;
            }
            .head2{bottom: -10px;}
            .heading3{font-size: 28px;}
            .heading3 img {
                margin-left: -193px;
            }

            .slide1{padding-left: 10px; padding-right: 10px;}
            .number-btnlist li {
                width: 48%;
                text-align: left;

            }

            .footer-list li {
                width: 32%;
            }
            .footer-circle {
                position: absolute;
                left: 66%;
                z-index: -1;
            }

            .border-div{left: 20px; right: -20px;}

            .w-50.float-left.text-right{width: 100% !important; text-align: center !important;}

            .w-50.float-left.text-left.pt-1.pl-2{width: 100% !important; text-align: center !important;}

            .center-div h6 {
                font-weight: 600;
                font-size: 10px;
            }
            .center-div a {
                width: 110px;
                height: 30px;
                padding: 6px 5px;
                font-size: 12px;
            }

            .center-div a img{ width: 16%;}


            .side-social{top: 120px;}

        }

        @media (max-width: 320px){}