* {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.contact ul li {
    list-style: none;
    display: inline-block;
    font-size: 16px;
    color: #1973a2;
    letter-spacing: 0px;
}

.contact.pt-3 ul li i {
    font-size: 23px;
    padding-right: 6px;
    padding-left: 6px;
    color: #031e7c;
}

.contact.pt-3 ul li span {
    font-size: 16px;
    font-weight: 600;
}

.contact.pt-3 ul li a {
    font-size: 21px;
    color: #1973a2;
    text-decoration: none;
    font-weight: 400;
}

.menu {
    background-color: #1973a2;
}

ul.navbar-nav.mr-auto.mt-2.mt-lg-0 li a {
    color: #ffffff;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 500;
}

.header_menu {
    background-color: #fff;
}

.pb_cover_v4 {
    height: inherit;
    text-align: center !important;
    padding: 6em 0;
}

section#section-home {
    background-image: url(../images/bannernew1.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center;
    width: 100%;
    height: auto;
}

/*input.form-control.mr-sm-2 {
font-size: 16px;
font-weight: 300;
}*/
button.btn.btn-outline-success.my-2.my-sm-0 {
    font-size: 15px;
    font-weight: 300;
}

.contact.pt-3 {
    float: right;
}

section.about {
    padding: 3rem 0;
}

.about h2::after {
    position: absolute;
    content: "";
    background: linear-gradient(to right, #5ca9fb 0%, #6372ff 100%);
    height: 4px;
    width: 60px;
    bottom: 0;
    left: 0;
}

.about h2 {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.about-image img {
    width: 100%;
}

.about h3 {
    font-size: 22px;
    margin: 0 0 20px 0;
}

/*.about .about-text li:before {
content: '\f00c';
font-family: 'FontAwesome';
color: #5ca9fb;
font-size: 11px;
font-weight: 300;
padding-right: 8px;
}
*/

.list-style ul li {
    font-size: 18px;
}

.about-text h2 {
    font-size: 26px;
    color: #333;
}

.section-title h2 {
    font-size: 36px;
    color: #1973a2;
}

.section-title h2 {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.section-title p {
    font-size: 18px;
}

section.servicessec {
    background-image: url("../images/testimonial.jpg");
    background-repeat: no-repeat;
}

.service-desc img {
    width: 50px;
}

.service-desc p {
    font-size: 16px;
    text-align: justify;
    color: #777;
    font-weight: 400;
}

.why-image img {
    width: 99%;
}

.features-title h2::after {
    position: absolute;
    content: "";
    background: linear-gradient(to right, #5ca9fb 0%, #6372ff 100%);
    height: 4px;
    width: 60px;
    top: 86%;
    right: 47%;
}

.section-title h2::after {
    position: absolute;
    content: "";
    background: linear-gradient(to right, #5ca9fb 0%, #6372ff 100%);
    height: 4px;
    width: 60px;
    top: 86%;
    right: 47%;
}

.features-title h2 {
    font-size: 36px;
    color: #031e7c;
    text-align: center;
}

.content-grid {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 19px 30px 19px;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid #0000001c;
    transition: all 0.5s ease-in-out;
}

.content-grid .icon-holder {
    float: left;
    border-radius: 2px;
    padding: 0px;
    margin-right: 30px;
    position: relative;
}

.about-text ul li {
    line-height: 24px;
    margin: 16px 0;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    color: #777;
}

/*.content-grid .icon-holder:after {
position: absolute;
content: "";
width: 1px;
height: 100%;
background-color: #d9d9d9;
right: -21px;
top: 0;
transition: all 0.5s ease-in-out;
}*/
.chid-pernt {
    display: table;
    height: 100%;
    width: 100%;
}

.child {
    display: table-cell;
    vertical-align: middle;
}

/*.about-icon {
float: left;
margin-bottom: 50px;
margin-right: 20px;
margin-top: 10px;
}
.about-icon i {
font-size: 30px;
color: #2f519e;
}*/
.text-box p {
    font-size: 16px;
    color: #2d2c2c;
    font-weight: 300;
}

.content-grid:hover {
    background-color: #1973a2b0;
    color: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.content-grid:hover .text-box p {
    color: #ffffff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

.service-desc {
    background: #f8f9fa;
    padding: 5px 18px;
    border: 1px solid #e4e6e8;
    border-radius: 6px;
}

.single_pricing {
    text-align: center;
    margin-top: 20px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.pricing_head {
    padding: 30px 0px;
    background: #4e4d4d;
    position: relative;
    height: 164px;
}

.pricing_body {
    background: #f4f5f9;
    /*padding: 80px 0px 30px 0px;*/
    padding: 73px 0px 0px 0px;
}

.pricing_head h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
}

/*.pricing_head .pricing_price {
background: #fff;
position: absolute;
left: 30%;
bottom: -30%;
width: 150px;
height: 150px;
margin: 0 auto;
padding: 30px 0px;
border-radius: 50%;
box-shadow: 0px 0px 0px 10px rgb(185 186 189 / 30%);
}*/
.pricing_head .pricing_price {
    background: #fff;
    position: absolute;
    left: 22%;
    bottom: -42%;
    width: 136px;
    height: 136px;
    margin: 0 auto;
    padding: 28px 0px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 10px rgb(137 138 140 / 30%);
}

.pricing_head .pricing_price .p_r {
    font-family: 'source_sans_probold';
    font-size: 2.822rem;
    padding-top: 21px;
}

/*.pricing_head .pricing_price .m_t {
font-size: 18px;
text-decoration: overline;
text-transform: capitalize;
}*/
.single_pricing ul li {
    line-height: 45px;
    height: 45px;
    font-size: 18px;
}

.single_pricing a {
    /*margin-top: 30px;
margin-bottom: 30px;*/
    margin-top: 1px;
    margin-bottom: 25px;
}

.btn-md {
    background: #999999;
    padding: 1rem 2rem;
    border: 1px solid transparent;
}

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

.pricing_business .pricing_head {
    background: #1973a2;
}

.pricing_business .btn-md {
    background: #e74c3c;
}

.pricing_head h3 {
    color: #fff;
}

.pricing_business .pricing_head .p_r {
    color:
        #d4650b;
}

.single_pricing:hover {
    box-shadow: 0px 1px 10px 1px #ccc;
}

.Pricing.py-5 {
    background-color: #ececec;
}

/* .form-control {
font-size: 16px;
}
*/
/******Menu part********/
/*.header-top.fixed {*/
/*position: fixed;*/
/*top: -50px;*/
/*left: 0;*/
/*width: 100%;*/
/*z-index: 9;*/
/*background: #fff;*/
/*transition: top 1s ease;;*/
/*}*/
.header-top.fixed {
    position: fixed;
    width: 100%;
    z-index: 9;
    background: #fff;
    transition: top 1s ease;
    ;
}

.banner-form {
    position: absolute;
    top: 0%;
    left: 8%;
    width: 30%;
    padding: 20px;
    border-radius: 10px;
    z-index: 100;
}

.form-wrap {
    /* background: rgba(255, 255, 255, 0.65); */
    background: rgb(0 0 0 / 65%);
    border-top: 8px solid #60b3e0;
    position: relative;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}

.form-wrap .tab-content {
    background: transparent;
    padding: 30px;
}

.form-wrap .tab-content .tab-content-inner.active {
    display: block;
}

.form-group {
    margin-bottom: 15px !important;
}

/* .form-control { */
/* box-shadow: none;
background: transparent; */
/* border: 2px solid rgba(0, 0, 0, 0.1) !important; */
/* height: 46px;
font-size: 20px;
font-weight: 300;
padding-left: 15px;
padding-right: 15px;
background: rgba(255, 255, 255, 0.5); 
color: #000; */
/* } */
.form-control::placeholder {
    color: #ffffff !important;
    opacity: 1;
    font-size: 16px;
}

.sidebar__title {
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    padding-left: 8px;
    margin-bottom: 10px;
    text-align: center;
}

.invalid-feedback {
    display: none;
    font-size: 16px !important;
    width: 100%;
    margin-top: 10px !important;
    color: #dc3545;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.8rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: white !important;
    background: transparent !important;
    background-clip: padding-box;
    border: none;
    border-bottom: 2px solid #ced4da !important;
    border-radius: 10px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-primary {
    background: #1973a2 !important;
    color: #fff;
    border: 2px solid #1973a2 !important;
}

.row.form-group label {
    font-size: 15px;
    color: white;
}

.btn.btn-primary.btn-block.smb {
    font-size: 15px;
}

.banner {
    position: relative;
}

.get-started-btn {
    margin-left: 30px;
    background: #0c364e;
    color: #fff;
    border-radius: 4px;
    padding: 12px 24px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

.text p {
    font-size: 16px;
    /* font-weight: 400; */
}

.text p span {
    font-size: 16px;
}

.text p a {
    font-size: 16px;
    text-decoration: none;
    color: #191818;
}

.footer-area {
    background-color: #242220;
    padding-top: 9px;
}

.copyright p {
    color: #f8f8f8;
    font-size: 14px;
}

.privacy ul li {
    display: initial;
}

.privacy ul li a {
    font-size: 14px;
    color: #f8f8f8;
    text-decoration: none;
}

.privacy {
    float: right;
}

section#Services1 {
    background-color: #f7f7f7;
}

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

.social-icons li {
    display: inline-block;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 30%);
}

.social-icons li a {
    /* -webkit-transition: all .2s ease; */
    -moz-transition: all .2s ease;
    /* transition: all .2s ease; */
    background: #08c;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #fff !important;
    /* text-decoration: none; */
}

/*mobail sticky social media */
.section1 h2 {
    text-align: center;
    font-size: 40px;
}

.section1 p {
    text-align: center;
    padding: 0px 70px;
    color: grey;
}

.sidebarsocial {
    list-style: none;
}

.sidebarsocial li {
    padding: 10px 10px;
    font-size: 25px;
    transition: all 0.8s ease-in-out;
}

.sidebarsocial li:hover {
    margin-right: -30px;
    box-shadow: 2px 5px 10px grey;
}

.sidebarsocial li:hover .fa {
    margin-left: 20px;

}

.fa {
    color: #fff;
    transition: all 0.8s ease-in-out;
}

.fb {
    background-color: #3C5A98;
}

.twitter {
    background-color: #1EA1F2;
}

.insta {
    background-color: #DC4F42;
}

/*pricing*/
.tabbable {
    min-width: 100%;

    .nav-tabs {
        white-space: nowrap;
        display: inline-block;
        min-width: 100%;

        /* // Some tweaks for card-header */
        padding: 0px 21px;

        .nav-item {
            display: inline-block;

            .nav-link {
                display: inline-block;
            }
        }
    }
}

/* // ----- END
// Some stylesheet for Elmah.io */
small {
    font-size: 12px;
}

a {
    color: #0da58e;

    &:hover {
        color: #075e51;
    }
}

.text-dark {
    text-decoration: none !important;
}

.elmahio-ad {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.motto {
    width: 180px;
    font-size: 12px;
    font-weight: bolder;
    padding: 12px;
}


.card {
    position: relative;
    /* display: -ms-flexbox;*/
    display: flex;
    /*-ms-flex-direction: column;*/
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*  background-color: #fff;*/
    background-clip: border-box;
    /* border: 1px solid rgba(0,0,0,.125);*/
    border-radius: .25rem;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    /*  background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);*/
}

input[type=text] {
    font-size: 15px;
}

input.form-control {
    font-size: 15px;
}

textarea.message {
    font-size: 15px;
}

input[type=submit],
textarea {
    font-size: 15px;
}

textarea#message {
    font-size: 15px;
}

/*thankyoupage*/
.wrapper-1 {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.wrapper-2 {
    padding: 30px;
    text-align: center;
}

h1 {
    /*font-family: 'Kaushan Script', cursive;*/
    font-size: 4em;
    letter-spacing: 3px;
    color: #5892FF;
    margin: 0;
    margin-bottom: 20px;
}

.wrapper-2 p {
    margin: 0;
    font-size: 16px;
    color: #aaa;
    letter-spacing: 1px;
    font-family: 'Roboto';
}

.go-home {
    color: #fff;
    background: #5892FF;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}

.footer-like {
    margin-top: auto;
    background: #D7E6FE;
    padding: 6px;
    text-align: center;
}

.footer-like p {
    margin: 0;
    padding: 4px;
    color: #5892FF;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
}

.footer-like p a {
    text-decoration: none;
    color: #5892FF;
    font-weight: 600;
}

@media (min-width:360px) {
    h1 {
        font-size: 4.5em;
    }

    .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width:600px) {
    .content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .wrapper-1 {
        height: initial;
        max-width: 620px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }

}

.go-home a {
    font-size: 14px;
    color: #fff;
}

a:hover {
    text-decoration: none !important;
}

/*pricing 28032021*/
.pricing-card {
    /*width: 700px;*/
    font-family: "Roboto";
    display: flex;
    /*margin: 75px auto;
box-shadow: -2px 2px 30px 0 rgb(220 36 48 / 15%);*/
}

.card-left {
    text-align: center;
    background: linear-gradient(65deg, #7b4397, #dc2430);
    color: #fff;
    /*width: 30%;*/
    padding: 85px 20px;
    border-radius: 6px 0 0 6px;
}

.card-left h1 {
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 8px #1d1d1d;
}

.card-left p {
    font-size: 60px;
}

.card-leftt {
    text-align: center;
    background: linear-gradient(65deg, #667eea, #764ba2);
    color: #fff;
    /*width: 30%;*/
    padding: 85px 20px;
    border-radius: 6px 0 0 6px;
}

.card-leftt h1 {
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 8px #1d1d1d;
}

.card-leftt p {
    font-size: 60px;
}

.rupees {
    font-size: 24px;
    position: relative;
    top: -26px;
}

.card-right {
    text-align: left;
    background: #fff;
    /*width: 70%;*/
    color: #dc2430;
    border-radius: 0 6px 6px 0;
    /*padding: 40px 40px;*/
}

.card-right h1 {
    margin-bottom: 15px;
    color: #292e31;
    opacity: 0.9;
}

.card-right ul {
    margin-bottom: 40px;
}

.card-right li {
    padding-bottom: 6px;
    font-size: 16px;
    color: #585858;
    font-weight: 500;
}

.card-right ul li {
    list-style: none;
}

.button {
    text-decoration: none;
    color: #fff;
    background: #1973a2;
    padding: 15px 25px;
    border-radius: 100px;
    transition: all 500ms ease;
}

.vsms {
    background-color: #b53058;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.vsms:hover {
    color: #fff;
}

.vsmss {
    background-color: #7352ac;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.vsmss:hover {
    color: #fff;
}

.vsmsp {
    background-color: #cc33ff;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.vsmsp:hover {
    color: #fff;
}

.card-leftsm {
    text-align: center;
    background: linear-gradient(65deg, #667eea, #cc33ff);
    color: #fff;
    /*width: 30%;*/
    padding: 85px 20px;
    border-radius: 6px 0 0 6px;
}

.card-leftsm h1 {
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 8px #1d1d1d;
}

.card-leftsm p {
    font-size: 60px;
}

.card-right a:hover {
    color: #ffffff;
}

.wrapper {
    width: 100%;
    /*-webkit-box-shadow: 0px 21px 41px -13px rgb(0 0 0 / 18%);
-moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
box-shadow: 0px 21px 41px -13px rgb(0 0 0 / 18%);*/
}

.icon.d-flex span {
    font-size: 18px;
    color: #1973a2;
}

.d-flex.align-items-center {
    margin-bottom: 12px;
}

.align-items-center .text p {
    margin: 0;
}

.ftco-section {
    background-image: url(../images/footer-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-text ul li {
    line-height: 24px;
    /*margin: 16px 0;*/
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    color: #051b67;
}

.about-text p {
    line-height: 24px;
    margin: 19px 0;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    color: #051b67;
}

.about-image {
    box-shadow: 0 4px 8px 0 rgb(25 115 162 / 8%), -1px 2px 20px 0 rgb(5 27 103 / 12%);
}

i.fa.fa-hand-o-right {
    color: #1973a2;
}

.about .about-text li {
    margin-bottom: 6px;
    margin-left: 6px;
    list-style: none;
    padding: 0;
    /*list-style: disc;*/
}

/*310321*/
.card-but-right {
    float: right;

}

.card-but-right a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 2px 2px 5px #051b67;

}

.card-but-right a:hover {
    color: #ffffff;
}

.card-right ul li i {
    color: #051b67;
    font-size: 12px;
}

.card-right a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.pricing-table .each-table .table-single {
    position: relative;
    padding: 40px 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.section-heading {
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 36px;
    color: #101010d9;
    text-shadow: 2px 2px 8px #464646;
}

.pricing-table .each-table .table-single .section-heading {
    margin-bottom: 15px;
}

/*.pricing-table .each-table .table-single .meta-price {
  line-height: 60px;
  margin-bottom: 0px;
}*/
.pricing-table .each-table .table-single .meta-price .period,
.pricing-table .each-table .table-single .meta-price .currency {
    font-size: 16px;
}

.pricing-table .each-table .table-single .meta-price .currency {
    position: relative;
}

.pricing-table .each-table .table-single .meta-price .rate {
    font-size: 45px;
    font-weight: 200;
}

/*.pricing-table .each-table .table-single .nav {
  padding-left: 0px;
  margin-top: 40px;
}*/
.table-single.right ul li {
    list-style: none;
    font-size: 20px;
    color: #fff;
    border-bottom: 1px dotted #94969a;
}

.table-single.open ul li {
    list-style: none;
    font-size: 20px;
    color: #fff;
    border-bottom: 1px dotted #94969a;
}

.table-single.left ul li {
    list-style: none;
    font-size: 20px;
    color: #fff;
    border-bottom: 1px dotted #94969a;
}

.states.pb-5 {
    background: linear-gradient(rgb(19 17 17), rgb(36 36 37 / 88%)), url(../images/footer_bg.webp) 50% 87%;
    background-size: cover;
    background-position: center;
}

.section-title1 h2 {
    font-size: 36px;
    color: #d0d0d0;
}

/*.pricing-table .each-table .table-single .nav li {
  margin-bottom: 10px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.pricing-table .each-table .table-single .nav li:last-child {
  border-bottom: 0px solid;
  padding-bottom: 0px;
}*/
.pricing-table .each-table .table-single .btn-form {
    margin-top: 50px;
}

.pricing-table.pricing-table-js .each-table .left {
    z-index: 2;
    left: -65px;
}

.pricing-table.pricing-table-js .each-table .right {
    z-index: 2;
    right: -65px;
}

.pricing-table.pricing-table-js .each-table .table-single {
    transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
    -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
    z-index: 1;
}

.pricing-table.pricing-table-js .each-table .table-single.active {
    z-index: 4;
    transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
    -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
    box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);
}

.table-single {
    background: #1973a2a6;
    color: #fff;
}


@keyframes wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }



    48% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-wrench {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}



/*----------custom----------*/
.small-heading {
    color: orange
}

;

.faqs.faqs-section {
    background: url(https://www.sorryonmute.com/wp-content/uploads/2021/10/blog-img-04-HowtoManageUpwards221021.png) !important;
    padding: 60px 0;
}



.faqs .accordion-header {
    background-color: #1f75af !important;
    color: #fff;
}

.faqs .accordion-button,
.faqs .accordion-button:focus {
    background-color: transparent;
    color: #fff;
    border: none;
    outline: none !important;
}

.faqs .accordion-header:hover {
    background-color: #0056b3;
}

.faqs .accordion-item {
    margin-bottom: 20px;
}

.faqs .accordion-header {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

.faqs .accordion-body {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}

.faqs .accordion-body p {
    font-size: 18px;
}

.faqs .accordion-body ul {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.faqs .accordion-body ul li {
    position: relative;
    padding-left: 30px;
    /* Add space for the icon */
    margin-bottom: 10px;
    font-size: 16px;
}

.faqs .accordion-body ul li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #007bff;
    text-align: center;
    line-height: 20px;
}

.faqs .accordion-body ul li:last-child {
    margin-bottom: 0;
}


/*faqs-right*/
.contact-info {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.contact-info .info-container {
    background: linear-gradient(135deg, #020406, #3f96c7);
    padding: 20px 30px;
    border-radius: 5px;
}


.contact-info h4 {
    color: white;
    font-size: 24px;
    margin-bottom: 10px;
}

.contact-info p {
    color: white;
    font-size: 18px;
    margin-top: 0;
}

.contact-info p i {
    color: #007bff;
    /* Change icon color */
    font-size: 20px;
    margin-left: 5px;
}

@media screen and (min-width:992px) {
    .faqs-right {
        position: sticky;
        top: 150px;
    }
}


/*======why choose==========*/
.services-style-one-area {
    padding: 60px 0;
}

.nav-tabs {
    border: none !important;
}

.services-tab-navs {
    background: #fff;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.services-tab-navs .nav-link {
    border: none;
    border-radius: 0;
    padding: 15px 20px;
    color: #555555;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    margin: 10px 0;
    width: 100%;
    display: flex
}

.services-tab-navs .nav-link.active {
    background-color: #1a7dab !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.services-tab-navs .nav-link.active .icon i {
    color: #eee !important;

}

.services-tab-navs .nav-link:hover {
    background-color: #f9f9f9;
    color: #333333;
}

.services-tab-navs .icon {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}

.services-tab-navs .info {
    display: block;
}

.services-tab-navs .info b {
    display: block;
    font-weight: bold;
    color: #ff6b6b;
}

.services-style-one .info h2 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 15px;
}

/*.services-style-one .info p {*/
/*    font-size: 16px;*/
/*    line-height: 1.8;*/
/*    color: #555555;*/
/*}*/

.services-style-one .thumb img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.bottom-line {
    border-bottom: 1px solid gray;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .services-tab-navs .nav-link {
        font-size: 14px;
        padding: 10px 15px;
    }

    .services-style-one .info h2 {
        font-size: 20px;
    }

    .services-style-one .info p {
        font-size: 14px;
    }
}

.about-text strong {
    font-size: 20px;
}

.img-fluid {
    width: 100%;
}

/*======== tags===========*/
.tag-container .tags p span {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    background-color: #7689b36b;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
}

.tag-bg {
    background: #000;
}

p.gap-1 {
    margin-top: 10px;
}

.tag-cont {
    padding: 10px;
    margin-top: 50px;
}

.tag {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    background-color: transparent;
    color: #777777;
    outline: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-decoration: none;
}

.tag-icon {
    margin-right: 5px;
    font-size: 1.2em;
}


/*===================================*/
/*------breadcrumb----------*/
/*===================================*/
.breadcrumb-section {
    padding: 50px 0;
    background: #eee;
}

.breadcrumb-section .breadcrumb-title {
    padding: 30px 0;
    text-align: center
}

.breadcrumb-section .breadcrumb-title h2 {
    color: #1973a2;
    text-transform: uppercase;
    font-weight: 600;
}

.breadcrumb-section ul.breadcrumb-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}


/*=============================*/
/*------footer floating buttons-----------*/
/*=============================*/
.buttons-container {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
}

.whats-float {
    /*position: fixed;*/
    transform: translate(108px, 0px);
    /*top:47%;*/
    /*right:0;*/
    width: 150px;
    overflow: hidden;
    background-color: #25d366;
    color: #FFF;
    border-radius: 2px 0 0 2px;
    /*z-index: 10;*/
    transition: all 0.5s ease-in-out;
    vertical-align: middle;
    z-index: 9999;
}

.whats-float a span {
    color: white;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align: center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform: translate(0px, 0px);
}

.whats-float:hover i {
    transform: rotate(360deg);
}



/*--call---*/
.call-float {
    /*position: fixed;*/
    transform: translate(108px, 0px);
    /*top:53%;*/
    /*right:0;*/
    width: 150px;
    overflow: hidden;
    background-color: blue;
    color: #FFF;
    border-radius: 2px 0 0 2px;
    /*z-index: 10;*/
    transition: all 0.5s ease-in-out;
    vertical-align: middle;
    z-index: 9999;
}

.call-float a span {
    color: white;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.call-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align: center;

}

.call-float:hover {
    color: #FFFFFF;
    transform: translate(0px, 0px);
}

.call-float:hover i {
    transform: rotate(360deg);
}

[data-aos=fade-left] {
    transform: none !important;
}


.footer-social li i {
    font-size: 1.5rem;
}

.footer-social li {
    padding: 10px 15px;
}



.footer-area.footer-links h5 {

    font-size: 18px;
    /* Adjust heading font size */
    margin-bottom: 15px;
    /* Add space below heading */
    color: #ccc;
    /* Set h5 color */
    transition: color 0.3s;
    /* Smooth color transition */
    position: relative;
    /* Required for pseudo-element */
}

.footer-area.footer-links h5.other {
    margin-left: 2rem;
}

.footer-area.footer-links h5::after {
    content: '';
    display: block;
    width: 10%;
    height: 1px;
    background: #fff;
    /* Underline color */
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width 0.3s;
    animation: underline 1s infinite linear;
}

/*.footer-area.footer-links h5:hover::after {*/
/*    width: 100%;*/
/*}*/
@keyframes underline {
    0% {
        width: 10%;
    }

    50% {
        width: 20%;
    }

    100% {
        width: 10%;
    }
}

/*.footer-area.footer-links ul.nav-other {*/
/*    margin-left: 2rem;*/
/*}*/
.footer-area.footer-links .nav-item {
    margin-bottom: 10px;
    text-align: left;
    font-size: 1.5rem;
}

.footer-area.footer-links .nav-item a {
    color: #bbb;
    /* Link text color */
    text-decoration: none;
    /* Remove underline */
    transition: color 0.3s;
    /* Smooth color transition */
    font-size: 1.2rem;
}

.footer-area.footer-links .nav-item a:hover {
    color: #fff;
    /* Change color on hover */
}

/* Hide the dropdown menu by default */
/* Hide the dropdown menu by default */
.dropdown-menu {
    display: none;
    opacity: 0;
    transition: opacity 1s ease;
    /* Adding transition for opacity */
}
.navbar-nav > li:nth-child(6) .dropdown-menu {
    overflow-y: scroll;
    max-height: 150px;
}
/* Show the dropdown menu when hovering over the dropdown trigger */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    /* Make the dropdown visible */
}

.g-recaptcha {
    transform: scale(0.77) !important;
    -webkit-transform: scale(0.77) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
}

@media screen and (min-width:1600px) {
    .g-recaptcha.recaptcha-input {
        margin-left: 5rem
    }
}


.post-meta {
    margin-top: 15px;
    padding: 10px 12px;
    background: linear-gradient(90deg, #fff8f0, #fefefe);
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
}

.post-meta i {
    font-size: 18px;
    color: #031e7c;
}

.post-meta span {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.post-heading {
    font-weight: 600;
    font-size: 33px;
}

.post-meta .all-admin {
    display: flex;
    justify-content: center;

}

.menu-box {
    background: #eef4ff;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.menu-box a {
    display: block;
    color: #0059ff;
    text-decoration: none;
    padding: 5px 0;
    font-size: 15px;
}

.menu-box a:hover {
    text-decoration: underline;
}

.post-entry blockquote {
    background: url(../images/icon-blockquote.svg), #1973a2;
    background-repeat: no-repeat;
    background-position: 35px 30px;
    background-size: 58px;
    border-radius: 30px;
    padding: 30px 30px 30px 100px;
    margin-bottom: 30px;
    color: #fff;
}

blockquote p {
    font-size: 22px;
}

.post-entry i {
    color: #031e7c;
    font-size: 18px;
    margin-right: 12px;
}

.post-entry ul li {
    font-size: 18px;
    font-weight: 500;
    color: #81848a;
    position: relative;
    margin-bottom: 15px;
}

.post-entry h3 {
    font-size: 30px;
    font-weight: 600;
    color: #343a40;
}

.project-detail-title {
    border-radius: 12px;
}

.project-detail-title h3 {
    background: #1973a2;
    color: #fff;
    padding: 12px;
    font-size: 23px;
}

.project-detail-list {
    padding: 12px;
}

.post-content {
    padding-left: 16px;
}

.sidebar-cta-box {
    position: relative;
    background-image: url(https://www.ynorme.com/blog/wp-content/uploads/2024/04/election-campaign-process.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
    padding: 25px;
    overflow: hidden;
    z-index: 1;
}

.sidebar-cta-box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 83%;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.sidebar-cta-content {
    position: relative;
    margin-bottom: 30px;
}

.sidebar-cta-contact-item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.sidebar-cta-contact-item:last-child {
    margin: 0;
}

.sidebar-cta-content h3 {
    font-weight: 600;
    font-size: 37px;
    color: var(--white);
}

.sidebar-cta-content span {
    font-weight: 600;
    font-size: 37px;
    color: #1973a2;
}

.sidebar-cta-content p {
    font-size: 23px;
    color: #fff
}

.sidebar-cta-contact-list {
    position: relative;
}


.sidebar-cta-contact-item .icon-box {
    position: relative;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 15px;
    background: #fff;
    overflow: hidden;
    z-index: 1;
}

.cta-contact-item-title h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.cta-contact-item-title h3 a {
    color: #ffc107 !important;
    font-size: 19px;
}

.tag-links a {
    background: #051b67;
    padding: 12px;
    color: #fff;
}

.post-tags {
    padding: 23px;
    background: #6c757d;
    border-radius: 12px;
}

.title {
    font-size: 26px;
    color: #fff;
}

.tags li a {
    color: #fff;
    border: 1px solid #ffffff;
    font-size: 13px;
    background: #031e7c;
}

.tags li a:hover {
    color: #fff;
}

.blog-img img {
    width: 100%;
}

.blog-box {
    padding: 18px;
    border-radius: 12px;
    box-shadow: 2px 3px 5px 2px #000;
}

.blog-box h2 {
    font-weight: 600;
    font-size: 22px;
    margin: 16px 0px;
}

.blog-content p {
    border-bottom: 1px solid #2422202b;
    padding-bottom: 12px;
}
.btn-blog{
    margin-top: 23px;
}
.btn-blog a{
    background: #1973a2;
    color: #ffff;
    padding: 14px 33px;
    border-radius: 23px;
    font-weight:600;
    font-size: 15px;
}


.btn-blog a:hover{
    background: #000;
    color: #1973a2;
    padding: 14px 33px;
    border-radius: 23px;
}

.light-theme .current {
    background: #031e7c!important;
    color: #FFF!important;
    border-color: var(--dark);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}