@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');





* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

ul li {
    text-decoration: none;
    list-style-type: none;
}

ul li a {
    text-decoration: none;
    list-style-type: none;
}

.s-btn11 {
    padding-left: 18px;
    padding-right: 18px;
}

header {
    position: fixed;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: -190px;
    background: #ffffff;
    z-index: 2;
}

header .container .main-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 85px;
}


#hr-01 hr {
    width: 100%;
    opacity: 0.25;
    margin: 0px;


}

/* whatsapp */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.main-header .left-head {
    display: flex;
    gap: 15px;
}


.main-header .left-head .logo1 a img {
    width: 44px;
    height: 35px;

}

.main-header .left-head .logotext1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header .left-head .logotext1 a img {
    /*width: 125px;*/
    height: 16px;
}

.main-header .left-head .green-hiring {
    display: flex;
    align-items: center;
    gap: 7px
}

.grn-dot {
    height: 10px;
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grn-dot img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    box-shadow: 0 4px 15px 0 rgb(11 242 42 / 75%);
}

.main-header .left-head .green-hiring a {
    text-align: center;
    font: normal normal normal 10px/16px Poppins;
    letter-spacing: 1px;
    font-family: "Poppins";
    color: #F26E5C;
    opacity: 1;
    text-decoration: none;
}

.main-header .right-head {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.main-header .right-head .header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-header .right-head .header-nav ul {
    display: flex;
    align-items: center;
    margin: 0%;
}

.main-header .right-head .header-nav ul li {
    margin-right: 59px;
}

.main-header .right-head .header-nav ul li a {
    text-align: center;
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 1.2px;
    color: #1F4F66;
    text-transform: capitalize;
    opacity: 1;


    display: inline-block;
    position: relative;


}


.btn-1 a {
    text-decoration: none;
}

.btn-1 .btn-01 {
    background-color: #ffffff;
    border: 1px solid #F26E5C;
    border-radius: 20px;
    opacity: 1;
    width: 130px;
    height: 35px;

}

.btn-1 .btn-01 {
    text-align: center;
    font: normal normal medium 12px/18px Poppins;
    letter-spacing: 0.24px;
    color: #F26E5C;
    text-transform: capitalize;
    opacity: 1;
    font-size: 12px;
    font-family: "Poppins";
    font-variant: normal;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    transition: 0.5s;
}

.btn-1 .btn-01:hover {
    color: #ffffff;
    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
}

.bnr-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.bnr-content .banner-content1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.bnr-content .banner-content1 h3 {
    font-family: 'Poppins';
    color: #1F4F66;
    font-size: 12px;
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
    margin-left: 6px;
}

.bnr-content .banner-content1 .top1 {
    font-family: 'Poppins';
    color: #1F4F66;
    font-size: 60px;
    margin-top: 38px;
    text-align: left;
    font: normal normal 300 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.bnr-content .banner-content1 .botm1 {
    font-family: 'Poppins';
    color: #1F4F66;
    font-weight: bolder;
    font-size: 60px;
    text-align: left;
    font: normal normal bold 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.bnr-content {
    margin-top: 190px;
}

.bnr-content .banner-content1 p {
    font-size: 18px;
    font-family: 'Poppins';
    color: #1F4F66;
    text-align: left;
    font: normal normal normal 18px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    opacity: 1;
    margin-top: 19px;
    margin-left: 3px;

}

.btn-2 {

    margin-left: 4px;
}

.btn-2 {
    margin-top: 54px;
}

.btn-2 a {
    text-decoration: none;
    text-align: center;
}

.btn-2 .btn-02 {
    background: hsla(7, 85%, 65%, 1);

    background: linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);

    background: -moz-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);

    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F26E5C", endColorstr="#FF0565", GradientType=1);

    font-size: 13px;
    font-family: 'Poppins';
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;

    text-align: center;
    font: normal normal medium 13px/20px Poppins;
    letter-spacing: 0.26px;
    color: #FFE2DE;
    text-transform: capitalize;
    border-radius: 70px;
    opacity: 1;
    width: 178px;
    height: 45px;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;



    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);

}

.btn-2 .btn-02:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-2 .btn-02:focus {
    outline: none;
}

.up-arrow img {
    width: 9px;
    height: 9px;
}

.brnd-names {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 90px;
}

.box-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 100px;
}

.box-wrap a {
    text-decoration: none;
    border-radius: 10px;
    opacity: 1;
}

.box-wrap .box-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 306px;
    height: auto;
    background: #F0FBFC 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #1F4F66;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    padding: 43px 30px 46px 35px;
    transition: transform 0.25s ease-out;
    transition: 0.4s;
    border-radius: 10px;
    opacity: 1;
}

.box-wrap .box-1 a {
    text-decoration: none;
}

.box-wrap .box-1 h1 {
    text-align: left;
    font: normal normal medium 18px / 30px Poppins;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0.54px;
    opacity: 1;
    margin: 0;
}

.box-wrap .box-1 p {
    margin: 0;
    margin: 0px;
    margin-top: 22px;
    font-family: 'Poppins';
    text-align: left;
    font: normal normal 300 14px / 22px Poppins;
    letter-spacing: 0.42px;
    opacity: 1;
    text-decoration: none;
}

.box-wrap .box-1 h3 {
    margin: 0px;
    margin-top: 31px;
    font-family: 'Poppins';
    text-align: left;
    text-decoration: underline;
    font: normal normal medium 12px / 31px Poppins;
    letter-spacing: 0.36px;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    opacity: 1;
    font-weight: 500;
    color: #1F4F66;
}

.box-wrap .box-1 a:hover {
    color: #ffffff;
}


.box-wrap .box-1:nth-child(2) {
    background: #d4d5d8 0% 0% no-repeat padding-box;
    opacity: 1;
}

#bx-in-2 {
    background: #d4d5d8 0% 0% no-repeat padding-box;
    opacity: 1;
}

.box-wrap .box-1:nth-child(3) {
    background: #E5EDFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

#bx-in-3 {
    background: #E5EDFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.box-wrap .bx-index .box-1:nth-child(4) {
    background: #F0FFE5 0% 0% no-repeat padding-box;
    opacity: 1;
}

#bx-in-4 {
    background: #F0FFE5 0% 0% no-repeat padding-box;
    opacity: 1;
}

.box-wrap .box-1:hover {
    background: #FD604B 0% 0% no-repeat padding-box;
    color: #ffffff;

}

.box-wrap a.bx-index:hover {
    background: #FD604B 0% 0% no-repeat padding-box;
    color: #ffffff;

}

#bx-in-2:hover {
    background: #FD604B 0% 0% no-repeat padding-box;
    color: #ffffff;

}

#bx-in-3:hover {
    background: #FD604B 0% 0% no-repeat padding-box;
    color: #ffffff;

}

#bx-in-4:hover {
    background: #FD604B 0% 0% no-repeat padding-box;
    color: #ffffff;

}

.work-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 92px;
}

#wrk-new11 {
    margin-bottom: 92px;
}

.work-wrap .wrk-head1 {
    display: flex;
    justify-content: flex-start;
    height: 40px;
}

.work-wrap .wrk-head1 .heading-1 h2 {

    font-size: 12px;
    font-family: 'Poppins';
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.work-wrap .wrk-head2 h1 {

    text-align: left;
    font: normal normal 600 30px/80px Poppins;
    letter-spacing: 0.6px;
    color: #000000;
    opacity: 1;
}

.work-wrap .work-content {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.btn-3 a {
    text-decoration: none;
}

.btn-03 {
    width: 100px;
    height: 45px;
    font-size: 13px;
    font-family: 'Poppins';
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    text-align: center;
    font: normal normal medium 13px/20px Poppins;
    letter-spacing: 0.26px;
    color: #F26E5C;
    text-transform: capitalize;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F26E5C;
    border-radius: 70px;
    opacity: 1;
    font-weight: 500;
    transition: 0.5s;

}

.btn-03:hover {
    color: #ffffff;
    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
}

.works-images-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

#works-images-box {
    margin-bottom: 62px;
}

.works .wrk-img {
    display: flex;
    flex-direction: column;
}

.wrk-img .wrk-img1 {
    width: 307px;
    height: 433px;
    overflow: hidden;
    border-radius: 10px;
    opacity: 1;
}

.wrk-img .wrk-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 10px;
    opacity: 1;
}

.wrk-img .wrk-img1:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.wrk-img .market {
    width: 307px;
    height: 282px;
    overflow: hidden;
    border-radius: 10px;
    opacity: 1;
}

.wrk-img .market img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 10px;
    opacity: 1;
}

.wrk-img .market:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}



.wrk-image-title {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 20px;
}

.wrk-image-title .tit-1 {
    font-family: 'Poppins';
    font-size: 14px;
    color: #1F4F66;
    text-align: left;
    font: normal normal normal 14px/31px Poppins;
    letter-spacing: 0.42px;
    color: #1F4F66;
}

.wrk-image-title .tit-2 {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: #1F4F66;
    text-align: left;
    font: normal normal 600 14px/31px Poppins;
    letter-spacing: 0.42px;
    color: #1F4F66;
}

.values-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}

.values-wrap .vls-head1 {
    display: flex;
    justify-content: flex-start;
    height: 40px;

}

hr {
    width: 100%;
    border: 1px solid #1F4F66;
    opacity: 0.25;
    margin: 0%;
}

.values-wrap .vls-head1 h2 {
    font-family: 'Poppins';
    font-size: 12px;
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.values-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 44px;
}

.nv-hr {
    margin: 0%;
}

.vls-img {
    width: 303px;
    height: 187px;
    overflow: hidden;
    opacity: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.vls-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.vls-img:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.vls-left {
    width: 303px;
    height: 439px;
    display: flex;
    flex-direction: column;
    background: #e4e9eb;
    text-align: left;
    align-items: center;
    margin-bottom: 90px;
    border-radius: 10px;
    opacity: 1;
}

.vls-titles {
    display: flex;
    flex-direction: column;
    margin-top: 44px;
    padding: 0px 50px 20px 0px;

}

.vls-titles h3 {
    font-family: 'Poppins';
    font-size: 12px;
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.vls-titles h1 {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    font: normal normal bold 20px/26px Poppins;
    letter-spacing: 0.6px;
    color: #1F4F66;
    opacity: 1;
    margin: 0%;

}

#btn-2 {
    margin-top: 34px;
}

.vls-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 13px;
}

.vls-box-top {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.vls-box1 {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 306px;
    height: 214px;
    background: #F2F6F5 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 10px;
    opacity: 1;

}

.vls-box-top .vls-box1:nth-child(2) {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
}

#bx3 {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
}

#bx4 {
    background: #F5EDE4 0% 0% no-repeat padding-box;
    opacity: 1;
}

#bx5 {
    background: #FDFAE9 0% 0% no-repeat padding-box;
    opacity: 1;
}

.vls-box-content {
    display: flex;
    flex-direction: column;
    padding: 41px 40px 20px 37px;
}

.vls-box-content h3 {
    font-family: 'Poppins';
    margin: 0px;
    font-size: 10px;
    text-align: left;
    font: normal normal normal 10px/20px Poppins;
    letter-spacing: 0.3px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.vls-box-content h1 {
    font-family: 'Poppins';
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    letter-spacing: 0.54px;
    color: #000000;
    opacity: 1;
}

.vls-bt-cnt2 h1 {
    font-family: 'Poppins';
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 66px;
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    letter-spacing: 0.54px;
    color: #000000;
    opacity: 1;
}

.small-section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 656px;
    margin-bottom: 139px;
}

#small-cnt {
    display: flex;
    justify-content: center;
}

.small-section .sml-p {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.sml-h1 .sml-h01 {
    font-family: 'Poppins';
    font-size: 45px;
    font-weight: 300;
    text-align: left;
    font: normal normal 300 45px/60px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;

}

.sml-h1 .sml-h02 {
    font-family: 'Poppins';
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 50px;
    font-size: 45px;
    text-align: left;
    font: normal normal bold 45px/60px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.sml-p p {
    text-align: left;
    font: normal normal 300 14px/24px Poppins;
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
    margin: 0%;
    margin-bottom: 67px;
}

.names-brnd2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.brnd-names2 {
    display: flex;
    text-align: left;
    justify-content: space-between;
    margin-top: 50px;
}



.work-wrap .team-content2 {
    display: flex;
    flex-direction: column;

}

.team-head2 h1 {
    font-family: 'Poppins';
    text-align: left;
    font: normal normal 600 30px/80px Poppins;
    letter-spacing: 0.6px;
    color: #000000;
    opacity: 1;
}

.team-left {

    width: 303px;
    height: 439px;
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: center;
    margin-bottom: 90px;
    background: #F1F5F8 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 10px;
    opacity: 1;
}

.team-titles {
    display: flex;
    flex-direction: column;
    margin-top: 41;
    padding: 0px 50px 23px 40px;
}

.team-titles h3 {
    font-family: 'Poppins';
    font-size: 12px;
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.team-titles h1 {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: bolder;
    text-align: left;
    font: normal normal bold 20px/26px Poppins;
    letter-spacing: 0.6px;
    color: #1F4F66;
    opacity: 1;
}

.team-titles p {
    font-family: 'Poppins';
    margin: 0%;
    margin-top: 17px;
    font-size: 14px;
    text-align: left;
    font: normal normal 300 14px/22px Poppins;
    letter-spacing: 0.42px;
    color: #1F4F66;
    opacity: 1;
}

.btn-2 #btn-001 {
    text-align: center;
    font: normal normal medium 13px/20px Poppins;
    letter-spacing: 0.26px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    border-radius: 70px;
    opacity: 1;
    width: 146px;
    height: 45px;
}

#btn-team {
    margin-top: 106px;
}

.team-boxes {
    display: flex;
    gap: 30px;
}

.team-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 31px;
}


