/* popup css here */
.popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
}

.popup .close {
    position: relative;
}

.popup .close span i {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 111;
    color: #fff;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    border-radius: 1px;
}

.popup form {
    width: 32%;
    padding: 10px 20px 15px 20px;
    box-shadow: 0px 0px 2px #bcbcbc;
    background: #061824;
    border-radius: 5px;
    position: fixed;
    top: 110px;
    left: 455px;
    z-index: 111;
}

.popup form label {
    font-size: 13px;
    font-weight: 300;
    line-height: 2;
    color: #fff;
    letter-spacing: .7px;
}

.popup form label span {
    color: red;
    font-size: 16px;
}


.popup form .form_group button {
    margin-top: 10px;
    cursor: pointer;
}

.popup form .form_group .form_control {
    width: 100%;
    padding: 8px;
    border: 1px solid #bcbcbc;
    border-radius: 100px;
    outline: none;
    margin-bottom: 5px;
    resize: none;
}

.popup form .form_group .form_control::placeholder {
    font-size: 12px;
    color: #000;
}






/* topbar css here */
.topbar {
    padding-top: 8px;
    padding-bottom: 3px;
    border-bottom: 3px solid #0093ff;
}

#myHeader .barss {
    display: none;
}

.topbar .left {
    width: 50%;
}

.topbar .left .box {
    width: calc(50% - 0px);
    display: flex;
    gap: 0.5rem;
}

.topbar .left .box span {
    font-size: 13px;
    color: #669E43;
    margin-top: -3px;
}

.topbar .left .box .content p {
    transition: all 0.5s ease-in-out;
    font-size: 11px;
}

.topbar .left .box .content p:hover {
    color: #669E43;
}

.topbar .left .box .content p a {
    transition: all 0.5s ease-in-out;
    font-size: 11px;
}

.topbar .left .box .content p a:hover {
    color: #669E43;
}

.topbar .right {
    width: 50%;
}

.topbar .right .box span {
    font-size: 12px;
    color: #669E43;
}

.topbar .right .box {
    display: flex;
    gap: 0.5rem;
}

.topbar .right .box .content p a {
    transition: all 0.5s ease-in-out;
    font-size: 11px;
}

.topbar .right .box .content p a:hover {
    color: #669E43;
}

header {
    padding: 5px 0;
    box-shadow: inset 1000px 1000px rgba(0, 0, 0, 92%);
}

header .logo {
    width: 15%;
}

header .logo a img {
    width: 110px;
    position: absolute;
    z-index: 1111;
    left: 20px;
    top: 14px;
}

header .nav {
    width: 70%;
}

header .nav ul {
    gap: 1.2rem;
}

header .nav ul li a {
    color: #fff;
    transition: all .5s ease-in-out;
    font-size: 13px;
}

header .nav ul li a:hover {
    color: #669E43;
}

header .open {
    width: 15%;
}



header .nav ul .all-dropdown {
    position: relative;
}

header .nav ul .all-dropdown .dropdown {
    position: absolute;
    top: 63px;
    left: 0;
    z-index: 1111;
    padding: 5px 0 10px 10px;
    background: #00355a;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    transition: all .7s ease-out;
}

header .nav ul .dropdown:hover .sub_dropdown {
    visibility: visible;
    opacity: 1;
}

header .nav ul .all-dropdown:hover .dropdown {
    transform: translateY(-20px);
    visibility: visible;
    opacity: 1;
}

header .nav ul .all-dropdown .dropdown li {
    line-height: 1.5;
}

header .nav ul .all-dropdown .dropdown li i {
    font-size: 11px;
    margin-right: 1px;
    color: #fff;
}

header .nav ul .all-dropdown .dropdown li a {
    font-size: 11px;
    letter-spacing: .7px;
}

/* all sub dropdown */
header .nav ul .dropdown .all_sub_dropdown {
    position: relative;
}

header .nav ul .all_sub_dropdown .sub_dropdown {
    width: 310px;
    position: absolute;
    top: 110px;
    left: 370px;
    z-index: 111;
    background: #00355a;
    padding: 5px 0px 10px 10px;
    line-height: 1.7;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.7s ease-in-out;
}

