@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Adamina&family=Jost:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Mulish:ital,wght@0,200..1000;1,200..1000&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&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Special+Elite&family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Adamina&family=Jost:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Mulish:ital,wght@0,200..1000;1,200..1000&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&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Special+Elite&family=Syne:wght@400..800&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto Condensed", sans-serif;
    /*font-family: "Roboto", sans-serif;*/
}
html,body{overflow-x: hidden;}
a{text-decoration: none;}
ul{
    margin-bottom: 0 !important; 
    padding-left: 0 !important;
}
ul li{list-style: none;}


/*===================== header =========================*/
.navbar {background: #fff; }
.navbar .navbar-nav .nav-item a{
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
/*.navbar-nav .active{color: #E41E26 !important;}*/
.navbar-nav li a:hover{color: #001952 !important; transition: all 0.4s ease 0s;}
.btnWrp{margin-left: 30px;}
.ph-btn a{
    padding: 14px 18px 14px 18px;
    border: 1px solid #001952;
    color: #001952;
    font-weight: 600;
	transition: all 0.4s ease 0s;
}


/*.main-head.is-sticky {
    position: fixed;
    background: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    top: 0;
    width: 100%;
    z-index: 999;
    animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}*/


/*================== footer =================*/
footer{background: #001952;}
.footer-info{padding: 45px 0 35px 0;}
.footerinfo{padding: 23px 0 20px 0;}
.footerinfo p {color: #fff;padding-top: 15px;font-size: 17px;}
.footer-info h5{
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 600;
}
.footer-info ul li a{font-size: 18px;color: #fff;font-family: "Roboto", sans-serif;}
.footer-info ul li{padding-bottom: 9px;}
/*.footer-info ul li a:hover{color: #001952;transition: all 0.4s ease 0s;}*/
.information svg {font-size: 31px;color: #fff;padding-right: 5px;}
.information a {color: #fff;font-size: 18px;font-family: "Roboto", sans-serif;}
/*.information a:hover{color: #001952;transition: all 0.4s ease 0s;}*/
.information p {color: #fff;font-size: 17px;}
.copyright p a{color: #fff;}
/*.copyright p a:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
.copyright p{color: #fff;font-size: 17px;font-family: "Roboto", sans-serif;}
.social-media a svg {font-size: 28px;color: #fff;}
/*.social-media a svg:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
.social-media a {
    /*background: #28251F;*/
    /*border: 1px solid #F2C50A;*/
    border-radius: 50px;
    padding: 9px;
    /*margin-right: 12px;*/
}
/*.bottomfo p{color: #F2C50A;font-weight: 600;margin-right: 8px;}*/
.footer-info .foo_logo {width: 170px;}
.information{margin-bottom: 10px;}
/*.bottomfo{display: flex;justify-content: end;}
.bottomfo ul li{margin-right: 8px;}
.bottomfo ul li a{color: #fff;}*/
/*.bottomfo ul li a:hover{color: #F2C50A;transition: all 0.4s ease 0s;}*/
/* .footer-info ul li::before {
    content: url("https://projecttesthosting.in/ds-fencing/wp-content/themes/ds-fencing/assets/images/arrow-left.png");
    position: relative;
    top: 4px;
    right: 5px;
} */
.copyright{background: #001035;}


/*================= banner ===================*/
.banner-section {
    display: flex;
    align-items: center;
}
.headerCon h1 {
    font-size: 49px;
    font-weight: 700;
    color: #fff;
}
.headerCon p{
    font-size: 17px;
    color: #fff;
    padding: 10px 0 20px 0;
    font-family: "Roboto", sans-serif;
}
.call-btn{
    padding: 14px 18px 14px 18px;
    background: #fff;
    color: #001952;
    font-weight: 600;
	transition: all 0.4s ease 0s;
}
.call-btn:hover{background: #001952;color: #fff;}
.banner_form_wrp{
    /*padding: 30px;*/
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.banner_form_wrp .fortitle {
    background: #001952;
    /*padding: 10px;*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.banner_form{padding: 28px;}
.banner_form_wrp .fortitle h5 {font-size: 27px;color: #fff;padding: 16px;margin-left: 15px;}
.banner_form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid #000000 !important;
    outline: none;
}
/* .banner_form select {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    border: 2px solid #e3e3e3;
    outline: none;
} */
.banner_form textarea {
    width: 100%;
    height: 95px;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid #000000;
    outline: none;
}
.banner_form input[type="submit"] {
    width: 100%;
    padding: 15px 30px 15px 30px;
    background: #001952;
    color: #fff;
    border: none;
    outline: none;
	text-transform: uppercase;
}
.mobile-quote-sec{display:none;}


/*=========== inner banner ===========*/
.inner-banner{
    display: flex;
    align-items: center;
}
.inner-banner-con h1 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}
.breadcrumb-item.active {
    color: #fff !important;
}
.inner-banner-con {margin-top: 28px;}
/*.inner-banner-con {
    position: relative;
    left: 39%;
    margin-top: 65px;
}*/
nav .breadcrumb .breadcrumb-item {font-family: "Roboto", sans-serif;}
nav .breadcrumb .breadcrumb-item a{color: #fff;font-family: "Roboto", sans-serif;}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff !important;
}
.inner-banner-con nav {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*=================service===================*/
.top-hed h3{color: #fff;font-size: 35px;}
.service-section{padding: 60px 0 80px 0; background: #001952;}
.service-box {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-right: 15px;
	height: 490px;
}
.service-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 20px;
}
.service-cont a h4 {color: #000;font-size: 25px;transition: all 0.4s ease 0s;}
.service-cont a h4:hover{color: #001952;}
.km-btn a{
    padding: 10px 18px 10px 18px;
    background: #001952;
    color: #fff;
	border: 1px solid #001952;
	transition: all 0.4s ease 0s;
}
.km-btn a:hover{background: none;color: #001952;border: 1px solid #001952;}

.page-template-service .service-section{background: #fff;}
.page-template-service .service-box {background: #001952;margin-right: 0px;margin-bottom: 20px;}
.page-template-service .km-btn a{background: #fff;color: #001952;}
.page-template-service .service-cont a h4 {color: #fff;}
.page-template-service .service-cont p{color: #fff;}

.service-details{padding: 60px 0 85px 0;}
.single-img img{border-radius: 15px;}
.details p{font-family: "Roboto", sans-serif;}

.review-sec{padding: 60px 0 60px 0;}
.review-sec .top-hed h3{color: #000;font-weight: 600;}


/*=================benefit======================*/
.benefits-section{padding: 60px 0 60px 0;background: #001A541A;}
.benefits-section .top-hed h3{color: #000;}
.topwraper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quote-btn a{
    padding: 13px 20px 13px 20px;
    border: 1px solid #001952;
    color: #001952;
    font-weight: 600;
	transition: all 0.4s ease 0s;
}
.quote-btn a:hover{background: #001952;border: 1px solid #001952;color: #fff;}
.using-box{
    background: #001952;
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 25px;
}
.using-box svg {
    background: #fff;
    padding: 2px;
    border-radius: 50px;
    margin-bottom: 15px;
}
.using-box h3 {color: #fff;font-size: 23px;margin-bottom: 0;}
.mobquote-btn{display:none;}


/*================process================*/
.process-sec{padding: 60px 0 80px 0;position: relative;}
.process-sec .top-hed h3{color: #000;}
.stp-icon{position: relative;}
.stp-icon svg {
    background: #001A541A;
    padding: 12px;
    border-radius: 50px;
}
.stp {
    position: absolute;
    top: 0;
    left: 40%;
}
.stp-icon .stp span {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #001952;
    color: #fff;
    border-radius: 50px;
}
.stp-cont h4 {color: #000;font-weight: 600;}
.leftarrow {
    position: absolute;
    top: 120px;
    left: 413px;
    width: 160px;
    transform: rotate(64deg);
}
.rightarrow {
    position: absolute;
    width: 160px;
    top: 123px;
    right: 426px;
    transform: rotate(16deg);
}
.stp-cont p{font-family: "Roboto", sans-serif;}

/*=================schedule===================*/
.schedule-sec{padding: 60px 0 93px 0;background: #001952;}
.schedule-wrp h3 {color: #fff;font-size: 34px;}
.manImg{position: relative;}
.manImg img {
    position: absolute;
    width: 270px;
    top: -100px;
    bottom: 0;
}
.schedule-wrp p{color: #fff;font-family: "Roboto", sans-serif;}
.buttonwrp {display: flex;gap: 20px;}
.schedule-sec .buttonwrp .btnwrp .call-btn{border:1px solid #fff;}
.schedule-sec .buttonwrp .btnwrp .call-btn:hover{border:1px solid #fff;}
.page-template-service .schedule-sec {border-bottom: 2px solid #fff;}
/* .single-services .schedule-sec {border-bottom: 2px solid #fff;} */
.details h3{color: #000;font-weight: 600;font-size: 33px;margin-bottom: 15px;}
.single-services .work-ection{background: #001A541A;}

.single-services .request_form {
    background: #001A544A;
    padding: 38px;
    border: 1px solid #001A544A;
    border-radius: 15px;
}
.single-services .request_form h4 {
    color: #000;
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 25px;
}
.single-services .request_form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 7px;
    border-radius: 10px;
	border: none;
    outline: none;
}
.single-services .request_form select {
    width: 100%;
    padding: 7px;
    border-radius: 10px;
	border: none;
    outline: none;
}
.single-services .request_form input[type="tel"] {border: none !important;}
.single-services .request_form input[type="email"] {border: none !important;}
.single-services .request_form textarea {
    width: 100%;
    height: 160px;
    padding: 7px;
    border-radius: 10px;
    border: none;
    outline: none;
}
.single-services .request_form input[type="submit"] {
    width: 100%;
    padding: 15px 30px 15px 30px;
    background: #001952;
    color: #fff;
    border: none;
    outline: none;
	text-transform: uppercase;
}
.single-services .other-ser-wrtaper {
    background: #001A544A;
    padding: 38px;
    border: 1px solid #001A544A;
    border-radius: 15px;
	margin-top: 18px;
}
.single-services .other-ser-wrtaper h4 {
    color: #000;
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 25px;
}
.other-ser-wrtaper ul li a {color: #001952;font-size: 20px;margin-left: 10px;}
.other-ser-wrtaper ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #001A544D;
}
.other-ser-wrtaper ul li:last-child {border-bottom: none;}
.other-ser-wrtaper ul li::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDE5NTIiIHN0cm9rZS13aWR0aD0iMS41Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTggMTJoOG0wIDBsLTMtM20zIDNsLTMgMyIvPjwvZz48L3N2Zz4=");
    position: relative;
    top: 5px;
    right: 0;
}


/*====================about====================*/
.about-section{padding: 60px 0 60px 0;}
.about-wrp h3 {
    color: #000;
    font-size: 42px;
    font-weight: 600;
}
.about-wrp p{color: #000;font-family: "Roboto", sans-serif;}
.abtbtn {display: flex;gap: 20px;}
.abbtn a{
    padding: 14px 18px 14px 18px;
    background: #001952;
	border: 1px solid #001952;
    color: #fff;
	transition: all 0.4s ease 0s;
}
.abbtn a:hover{border: 1px solid #001952;color: #001952;background: none;}
.fimg img {
    width: 100%;
    height: 434px;
    object-fit: cover;
    border-radius: 10px;
}
.simg img {
    width: 100%;
    height: 205px;
    object-fit: cover;
    border-radius: 10px;
}

.page-template-about .service-section{padding: 0;}
.page-template-about .srgp{padding: 60px 0 80px 0;}

.about-us-sec{padding:60px 0 60px 0;}
.aboutus-con h3 {
    color: #000;
    font-size: 40px;
    font-weight: 600;
}
.aboutus-con p{font-family: "Roboto", sans-serif;}
.aboutUs-img img {
	width: 100%;
	height: 427px;
    object-fit: cover;
	border-radius: 20px;
}


/*================work=====================*/
.work-ection{padding: 60px 0 60px 0;background: #001A541A;}
.work-ection .top-hed h3{color: #000;}
.imggallery img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 10px;
}
.imggallery{margin-right: 15px;position: relative;}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff69; 
    opacity: 0;
    transition: opacity 1s ease;
}
.imggallery:hover .overlay {opacity: 1;}
.icon svg {
    background: #fff;
    border-radius: 50px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.work-ection .gp .row>* {
     padding-right: 0; 
     padding-left: 0; 
}


/*====================contact===================*/
.contact-section{padding: 60px 0 60px 0;}
.contact-form-wrp{background: #001A541A;border: 1px solid #001952; border-radius: 20px;}
.contact-form-wrp .fortitle {
    background: #001952;
    /*padding: 10px;*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.contact-form-wrp .fortitle h5 {font-size: 27px;color: #fff;padding: 16px;margin-left: 15px;}

.infoc{margin-bottom: 10px;}
.infoc svg {
    width: 42px;
    height: 42px;
    background: #001952;
    padding: 10px;
    border-radius: 50px;
}
.contact-details a {color: #000;font-size: 20px;font-weight: 600;font-family: "Roboto", sans-serif;}
.infoc h4 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 10px;
}
.contact-details {
    border: 1px solid #B6B6B6;
    padding: 20px;
    border-radius: 13px;
}
.google-map iframe {width: 100%;height: 330px;border-radius: 13px;}
.contact-form{padding: 27px;}
.contact-form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 7px;
    border-radius: 10px;
	border: none;
    outline: none;
}
.contact-form-wrp .contact-form input[type="tel"] {border: none !important;}
.contact-form-wrp .contact-form input[type="email"] {border: none !important;}
.contact-form textarea {
    width: 100%;
    height: 160px;
    padding: 7px;
    border-radius: 10px;
    border: none;
    outline: none;
}
.contact-form input[type="submit"] {
    width: 100%;
    padding: 15px 30px 15px 30px;
    background: #001952;
    color: #fff;
    border: none;
    outline: none;
	text-transform: uppercase;
}

.contactus-sec{padding: 60px 0 60px 0;}
.page-template-contact .contactus-sec .infoc h4 {margin-left: 0px;font-size: 22px;font-weight: 600;margin-bottom: 7px;}
.page-template-contact .contact-details {border: 1px solid #001A544A;background: #001A544A;margin-bottom: 15px;}
.page-template-contact .contactus-sec .contact-details a {font-size: 19px;font-weight: 400;}
.page-template-contact .contactus-sec .infoc svg {width: 60px;height: 60px;padding: 15px;border-radius: 5px;}
.page-template-contact .contactform {
    background: #001A544A;
    padding: 65px;
    border: 1px solid #001A544A;
    border-radius: 15px;
}
.page-template-contact .contactform input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 7px;
    border-radius: 10px;
	border: none;
    outline: none;
}
.page-template-contact .contactform input[type="tel"] {border: none !important;}
.page-template-contact .contactform input[type="email"] {border: none !important;}
.page-template-contact .contactform textarea {
    width: 100%;
    height: 160px;
    padding: 7px;
    border-radius: 10px;
    border: none;
    outline: none;
}
.page-template-contact .contactform input[type="submit"] {
    width: 100%;
    padding: 15px 30px 15px 30px;
    background: #001952;
    color: #fff;
    border: none;
    outline: none;
	border-radius: 10px;
	text-transform: uppercase;
}
.page-template-contact .contactform h4 {
    color: #000;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 25px;
}
.quik-service{
	background: #001A54;
	padding: 25px;
	position: relative;
	border-radius: 15px;
	margin-top: 70px;
}
.quik-man img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%;
}
.quik-service h6{color: #fff;font-weight: 500;font-family: "Roboto", sans-serif;}
.quik-service h4{color: #fff;font-weight: 600;font-size: 28px;margin-bottom: 18px;}
.quik-service a{color: #fff;font-size: 18px;}
.google_map iframe{width: 100%;}

/*=================== blog =======================*/
.blog-section {padding: 60px 0 60px 0;}
.blog-box {
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
	margin-bottom: 20px;
}
.blog-content{padding: 20px;}
.blog-img img{
	width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.publish-dat {
    position: absolute;
    top: 25px;
}
.publish-dat h6 {
    background: #001952;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    padding: 10px;
	font-family: "Roboto", sans-serif;
}
.blog-content h3{line-height: 27px;}
.blog-content h3 a{
    font-size: 29px;
    color: #001952;
    margin-bottom: 3px;
    text-decoration: none;
}
.blog-content p {
    color: #000;
    font-family: "Roboto", sans-serif;
}
.more-link {margin: 30px 0 20px 0;}
.more-link a {
	background: #001952;
    color: #fff;
	border: 1px solid #001952;
    padding: 10px 15px 10px 15px;
	transition: all 0.4s ease 0s;
}
.more-link a:hover{border: 1px solid #001952;color: #001952;background: #fff;}

.error404 .main-head{border-bottom: 1px solid #001952;}
.not-found h1{color: #001952;font-size: 45px;}

.than-img h1 {
    font-size: 65px;
    font-weight: 600;
}
.than-img p {
    width: 55%;
    margin: 0 auto;
}
.than-img h1 span {color: #001952;}
.top-cta a {
    padding: 14px 18px 14px 18px;
    border: 1px solid #001952;
    color: #001952;
    font-weight: 600;
    transition: all 0.4s ease 0s;
}

.page-template-thanku .main-head {border-bottom: 1px solid #001952;}


/*=================================== responsive ==========================================*/
@media only screen and (max-width: 768px) {
	.btnWrp{display: none;}
	.top-hed h3 {font-size: 30px;}
	.banner_form_wrp{display:none;}
	.headerCon h1 {font-size: 32px;}
	.banner-section{height: 55vh !important;}
	.service-box {margin-right: 0px;}
	.quote-btn{display: none;}	
	.leftarrow{display:none;}
	.rightarrow{display:none;}
	.step-box{margin-bottom: 30px;}
	.footer-info h5 {font-size: 28px;}
	.manImg{display: none;}
	.schedule-sec {padding: 60px 0 80px 0;}
	.about-wrp h3 {font-size: 35px;}
	.fimg{margin-top: 40px;margin-bottom: 25px;}
	.contact-form-wrp{margin-bottom: 25px;}
	.gpco{margin-bottom:25px;}
	.footer-info {padding: 10px 0 20px 0;}
	.imggallery {padding: 15px;}
	.mobquote-btn{display: block;}
	.mobquote-btn a{
		padding: 13px 20px 13px 20px;
		border: 1px solid #001952;
		color: #001952;
		font-weight: 600;
	}
	.mobile-quote-sec{padding: 55px 0 45px 0;display:block;}
	.mobile-quote-sec .banner_form_wrp{display: block;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
	.mobile-quote-sec .banner_form_wrp .banner_form input[type="tel"] {
		width: 100%;
		padding: 7px;
		border-radius: 10px;
		border: 1px solid #000000;
		outline: none;
	}
	.mobile-quote-sec .banner_form_wrp .banner_form input[type="email"] {
		width: 100%;
		padding: 7px;
		border-radius: 10px;
		border: 1px solid #000000;
		outline: none;
	}
	.inner-banner-con h1 {font-size: 40px;}
	.aboutus-con h3 {font-size: 30px;}
	.aboutus-con{margin-top: 15px;}
	.page-template-contact .contactform {padding: 30px;}
	.page-template-contact .contactform h4 {font-size: 33px;}
	.page-template-contact .contact-detailswrp{margin-top: 15px;}
	.quik-service h4 {font-size: 23px;}
	.quik-service h6 {font-size: 14px;}
	.quik-service a {font-size: 17px;}
	.quik-service {margin-top: 0px;}
	.not-found h1 {font-size: 38px;}
/* 	.single-services .details{margin-top: 25px;} */
	.single-services .work-ection .imggallery {margin-right: 0px;}
	.single-services .work-ection .imggallery {padding: 10px;}
    .than-img h1 {font-size: 55px;}
    .than-img p {width: 100%;}
}