.team-box-top {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.team-box1 {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 306px;
    height: 210px;
    background: #ffffff;
}

.team-box-content {
    display: flex;
    flex-direction: column;
    text-align: left;


}

.team-box-content h3 {
    font-family: 'Poppins';
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: left;
    font: normal normal normal 10px/20px Poppins;
    letter-spacing: 0.3px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.team-box-content h1 {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    letter-spacing: 0.54px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.team-img1 {

    width: 306px;
    height: 140px;
    overflow: hidden;
    border-radius: 10px;
    opacity: 1;
}

.team-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.team-img1:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.contact-section {
    width: 100%;
    height: 426px;
    display: flex;
    margin-bottom: 72px;
    align-items: center;
    background: #F2F6F5 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 10px;
    opacity: 1;
}

.contact-sec-content {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    padding-left: 326px;
}

.contact-sec-content h3 {
    font-family: 'Poppins';
    margin: 0%;
    font-size: 12px;
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.contact-sec-content h2 {
    font-family: 'Poppins';
    margin: 0%;
    font-size: 33px;
    font-weight: 300;
    text-align: left;
    font: normal normal 300 33px/63px Poppins;
    letter-spacing: 0.99px;
    color: #1F4F66;
    text-transform: capitalize;
}

.contact-sec-content h1 {
    font-family: 'Poppins';
    margin: 0%;
    font-size: 45px;
    font-weight: bold;
    text-align: left;
    font: normal normal bold 45px/63px Poppins;
    letter-spacing: 1.35px;
    color: #1F4F66;
    text-transform: capitalize;
}

.contact-sec-content p {
    font-family: 'Poppins';
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
    font: normal normal 300 14px/22px Poppins;
    letter-spacing: 0.42px;
    color: #1F4F66;
    opacity: 1;
}

.btn-4 {
    margin-top: 20px;
}

.btn-4 a {
    text-decoration: none;
    text-align: center;
}

.btn-4 .btn-04 {

    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
    border-radius: 70px;
    opacity: 1;
    width: 280px;
    height: 45px;
    font-size: 13px;
    font-family: 'Poppins';
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-align: center;
    font: normal normal medium 13px/20px Poppins;
    letter-spacing: 0.26px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;

    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.btn-4 .btn-04:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-4 .btn-04:focus {
    outline: none;
}

.footerr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.footerr a {
    text-decoration: none;
}

.top-footer {
    display: flex;
    gap: 26px;
    color: #000000;
    font-family: 'Poppins';
}

.top-footer a {
    color: #000000;
    font-weight: bolder;
    font-size: 16px;
    text-align: center;
    font: normal normal bold 16px/25px Poppins;
    letter-spacing: 1.6px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    font: normal normal bold 16px/25px Poppins;
    letter-spacing: 1.6px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.ft-allrights {
    text-align: center;
    font: normal normal 300 12px/18px Poppins;
    letter-spacing: 1.2px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.middle-footer {
    display: flex;
    gap: 17px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 17px;

}


.insta img {
    width: 21px;
    height: 21px;
    margin-top: 5px;
}

#in-sta {
    margin-top: 2px;
}

.linkidin {
    width: 23px;
    height: 23px;
}

.bottom-footer {
    display: flex;
    align-items: center;
    gap: 13px;
    font-family: 'Poppins';
    justify-content: center;
    flex-direction: row-reverse;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.logos {
    overflow: hidden;
    padding: 60px 0;
    white-space: nowrap;

}

.logos-slide {
    display: inline-block;
    animation: 25s slide infinite linear;
}

.logos-slide img {
    margin: 0 50px;
}

.brand-web {
    margin-top: 40px;
}

/* hamburger menu */
#menuToggle {
    display: block;
    position: relative;
    top: 11px;
    left: 7px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle a {
    text-decoration: none;
    color: #232323;

    transition: color 0.3s ease;
}

#menuToggle a:hover {
    color: tomato;
}


#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0;
    z-index: 2;

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #cdcdcd;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
    position: absolute;
    width: 427px;
    margin: -100px 0 0 -381px;
    padding: 50px;
    padding-top: 125px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
    padding: 10px 0;
    font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked~ul {
    transform: none;
}

/* services css */
.service-bnr-buttons {
    display: flex;
    gap: 26px;
    margin-bottom: 148px;
}

.brnd-strtgy {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 54px;
    margin-top: 45px;
}

.brnd-strtgy .strtgy-left {
    display: flex;
    flex-direction: column;
    width: 303px;
    height: 433px;
    background: #F0FBFC;
    padding: 45px 0px 45px 40px;
    border-radius: 10px;
    opacity: 1;
}

.brnd-strtgy .strtgy-left .btn-2 a {
    text-decoration: none;
}

.brnd-strtgy .strtgy-left h2 {

    font-weight: bold;
    text-align: left;
    font: normal normal bold 22px/30px Poppins;
    letter-spacing: 0.66px;
    color: #1F4F66;
    opacity: 1;
}

.brnd-strtgy .strtgy-left p {
    text-align: left;
    font: normal normal 300 14px/22px Poppins;
    letter-spacing: 0.42px;
    color: #1F4F66;
    opacity: 1;
    margin-top: 27px;
    margin-bottom: 30px;
}

.brnd-strtgy .strtgy-left a {
    text-align: left;
    text-decoration: underline;
    font: normal normal medium 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    opacity: 1;
}

.brnd-strtgy .strtgy-right {
    display: flex;
    flex-direction: column;
}

.strtgy-right .strtgy-right-top {
    width: auto;
    height: 433px;
    margin-bottom: 54px;
    overflow: hidden;
    border-radius: 10px;
    opacity: 1;
}

.strtgy-right .strtgy-right-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.strtgy-right .strtgy-right-top:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.strtgy-right .strtgy-right-bottom {
    display: flex;
    flex-direction: column;
}

.strtgy-right .strtgy-right-bottom .btm-hd1 {
    margin-bottom: 54px;
}

.strtgy-right .strtgy-right-bottom .btm-hd1 h2 {
    text-align: left;
    font: normal normal 300 45px/60px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.strtgy-right .strtgy-right-bottom .btm-hd1 h1 {
    text-align: left;
    font: normal normal bold 45px/60px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.strtgy-right-bottom .btm-cnt-1 {
    display: flex;
    flex-direction: column;
}

.strtgy-right-bottom .btm-cnt-1 .cnt01 {
    display: flex;
    gap: 62px;
}

.strtgy-right-bottom .btm-cnt-1 .vvt {
    margin-top: 56px;
}

.strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left {
    width: 134px;
}

.strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left h2 {
    text-align: left;
    font: normal normal medium 14px/24px Poppins;
    font-size: 14px;
    font-family: 'Poppins';
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
}

.strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-right p {
    text-align: left;
    font: normal normal 300 14px/24px Poppins;
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
    margin-top: -6px;
}


.main-footer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 124px;
    margin-top: 165px;
    display: none;
}

.main-footer .ft-01 {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;

}

.main-footer .ft-01 .ft-01-02 {
    display: flex;
    gap: 10px;
    margin-top: 51px;
    margin-bottom: 20px;
}

.main-footer .ft-01 .ft-01-02 .ft-social-media {
    width: 37px;
    height: 37px;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
}

.main-footer .ft-01 .ft-01-02 .ft-social-media:hover {
    background: #ffffff;
}

.main-footer .ft-01 .ft-01-02 .ft-social-media img {
    width: 18px;
    height: 18px;
}

.main-footer .ft-01 .mail-ft p {
    margin: 0%;
}

.main-footer .ft-01 .mail-ft p a {
    text-decoration: none;
    text-align: left;
    font: normal normal 600 13px/20px Poppins;
    letter-spacing: 1.3px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
    margin: 0%;
    line-height: normal;
}

.main-footer .ft-01 .number-ft p a {
    text-decoration: none;
    text-align: left;
    font: normal normal 600 13px/20px Poppins;
    letter-spacing: 1.3px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.main-footer .ft-02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    width: 224px;
}

.main-footer .ft-02 h1 {
    text-align: left;
    font: normal normal 300 16px/25px Poppins;
    letter-spacing: 1.6px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.main-footer .ft-02 ul {
    text-decoration: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.main-footer .ft-02 hr {
    margin: 0%;
    padding: 0%;
    margin-bottom: 35px;
}

.main-footer .ft-02 ul li a {
    text-decoration: none;
    text-align: left;
    font: normal normal 300 13px/40px Poppins;
    letter-spacing: 1.3px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.main-footer .ft-02 ul li a:hover {
    color: #F26E5C;
}

/* tab mob work slider */
.wrapper {

    width: 100%;
    position: relative;

}


.wrapper .carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% / 4) - 9px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: 0;
    gap: 22px;
    width: 100%;
}

.carousel::-webkit-scrollbar {
    display: none;
}

.carousel :where(.card, .img) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel.dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.carousel.no-transition {
    scroll-behavior: auto;
}

.carousel.dragging .card {
    cursor: grab;
    user-select: none;
}

.carousel .card {
    scroll-snap-align: start;
    height: 510px;
    list-style: none;
    background: #fff;
    border: none;
    display: flex;
    cursor: pointer;
    width: 306px;
    padding-bottom: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.carousel .card11 {
    scroll-snap-align: start;
    height: 355px;
    list-style: none;
    background: #fff;
    border: none;
    display: flex;
    cursor: pointer;
    width: 348px;
    padding-bottom: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}





/* tab mob work slider end code */

.abt-banner {
    display: flex;
    margin-top: 190px;
    margin-bottom: 150px;
    gap: 80px;
}

.abt-banner .abt-bnr-left {
    width: 694px;
    height: 501px;
    border-radius: 10px;
    overflow: hidden;
}

.abt-banner .abt-bnr-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.abt-banner .abt-bnr-left:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.abt-banner .abt-bnr-right {

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.abt-banner .abt-bnr-right .abt-bnr-content01 {
    display: flex;
    flex-direction: column;
}

.abt-banner .abt-bnr-right .abt-bnr-content01 h3 {
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.abt-banner .abt-bnr-right .abt-bnr-content01 .top1 {
    text-align: left;
    font: normal normal 300 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
    margin-top: 10px;
}

.abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 {
    text-align: left;
    font: normal normal bold 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.abt-banner .abt-bnr-right .abt-bnr-content01 p {
    text-align: left;
    font: normal normal normal 18px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    opacity: 1;
}

.abt-boxes1 {
    display: grid;
    grid-template-columns: 306px 306px 306px;
    grid-template-rows: 214px 214px;
    padding: 0px;
    grid-gap: 35px;
    margin-bottom: 100px;
}

.abt-boxes1 .abt-bx-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border-radius: 10px;


}

.abt-boxes1 .abt-bx-1 h1 {
    margin: 0%;
    margin-left: 37px;
    margin-top: 0px;
    text-align: left;
    font: normal normal 600 28px/27px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.abt-boxes1 .abt-bx-1 h2 {

    margin: 0%;
    margin-top: 44px;
    margin-left: 37px;
    text-align: left;
    font: normal normal normal 12px/32px Poppins;
    letter-spacing: 0.36px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.abt-boxes1 .abt-bx-1 p {
    text-align: left;
    font: normal normal 300 12px/19px Poppins;
    letter-spacing: 0.36px;
    color: #000000;
    opacity: 1;

    margin-left: 37px;
}

.abt-boxes1 .abt-bx-1 .million1 br {
    display: none;
}

.item1 {

    background: #F2F6F5;

}

.item1 p {
    margin-top: 38px;
}

.item2 {

    background: #F8F8F8;
}

.item2 p {
    margin-top: 20px;
}

.item3 {

    background: #FDFAE9;
}

.item3 p {
    margin-top: 20px;
}

.item4 {
    grid-column: 2 / span 1;

    background: #F2F6F5;
}

.item4 p {

    margin-top: 22px;
}

.item5 {
    grid-column: 3 / span 2;
    grid-row: 2;
    background: #F2F6F5;
}

.item5 p {
    margin-top: 24px;
}

.abt-values1 {
    display: flex;
    justify-content: space-between;
    text-align: left;
    font: normal normal 600 22px/24px Poppins;
    letter-spacing: 0.44px;
    color: #000000;
    opacity: 1;
    margin-bottom: 150px;
    flex-direction: column;
    margin-left: 347px;
}

.abt-values1 .abt-vls-left h2 {
    text-align: left;
    font: normal normal normal 12px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
    margin: 0px;
}

.abt-values1 .abt-vls-right .vls-wrapper {
    display: flex;
    flex-direction: column;
}

.abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
    display: flex;
    gap: 22px;
    margin-bottom: 45px;
    margin-top: 35px;
    flex-direction: column;
}

.abt-values1 .abt-vls-right .vls-wrapper #bx-01 {
    margin-top: 30px;

}

.abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left {
    width: auto;
}

.abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left h2 {

    margin: 0%;
    text-align: left;
    font: normal normal 600 22px/24px Poppins;
    letter-spacing: 0.44px;
    color: #000000;
    opacity: 1;
    width: 337px;
}

.abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p {
    text-align: left;
    font: normal normal 300 14px/24px Poppins;
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
    margin: 0%;
}

#award-section {
    margin-bottom: 174px;
}

.abt-vls-right .awards-wrapper {
    display: flex;
    flex-direction: column;
}

.abt-vls-right .awards-wrapper .award-1 {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;

}

.abt-vls-right .awards-wrapper .award-1 .award-name {
    width: 220px;
    margin-right: 250px;
    margin-left: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abt-vls-right .awards-wrapper .award-1 .award-name h2 {
    text-align: left;
    font: normal normal normal 24px/33px Poppins;
    letter-spacing: 0.48px;
    color: #000000;
    opacity: 1;
    font-family: "Poppins";
    font-size: 24px;
}

.abt-vls-right .awards-wrapper .award-1 .award-year {
    display: flex;
    justify-content: center;
    align-items: center;
}

.abt-vls-right .awards-wrapper .award-1 .award-year h3 {
    text-align: left;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0.32px;
    color: #000000;
    opacity: 1;
}

.abt-vls-right .awards-wrapper .award-1 .award-img1 img {
    width: 107px;
    height: 66px;
}

.abt-vls-right .awards-wrapper .award-1 .item-001 {
    width: 144px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.abt-vls-right .awards-wrapper .award-1 .award-img2 img {
    width: 81px;
    height: 73px;
}

.abt-vls-right .awards-wrapper .award-1 .award-img3 img {
    width: 81px;
    height: 74px;
}

.abt-vls-right .awards-wrapper .award-1 .award-img4 img {
    width: 143px;
    height: 67px;
}

.abt-team-right .wrapperz {
    display: flex;
    gap: 35px;


}

#tm-bx-abt {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.abt-bottom-team {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.abt-t-img {
    width: 408px;
    height: 653px;
    overflow: hidden;

}

.abt-t-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.abt-t-img:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.abt-t-name h2 {
    text-align: left;
    font: normal normal normal 14px/34px Poppins;
    letter-spacing: 0.42px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin: 0%;
}

.abt-t-btn a {
    text-decoration: none;

}


.abt-t-btn1 h2 {
    text-align: center;
    font: normal normal 600 14px/21px Poppins;
    letter-spacing: 0.42px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin: 0%;
}

.abt-t-btn1 {
    border: 1px solid #F26E5C;
    border-radius: 70px;
    opacity: 1;
    width: 200px;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abt-t-name {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

/* contact page */
.contact-bnr {
    display: flex;
    margin-top: 190px;
    margin-bottom: 126px;
    justify-content: space-between;
}

.cnt-left .cnt-bnr-texts {
    display: flex;
    flex-direction: column;
}

.cnt-left .cnt-bnr-texts h3 {
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.cnt-left .cnt-bnr-texts .tt {
    text-align: left;
    font: normal normal 300 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
    margin-top: 33px;
}

.cnt-left .cnt-bnr-texts .bb {
    text-align: left;
    font: normal normal bold 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.cnt-left .cnt-bnr-texts p {
    text-align: left;
    font: normal normal normal 18px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    opacity: 1;
}

.cnt-bx1 {
    display: flex;
    gap: 40px;
    margin-top: 63px;
    margin-bottom: 52px;
}

.cnt-bx1 .cnt-h1 {
    width: 525px;
    display: flex;
    align-items: center;
    text-align: left;
    font: normal normal medium 14px/24px Poppins;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.28px;
    color: #1F4F66;
    opacity: 1;
}

.cnt-bx1 .cnt-plus img {
    width: 47px;
    height: 47px;
}

.cnt-right2 .wrapper-2 {
    margin-top: 100px;
}

/* form */

input[type=text],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 0.5px solid #BCBCBC;
    opacity: 1;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 33px;
    resize: vertical;
}

input[type=email],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 0.5px solid #BCBCBC;
    opacity: 1;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 33px;
    resize: vertical;
}

input[type=tel],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 0.5px solid #BCBCBC;
    opacity: 1;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 33px;
    resize: vertical;
}

#service-form {
    margin-top: 6px;
    margin-bottom: 36px;
    width: 100%;
    padding: 12px;
    border: 0.5px solid #BCBCBC;
    opacity: 1;
}

input[type=submit] {
    margin-top: 30px;
    border-radius: 70px;
    opacity: 1;
    cursor: pointer;
    width: 178px;
    height: 45px;
    text-align: center;
    font: normal normal bold 13px/20px Poppins;
    letter-spacing: 0.26px;
    color: #FFFFFF;
    text-transform: capitalize;
    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

input[type=submit]:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.cnt-right .cnt-form {
    width: 694px;
    height: 763px;
    background: #F1F6F5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cnt-right .cnt-form .form-main {
    padding: 67px 80px 86px 80px;
}

.cnt-right .cnt-form .form-main .frm-cs {
    text-align: left;
    font: normal normal 300 15px/17px Poppins;
    letter-spacing: 2.52px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 8px;
}

/*------------*/

.iti {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 36px;
}

/* blog */
.blog-bnr {
    gap: 72px;
    margin-bottom: 77px;
}

.abt-banner .blog-bnr-left {
    width: 651px;
    height: 530px;
    overflow: hidden;
    border-radius: 10px;
}

.abt-banner .blog-bnr-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.abt-banner .blog-bnr-left:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.abt-banner .blog-right2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}

#btn-blog {
    margin-top: 80px;
}

#blog-p {
    margin-top: 33px;
}

.blog-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 58px;
    margin-bottom: 150px;
}

.abt-team-bx .blg-t-img {
    width: 409px;
    height: 460px;
    overflow: hidden;
    border-radius: 10px;
}

.abt-team-bx .blg-t-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.abt-team-bx .blg-t-img:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.blg-t-name {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
}

.blg-t-name h2 {
    text-align: left;
    font: normal normal normal 14px/26px Poppins;
    letter-spacing: 0.42px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin: 0%;
}

.blg-t-btn1 {
    width: 200px;
    height: 39px;
    border: 1px solid #F26E5C;
    border-radius: 70px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blg-t-btn a {
    text-decoration: none;
}

.blg-t-btn1 h2 {
    text-align: center;
    font: normal normal 600 14px/21px Poppins;
    letter-spacing: 0.42px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    display: flex;
    justify-content: center;
    margin: 0%;
}

#Nlink {
    float: right;
    position: relative;
    /* margin-left: 46px;
    text-align: right; */
    color: #1F4F66;
}

#Nlink>a {
    text-decoration: none;
    color: #1F4F66;
}

#Nlink>a:hover,
#Nlink>a.active {
    color: #1F4F66;
}

#Nlink>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -8px;
    left: 0;
    background-color: #1F4F66;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#Nlink>a:hover:before,
#Nlink>a.active:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* servicepage button */

.btn-serv001 {
    text-align: center;
    font: normal normal bold 13px/20px Poppins;
    letter-spacing: 0.26px;
    background: #ffffff;
    color: #F26E5C;
    text-transform: capitalize;
    border: 1px solid #F26E5C;
    border-radius: 70px;
    opacity: 1;
    width: auto;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

.btn-serv001:hover {
    color: #FFFFFF;
    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
}

.btn-serv001 .up-arrow img {
    filter: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
}

.btn-serv001 img {
    width: 7px;
    height: 7px;
}

/* 
work page */

.bnr-work {
    margin-bottom: 110px;
}

.main-works {
    display: flex;
    flex-direction: column;
    margin-bottom: 82px;
}

.main-works .wrk-top-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-works .wrk-top-head h1 {

    text-align: left;
    font: normal normal 600 30px/80px Poppins;
    letter-spacing: 0.6px;
    color: #000000;
    opacity: 1;
}

.btn-wrk01 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F26E5C;
    border-radius: 70px;
    opacity: 1;
    text-align: center;
    font: normal normal medium 13px/20px Poppins;
    letter-spacing: 0.26px;
    color: #F26E5C;
    text-transform: capitalize;
    opacity: 1;
    width: 190px;
    height: 45px;
}

.btn-wrk01:hover {
    color: #ffffff;
    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
}

.main-works .wrk-image01 {
    width: 100%;
    height: 395px;
    overflow: hidden;
    border-radius: 10px;
    opacity: 1;

}

.main-works .wrk-image01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.main-works .wrk-image01:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}





/* hamburger2/ */
.brnd-imge {
    width: 123px;
    height: 37px;
}

.brnd-imge img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.names-brnd3 {
    margin-top: 41px;
}

.brnd-names3 {
    display: flex;
    gap: 146px;
}

/* footer acordian */

.accordion-button {
    padding-left: 0px;
}

.btn-ft-01 {
    padding-left: 0px;
}

/* blog-detail */
.blg-detail-bnr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 100px;
}

.blg-detail-bnr .top {
    text-align: left;
    font: normal normal 300 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.blg-detail-bnr .bottom {
    text-align: left;
    font: normal normal bold 60px/75px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    font-family: "Inter", sans-serif;
}

.blg-detail2 {
    display: flex;
    justify-content: space-between;
    margin-top: 227px;
    margin-bottom: 0px;
}

.blg-detail2 .right-blg {
    display: flex;
    flex-direction: column;
}

.blg-detail2 .right-blg h1 {
    text-align: left;
    font: normal normal 300 45px/60px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    opacity: 1;
    font-family: "Inter", sans-serif;
}

.blg-detail2 .right-blg .top {
    text-align: left;
    font: normal normal 300 14px/24px Poppins;
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
    margin-top: 57px;
}

.blg-detail2 .right-blg .bottom {
    text-align: left;
    font: normal normal 300 14px/24px Poppins;
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
    margin-bottom: 103px;
}

.blog-boxes2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 90px;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-boxes2 .blog-box1 {
    width: 407px;
    height: 252px;
    background: #F2F6F5;
}

.blog-boxes2 .blog-box1 h1 {
    text-align: left;
    font: normal normal normal 16px/32px Poppins;
    letter-spacing: 0.48px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    padding-left: 38px;
    padding-top: 58px;
}

.blog-boxes2 .blog-box1 p {
    text-align: left;
    font: normal normal 300 20px/19px Poppins;
    letter-spacing: 0.6px;
    color: #000000;
    opacity: 1;
    padding-left: 38px;
    margin-top: 39px;
    margin-right: 30px;

}

.blog-boxes2 .blog-box1:nth-child(2) {
    background: #F8F8F8;
}

.blog-boxes2 .blog-box1:nth-child(3) {
    background: #FDFAE9;
}

.blog-detail-imgs {
    display: flex;
    flex-direction: column;
}

.blog-detail-imgs .detail-imgs {
    width: 100%;
    height: 395px;
    margin-bottom: 57px;
    border-radius: 10px;
}

.blog-detail-imgs .detail-imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.blog-bnr2 {
    margin-bottom: 85px;
}

.blog-details-11 {
    display: flex;
    flex-direction: column;
}

.blog-details-11 .blg-image-11 {
    width: 100%;
    height: 695px;
    overflow: hidden;
    border-radius: 10px;
}

.blog-details-11 .blg-image-11 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.linkidin2 {
    width: 23px;
    height: 23px;
}

.linkidin2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.insta2 {
    width: 23px;
    height: 23px;
    margin-top: 35px;
}

.insta2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.logo-last img {
    width: 160px;
    height: 53px;
}

.blg-detail2 {
    display: flex;
    gap: 44px;
    justify-content: end;
}


.blg-detail2 .scl-media2 {
    display: flex;
    flex-direction: column;
    width: 115px;
    align-items: center;
    margin-top: 22px;

}

.blg-detail2 .blg-right11 {
    display: flex;
    flex-direction: column;
}

.blgdetail33 {
    margin-top: 78px;
    margin-bottom: 72px;
}

.conclusion {
    display: flex;
    width: 100%;
    height: 260px;
    background: #F2F6F5;
    gap: 100px;
    border-radius: 10px;

}

.conclusion .con-1 {
    padding-left: 53px;
    padding-top: 39px;
}

.conclusion .con-1 h1 {
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
    margin: 0px;
}

.conclusion .con-2 p {
    text-align: left;
    font: normal normal 300 14px/22px Poppins;
    letter-spacing: 0.42px;
    color: #1F4F66;
    opacity: 1;
    margin: 0px;
}

.conclusion .con-2 {
    display: flex;
    flex-direction: column;
    padding-top: 43px;
}

.con-2-1 {
    display: flex;
    gap: 17px;
    margin-top: 19px;
}

.con-2-1 .con-img {
    width: 77px;
    height: 77px;
}

.con-2-1 .con-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.con-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.con-name h1 {
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    letter-spacing: 0.54px;
    color: #000000;
    opacity: 1;
    font-size: 18px;
    font-family: "Poppins";
    font-weight: 500;
    margin: 0px;
}

.con-name h2 {
    text-align: left;
    font: normal normal normal 12px/31px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.blg-dtl-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}

.blg-hd001 h2 {
    text-align: left;
    font: normal normal 300 45px/60px inter sans-serif;
    letter-spacing: 0px;
    color: #1F4F66;
    opacity: 1;
    font-family: "Inter", sans-serif;
}

.btn-blg001 .blg-btn-001 {
    border: 1px solid #F26E5C;
    border-radius: 70px;
    opacity: 1;
    text-align: center;
    font: normal normal 600 14px/21px Poppins;
    letter-spacing: 0.42px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    width: 200px;
    height: 39px;
    background: #fff;
}

.btn-blg001 .blg-btn-001:hover {
    color: #ffffff;
    background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
}

.blg-dtl-new {
    margin-bottom: 0px;
    margin-top: 15px;
}

.wrk-img-head-mob {
    width: 300px;
    justify-content: center;
    align-items: flex-start;
}

.wrk-img-head-mob h1 {
    text-align: left;
    font: normal normal 600 12px/34px Poppins;
    letter-spacing: 0.24px;
    color: #000000;
    opacity: 1;
}


.footer3-mob-main {
    padding: 0px 18px;
    margin-bottom: 50px;
}

.footer3-mob-main .ft3-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 49px;
}

.footer3-mob-main .ft3-bot {
    display: flex;
    gap: 11px;

}

.footer3-mob-main .ft3-bot h2 {
    text-align: center;
    font: normal normal 300 13px/26px Poppins;
    letter-spacing: 1.3px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.ft3-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.ft3-links h1 {
    text-align: left;
    font: normal normal 600 14px/21px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin: 0px;
    margin-bottom: 24px;
}

.ft3-links ul {
    padding: 0%;
    margin: 0%;
}

.ft3-links ul li {
    padding: 0%;
    margin: 0%;

    margin-bottom: 7px;
}

.ft3-logo img {
    width: 22px;
    height: 22px;
}

.ft3-links ul li a {
    text-decoration: none;
    text-align: left;
    font: normal normal 300 13px/26px Poppins;
    letter-spacing: 1.3px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    text-decoration: none;
    margin-bottom: 8px;
}

.ft-03 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}

.ft-03 a {
    text-decoration: none;
}

.ft3-scl {
    display: flex;
    gap: 10px;
    margin-bottom: 29px;
    margin-top: 53px;
}


.ft3-scl .ft-social-media {
    width: 37px;
    height: 37px;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
}

.ft3-scl .ft-social-media img {
    width: 18px;
    height: 18px;
}

.cnt-ft3 p {
    margin: 0%;
}

.cnt-ft3 p a {
    text-decoration: none;
    text-align: left;
    font: normal normal 600 12px/18px Poppins;
    letter-spacing: 1.2px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.ft-small-scl {
    display: flex;
    gap: 13px;
}

.ft-small-media img {
    width: 23px;
    height: 23px;
}

/* toggle */
.cnt-right2 {
    width: 635px;
}

.faq_container {
    border-bottom: 2px solid #ddd;
}

.faq_question {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    height: 125px;
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.answer {
    padding: 0 10px 20px;
    line-height: 1.5rem;
}

.answer p {
    font: normal normal 300 12px/18px Poppins;
    letter-spacing: 1.2px;
    color: #000000;
}

.fqa_headline_container h2 span {
    font-weight: 700;
}

.faq_question-text h3 {
    margin: 0%;
    text-align: left;
    font: normal normal medium 14px/24px Poppins;
    letter-spacing: 0.28px;
    color: #1F4F66;
    opacity: 1;
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins";

}

.icon.active {
    background: transparent;
    border: 2px solid #fff;
}

.icon:hover {
    cursor: pointer;
}

.icon-shape {
    position: relative;
    width: 50px;
    height: 50px;
}

.icon .icon-shape::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 4px;
    background: #FD604B;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.icon .icon-shape::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 25px;
    background: #FD604B;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.icon .icon-shape.active::before {
    transform: translate(-50%, -50%) rotate(180deg);
    transition: all 0.5s ease;
}

.icon .icon-shape.active::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all 0.5s ease;
}

.cnt-left {
    display: flex;
    flex-direction: column;
}

.sqr-add {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 70px;
}

.add-details {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}

.adrs-img1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
}

.adrs-img2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
}

.adrs-img3 {
    display: flex;
    justify-content: center;
    width: 37px;
}

.adrs-img1 img {
    width: 31px;
    height: 31px;
}

.adrs-img2 img {
    width: 36px;
    height: 31px;
}

.adrs-img3 img {
    width: 29px;
    height: 36px;
    margin-top: 3px;
}

.adrs-full-dtl {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.adrs-full-dtl h1 {
    margin: 0%;
    text-align: left;
    font: normal normal normal 12px/20px Poppins;
    letter-spacing: 0.36px;
    color: #1F4F66;
    text-transform: uppercase;
    opacity: 1;
}

.adrs-num99 {
    display: flex;
    gap: 3px;
}

.adrs-btm-dtl p {
    margin: 0%;
    text-align: left;
    font: normal normal medium 14px/24px Poppins;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins';
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;
}

.adrs-btm-dtl p a {
    margin: 0%;
    text-decoration: none;
    text-align: left;
    font: normal normal medium 14px/24px Poppins;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins';
    letter-spacing: 0.28px;
    color: #000000;
    opacity: 1;

}

/* button slide */
.wrappe {
    margin-bottom: 51px;
    width: 100%;
    position: relative;

}

.wrappe i {
    height: 50px;
    width: 50px;
    background: rgb(118, 233, 118);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 1.25 rem;
    transform: translateY(-50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);

}

.wrappe i:first-child {
    left: -22px;

}

.wrappe i:last-child {
    right: -22px;

}

.wrappe .carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% / 3) - 12px);
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: 0;
}