header .nav ul .all_sub_dropdown:hover .sub_dropdown {
    transform: translateY(-20px);
    visibility: visible;
    opacity: 1;
}

header .nav ul .sub_dropdown li i {
    font-size: 11px;
    margin-right: 5px;
    color: #fff;
}

header .nav ul .sub_dropdown li {
    line-height: 1.5;
}

header .nav ul .sub_dropdown li a {
    font-size: 11px;
    letter-spacing: .7px;
}
.popup form .form_group {
    position: relative;
}

.help-inline {
    font-size: 12px;
    font-weight: 900;
    color: red;
    position: absolute;
    right: 10px;
    bottom: -15px;
}






.nav ul li .angleone i {
    font-size: 13px;
    margin-top: 5px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 111;
}

.sticky+.flex-row {
    padding-top: 102px;
}

.slider .box {
    position: relative;
}

.slider .box figure img {
    width: 100%;
    height: 90vh;
    transition: all 2s ease-in-out;
    object-fit: cover;
}

.slider .box.slick-active figure img {
    animation: zoomImg 10s forwards ease-out;

}

@keyframes zoomImg {
    0% {
        scale: 1;
    }

    100% {
        scale: 1.15;
    }
}

.slider .box::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}

.slider .box .content {
    position: absolute;
    top: 25%;
    left: 0;
    z-index: 11;
    text-align: center;
}

.slider .box .content ul {
    gap: .5rem;
}

.slider .box .content h3 {
    color: #fff;
    font-size: 27px;
}

.slider .box .content p {
    color: #fff;
    padding: 10px 250px;
    font-size: 13px;
}

.slider .box .content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

.slider .box .content h2 span {
    color: #669E43;
}

.about .left {
    width: 49%;
}

.about .left figure {
    position: relative;
    overflow: hidden;
}

.about .left figure img {
    width: 100%;
    transition: all 3s ease-in-out;
}

.about .left figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
}

.about .right {
    width: 49%;
    padding-top: 15px;
}

.about .right .content {
    padding-bottom: 18px;
}

.about .right .content h2 {
    color: #669E43;
}

.about .right .content h6 {
    padding-bottom: 5px;
    font-weight: 700;
}

.about .right h3 {
    padding: 10px 0;
}

.about .right .tab ul {
    gap: 1rem;
}

.about .right .tab ul li {
    border: 1px solid #bcbcbc;
    padding: 7px 15px;
    border-radius: 2px;
}

.about .right .tab ul li a {
    font-size: 14px;
    font-weight: 600;
}

.about .right h3 span {
    font-size: 32px;
    color: #669E43;
}

.about .right .listtwo {
    padding-top: 20px;
}

.about .right .listone {
    padding: 20px 0;
}

.about .right .listone li {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    line-height: 1.6;
    margin-bottom: 8px;
}

.about .right .listone li i {
    width: 20px;
    height: 20px;
    border: 1px solid #bcbcbc;
    border-radius: 2px;
    margin-right: 10px;
    padding-left: 4px;
    padding-top: 4px;
    color: #669E43;
}

.project {
    padding-top: 0px !important;
}

.project .heading h2 span {
    color: #669E43;
}

.project .project_slider .box {
    margin: 4px;
    padding: 3px;
    box-shadow: 0px 0px 7px #bcbcbc;
}

.project .project_slider .box figure {
    position: relative;
    overflow: hidden;
}

.project .project_slider .box figure img {
    width: 100%;
    height: 215px;
    transition: all 3s ease-in-out;
}

.project .project_slider .box figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
}

.project .project_slider .box p {
    padding: 7px 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    height: 100px;
}

.project .project_slider .box h4 {
    font-size: 11px;
    font-weight: 500;
    padding: 7px 0;
    background: #17649B;
    color: #fff;
    margin: 0 -3px -3px -3px;
    transition: all .5s ease-out;
}

.project .project_slider .box h4:hover {
    background: #669E43;
}

.jionus {
    background-image: url(../Assets/images/background2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 1000px 1000px rgba(0, 0, 0, 60%);
}

.jionus .left {
    width: 49%;
    padding: 27px;
    background: #ffffff24;
    height: 312px;
    border-radius: 5px;
}

.jionus .left p {
    color: #fff;
}

.jionus .left h4 {
    color: #17649B;
    padding-bottom: 15px;
    font-size: 17px;
}

.jionus .left h2 {
    padding-bottom: 10px;
    color: #669E43;
}

.jionus .right {
    width: 49%;
    margin-top: 15px;
}

.jionus .right .col {
    width: calc(49% - 9px);
    margin: 0px 7px 15px 7px;
    display: flex;
    gap: 0.5rem;
    padding: 5px;
    background: #0000008c;
    border: 1px solid #686868;
    border-radius: 5px;
}

.jionus .right .col .content {
    color: #fff;
    padding: 20px;
}

.jionus .right .col .content h2 {
    padding-bottom: 5px;
    font-size: 34px;
}

.jionus .right .col .content h5 {
    font-size: 17px;
}

.jionus .right .col span i {
    font-size: 27px;
    color: #669E43;
    padding-top: 25px;
}

.customerreview {
    padding-top: 0px !important;
}

.customerreview .heading h2 span {
    color: #669E43;
}

.customerreview .review_slider .box {
    text-align: center;
}

.customerreview .review_slider .box h4 {
    padding-bottom: 5px;
}

.customerreview .review_slider .box h5 {
    padding-bottom: 5px;
    font-size: 15px;
}

.customerreview .review_slider .box h6 {
    padding-bottom: 5px;
    font-size: 13px;
    color: #669E43;
}

.customerreview .review_slider .box figure {
    padding: 15px 0;
}

.customerreview .review_slider .box figure img {
    width: 100px;
    margin: 0 auto;
    border-radius: 50%;
}


.footer {
    padding-bottom: 0px !important;
    padding-top: 70px !important;
    background-image: url(../Assets/images/fback.png);
    box-shadow: inset 1000px 1000px rgba(0, 0, 0, 60%);
}

.footer .col {
    width: calc(25% - 20px);
}

.footer .col h4 {
    color: #fff;
}

.footer .col p {
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.7px;
}

.footer .col:nth-of-type(2) {
    padding-left: 50px;
}

.footer .col h4 {
    font-size: 15px;
    padding-bottom: 15px;
}

.footer .col h4 span {
    color: #51b7ff;
}

.footer .col .box {
    display: flex;
    gap: 1rem;
}

.footer .col ul li a {
    font-size: 11px;
    line-height: 2.5;
    color: #fff;
}

.footer .col .recentpost li {
    font-size: 13px;
    padding-bottom: 5px;
    border-bottom: 1px solid #51b7ff4f;
    color: #fff;
}

.footer .col .box {
    padding-bottom: 15px;
}

.footer .col .box .content h5 {
    color: #fff;
    font-size: 13px;
}

.footer .col .box .content p {
    color: #fff;
    font-size: 11px;
}

.footer .col .box .content p a {
    color: #fff;
    font-size: 11px;
}

.footer .col .box .content p a:hover {
    color: #51b7ff;
    font-size: 13px;
}

.footer .col .box span i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #51b7ff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    transition: all .5s ease-out;
}

.footer .col .box span i:hover {
    background: #000;
    border: 1px solid #000;
}

.footer .col .spacea {
    gap: 1rem;
    margin-top: 20px;
}

.footer .col .spacea li i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #51b7ff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    transition: all .5s ease-out;
}

.footer .col .spacea li i:hover {
    background: #000;
    border: 1px solid #000;
}

.footer .col ul li a i {
    font-size: 11px;
    margin-right: 5px !important;
}

.footer .col ul li a:hover {
    color: #51b7ff;
}

.footer .copyright {
    /* background: #1D1D1D; */
    border-top: 1px solid #868686;
    margin-top: 20px;
}

.footer .copyright p {
    font-size: 11px;
    padding: 7px 0;
    text-align: center;
    color: #fff;
}

.footer .copyright p a {
    color: #51b7ff;
    font-weight: 700;
    font-size: 11px;
}

.footer .copyright p a:hover {
    color: #669E43;
}


/* about page css here */

.banner {
    background-image: url(../Assets/banner/aboutbanner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 33vh;
}

.banner::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
}

.banner .content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #fff;
}