.carousel::-webkit-scrollbar {
    display: none;
}

.carousel :where(.carde, .img) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel.dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.carousel.no-transition {
    scroll-behavior: auto;
}

.carousel.dragging .carde {
    cursor: grab;
    user-select: none;
}

.carousel .carde {
    scroll-snap-align: start;
    height: 60px;
    list-style: none;
    background: #fff;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    width: 98%;
    padding-bottom: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.carde .img {
    background: green;
    width: 145px;
    height: 145px;
    border-radius: 50%;

}

.carde .img img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
}

.carde h2 {
    font-weight: 500;
    font-size: 1.56rem;
    margin: 30px 0 5px;
}

.carde span {
    color: #6a6d78;
    font-size: 1.31rem;

}

.success-msg {
    font-size: 35px;
    font-family: 'Poppins';
    color: green;
}

.works-images-box {
    display: none;
}



.fadein1 {
    transform: translateY(20px);
    opacity: 0;
    transition: 1s ease;
}

.fadein1--visible {
    transform: translateY(0);
    opacity: 1;
}


@media(max-width:1400px) {
    .btn-2 {
        margin-top: 2px;
    }

    .box-wrap {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 20px;
        margin-top: 15px;
        margin-bottom: 80px;
    }

    .work-wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 80px;
    }

    .works-images-box {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 26px;
        gap: 20px;
        display: none;
    }

    .wrk-img .wrk-img1 {
        width: 261px;
        height: 361px;
        overflow: hidden;
    }

    .carousel .card {
        scroll-snap-align: start;
        height: 437px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 265px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .values-content {
        display: flex;
        flex-wrap: nowrap;
        gap: 30px;
        margin-top: 44px;

    }

    .vls-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 247px;
        height: 214px;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .team-img1 {
        width: 239px;
        height: 140px;
        overflow: hidden;
    }

    .team-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 239px;
        height: 210px;
        background: #ffffff;
    }

    /* service */
    .brnd-strtgy .strtgy-right {
        display: flex;
        flex-direction: column;
        width: 777px;
    }

    .brnd-strtgy {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 54px;
        margin-top: 45px;

    }

    .strtgy-right .strtgy-right-top {
        width: 777px;
        height: 433px;
        margin-bottom: 54px;
        overflow: hidden;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-right p br {
        display: none;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left h2 {
        text-align: left;
        font: normal normal medium 14px / 24px Poppins;
        font-size: 14px;
        font-family: 'Poppins';
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
        width: 134px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p br {
        display: none;
    }

    /* about */
    .abt-banner {
        display: flex;
        margin-bottom: 45px;
        gap: 50px;
    }

    .abt-banner .abt-bnr-left {
        width: 554px;
        height: 524px;
        border-radius: 10px;
        overflow: hidden;
    }

    .abt-values1 {
        display: flex;
        justify-content: space-between;
        text-align: left;
        font: normal normal 600 22px / 24px Poppins;
        letter-spacing: 0.44px;
        color: #000000;
        opacity: 1;
        margin-bottom: 150px;
        flex-direction: column;
        margin-left: 340px;
    }

    .abt-boxes1 {
        display: grid;
        grid-template-columns: 306px 306px 306px;
        grid-template-rows: 214px 214px;
        padding: 0px;
        grid-gap: 31px;
        margin-bottom: 100px;
    }

    .abt-boxes1 .abt-bx-1 p {
        text-align: left;
        font: normal normal 300 12px / 19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;

        margin-left: 37px;
    }


    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
        display: flex;
        gap: 22px;
        margin-bottom: 48px;
        margin-top: 43px;
    }

    .abt-t-img {
        width: 340px;
        height: 514px;
        overflow: hidden;
    }

    .abt-t-btn1 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 166px;
        height: 39px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 13px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .abt-bottom-team {
        display: flex;
        flex-wrap: wrap;
        gap: 48px;
    }

    .abt-team-right .wrapperz {
        display: flex;
        gap: 49px;
    }

    /* blog */
    .abt-banner .abt-bnr-right .abt-bnr-content01 .top1 {
        text-align: left;
        font: normal normal 300 45px / 66px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 {
        text-align: left;
        font: normal normal bold 45px / 66px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .blog-bnr {
        gap: 26px;
        margin-bottom: 77px;
    }

    .abt-banner .blog-bnr-left {
        width: 573px;
        height: 435px;
        overflow: hidden;
    }

    .abt-team-bx .blg-t-img {
        width: 361px;
        height: 460px;
        overflow: hidden;
    }

    .box-wrap .box-1 {
        display: flex;
        margin-top: 10px;
        justify-content: center;
        align-items: center;
        width: 263px;
        height: 306px;
        background: #F0FBFC 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #1F4F66;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 37px 24px 46px 24px;
        transition: transform 0.25s ease-out;
        transition: 0.4s;

    }

    .lrn1 {
        padding-top: 24px;
    }

    .blg-t-btn1 {
        width: 142px;
        height: 39px;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blog-section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .bnr-content .banner-content1 p br {
        display: none;
    }

    .blog-bnr2 {
        margin-bottom: 75px;
    }

    .blog-details-11 .blg-image-11 {
        width: 100%;
        height: 668px;
    }

    .blgdetail33 {
        margin-top: 42px;
        margin-bottom: 61px;
        gap: 84px;
    }

    .conclusion .con-2 p br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom {

        margin-bottom: 55px;
    }

    .blg-detail2 .right-blg .top {

        margin-top: 25px;
    }

    .blg-detail2 .right-blg .top br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom br {
        display: none;
    }

    .conclusion {
        display: flex;
        width: 100%;
        height: 281px;
        background: #F2F6F5;
        gap: 84px;
    }

    .conclusion .con-2 p {
        padding-right: 25px;
    }

    .blog-boxes2 .blog-box1 {
        width: 354px;
        height: 252px;
        background: #F2F6F5;
    }

    .blog-boxes2 .blog-box1 p {
        text-align: left;
        font: normal normal 300 20px / 19px Poppins;
        letter-spacing: 0.6px;
        color: #000000;
        opacity: 1;
        padding-left: 38px;
        margin-top: 50px;
    }

    .blg-detail2 {
        display: flex;
        justify-content: end;

        margin-bottom: 49px;
    }

    .blog-boxes2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .blog-detail-imgs .detail-imgs {
        margin-bottom: 57px;
    }
}


@media(max-width:1200px) {
    .bnr-content .banner-content1 .top1 {
        font-family: 'Poppins';
        color: #1F4F66;
        font-size: 60px;
        margin-top: 28px;
        text-align: left;
        font: normal normal 300 50px / 75px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .bnr-content .banner-content1 .botm1 {
        font-family: 'Poppins';
        color: #1F4F66;
        font-weight: bolder;
        font-size: 60px;
        text-align: left;
        font: normal normal bold 50px / 75px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .bnr-content .banner-content1 p {
        font-size: 18px;
        font-family: 'Poppins';
        color: #1F4F66;
        text-align: left;
        font: normal normal normal 16px / 31px Poppins;
        letter-spacing: 0.36px;
        color: #1F4F66;
        opacity: 1;
        margin-top: 19px;
        margin-bottom: 40px;
    }


    .box-wrap .box-1 {
        display: flex;
        margin-top: 10px;
        justify-content: center;
        align-items: center;
        width: 227px;
        height: 319px;
        background: #F0FBFC 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #1F4F66;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 34px 21px 25px 28px;
        transition: transform 0.25s ease-out;
        transition: 0.4s;
    }

    .lrn1 {
        padding-top: 0px;
    }

    .box-wrap .box-1 .lrn1 {
        margin-top: 11px;
    }

    .box-wrap .box-1 .lrn2 {
        margin-top: 11px;
    }

    .box-wrap {

        gap: 5px;

    }

    .box-wrap .box-1 h1 {
        text-align: left;
        font: normal normal medium 18px / 30px Poppins;
        font-size: 16px;
        font-family: 'Poppins';
        font-weight: 500;
        opacity: 1;
        margin: 0;
    }

    .carousel .card {
        scroll-snap-align: start;
        height: 379px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 217px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .box-wrap .box-1 a {
        margin: 0px;
        margin-top: 31px;
        font-family: 'Poppins';
        text-align: left;
        text-decoration: underline;
        font: normal normal medium 12px / 31px Poppins;
        letter-spacing: 0.36px;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        opacity: 1;
        color: #1F4F66;
    }

    .box-wrap .box-1 p {
        margin: 0;
        margin: 0px;
        margin-top: 22px;
        font-family: 'Poppins';
        text-align: left;
        font: normal normal 300 14px / 22px Poppins;
        letter-spacing: 0.42px;
        opacity: 1;
    }

    .box-wrap .box-1 p br {
        display: none;
    }


    .wrk-img .wrk-img1 {
        width: 215px;
        height: 303px;
        overflow: hidden;
    }

    .wrk-image-title .tit-2 {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 600;
        color: #1F4F66;
        text-align: left;
        font: normal normal 600 10px / 31px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
    }

    .wrk-image-title .tit-1 {
        font-family: 'Poppins';
        font-size: 14px;
        color: #1F4F66;
        text-align: left;
        font: normal normal normal 10px / 31px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
    }

    .vls-left {
        width: 263px;
        height: 439px;
        display: flex;
        flex-direction: column;
        background: #e4e9eb;
        text-align: left;
        align-items: center;
        margin-bottom: 90px;
    }

    .vls-img {
        width: 263px;
        height: 187px;
        overflow: hidden;
    }

    .vls-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 214px;
        height: 214px;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .vls-box-top {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .values-content {
        display: flex;
        flex-wrap: nowrap;
        gap: 15px;
        margin-top: 44px;
    }

    .small-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 570px;
        margin-bottom: 110px;
    }


    .team-head2 h1 {
        font-family: 'Poppins';
        text-align: left;
        font: normal normal 600 30px/80px Poppins;
        letter-spacing: 0.6px;
        color: #000000;
        opacity: 1;
    }

    .brnd-names3 {
        display: flex;
        gap: 102px;
    }

    .team-left {
        width: 263px;
        height: 439px;
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: center;
        margin-bottom: 90px;
        background: #F1F5F8 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .team-titles {
        display: flex;
        flex-direction: column;
        margin-top: 41;
        padding: 0px 29px 23px 24px;
    }

    .team-titles p br {
        display: none;
    }

    .team-boxes {
        display: flex;
        gap: 15px;
    }

    .team-box-top {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .team-img1 {
        width: 209px;
        height: 140px;
        overflow: hidden;
    }

    .team-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 209px;
        height: 210px;
        background: #ffffff;
    }

    .contact-sec-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: flex-start;
        padding-left: 270px;
    }

    .main-header .right-head .header-nav ul li {
        margin-right: 25px;
    }

    .sml-h1 .sml-h01 {
        font-family: 'Poppins';
        font-size: 45px;
        font-weight: 300;
        text-align: left;
        font: normal normal 300 36px / 51px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .sml-h1 .sml-h02 {
        font-family: 'Poppins';
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 30px;
        font-size: 45px;
        text-align: left;
        font: normal normal bold 36px / 51px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .sml-p p {
        text-align: left;
        font: normal normal 300 13px / 24px Poppins;
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
        margin: 0%;
        margin-bottom: 30px;
    }

    /* service */
    .brnd-strtgy .strtgy-right {
        display: flex;
        flex-direction: column;
        width: 650px;
    }

    .strtgy-right .strtgy-right-top {
        width: 650px;
        height: 433px;
        margin-bottom: 54px;
        overflow: hidden;
    }

    .brnd-strtgy {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 54px;
        margin-top: 45px;

    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 h2 {
        text-align: left;
        font: normal normal 300 35px / 50px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 h1 {
        text-align: left;
        font: normal normal bold 35px / 50px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .brnd-strtgy .strtgy-left p br {
        display: none;
    }

    .brnd-strtgy .strtgy-left {
        display: flex;
        flex-direction: column;
        width: 268px;
        height: 434px;
        background: #F0FBFC;
        padding: 45px 0px 45px 20px;
    }

    /* about */
    .abt-banner .abt-bnr-right .abt-bnr-content01 .top1 {
        text-align: left;
        font: normal normal 300 42px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 {
        text-align: left;
        font: normal normal bold 42px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .abt-boxes1 {
        display: grid;
        grid-template-columns: 280px 280px 280px;
        grid-template-rows: 214px 214px;
        padding: 0px;
        grid-gap: 17px;
        margin-bottom: 100px;
    }

    .abt-boxes1 .abt-bx-1 p {
        text-align: left;
        font: normal normal 300 12px / 19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;
        margin-left: 37px;
        margin-right: 10px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
        display: flex;
        gap: 40px;
        margin-bottom: 63px;
        margin-top: 82px;
    }

    .abt-values1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 65px;
        margin-left: 0px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 p br {
        display: none;
    }

    .abt-t-img {
        width: 302px;
        height: 508px;
        overflow: hidden;
    }

    .abt-t-btn1 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 139px;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 11px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .abt-team-right .wrapperz {
        display: flex;
        gap: 17px;
    }

    .abt-bottom-team {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    /* blog */
    .abt-banner .blog-bnr-left {
        width: 570px;
        height: 523px;
        overflow: hidden;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 p br {
        display: none;
    }

    .abt-banner .blog-right2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 50%;
    }

    .abt-team-bx .blg-t-img {
        width: 457px;
        height: 460px;
        overflow: hidden;
    }

    /* contact */
    .cnt-right .cnt-form {
        width: 533px;
        height: 763px;
        background: #F1F6F5;
    }

    .cnt-left .cnt-bnr-texts .tt {
        text-align: left;
        font: normal normal 300 40px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .cnt-left .cnt-bnr-texts .bb {
        text-align: left;
        font: normal normal bold 40px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .contact-bnr {
        display: flex;
        /* margin-top: 121px; */
        margin-bottom: 90px;
        justify-content: space-between;
    }

    .bnr-content .banner-content1 p br {
        display: none;
    }

    .blog-details-11 .blg-image-11 {
        width: 100%;
        height: 557px;
    }

    .blog-bnr2 {
        margin-bottom: 60px;
    }

    .blg-detail2 .right-blg .top br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom br {
        display: none;
    }

    .conclusion .con-2 p br {
        display: none;
    }

    .conclusion {
        display: flex;
        width: 100%;
        height: 286px;
        background: #F2F6F5;
        gap: 87px;
    }

    .conclusion .con-2 p {
        padding-right: 25px;
    }

    .blgdetail33 {
        margin-top: 56px;
        margin-bottom: 56px;
        gap: 83px;
    }

    .blg-detail2 .right-blg .bottom {

        margin-bottom: 55px;
    }

    .blg-detail2 .right-blg .top {

        margin-top: 25px;
    }



    .blog-boxes2 .blog-box1 {
        width: 304px;
        height: 252px;
        background: #F2F6F5;
    }

    .blog-boxes2 .blog-box1 p {

        padding-left: 32px;
        margin-top: 76px;
    }

    .blog-boxes2 .blog-box1 h1 {

        padding-left: 32px;
        padding-top: 46px;
    }

    .blg-detail-bnr .top {
        font: normal normal 300 56px / 75px "Poppins";
    }

    .blg-detail-bnr .bottom {
        font: normal normal bold 56px / 75px inter "Poppins";
    }

    .main-footer .ft-01 {

        margin-right: 78px;
    }

    .main-footer .ft-02 {

        margin-right: 32px;
    }

}

@media(max-width:993px) {
    .wrappe .carousel {
        grid-auto-columns: calc((100% / 3) - 26px);

    }

    .bnr-content .banner-content1 .top1 {
        font-family: 'Poppins';
        color: #1F4F66;
        font-size: 60px;
        margin-top: 28px;
        text-align: left;
        font: normal normal 300 40px / 61px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .bnr-content .banner-content1 .botm1 {
        font-family: 'Poppins';
        color: #1F4F66;
        font-weight: bolder;
        font-size: 60px;
        text-align: left;
        font: normal normal bold 40px / 61px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .logos-slide img {
        height: 38px;
        margin: 0 40px;
    }

    .box-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        margin-top: 15px;
        margin-bottom: 80px;
    }

    .team-box-content h3 {
        font-family: 'Poppins';
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: left;
        font: normal normal normal 10px/20px Poppins;
        letter-spacing: 0.3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .box-wrap .box-1 {
        display: flex;
        margin-top: 10px;
        justify-content: center;
        align-items: center;
        width: 336px;
        height: 299px;
        background: #F0FBFC 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #1F4F66;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 45px 50px 48px 50px;
        transition: transform 0.25s ease-out;
        transition: 0.4s;
    }

    .box-wrap .box-1 .lrn2 {
        margin-top: 17px;
    }

    .box-wrap .box-1 .lrn1 {
        margin-top: 41px;
    }

    .box-wrap .box-1 p br {
        display: flex;
    }

    .works-images-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
        gap: 20px;
    }

    .wrk-img .wrk-img1 {
        width: 348px;
        height: 433px;
        overflow: hidden;
    }

    .wrk-img .market {
        width: 348px;
        height: 282px;
        overflow: hidden;
        border-radius: 10px;
        opacity: 1;
    }

    .wrk-image-title .tit-1 {
        font-family: 'Poppins';
        font-size: 14px;
        color: #1F4F66;
        text-align: left;
        font: normal normal normal 14px / 31px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
    }

    .wrk-image-title .tit-2 {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 600;
        color: #1F4F66;
        text-align: left;
        font: normal normal 600 14px / 31px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
    }

    .values-content {
        display: flex;
        flex-wrap: nowrap;
        gap: 15px;
        margin-top: 44px;
        margin-bottom: 100px;
    }

    .vls-box-top {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
    }

    #vls-box-top-01 {
        flex-wrap: wrap;
    }

    .vls-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 204px;
        height: 214px;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .vls-box-content {
        display: flex;
        flex-direction: column;
        padding: 41px 29px 20px 29px;
    }

    .team-titles {
        display: flex;
        flex-direction: column;
        margin-top: 41;
        padding: 0px 56px 23px 47px;
    }

    #btn-team {
        margin-top: 43px;
    }

    .team-box-top {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
    }

    .contact-sec-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: flex-start;
        padding-left: 75px;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((100% / 2) - 0px);
        gap: 39px;

    }

    .carousel .card {
        scroll-snap-align: start;
        height: 510px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 351px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .cnt-right2 {
        width: 100%;
    }

    #brnd-mob {
        margin-top: 0px;
    }

    .small-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 0px;
    }

    /* work */
    .bnr-work {
        margin-bottom: 145px;
    }

    .main-works .wrk-image01 {
        width: 100%;
        height: 472px;
        overflow: hidden;
    }

    .work-wrap {

        margin-bottom: 0px;
    }

    .main-works .wrk-top-head h1 {
        text-align: left;
        font: normal normal normal 34px / 80px inter sans-serif;
        letter-spacing: 0.8px;
        color: #000000;
        opacity: 1;
        font-family: "Inter", sans-serif;
    }

    .main-footer .ft-01 {
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
        margin-right: 43px;
    }

    .main-footer .ft-02 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        width: 224px;
        margin-right: 27px;
    }

    .main-footer .ft-last {
        margin-right: 0px;
    }

    .main-footer .ft-02 ul li a {
        text-decoration: none;
        text-align: left;
        font: normal normal 300 13px / 40px Poppins;
        letter-spacing: 0.3px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .blg-detail2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 49px;
    }

    /* service */
    .btn-serv001 {
        display: flex;
        text-align: center;
        font: normal normal bold 10px / 20px Poppins;
        letter-spacing: 0.26px;
        background: #ffffff;
        color: #F26E5C;
        text-transform: capitalize;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 156px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .service-bnr-buttons {

        gap: 11px;

    }

    .brnd-strtgy {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 54px;
        margin-top: 45px;
    }

    .strtgy-right .strtgy-right-top {
        width: 100%;
        height: 390px;
        margin-bottom: 54px;
        margin-top: 40px;
        overflow: hidden;
    }

    .brnd-strtgy .strtgy-left {
        display: flex;
        flex-direction: column;
        width: 303px;
        height: auto;
        background: #F0FBFC;
        padding: 45px 0px 45px 40px;
    }

    .brnd-strtgy .strtgy-right {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .brnd-strtgy .strtgy-left p br {
        display: flex;
    }

    /* about */
    .abt-banner {
        display: flex;
        margin-bottom: 45px;
        gap: 59px;
        flex-direction: column;
    }

    .abt-banner .abt-bnr-left {
        width: 100%;
        height: 414px;
        overflow: hidden;
    }

    .item1 {
        grid-column: 1 / span 1;
    }

    .item2 {
        grid-column: 2 / span 1;
    }

    .item3 {
        grid-column: 1 / span 1;
    }

    .item4 {
        grid-column: 2/ span 1;
    }

    .item5 {
        grid-column: 1 / span 2;
    }

    .abt-boxes1 {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: 214px 214px 214px;
        padding: 0px;
        grid-gap: 20px;
        margin-bottom: 100px;
    }

    .abt-boxes1 .abt-bx-1 p {
        text-align: left;
        font: normal normal 300 12px / 19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;
        margin-top: 20px;
        margin-left: 37px;
    }

    .abt-boxes1 .abt-bx-1 p br {
        display: none;
    }

    .abt-values1 {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-left: 0px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p br {
        display: none;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left h2 {

        margin: 0%;
        width: 350px;
        text-align: left;
        font: normal normal 600 22px/24px Poppins;
        letter-spacing: 0.44px;
        color: #000000;
        opacity: 1;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
        display: flex;
        gap: 23px;
        margin-bottom: 36px;
        margin-top: 36px;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name {
        width: 217px;
        margin-right: 30px;
        margin-left: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #tm-bx-abt {
        display: flex;
        margin-bottom: 40px;
        flex-direction: column;
    }

    .abt-t-img {
        width: 329px;
        height: 453px;
        overflow: hidden;
    }

    .abt-team-right .wrapperz {
        display: flex;
        justify-content: space-between;
    }

    .abt-t-btn1 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 160px;
        height: 37px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 12px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .team-left {
        width: 329px;
        height: 347px;
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: center;
        margin-bottom: 21px;
        background: #F1F5F8 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .abt-bottom-team {
        display: flex;
        flex-wrap: wrap;
        gap: 38px;
    }

    /* blog */
    .abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 br {
        display: none;
    }

    .abt-banner .blog-bnr-left {
        width: 100%;
        height: 416;
        overflow: hidden;
    }

    .abt-team-bx .blg-t-img {
        width: 344px;
        height: 414px;
        overflow: hidden;
    }

    .blg-t-btn1 {
        width: 155px;
        height: 39px;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blg-t-btn1 {
        width: 125px;
        height: 39px;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blg-t-name {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 36px;
    }

    .blog-section {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px;
        margin-bottom: 85px;
        gap: 7px;
    }

    .abt-banner .blog-right2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }

    /* contact */
    .contact-bnr {
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;

    }

    .blgdetail33 {
        margin-top: 30px;
        margin-bottom: 35px;
        gap: 12px;
    }

    .blg-detail2 .scl-media2 {
        display: flex;
        flex-direction: row;
        width: 115px;
        align-items: center;
        margin-top: 0px;
        gap: 20px;
    }

    .insta2 {
        width: 23px;
        height: 23px;
        margin-top: 4px;
    }

    .cnt-right .cnt-form {
        width: 100%;
        height: 763px;
        background: #F1F6F5;
        margin-top: 30px;
    }

    .cnt-right .cnt-form .form-main {
        padding: 65px 50px 86px 50px;
    }

    .cnt-left .cnt-bnr-texts .tt {
        text-align: left;
        font: normal normal 300 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .cnt-left .cnt-bnr-texts .bb {
        text-align: left;
        font: normal normal bold 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .cnt-right2 .wrapper-2 {
        margin-top: 52px;
    }

    /* hamburger menu */
    #menuToggle {
        display: block;
        position: relative;
        top: 6px;
        left: -3px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: #e75516;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
 * Just a quick hamburger
 */
    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #000000;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #000000;
    }

    /*
 * But let's hide the middle one.
 */
    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
 * Ohyeah and the last one should go the other direction
 */
    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    /*
 * Make this absolute positioned
 * at the top left of the screen
 */
    #menu {
        position: absolute;
        width: 427px;
        margin: -100px 0 0 -795px;
        padding: 50px;
        padding-top: 125px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #menu li {
        padding: 10px 87px;
        font-size: 22px;
        text-align: left;
        font: normal normal 800 24px/23px Poppins;
        letter-spacing: 0.72px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }

    /*
 * And let's slide it in from the left
 */
    #menuToggle input:checked~ul {
        transform: none;
    }

    #web-teams {
        display: none;
    }

    .home-swiper3 {
        height: 300px;
        width: 50%;
    }

    .team-img1 {
        width: 348px;
        height: 140px;
        overflow: hidden;
    }

    .blog-details-11 .blg-image-11 {
        width: 100%;
        height: 413px;
    }

    .bnr-content .banner-content1 p br {
        display: none;
    }

    .blog-bnr2 {
        margin-bottom: 85px;
    }

    .conclusion .con-2 p br {
        display: none;
    }

    .conclusion {
        display: flex;
        width: 100%;
        height: 334px;
        background: #F2F6F5;
        gap: 64px;
    }

    .blg-detail2 .right-blg .bottom {

        margin-bottom: 25px;
    }

    .blg-detail2 .right-blg .top {

        margin-top: 8px;
    }

    .blg-detail2 .right-blg .top br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom br {
        display: none;
    }

    .conclusion .con-2 p {
        padding-right: 25px;
    }

    .blog-boxes2 .blog-box1 {
        width: 342px;
        height: 252px;
        background: #F2F6F5;
    }

    .blog-detail-imgs .detail-imgs {

        margin-bottom: 47px;
    }

}

@media(max-width:991px) {
    #menu {
        position: absolute;
        width: 427px;
        margin: -100px 0 0 -808px;
        padding: 50px;
        padding-top: 125px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #wrk-new11 {
        margin-bottom: 0;
    }
}

@media(max-width:769px) {

    /* hamburger menu */
    #menuToggle {
        display: block;
        position: relative;
        top: 6px;
        left: -3px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: tomato;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
 * Just a quick hamburger
 */
    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #000000;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #000000;
    }

    /*
 * But let's hide the middle one.
 */
    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
 * Ohyeah and the last one should go the other direction
 */
    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    /*
 * Make this absolute positioned
 * at the top left of the screen
 */
    #menu {
        position: absolute;
        width: 427px;
        margin: -100px 0 0 -795px;
        padding: 50px;
        padding-top: 125px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #menu li {
        padding: 10px 87px;
        font-size: 22px;
    }

    /*
 * And let's slide it in from the left
 */
    #menuToggle input:checked~ul {
        transform: none;
    }

    .box-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        margin-top: 15px;
        margin-bottom: 40px;
        justify-content: center;
        padding: 0px 18px;
    }


    .box-wrap .box-1 {
        display: flex;
        display: flex;
        margin-top: 10px;
        justify-content: center;
        align-items: center;
        width: 306px;
        height: 287px;
        background: #F0FBFC 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #1F4F66;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 43px 30px 46px 35px;
        transition: transform 0.25s ease-out;
        transition: 0.4s;
    }

    .box-wrap .box-1 .lrn1 {
        margin-top: 31px;
    }

    .box-wrap .box-1 .lrn2 {
        margin-top: 31px;
    }

    .works-images-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
        gap: 20px;
        justify-content: center;
    }

    .values-content {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 44px;
        margin-bottom: 100px;
        justify-content: center;
    }


    .vls-box-top {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 30px;
    }

    .small-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 0px;
    }

    .contact-sec-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: flex-start;
        padding-left: 76px;
    }

    .contact-sec-content h2 {
        font-family: 'Poppins';
        margin: 0%;
        font-size: 33px;
        font-weight: 300;
        text-align: left;
        font: normal normal 300 18px / 33px Poppins;
        letter-spacing: 0.99px;
        color: #1F4F66;
        text-transform: capitalize;
    }

    .contact-sec-content h1 {
        font-family: 'Poppins';
        margin: 0%;
        font-size: 45px;
        font-weight: bold;
        text-align: left;
        font: normal normal bold 24px / 40px Poppins;
        letter-spacing: 1.35px;
        color: #1F4F66;
        text-transform: capitalize;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((100% / 1) - 256px);
        gap: 0px;
    }

    .vls-left {
        width: 100%;
        height: 439px;
        display: flex;
        flex-direction: column;
        background: #e4e9eb;
        text-align: left;
        align-items: center;
        margin-bottom: 15px;
    }

    .vls-img {
        width: 100%;
        height: 187px;
        overflow: hidden;
    }

    .vls-right {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }
    .float{
        right: 15px;
      }
    .vls-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        height: 214px;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .team-left {
        width: 100%;
        height: 360px;
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: center;
        margin-bottom: 30px;
        background: #F1F5F8 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .abt-boxes1 .abt-bx-1 .million1 br {
        display: none;
    }

    .team-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        height: 210px;
        background: #ffffff;
    }

    .team-img1 {
        width: 100%;
        height: 140px;
        overflow: hidden;
    }

    #hr-01 {

        opacity: 0.25;
        margin: 0px;
        margin: 0px 2% 0px 2%;

    }

    /* work */
    .main-works .wrk-image01 {
        width: 100%;
        height: 432;
        overflow: hidden;
    }

    .main-works .wrk-top-head h1 {
        text-align: left;
        font: normal normal normal 31px / 80px inter sans-serif;
        letter-spacing: 0.8px;
        color: #000000;
        opacity: 1;
        font-family: "Inter", sans-serif;
    }

    .bnr-work {
        margin-bottom: 140px;
    }

    .main-footer .ft-01 {

        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
        margin-right: 37px;

    }

    .main-footer .ft-02 h1 {
        text-align: left;
        font: normal normal 300 14px / 22px Poppins;
        letter-spacing: 1.6px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .main-footer .ft-02 ul li a {
        text-decoration: none;
        text-align: left;
        font: normal normal 300 12px / 37px Poppins;
        letter-spacing: 1.3px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .main-footer .ft-02 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        width: 203px;
        margin-right: 12px;
    }

    .main-footer {
        display: flex;
        justify-content: center;
        margin-bottom: 124px;
        margin-top: 114px;
        display: none;
    }

    /* swervice */
    .service-bnr-buttons {
        display: flex;
        flex-direction: column;
        gap: 26px;
        margin-bottom: 129px;
    }

    .btn-serv001 {
        text-align: center;
        font: normal normal bold 13px / 20px Poppins;
        letter-spacing: 0.26px;
        background: #ffffff;
        color: #F26E5C;
        text-transform: capitalize;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 190px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
    }

    .brnd-strtgy {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-bottom: 54px;
        margin-top: 45px;
    }

    .strtgy-right .strtgy-right-top {
        width: 100%;
        height: 333px;
        margin-bottom: 54px;
        margin-top: 40px;
        overflow: hidden;
    }

    .brnd-strtgy .strtgy-left {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        background: #F0FBFC;
        padding: 45px 0px 45px 114px;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left h2 {
        text-align: left;
        font: normal normal medium 14px / 24px Poppins;
        font-size: 14px;
        font-family: 'Poppins';
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
        width: 180px;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-right p br {
        display: none;
    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 h2 {
        text-align: left;
        font: normal normal 300 32px / 50px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 h1 {
        text-align: left;
        font: normal normal bold 32px / 50px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    /*  about */
    .abt-banner {
        display: flex;
        flex-direction: column;
        margin-bottom: 45px;
        gap: 50px;
        padding: 0 2%;
    }

    .abt-banner .abt-bnr-left {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .abt-values1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 2%;
        margin-left: 0px;
    }

    .box-wrap .box-1 p br {
        display: flex;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p br {
        display: none;
    }

    #award-section {
        margin-bottom: 140px;
        margin-top: 80px;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name {
        width: 170px;
        margin-right: 10px;
        margin-left: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name h2 {
        text-align: left;
        font: normal normal normal 15px / 33px Poppins;
        letter-spacing: 0.48px;
        color: #000000;
        opacity: 1;
        font-family: "Poppins";
        font-size: 15px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left h2 {

        margin: 0%;
        width: 337px;
        text-align: left;
        font: normal normal 600 22px/24px Poppins;
        letter-spacing: 0.44px;
        color: #000000;
        opacity: 1;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left {
        width: 240px;
    }

    .abt-team-right .wrapperz {
        display: flex;
        width: 100%;
        justify-content: space-between;

    }

    .abt-t-img {
        width: 318px;
        height: 383px;
        overflow: hidden;
    }

    .abt-bottom-team {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #tm-bx-abt {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: normal;
        margin-bottom: 40px;
    }

    .item1 {
        grid-column: 1 / span 1;
    }

    .item2 {
        grid-column: 1 / span 1;
    }

    .item3 {
        grid-column: 1 / span 1;
    }

    .item4 {
        grid-column: 1 / span 1;
    }

    .item5 {
        grid-column: 1 / span 1;
    }


    .abt-boxes1 {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 214px 214px 214px 214px 214px;
        padding: 0px;
        margin-bottom: 100px;
        padding: 0 2%;
    }

    .abt-boxes1 .abt-bx-1 p {
        text-align: left;
        font: normal normal 300 12px / 19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;

        margin-left: 37px;
    }

    .item5 p br {
        display: none;
    }


    .abt-t-btn1 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 170px;
        height: 39px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 13px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .top1 {
        text-align: left;
        font: normal normal 300 45px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 {
        text-align: left;
        font: normal normal bold 45px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }


    .abt-vls-right .awards-wrapper .award-1 .item-001 {
        width: 144px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    /* blog */
    .blog-section {
        display: flex;
        flex-wrap: wrap;
        margin-top: 58px;
        margin-bottom: 50px;
        gap: 7px;
    }

    .abt-team-bx .blg-t-img {
        width: 328px;
        height: 338px;
        overflow: hidden;
    }

    .blg-t-name h2 {
        text-align: left;
        font: normal normal normal 13px / 26px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .blg-t-btn1 {
        width: 117px;
        height: 36px;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blg-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 13px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        display: flex;
        justify-content: center;
        margin: 0%;
    }

    .abt-banner .blog-bnr-left {
        width: 100%;
        height: 516;
        overflow: hidden;
    }

    /* contact */
    .contact-bnr {
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;

    }

    .cnt-right .cnt-form {
        width: 100%;
        height: 720px;
        background: #F1F6F5;
        margin-top: 30px;
    }

    .cnt-right .cnt-form .form-main {
        padding: 65px 50px 86px 50px;
    }

    .cnt-left .cnt-bnr-texts .tt {
        text-align: left;
        font: normal normal 300 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .cnt-left .cnt-bnr-texts .bb {
        text-align: left;
        font: normal normal bold 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .cnt-right2 .wrapper-2 {
        margin-top: 52px;
    }

    .cnt-left .cnt-bnr-texts p br {
        display: none;
    }

    .cnt-bx1 {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }



    /* contact */
    .contact-bnr {
        display: flex;
        flex-direction: column;
         margin-bottom: 100px;

    }

    .cnt-right .cnt-form {
        width: 100%;
        height: 1003px;
        background: #F1F6F5;
        margin-top: 30px;
    }

    .cnt-right .cnt-form .form-main {
        padding: 65px 50px 86px 50px;
    }

    .cnt-left .cnt-bnr-texts .tt {
        text-align: left;
        font: normal normal 300 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .cnt-left .cnt-bnr-texts .bb {
        text-align: left;
        font: normal normal bold 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .cnt-right2 .wrapper-2 {
        margin-top: 52px;
    }

    .cnt-left .cnt-bnr-texts p br {
        display: none;
    }

    .blog-details-11 .blg-image-11 {
        width: 100%;
        height: 365px;
    }

    .blog-bnr2 {
        margin-bottom: 75px;
    }

    .conclusion {
        display: flex;
        width: 100%;
        height: 374px;
        background: #F2F6F5;
        gap: 100px;
    }

    .conclusion .con-2 p {
        padding-right: 30px;
    }

    .conclusion .con-2 p br {
        display: none;
    }

    .blgdetail33 {
        margin-top: 47px;
        margin-bottom: 72px;
        gap: 30px;
    }

    .blg-detail2 .right-blg .top br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom {

        margin-bottom: 59px;
    }

    .blg-detail2 .right-blg .top {

        margin-top: 32px;
    }

    .bnr-content .banner-content1 p br {
        display: none;
    }

    .service-bnr-buttons {
        display: none;
    }

}

@media(max-width:767px) {

    /* hamburger menu */
    #menuToggle {
        display: block;
        position: relative;
        top: 6px;
        left: -3px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: #e75516;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
 * Just a quick hamburger
 */
    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #000000;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #000000;
    }

    /*
 * But let's hide the middle one.
 */
    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
 * Ohyeah and the last one should go the other direction
 */
    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    /*
 * Make this absolute positioned
 * at the top left of the screen
 */
    #menu {
        position: absolute;
        width: 427px;
        margin: -100px 0 0 -795px;
        padding: 50px;
        padding-top: 125px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #menu li {
        padding: 10px 10px 10px 196px;

        font-size: 22px;
    }

    /*
 * And let's slide it in from the left
 */
    #menuToggle input:checked~ul {
        transform: none;
    }

    .wrappe .carousel {
        grid-auto-columns: calc((100% / 3) - -30px);
    }

    .main-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 115px;
        margin-top: 60px;
        display: none;
    }

    .main-footer .ft-02 hr {
        margin: 0%;
        padding: 0%;
        margin-bottom: 17px;
    }

    .main-footer .ft-02 {
        margin-top: 35px;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((100% / 1) - 103px);
        gap: 0px;
    }

    /*  about */
    .abt-banner {
        display: flex;
        flex-direction: column;
        margin-bottom: 45px;
        gap: 50px;
        padding: 0 2%;
    }

    .abt-banner .abt-bnr-left {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .abt-values1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 2%;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
        display: flex;
        flex-direction: column;
        gap: 34px;
        margin-bottom: 37px;
        margin-top: 47px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p br {
        display: none;
    }

    #award-section {
        margin-bottom: 140px;
        margin-top: 80px;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name {
        width: 170px;
        margin-right: 10px;
        margin-left: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name h2 {
        text-align: left;
        font: normal normal normal 15px / 33px Poppins;
        letter-spacing: 0.48px;
        color: #000000;
        opacity: 1;
        font-family: "Poppins";
        font-size: 15px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left h2 {
        text-align: left;
        font: normal normal medium 14px / 24px Poppins;
        font-family: "Poppins";
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
        margin: 0%;
        width: 240px;
    }

    .team-titles {
        display: flex;
        flex-direction: column;
        margin-top: 41;
        padding: 0px 36px 41px 47px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left {
        width: 240px;
    }

    .abt-team-right .wrapperz {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 35px;
    }

    .abt-t-img {
        width: 100%;
        height: 461px;
        overflow: hidden;
    }

    .abt-bottom-team {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 35px;
    }

    #tm-bx-abt {
        display: flex;
        justify-content: flex-start;
        align-items: normal;
        margin-bottom: 40px;
    }

    .item1 {
        grid-column: 1 / span 1;
    }

    .item2 {
        grid-column: 1 / span 1;
    }

    .item3 {
        grid-column: 1 / span 1;
    }

    .item4 {
        grid-column: 1 / span 1;
    }

    .item5 {
        grid-column: 1 / span 1;
    }

    .abt-boxes1 {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 322px 334px 334px 334px 334px;
        padding: 0px;
            margin-bottom: 100px;
        padding: 0 18px;
    }

    .abt-boxes1 .abt-bx-1 p {
        text-align: left;
        font: normal normal 300 12px / 19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;
        margin-top: 104px;
        margin-left: 44px;
    }

    .abt-t-btn1 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 170px;
        height: 39px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 13px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .top1 {
        text-align: left;
        font: normal normal 300 45px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 {
        text-align: left;
        font: normal normal bold 45px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 p br {
        display: none;
    }

    .abt-vls-right .awards-wrapper .award-1 .item-001 {
        width: 144px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    /* blog */
    .blog-section {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 58px;
        margin-bottom: 50px;
        gap: 7px;
        flex-direction: column;
    }

    .abt-banner .blog-bnr-left {
        width: 100%;
        height: 481px;
        overflow: hidden;
    }

    .abt-team-bx .blg-t-img {
        width: 100%;
        height: 338px;
        overflow: hidden;
    }

    .blg-t-name {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .blg-t-name h2 br {
        display: none;
    }

    /* contact */
    .contact-bnr {
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;

    }

    .cnt-right .cnt-form {
        width: 100%;
        height: 1003px;
        background: #F1F6F5;
        margin-top: 30px;
    }

    .cnt-right .cnt-form .form-main {
        padding: 65px 50px 86px 50px;
    }

    .cnt-left .cnt-bnr-texts .tt {
        text-align: left;
        font: normal normal 300 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        margin-top: 33px;
    }

    .cnt-left .cnt-bnr-texts .bb {
        text-align: left;
        font: normal normal bold 50px / 60px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
    }

    .cnt-right2 .wrapper-2 {
        margin-top: 52px;
    }

    .cnt-left .cnt-bnr-texts p br {
        display: none;
    }

    .conclusion {
        display: flex;
        width: 100%;
        height: 426px;
        background: #F2F6F5;
        gap: 55px;
    }

    .blog-boxes2 .blog-box1 {
        width: 100%;
        height: 252px;
        background: #F2F6F5;
    }

    .blog-boxes2 .blog-box1 p {
        padding-left: 32px;
        margin-top: 70px;
    }

    .blog-detail-imgs .detail-imgs {
        width: 100%;
        height: 300px;
        margin-bottom: 47px;
    }


}

@media(max-width:576px) {
    .wrapper .carousel {
        grid-auto-columns: 100%;

    }

    header {
        position: fixed;
        width: 100%;
        margin: 0px;
        padding: 0px;
        margin-top: -125px;
        background: #ffffff;
        z-index: 2;
    }

    /* hamburger menu */
    #menuToggle {
        display: block;
        position: relative;
        top: 2px;
        left: 0px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #FFFFFF;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: #e75516;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
 * Just a quick hamburger
 */
    #menuToggle span {
        display: block;
        width: 25px;
        height: 2px;
        margin-bottom: 3px;
        position: relative;

        background: #000000;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
        width: 14px;

    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
        width: 25px;
    }

    /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-4px, -3px);
        background: #ffffff;
        width: 25px;
    }

    /*
 * But let's hide the middle one.
 */
    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
 * Ohyeah and the last one should go the other direction
 */
    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
        width: 25px;
        background: #ffffff;
    }

    /*
 * Make this absolute positioned
 * at the top left of the screen
 */
    
    #menu {
        position: absolute;
        width: 583px;
        margin: -100px 0 0 -528px;
        padding: 0px;
        padding-top: 420px;
        height: 1000px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    .success-msg {
        font-size: 20px;
        font-family: 'Poppins';
        color: green;
    }

    .toggle1 .sp2 {
        display: block;
        width: 28px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;

        background: #000000;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    .box-wrap {

        padding: 0px 18px;
    }

    .toggle1 .sp1 {
        display: block;
        width: 28px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;

        background: #000000;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    .values-main {
        padding: 0px 18px;
    }

    .span99 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: end;
    }


    #menu li {
        padding: 11px 57px 11px 255px;
        font-size: 22px;
        text-align: left;
        font: normal normal 800 24px/23px Poppins;
        letter-spacing: 0.72px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }

    /*
 * And let's slide it in from the left
 */
    #menuToggle input:checked~ul {
        transform: none;
    }


    .vls-titles {
        display: flex;
        flex-direction: column;
        margin-top: 44px;
          padding: 0px 40px 44px 37px;
    }

    .bnr-content .banner-content1 .top1 {
        margin: 0%;
        font-family: 'Poppins';
        color: #1F4F66;
        font-size: 60px;
        margin-top: 12px;
        text-align: left;
        font: normal normal 300 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .bnr-content .banner-content1 .botm1 {
        text-align: left;
        font: normal normal bold 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .bnr-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px 18px;
    }

    header .container .main-header {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
         height: 85px;
        padding: 0px 18px;
    }

    .box-wrap .box-1 h1 {
        text-align: left;
        font: normal normal medium 18px / 30px Poppins;
        font-size: 18px;
        font-family: 'Poppins';
        font-weight: 500;
        opacity: 1;
        margin: 0;
    }

 
    #cnt-001 {
        padding: 0px 18px;
    }

    #web-teams {
        display: none;
    }

    .team-titles {
        display: flex;
        flex-direction: column;
        margin-top: 0px;
        padding: 46px 36px 56px 45px;
    }

    .team-left {
        width: 100%;
        height: 388px;
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: center;
        margin-bottom: -31px;
        background: #F1F5F8 0% 0% no-repeat padding-box;
        opacity: 1;
        border-radius: 10px;
        opacity: 1;
    }

    .home-swiper2 {
        height: 250px;
        margin-top: 42px;
        padding: 0px 18px;
    }

    .team-titles h3 {
        margin: 0px;
        font-family: 'Poppins';
        font-size: 13px;
        text-align: left;
        font: normal normal normal 13px/34px Poppins;
        letter-spacing: 0.39px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .work-wrap .wrk-head2 h1 {
        text-align: left;
        font: normal normal 600 21px / 51px Poppins;
        letter-spacing: 0.6px;
        color: #000000;
        opacity: 1;
    }

    .team-titles h1 {
        margin: 0px;
        font-family: 'Poppins';
        font-size: 22px;
        font-weight: bold;
        text-align: left;
        font: normal normal bold 22px/29px Poppins;
        letter-spacing: 0.66px;
        color: #1F4F66;
        opacity: 1;
    }

    #btn-team {
        margin-top: 57px;
    }

    .team-titles p {
        font-family: 'Poppins';
        margin: 0%;
        margin-top: 17px;
        font-size: 19px;
        text-align: left;
        font: normal normal 300 14px/22px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
        opacity: 1;
    }

  
    .work-wrap .wrk-head1 {
        display: flex;
        justify-content: flex-start;
        height: 3px;
    
    }

    .work-wrap .work-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0px;
        margin-bottom: 10px;

    }

    .values-main {
        padding: 0px 18px;
    }

    .values-wrap .vls-head1 {
        display: flex;
        justify-content: flex-start;
        height: 20px;

    }

    .blg-detail2 .right-blg h1 {

        text-align: left;
        font: normal normal 600 20px/32px Poppins;
        letter-spacing: 0.4px;
        color: #000000;
        opacity: 1;
        margin: 0px;
    }

    .work-wrap .wrk-head1 .heading-1 h2 {
        font-size: 12px;
        font-family: 'Poppins';
        margin: 0px;
        text-align: left;
        font: normal normal normal 12px/21px Poppins;
        letter-spacing: 0.36px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .values-content {
        display: flex;
        flex-wrap: wrap;
        margin-top: 25px;
        margin-bottom: 70px;
        justify-content: center;
        gap: 15px;

    }

    .team-head2 h1 {
        margin: 0px;
        font-family: 'Poppins';
        text-align: left;
        font: normal normal 600 21px/80px Poppins;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
    }

    hr {

        margin: 0px;
        display: none;
    }

    .values-wrap .vls-head1 h2 {

        text-align: left;
        font: normal normal normal 12px/31px Poppins;
        letter-spacing: 0.36px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .vls-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        height: auto;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .sml-p p {
        margin-bottom: 5px;
    }

    .vls-box-content {
        display: flex;
        flex-direction: column;
        padding: 41px 40px 41px 37px;
        border-radius: 10px;
        opacity: 1;

    }

    .vls-box-content h3 {
        font-family: 'Poppins';
        margin: 0px;
        font-size: 10px;
        text-align: left;
        font: normal normal normal 10px / 20px Poppins;
        letter-spacing: 0.3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .vls-box-content h1 {
        font-family: 'Poppins';
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        margin-top: 36px;
        text-align: left;
        font: normal normal medium 18px / 26px Poppins;
        letter-spacing: 0.54px;
        color: #000000;
        opacity: 1;
    }

    .vls-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        height: auto;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;

    }

    .box-wrap .box-1 {
        display: flex;
        display: flex;
        margin-top: 10px;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        background: #F0FBFC 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #1F4F66;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 45px 53px 45px 43px;
        transition: transform 0.25s ease-out;
        transition: 0.4s;
        border-radius: 10px;
        opacity: 1;
    }

    .box-wrap .bx-index {
        width: 100%;
        border-radius: 10px;
        opacity: 1;
    }

    .vls-box-top .vls-box1:nth-child(2) {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        opacity: 1;

    }

    .main-footer .ft-02 {
        margin-top: 12px;
    }

    #ft-web1 {
        display: none;
    }

    #bx1 {
        border-radius: 10px;
        opacity: 1;
    }

    #bx2 {
        border-radius: 10px;
        opacity: 1;
    }

    #bx3 {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        opacity: 1;
        height: auto;
        border-radius: 10px;
        opacity: 1;
    }

    #bx4 {
        background: #F5EDE4 0% 0% no-repeat padding-box;
        opacity: 1;
        height: auto;
        border-radius: 10px;
        opacity: 1;
    }

    #bx5 {
        background: #FDFAE9 0% 0% no-repeat padding-box;
        opacity: 1;
        height: auto;
        border-radius: 10px;
        opacity: 1;
    }

    .vls-box-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .small-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 0px;
        padding: 0 18px;
    }

    .small-section .sml-p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        width: 100%;
    }

    .sml-h1 .sml-h01 {
        font-family: 'Poppins';
        font-size: 45px;
        font-weight: 300;
        text-align: left;
        font: normal normal 300 24px / 35px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        width: 100%;
    }

    .sml-h1 .sml-h02 {
        font-family: 'Poppins';
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 30px;
        font-size: 45px;
        text-align: left;
        font: normal normal bold 24px / 35px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        font-family: "Inter", sans-serif;
        width: 100%;
    }

    .names-brnd2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .work-wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 0px;
        padding: 0 18px;
        margin-bottom: 33px;

    }

    .logos {
        overflow: hidden;
        padding: 15px 0;
        white-space: nowrap;
        margin: 0px 18px;
    }

    #brand-names-mob-slide {
        padding: 50px 0;
    }

    .team-boxes {
        display: flex;
        gap: 15px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .team-box1 {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        height: 210px;
        background: #ffffff;
    }

    .team-box-content {
        display: flex;
        flex-direction: column;
        text-align: left;
     

    }

    .team-box-content h3 {
        font-family: 'Poppins';
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 0%;
        text-align: left;
        font: normal normal normal 10px/20px Poppins;
        letter-spacing: 0.3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .team-box-content h1 {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: bolder;
        text-align: left;
        font: normal normal medium 18px/26px Poppins;
        letter-spacing: 0.54px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .team-img1 {

        width: 100%;
        height: 140px;
        overflow: hidden;
        border-radius: 10px;
        opacity: 1;
    }

    .team-box-top {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        justify-content: center;
    }

    .vls-left {
        width: 100%;
        height: 439px;
        display: flex;
        flex-direction: column;
        background: #e4e9eb;
        text-align: left;
        align-items: flex-start;
        margin-bottom: 15px;
        border-radius: 10px;
    }

    .vls-img {
        width: 100%;
        height: 187px;
        overflow: hidden;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .contact-sec-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: left;
        justify-content: center;
        padding: 0px;
        align-items: flex-start;
        padding: 42px 59px 47px 45px;
    }

    .sqr-add {

        margin-top: 35px;
    }

    .contact-sec-content p {
        font-family: 'Poppins';
        font-size: 14px;
        margin-top: 29px;
        margin-bottom: 33px;
        text-align: left;
        font: normal normal 300 12px / 20px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
        opacity: 1;
        justify-content: flex-start;
        text-align: left;
        font: normal normal 300 14px/22px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
        opacity: 1;
    }

    .btn-4 {
        margin-top: 0px;
    }

    .btn-4 .btn-04 {
        background: -webkit-linear-gradient(55deg, hsla(7, 85%, 65%, 1) 0%, hsla(337, 100%, 51%, 1) 100%);
        border-radius: 70px;
        opacity: 1;
        width: 233px;
        height: 45px;
        font-size: 13px;
        font-family: 'Poppins';
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        text-align: center;
        font: normal normal medium 13px / 20px Poppins;
        letter-spacing: 0.26px;
        color: #FFFFFF;
        text-transform: capitalize;
        opacity: 1;
        background-size: 300% 100%;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
        box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
        text-align: center;
        font: normal normal medium 13px/20px Poppins;
        letter-spacing: 0.26px;
        color: #FFFFFF;
        text-transform: capitalize;
        opacity: 1;
    }

    .contact-sec-content h2 {
        font-family: 'Poppins';
        margin: 0%;

        font-weight: 300;

        text-transform: capitalize;
        text-align: left;
        font: normal normal 300 25px/36px Poppins;
        letter-spacing: 0.75px;
        color: #1F4F66;
        text-transform: capitalize;
    }

    .contact-sec-content h1 {
        font-family: 'Poppins';
        margin: 0%;

        text-align: left;
        font: normal normal bold 25px/36px Poppins;
        letter-spacing: 0.75px;
        color: #1F4F66;
        text-transform: capitalize;
    }

    .contact-sec-content h3 {
        font-family: 'Poppins';
        margin: 0%;
        font-size: 10px;

        text-align: left;
        font: normal normal normal 10px/31px Poppins;
        letter-spacing: 0.3px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .logos-slide {
        display: inline-block;
        animation: 15s slide infinite linear;
    }

    .top-footer a {
        color: #000000;
        font-weight: bolder;
        font-size: 16px;
        text-align: center;
        font: normal normal bold 16px / 25px Poppins;
        letter-spacing: 1.6px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
        text-align: center;
        font: normal normal bold 11px / 25px Poppins;
        letter-spacing: 1.6px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .footerr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px;
        padding: 0 18px;
    }

    .top-footer {
        display: flex;
        gap: 8px;
        color: #000000;
        font-family: 'Poppins';
    }

    .main-footer .ft-02 ul {

        text-decoration: none;
        text-align: left;
        margin: 0px;
        padding: 0px;
        padding-left: 21px;
    }

    .main-footer .ft-01 {
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
        margin-right: 20px;
        padding-left: 19px;
    }

    .icon .icon-shape::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2px;
        height: 22px;
        background: #FD604B;
        border-radius: 3px;
        transition: all 0.5s ease;
    }

    .icon .icon-shape::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 2px;
        background: #FD604B;
        border-radius: 3px;
        transition: all 0.5s ease;
    }

    .faq_question {
        font-size: 1.2rem;
        font-weight: 600;
        padding: 0px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        height: 83px;
    }

    .middle-footer {
        display: flex;
        gap: 8px;
        font-family: 'Poppins';
        font-size: 0px;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .ft-allrights {
        text-align: center;
        font: normal normal 300 11px / 18px Poppins;
        letter-spacing: 1.2px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .contact-section {
        width: 100%;
        height: 432px;
        display: flex;
        margin-bottom: 50px;
        align-items: flex-start;
        background: #F2F6F5 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 0px 2%;
        border-radius: 10px;
        opacity: 1;
    }

    #h-footer {
        padding: 0px 30px;
    }

    .main-header .left-head .green-hiring {
        display: none;
    }

    .wrapper .carousel {
        grid-auto-columns: 95%;
        gap: 14px;

    }

    .wrk-img .wrk-img1 {
        width: 100%;
        height: 433px;
        overflow: hidden;
    }

    .wrk-img .market {
        width: 100%;
        height: 282px;
        overflow: hidden;
        border-radius: 10px;
        opacity: 1;
    }

    .answer {
        padding: 0 10px 20px;
        padding-left: 0px;
        line-height: 1.5rem;
    }

    .carousel .card {
        scroll-snap-align: start;
        height: 510px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 291px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .carousel .card11 {
        scroll-snap-align: start;
        height: 355px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 307px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

 

    #h-footer2 {
        margin-top: 0px;
    }

    /* work */
    .main-works .wrk-top-head h1 {
        text-align: left;
        font: normal normal normal 17px / 75px inter sans-serif;
        letter-spacing: 0.8px;
        color: #000000;
        opacity: 1;
        font-family: "Inter", sans-serif;
    }

    .main-works .wrk-image01 {
        width: 100%;
        height: 200px;
        overflow: hidden;
        border-radius: 10px;
        opacity: 1;
    }

    .main-works {
        display: flex;
        flex-direction: column;
        margin-bottom: 35px;
    }

    .bnr-work {
        margin-bottom: 55px;
    }

    .all-works {
        padding: 0px 18px;
    }

    .main-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 100px;
        margin-top: 80px;
        gap: 20px;
        padding: 0px 18px;
    }

    .btn-wrk01 {
        width: 154px;
        height: 45px;
    }

    /* service */
    .service-bnr-buttons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 26px;
        margin-bottom: 55px;
        display: none;
  
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .brnd-strtgy {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
        margin-top: 25px;
    }

    .strtgy-right .strtgy-right-top {
        width: 100%;
        height: 200px;
        margin-bottom: 31px;
        overflow: hidden;
        margin-top: 37px;
        border-radius: 10px;
        opacity: 1;
    }

    .brnd-strtgy .strtgy-left {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 327px;
        background: #F0FBFC;
        padding: 51px 0px 50px 35px;
        border-radius: 10px;
        opacity: 1;
    }

    .brnd-strtgy #strtgy-l2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 327px;
        background: #F0FBFC;
        padding: 51px 0px 50px 35px;
        border-radius: 10px;
        opacity: 1;
    }

    .brnd-strtgy .strtgy-left p {

        margin-top: 21px;
        margin-bottom: 30px;
        text-align: left;
        font: normal normal 300 14px/22px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
        opacity: 1;
    }


    .brnd-strtgy .strtgy-left h2 {

        text-align: left;
        font: normal normal bold 22px/30px Poppins;
        letter-spacing: 0.66px;
        color: #1F4F66;
        opacity: 1;
    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 h2 {
        font-family: "Inter", sans-serif;
        text-align: left;
        font: normal normal 300 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;

    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-right p br {
        display: none;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left h2 {
        text-align: left;
        font: normal normal medium 14px / 24px Poppins;
        font-size: 14px;
        font-family: 'Poppins';
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
        width: 300px;
        font-weight: 500;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left h2 br {
        display: none;
    }

    .strtgy-right-bottom .btm-cnt-1 .vvt {
        margin-top: 20px;
    }

    .serv-all {
        padding: 0px 18px;
    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 h1 {

        text-align: left;
        font: normal normal bold 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .strtgy-right .strtgy-right-bottom .btm-hd1 {
        margin-bottom: 35px;
    }

    /*  about */
    .abt-banner {
        display: flex;
        flex-direction: column;
        margin-top: 124px;
        margin-bottom: 56px;
        gap: 31px;
        padding: 0 18px;
    }

    .abt-banner .abt-bnr-left {
        width: 100%;
        height: 200px;
        overflow: hidden;
        border-radius: 10px;
        opacity: 1;
    }

    .abt-values1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 18px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 h3 {
        text-align: left;
        font: normal normal normal 10px/23px Poppins;
        letter-spacing: 0.3px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 {
        display: flex;
        flex-direction: column;
        gap: 11px;
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper #bx-01 {
        margin-top: 0px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p br {
        display: none;
    }

    #awards {
        display: none;
    }

    .abt-values1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 36px;
        margin-left: 0px;
    }

    #award-section {
        margin-bottom: 140px;
        margin-top: 80px;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name {
        width: 170px;
        margin-right: 10px;
        margin-left: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-vls-right .awards-wrapper .award-1 .award-name h2 {
        text-align: left;
        font: normal normal normal 15px / 33px Poppins;
        letter-spacing: 0.48px;
        color: #000000;
        opacity: 1;
        font-family: "Poppins";
        font-size: 15px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left h2 {
        text-align: left;
        font: normal normal medium 18px / 24px Poppins;
        font-family: "Poppins";
        line-height: 32px;
        margin: 0%;
        width: 300px;
        text-align: left;
        font: normal normal 600 20px/32px Poppins;
        letter-spacing: 0.4px;
        color: #000000;
        opacity: 1;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left {
        width: 100%;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .hd-left h2 {
        width: 100%;
    }

    .abt-team-right .wrapperz {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 35px;
    }

    .abt-values1 .abt-vls-right .vls-wrapper .bx-01 .pr-right p {
        text-align: left;
        font: normal normal 300 14px / 24px Poppins;
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
        margin: 0%;
       
    }

    .abt-t-img {
        width: 100%;
        height: 383px;
        overflow: hidden;
    }

    .abt-bottom-team {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 35px;
    }

    #tm-bx-abt {
        display: flex;
        justify-content: flex-start;
        align-items: normal;
        margin-bottom: 40px;
    }

    .item1 {
        grid-column: 1 / span 1;
        border-radius: 10px;
        opacity: 1;
    }

    .item2 {
        grid-column: 1 / span 1;
        border-radius: 10px;
        opacity: 1;
    }

    .item3 {
        grid-column: 1 / span 1;
        border-radius: 10px;
        opacity: 1;
    }

    .item4 {
        grid-column: 1 / span 1;
        border-radius: 10px;
        opacity: 1;
    }

    .item5 {
        grid-column: 1 / span 1;
        border-radius: 10px;
        opacity: 1;
    }

   
    .abt-boxes1 {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 170px 190px 170px 170px 170px;
        padding: 0px;
        grid-gap: 20px;
        margin-bottom: 50px;
        padding: 0 18px;
        border-radius: 10px;
        opacity: 1;
        
    }

    .abt-boxes1 .abt-bx-1 .million1 br {
        display: none;
    }

    .abt-boxes1 .abt-bx-1 p {
        margin: 0px;
        margin-top: 15px;
        margin-left: 34px;
        text-align: left;
        font: normal normal 300 12px/19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;
        margin-right: 30px;
    }

    .abt-boxes1 .abt-bx-1 h2 {
        margin: 0px;
        margin-left: 34px;
        margin-top: 33px;
        text-align: left;
        font: normal normal normal 10px/26px Poppins;
        letter-spacing: 0.3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .abt-boxes1 .abt-bx-1 h1 {
        margin: 0px;
        text-align: left;
        margin-left: 34px;
        margin-top: 0px;
        text-align: left;
        font: normal normal bold 30px/22px Poppins;
        letter-spacing: -1.2px;
        color: #000000;
        opacity: 1;

    }

    .abt-t-btn1 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        width: 170px;
        height: 39px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 13px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin: 0%;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .top1 {
        text-align: left;
        font-family: "Inter", sans-serif;
        margin-top: 11px;
        text-align: left;
        font: normal normal 300 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 .botm1 {
        text-align: left;
        font: normal normal bold 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 p {
        text-align: left;
        font: normal normal 300 14px/26px Poppins;
        letter-spacing: 0.28px;
        color: #1F4F66;
        opacity: 1;
        margin: 0%;
        margin-bottom: 37px;
    }

    .abt-banner .abt-bnr-right .abt-bnr-content01 p br {
        display: none;
    }

    .abt-vls-right .awards-wrapper .award-1 .item-001 {
        width: 144px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .abt-values1 .abt-vls-left h2 {
        margin: 0px;
        text-align: left;
        font: normal normal normal 10px/21px Poppins;
        letter-spacing: 0.3px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    /* blog */
    .abt-banner .blog-bnr-left {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .abt-team-bx .blg-t-img {
        width: 100%;
        height: 185px;
        border-radius: 10px;
        opacity: 1;
        overflow: hidden;
    }

    .blog-section {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: 58px;
        margin-bottom: 50px;
    }

    .blg-t-btn1 {
        width: 148px;
        height: 39px;
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blg-t-name {
        display: flex;
        justify-content: space-between;
        margin-top: 35px;
        margin-bottom: 30px;
    }

    .blg-t-name h2 br {
        display: none;
    }

    /* contact */
    .contact-bnr {
        display: flex;
        flex-direction: column;
        margin-top: 124px;
        margin-bottom: 50px;
   

    }

    .cnt-right .cnt-form {
        width: 100%;
        height: auto;
        background: #F1F6F5;
        margin-top: 30px;
    }

    .cnt-right .cnt-form .form-main {

        padding: 57px 46px 57px 46px;
    }

    .cnt-left .cnt-bnr-texts .tt {

        margin-top: 11px;
        text-align: left;
        font: normal normal 300 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .cnt-left .cnt-bnr-texts .bb {

        text-align: left;
        font: normal normal bold 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .cnt-left .cnt-bnr-texts p {

        text-align: left;
        font: normal normal 300 14px/26px Poppins;
        letter-spacing: 0.28px;
        color: #1F4F66;
        opacity: 1;
    }

    .cnt-h11 {
        display: none;
    }

    .cnt-right2 .wrapper-2 {
        margin-top: 52px;
    }

    .cnt-left .cnt-bnr-texts p br {
        display: none;
    }

    #abt-web {
        display: none;
    }

    .abt-team-phone {
        margin-top: 35px;
    }

    .abt-team-phone .swiper-pagination {
        margin-top: 20px;

    }

    .abt-team-phone .swiper {
        height: 210px;
    }

    /* blog-detail */
    .blog-details-11 .blg-image-11 {
        width: 100%;
        height: 185px;
    }

    .blog-bnr2 {
        margin-bottom: 80px;
    }

    .blgdetail33 {
        margin-top: 47px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        padding: 0px 18px;
    }

    .insta2 {
        width: 23px;
        height: 23px;
        margin-top: 4px;
    }

    .blg-detail2 .scl-media2 {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-bottom: 30px;
    }

    .blg-detail2 .right-blg .top {
        text-align: left;
        font: normal normal 300 14px/24px Poppins;
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
    }

    .blg-t-name h2 {
        margin: 0%;
        text-align: left;
        font: normal normal normal 14px/26px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .blg-t-btn1 h2 {
        text-align: center;
        font: normal normal 600 14px/21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .blg-detail2 .right-blg .top br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom br {
        display: none;
    }

    .blg-detail2 .right-blg .bottom {
        text-align: left;
        font: normal normal 300 14px/26px Poppins;
        letter-spacing: 0.28px;
        color: #1F4F66;
        opacity: 1;
    }

    .blog-boxes2 .blog-box1 {
        width: 100%;
        height: 170px;
        background: #F2F6F5;
        border-radius: 10px;
        opacity: 1;
    }

    .blog-boxes2 .blog-box1 p {
        padding-left: 34px;
        margin-top: 56px;
        text-align: left;
        font: normal normal 300 12px/19px Poppins;
        letter-spacing: 0.36px;
        color: #000000;
        opacity: 1;
    }

    .blog-boxes2 .blog-box1 p br {
        display: none;
    }

    .blog-boxes2 .blog-box1 h1 {
        padding-left: 34px;
        padding-top: 33px;
        text-align: left;
        font: normal normal normal 10px/26px Poppins;
        letter-spacing: 0.3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .conclusion {
        display: flex;
        width: 100%;
        height: 448px;
        background: #F2F6F5;
        gap: 0px;
        flex-direction: column;
    }

    .conclusion .con-2 {
        display: flex;
        flex-direction: column;
        padding-top: 0px;
     
    }

    .conclusion .con-2 p {
        margin: 0px;
        text-align: left;
        font: normal normal 300 14px / 22px Poppins;
        letter-spacing: 0.42px;
        color: #1F4F66;
        opacity: 1;
        padding-left: 32px;
        padding-top: 20px;
    }

    .conclusion .con-2 p br {
        display: none;
    }

    .conclusion .con-1 h1 {
        text-align: left;
        font: normal normal normal 10px/31px Poppins;
        letter-spacing: 0.3px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
        margin: 0px;
    }

    .conclusion .con-1 {
        margin-left: 32px;
        margin-top: 37px;
        padding: 0px;
        justify-content: flex-start;
        display: flex;
        align-items: center;
        
    }

    .con-2-1 {
        display: flex;
        gap: 17px;
        margin-top: 20px;
        padding-left: 32px;
    }

    .blog-details-11 {
        display: flex;
        flex-direction: column;
        margin-bottom: 66px;
    }

    .blg-hd001 h2 {
        text-align: left;
        font: normal normal 300 19px / 49px inter sans-serif;
        letter-spacing: 0px;
        color: #1F4F66;
        opacity: 1;
        font-family: "Inter", sans-serif;
    }

    .btn-blg001 .blg-btn-001 {
        border: 1px solid #F26E5C;
        border-radius: 70px;
        opacity: 1;
        text-align: center;
        font: normal normal 600 12px / 21px Poppins;
        letter-spacing: 0.42px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        width: 135px;
        height: 30px;
        background: #fff;
    }

    .wrk-img-head-mob {
        width: 300px;
        justify-content: center;
        align-items: flex-start;
    }

    .wrk-img-head-mob h1 {
        text-align: left;
        font: normal normal 600 12px/34px Poppins;
        letter-spacing: 0.24px;
        color: #000000;
        opacity: 1;
        margin: 0px;
        margin-bottom: 14px;
    }

    .blog-section {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: 26px;
        margin-bottom: 30px;
    }

    .blog-detail-imgs .detail-imgs {
        width: 100%;
        height: 185px;
        margin-bottom: 24px;
    }

    .blg-detail-bnr .top {
        text-align: left;
        font: normal normal 300 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .blg-detail-bnr .bottom {
        text-align: left;
        font: normal normal bold 36px/44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .blg-detail-bnr {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px;
        padding: 0px 18px;
    }

    .blg-detail2 .right-blg {
        display: flex;
        flex-direction: column;
        padding: 0px 18px;
    }

    .blg-detail2 {

        margin-bottom: 0px;
    }

    .blog-boxes2 {
        margin-bottom: 50px;

    }

    .blg-detail2 .right-blg .top {
        margin-top: 13px;
    }

    .blg-detail2 .right-blg .bottom {
        margin-bottom: 45px;
        text-align: left;
        font: normal normal 300 14px/24px Poppins;
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
    }

    .blog-boxes2 {
        gap: 20px;
        padding: 0px 18px;
    }

    .blog-detail-imgs {

        padding: 0px 18px;
    }

    .bnr-content .banner-content1 h3 {
        font-family: 'Poppins';
        color: #1F4F66;
        font-size: 10px;
        margin-left: 2px;
        text-align: left;
        font: normal normal normal 10px/31px Poppins;
        letter-spacing: 0.3px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
        margin-bottom: 0px;
    }

    .bnr-content .banner-content1 p {

        margin-top: 31px;
        margin-bottom: 47px;
        text-align: left;
        font: normal normal 300 14px/26px Poppins;
        letter-spacing: 0.28px;
        color: #1F4F66;
        opacity: 1;
    }

    .bnr-content {
        margin-top: 124px;
    }

    #contact-form1 {
        margin: 0px;
        padding: 0px;
    }

    .contact-bnr .cnt-left {
        padding: 0px 30px;
    }

    .contact-bnr #cnt2-section {
        padding: 0px 0%;
    }

    #cmq {
        padding: 0px 18px;
    }

    .cnt-bx1 .cnt-plus img {
        width: 22px;
        height: 22px;
    }

    #cmq-last br {
        display: none;
    }

    #blg-bnr-img {
        display: none;
    }

    #btn-blog {
        margin-top: 0px;
    }

    #ind-wrk-head {
        margin-top: 20px;
    }
}

@media(max-width:550px) {
    .wrappe .carousel {
        grid-auto-columns: calc((100% / 2) - -35px);
    }
}

@media(max-width:400px) {
    .wrappe .carousel {
        grid-auto-columns: calc((100% / 2) - -50px);
    }
}


@media(max-width:376px) {
    .wrapper .carousel {
        grid-auto-columns: 95%;
        gap: 14px;

    }

    .wrk-img .wrk-img1 {
        width: 100%;
        height: 433px;
        overflow: hidden;
    }

    .wrk-img .market {
        width: 100%;
        height: 282px;
        overflow: hidden;
        border-radius: 10px;
        opacity: 1;
    }

    .carousel .card {
        scroll-snap-align: start;
        height: 510px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 264px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .carousel .card11 {
        scroll-snap-align: start;
        height: 355px;
        list-style: none;
        background: #fff;
        border: none;
        display: flex;
        cursor: pointer;
        width: 264px;
        padding-bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

@media(max-width:369px) {
    .wrappe .carousel {
        grid-auto-columns: calc((100% / 2) - -80px);
    }

    .contact-sec-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: left;
        justify-content: center;
        padding: 0px;
        align-items: flex-start;
        padding: 42px 19px 47px 26px;
    }

    .work-wrap .wrk-head2 h1 {
        text-align: left;
        font: normal normal 600 18px / 51px Poppins;
        letter-spacing: 0.6px;
        color: #000000;
        opacity: 1;
    }

    .adrs-btm-dtl p a {
        margin: 0%;
        text-decoration: none;
        text-align: left;
        font: normal normal medium 14px / 24px Poppins;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Poppins';
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
    }

    .adrs-btm-dtl p {
        margin: 0%;
        text-align: left;
        font: normal normal medium 14px / 24px Poppins;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Poppins';
        letter-spacing: 0.28px;
        color: #000000;
        opacity: 1;
    }

    .adrs-img1 img {
        width: 29px;
        height: 29px;
    }

    .adrs-img2 img {
        width: 33px;
        height: 31px;
    }
}

@media(max-width:350px) {
    header .container .main-header {

        padding: 0px 8px;
    }

    .bnr-content {

        padding: 0px 8px;
    }

    .logos {

        margin: 0px 8px;
    }

    .box-wrap {
        padding: 0px 8px;
    }

    .work-wrap {

        padding: 0 8px;
    }

    .values-main {
        padding: 0px 8px;
    }

    .small-section {

        padding: 0 8px;
    }

    #cnt-001 {
        padding: 0px 8px;
    }

    .home-swiper2 {

        padding: 0px 8px;
    }

    #h-footer {
        padding: 0px 20px;
    }

    .footer3-mob-main {
        padding: 0px 8px;

    }

    .abt-banner {

        padding: 0 8px;
    }

    .abt-boxes1 {

        padding: 0 8px;

    }

    .abt-values1 {

        padding: 0 8px;
    }

    .serv-all {
        padding: 0px 8px;
    }

    .wrappe .carousel {
        grid-auto-columns: calc((100% / 2) - -56px);
    }

    .contact-bnr .cnt-left {
        padding: 0px 20px;
    }

    #cmq {
        padding: 0px 8px;
    }
}

@media(max-width:321px) {
    .bnr-content .banner-content1 .top1 {
        margin: 0%;
        font-family: 'Poppins';
        color: #1F4F66;
        font-size: 60px;
        margin-top: 12px;
        text-align: left;
        font: normal normal 300 33px / 44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .bnr-content .banner-content1 .botm1 {
        text-align: left;
        font: normal normal bold 33px / 44px Poppins;
        letter-spacing: 0px;
        color: #1F4F66;
    }

    .top-footer a {
        color: #000000;
        font-weight: bolder;
        font-size: 16px;
        text-align: center;
        font: normal normal bold 16px / 25px Poppins;
        letter-spacing: 1.6px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
        text-align: center;
        font: normal normal bold 9px / 25px Poppins;
        letter-spacing: 1.6px;
        color: #1F4F66;
        text-transform: uppercase;
        opacity: 1;
    }

    .ft-allrights {
        text-align: center;
        font: normal normal 300 9px / 18px Poppins;
        letter-spacing: 1.2px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 .cnt01-left {
        width: 100px;
    }

    .strtgy-right-bottom .btm-cnt-1 .cnt01 {
        gap: 40px;
    }

    .contact-sec-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: left;
        justify-content: center;
        padding: 0px;
        align-items: flex-start;
        padding: 42px 17px 46px 24px;
    }

    #menu {
        position: absolute;
        width: 583px;
        margin: -100px 0 0 -471px;
        padding: 0px;
        padding-top: 330px;
        height: 1000px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }
}

@media(max-width:993px) {
    #rght-web {
        display: none;
    }

    .works-images-box {
        display: none;
    }

    .names-brnd2 {
        display: none;
    }

    .names-brnd3 {
        display: none;
    }


}

@media(max-width:576px) {
    .green-hiring {
        display: none;
    }

    .home-swiper3 {
        display: none;
    }

    #abt-web {
        display: none;
    }

    .main-works .wrk-top-head {
        display: none;
    }

    #footer2-mob {
        display: none;
    }

    #small-footer {
        display: none;
    }

    .wrk-sld-tab-mob {
        display: none;
    }
}

@media(min-width: 993px) {
    #mobilee-01 {
        display: none;
    }

    #brnd-mob {
        display: none;
    }

    .home-swiper3 {
        display: none;
    }
}

@media(min-width:769px) {
    .wrappe {
        display: none;
    }

}

@media(min-width:576px) {
    .banner-content1 br {
        display: none;
    }

    .home-swiper2 {
        display: none;
    }

    .abt-team-phone {
        display: none;
    }

    .acc-footer {
        display: none;
    }

    .wrk-img-head-mob {
        display: none;
    }

    #footer3-mob {
        display: none;
    }

    .slider-mob-home-works {
        display: none;
    }
}