.banner .content h2 span {
    color: #669E43;
}

.banner .content ul {
    gap: .3rem;
}

.services .heading h2 span {
    color: #669E43;
}

.services .col {
    width: calc(33.33% - 10px);
    margin: 0px 5px 10px 5px;
    border: 1px solid #bcbcbc;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #bcbcbc;
    position: relative;
}

.services .col::after {
    transform: translate(-50%, -50%) scaleY(0);
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 98%;
    height: 97%;
    transform-origin: center;
    background: #17649B;
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
}

.services .col:hover::after {
    transform: translate(-50%, -50%) scaleY(1);
}

.services .col .content ul li {
    font-size: 13px;
    line-height: 2;
}

.services .col span i {
    width: 60px;
    height: 60px;
    font-size: 21px;
    border: 1px solid #17649B;
    color: #17649B;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    transition: all .5 s ease-out;
}

.services .col span i:hover {
    color: #669E43;
    border: 1px solid #669E43;
}

.services .col .content {
    padding-top: 20px;
    text-align: center;
}

.services .col .content h5 {
    padding-bottom: 10px;
}

.gallery .heading h2 span {
    color: #669E43;
}

.gallery .col {
    width: calc(25% - 10px);
    margin: 0px 5px 10px 5px;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px #bcbcbc;
}

.gallery .col figure {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.gallery .col figure img {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    transition: all 4s ease-in-out;
    object-fit: cover;
}

.gallery .col figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
}

/* gallery page css here */

.gallery1 .heading h2 span {
    color: #669E43;
}

.gallery1 .col {
    width: calc(25% - 10px);
    margin: 0px 5px 10px 5px;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px #bcbcbc;
}

.gallery1 .col figure {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.gallery1 .col figure img {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    transition: all 4s ease-in-out;
    object-fit: cover;
}

.gallery1 .col figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
}

/* about page css here */
.aboutpage .heading p {
    padding: 7px 20px;
}

.aboutpage .heading h2 span {
    color: #669E43;
}

.aboutpage .left {
    width: 49%;
}

.aboutpage .left figure img {
    width: 94%;
    height: 450px;
}

.aboutpage .right {
    width: 49%;
}

.aboutpage .right .box {
    display: flex;
    gap: 1rem;
    margin-top: 15px;
}

.aboutpage .right .box span i {
    width: 32px;
    height: 32px;
    background: #669E43;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-out;
}

.aboutpage .right .box span i:hover {
    background: #000;
}

.aboutpage .right h2 {
    padding: 10px 0;
}

.aboutpage .right h2 span {
    color: #669E43;
}


.aboutpage .right .content h6 {
    color: #669E43;
    padding-bottom: 5px;
}

.aboutpage .right .content>span {
    display: block;
    width: 135px;
    height: 2px;
    background-color: #669E43;
}

/* support section css here */
.support-section .left {
    width: 36%;
}

.support-section .heading p {
    color: #669E43;
    padding: 10px 0;
}

.support-section .heading h3::first-letter {
    color: #669E43;
}

.support-section .box {
    display: flex;
    justify-content: flex-start;
    gap: 1.5rem;
    padding: 25px;
    box-shadow: 0px 0px 4px #bcbcbc;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: all 2s ease-in-out;
    height: 154px;
}

.support-section .box:hover {
    background: #669E43;
    cursor: pointer;
}

.support-section .box span i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 17px;
    border: 1px solid #17649b;
    border-radius: 50%;
}

.support-section .right {
    width: 62%;
}

.support-section .right form {
    padding: 25px 30px;
    box-shadow: 0px 0px 4px #bcbcbc;
    border-radius: 5px;
}

.support-section .right form .form_group {
    position: relative;
    width: calc(50% - 10px);
    margin-bottom: 7px;
}

.support-section .right form .form_group label {
    line-height: 1.8;
}

.support-section .right form .form_group label sup {
    color: rgba(255, 0, 0, 0.63);
    font-size: 17px;
}

.support-section .right form .form_group .form_control {
    width: 100%;
    /* padding: 13px; */
    padding: 8px 10px;
    border: 1px solid #17649b52;
    outline: none;
    border-radius: 3px;
}

.support-section .right form .form_group select {
    width: 100%;
    padding: 13px;
    border: 1px solid #17649b52;
    outline: none;
    border-radius: 3px;

}

.support-section .right form textarea {
    width: 100%;
    padding: 13px;
    border: 1px solid #17649b52;
    outline: none;
    border-radius: 3px;
    resize: none;
}

.support-section .right form label {
    line-height: 1.8;
}

.support-section .right form label sup {
    color: rgba(255, 0, 0, 0.63);
    font-size: 17px;
}

/* development section css here */
.development {
    padding-bottom: 0;
}
.development .heading h2 span {
    color: #669E43;
}

.development .heading p {
    padding: 10px 0;
}

.development .heading ul li {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
}

.development .heading ul li i {
    font-size: 10px;
    margin-right: 5px;
}

/* front_end section css here */
.front_end {
    /* padding-top: 0; */
    /* padding-bottom: 0; */
}

.front_end .col {
    width: calc(50% - 10px);
    margin: 0 0px;
    padding: 4px;
}

.front_end .col:nth-of-type(1) {
    box-shadow: 0px 0px 2px #62ff00;
    border-radius: 4px;
}

.front_end .col figure {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.front_end .col figure img {
    width: 100%;
    height: 100%;
    transition: all 4s ease-in-out;
    border-radius: 100%;
}

.front_end .col figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
    border-radius: 4px;
}

.front_end .col .content h5 {
    color: #669E43;
    padding-bottom: 5px;
}

.front_end .col .content p {
    padding: 15px 0;
}

.front_end .col .content>span {
    display: block;
    width: 130px;
    height: 2px;
    background: #669E43;
}

.front_end .col ul li {
    line-height: 2;
    font-size: 12px;
    font-weight: 600;
}

.front_end .col ul li i {
    font-size: 10px;
    margin-right: 5px;
}

/* development1 section css here */
.development1 {
    background-image: url(../Assets/banner/ddd.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 1000px 1000px rgb(255 255 255 / 80%);
}

.development1 .heading h2 span {
    color: #669E43;
}

.development1 .heading p {
    padding: 10px 0;
}

.development1 .heading ul li {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
}

.development1 .heading ul li i {
    font-size: 10px;
    margin-right: 5px;
}


/* front_end1 section css here */
.front_end1 {
    /* padding-top: 0; */
    /* padding-bottom: 0; */
}

.front_end1 .col {
    width: calc(50% - 10px);
    margin: 0 0px;
    padding: 4px;
}

.front_end1 .col:nth-of-type(2) {
    box-shadow: 0px 0px 2px #62ff00;
    border-radius: 4px;
}

.front_end1 .col figure {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.front_end1 .col figure img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: all 4s ease-in-out;
}

.front_end1 .col figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
    border-radius: 4px;
}

.front_end1 .col .content h5 {
    color: #669E43;
    padding-bottom: 5px;
}

.front_end1 .col .content p {
    padding: 15px 0;
}

.front_end1 .col .content>span {
    display: block;
    width: 130px;
    height: 2px;
    background: #669E43;
}

.front_end1 .col ul li {
    line-height: 2;
    font-size: 12px;
    font-weight: 600;
}

.front_end1 .col ul li i {
    font-size: 10px;
    margin-right: 5px;
}


.project1 .heading h2 span {
    color: #669E43;
}

.project1 .project_slider .box {
    margin: 4px;
    padding: 3px;
    box-shadow: 0px 0px 7px #bcbcbc;
}

.project1 .project_slider .box figure {
    position: relative;
    overflow: hidden;
}

.project1 .project_slider .box figure img {
    width: 100%;
    height: 215px;
    transition: all 3s ease-in-out;
}

.project1 .project_slider .box figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
}

.project1 .project_slider .box p {
    padding: 7px 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    height: 100px;
}

.project1 .project_slider .box h4 {
    font-size: 11px;
    font-weight: 500;
    padding: 7px 0;
    background: #17649B;
    color: #fff;
    margin: 0 -3px -3px -3px;
    transition: all .5s ease-out;
}

.project1 .project_slider .box h4:hover {
    background: #669E43;
}


/* blog section css here */
.blog .col {
    width: calc(33.33% - 20px);
    margin: 0 10px;
}

.blog .col .flex-row {
    margin: 10px 0;
}

.blog .col .col1 {
    width: calc(50% - 20px);
}

.blog .col .col1 h6 {
    font-size: 13px;
}

.blog .col .col1 a {
    font-size: 14px;
    font-weight: 600;
    color: red;
    cursor: pointer;
}

.blog .col p {
    color: #17649b;
}

.blog .col figure {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.blog .col figure img {
    width: 100%;
    border-radius: 4px;
    transition: all 4s ease-in-out;
}

.blog .col figure:hover img {
    transform: scale(1.15);
    cursor: crosshair;
}


/* team section css here */

.team .col {
    width: calc(25% - 5px);
    border: 2px solid #17649b80;
    padding: 15px;
    border-radius: 4px;
    margin-top: 5px;
    height: 270px;
}

.team .col .content {
    padding: 10px 0;
    transition: all .5s ease-out;
}

.team .col .content:hover {
    transform: translateY(-5%);
    cursor: pointer;
}

.team .col .content:hover p {
    border-bottom: 2px solid #669E43;
}

.team .col .content p {
    padding: 5px 0;
    border-bottom: 2px solid #17649B;
    border-radius: 10px;
    transition: all .5s ease-out;
}

.team .col figure img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding: 5px;
    box-shadow: 0px 0px 7px #17649B;
    border-radius: 50%;
    object-fit: cover;
}
.team .col li {
    width: calc(50% - 0px);
    font-size: 7px;
    padding-top: 10px;
    color: red;
}

/* team section css here */
.team-section {
    background-image: url(../Assets/banner/formbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 1000px 1000px rgba(0, 0, 0, 80%);
}

.team-section .heading h2 {
    color: #fff;
}

.team-section .heading h2 span {
    color: #669E43;
}

.team-section .team_slider .box {
    margin: 0 5px;
    padding: 15px;
    border: 1px solid #6b6b6b;
    border-radius: 8px;
}

.team-section .team_slider .box figure img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0px 0px 150px #bcbcbc;
}

.team-section .team_slider .box .content {
    padding-top: 20px;
    text-align: center;
    border-bottom: 2px solid #bdbdbd;
    border-radius: 10px;
}

.team-section .team_slider .box .content h5 {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}

.team-section .team_slider .box .content h6 {
    font-size: 8px;
    color: #fff;
    font-weight: 400;
    padding-bottom: 7px;
}


/* media query for tablet screen */
@media screen and (max-width: 1024px) {}





/* media query for tablet screen */
@media screen and (max-width: 767px) {
    .topbar .left {
        width: 100%;
    }

    .topbar .left .box {
        width: 100%;
        padding-bottom: 4px;
    }

    .topbar .right {
        width: 100%;
        display: block;
        padding-bottom: 4px;
    }

    .topbar .left .box .content p {
        font-size: 11px !important;
    }

    .topbar .left .box .content p a {
        font-size: 11px !important;
    }

    .topbar .right .box .content p a {
        font-size: 11px !important;
    }
    header {
        padding: 25px 0;
    }

    header .logo a img {
    width: 51px;
    left: 10px;
    top: 7px;
    }

    header .nav {
        width: 100%;
    }

    header .nav ul {
        display: flex;
        flex-direction: column;
        line-height: 2.1;
        margin-top: 20px;
        margin-bottom: 10px;
        display: none;
    }

    header .nav ul .all-dropdown .dropdown li {
        line-height: 2;
    }

    header .flex-row {
        align-items: start !important;
        justify-content: start !important;
    }

    header .nav ul .all-dropdown .dropdown li a {
        font-size: 10px !important;
    }

    header .nav ul .all-dropdown .dropdown {
        width: 334px;
    }

    header .nav ul .all_sub_dropdown .sub_dropdown {
        top: 150px;
        left: 10px;
        width: 333px;
    }
    #myHeader {
        position: relative;
    }

    #myHeader .barss {
        display: block;
        position: absolute;
        top: 5px;
        right: 20px;
        z-index: 99;
        font-size: 27px;
        color: #fff;
    }
    .front_end .col figure img {
        border-radius: 0;
    }
    .front_end1 .col figure img {
        border-radius: 0;
    }

    .slider .box .content {
        top: 6%;
    }

    .slider .box .content p {
        padding: 5px 10px 10px 10px !important;
        font-size: 10px !important;
    }

    .slider .box figure img {
        height: 30vh;
    }

    .slider .box .content h2 {
        font-size: 13px !important;
    }

    .slider .box .content h3 {
        padding-bottom: 2px;
    }

    .project .project_slider .box {
        margin: 0px;
    }

    .jionus .left {
        width: 100%;
        padding: 10px;
        height: 282px;
    }

    .jionus .right {
        width: 100%;
        margin-top: 20px;
    }

    .jionus .right .col {
        width: calc(48% - 2px);
        margin: 0px 2px 4px 2px;
    }

    .jionus .right .col span i {
        font-size: 13px;
        padding-top: 0;
    }

    .jionus .right .col .content {
        padding: 0px;
    }

    .latestnews .col {
        width: 100%;
    }

    .latestnews .col .content {
        padding: 10px 0px;
    }

    .latestnews .col figure img {
        height: 200px;
    }

    .footer {
        padding-top: 10px !important;
    }

    .footer .col {
        width: 100%;
    }

    .footer .col:nth-of-type(2) {
        padding-left: 0px !important;
    }

    .footer .col h4 {
        padding-bottom: 5px;
        padding-top: 10px;
    }

    .footer .col .recentpost li {
        padding-bottom: 0;
    }

    .footer .col .spacea {
        margin-top: 5px;
    }

    .footer .copyright p {
        font-size: 9px !important;
    }

    .footer .copyright p a {
        font-size: 9px !important;
    }

    .about .left {
        width: 100%;
    }

    .about .right {
        width: 100%;
        order: -1;
        padding-top: 0;
    }

    .about .right h3 span {
        font-size: 21px;
    }

    .about .right .content {
        padding-bottom: 10px;
    }

    .about .right .listone {
        padding: 10px 0;
    }

    .services .col {
        width: 100%;
        padding: 10px;
    }

    .project .project_slider .box p {
        font-size: 11px !important;
    }

    .gallery .col {
        width: 100%;
    }

    .services .col .content ul li {
        line-height: 1.8;
    }

    .services .col .content h5 {
        padding-bottom: 5px !important;
    }

    .services .col .content {
        padding-top: 10px !important;
    }

    .banner {
        height: 21vh !important;
    }

    .aboutpage .heading p {
        padding: 0 !important;
        text-align: justify !important;
    }

    .section .heading {
        text-align: left !important;
    }

    .aboutpage .left {
        width: 100%;
    }

    .aboutpage .right {
        width: 100%;
    }

    .aboutpage .left figure img {
        width: 100%;
        height: 300px;
        object-fit: contain;
    }

    .development .heading p {
        text-align: justify;
    }

    .development .heading ul li {
        text-align: justify;
    }

    .front_end .col {
        width: 100%;
    }

    .development1 .heading p {
        text-align: justify;
    }

    .development1 .heading ul li {
        text-align: justify;
    }

    .front_end1 .col {
        width: 100%;
    }

    .blog .col {
        width: 100%;
    }

    .blog .col p {
        padding-bottom: 5px !important;
    }

    .blog .col .flex-row {
        margin-bottom: 2px !important;
    }

    .team .col {
        width: 100%;
    }

    .gallery1 .col {
        width: 100%;
    }

    .support-section .left {
        width: 100%;
    }

    .support-section .right {
        width: 100%;
    }

    .support-section .right form {
        padding: 10px;
    }

    .support-section .box {
        padding: 10px;
        height: 81px;
    }

    .support-section .right form .form_group label {
        font-size: 12px;
    }

    .support-section .right form label {
        font-size: 12px;
    }

    .popup form {
        top: 124px;
        left: 0;
        width: 100%;
    }

    .topbar {
        display: none;
    }

    .services .col::after {
        border-radius: 5px !important;
    }

    .customerreview .heading {
        text-align: center !important;
    }

    .gallery .heading {
        text-align: center !important;
    }

    .services .heading {
        text-align: center !important;
    }

    .team-section .heading h2 {
        text-align: center;
    }
}