body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;} footer#colophon{ max-width: none; margin: 0; padding: 0; border: none;} a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;} /*@font-face { font-family: 'mulishregular'; src: url('fonts/mulishregular.eot'); src: url('fonts/mulishregular.eot') format('embedded-opentype'), url('fonts/mulishregular.woff') format('woff'), url('fonts/mulishregular.ttf') format('truetype'), url('fonts/mulishregular.svg#mulishregular') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'josefinsansbold'; src: url('fonts/josefinsansbold.eot'); src: url('fonts/josefinsansbold.eot') format('embedded-opentype'), url('fonts/josefinsansbold.woff') format('woff'), url('fonts/josefinsansbold.ttf') format('truetype'), url('fonts/josefinsansbold.svg#josefinsansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefinsansmedium'; src: url('fonts/josefinsansmedium.eot'); src: url('fonts/josefinsansmedium.eot') format('embedded-opentype'), url('fonts/josefinsansmedium.woff') format('woff'), url('fonts/josefinsansmedium.ttf') format('truetype'), url('fonts/josefinsansmedium.svg#josefinsansmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefinsanssemibold'; src: url('fonts/josefinsanssemibold.eot'); src: url('fonts/josefinsanssemibold.eot') format('embedded-opentype'), url('fonts/josefinsanssemibold.woff') format('woff'), url('fonts/josefinsanssemibold.ttf') format('truetype'), url('fonts/josefinsanssemibold.svg#josefinsanssemibold') format('svg'); font-weight: normal; font-style: normal; } /* -------------- Custom Fonts --------------- */ .josefinsansmedium .elementor-widget-container p, .josefinsansmedium .elementor-widget-container, .josefinsansmedium .elementor-widget-container nav ul li a {font-family: 'josefinsansmedium';} .josefinsansbold .elementor-widget-container .elementor-heading-title {font-family: 'josefinsansbold';} /* ------------ Footer ----------- */ .footerMenu nav ul.hfe-nav-menu li::before {content: "\f105"; font-size: 18px; font-family: FontAwesome; color: #313131; position: absolute; line-height: 30px; top: 8px;} .footerMenu nav ul.hfe-nav-menu li.current-menu-item::before {color: #618a12;} /* ------------ Home ------------- */ .helpyou-list .helpyou-box {background: #fff; box-shadow: 0px 0px 12px 4px #ededed; margin: 22px 11px; border-radius: 8px; overflow: hidden;} .helpyou-list .helpyou-box .helpyou-content {padding: 40px 25px; text-align: center;} .helpyou-list .helpyou-box .helpyou-content h2 {font: 700 20px/22px 'Poppins'; color: #011f44; text-transform: uppercase; margin-bottom: 15px;} .helpyou-list .helpyou-box .helpyou-content p {color: #011f44; font: 400 18px/22px 'Poppins';} .helpyou-list .helpyou-box .helpyou-content a.moreBtn {margin-top: 35px; text-transform: uppercase; color: #011f44; font: 600 20px/22px 'Poppins'; padding: 23px 35px; display: inline-block; border: 1px solid #8d8d8d; border-radius: 8px;} .helpyou-list .helpyou-box .helpyou-content a.moreBtn:hover {background: #618a12; color: #fff;} .helpyou-list .helpyou-box .helpyou-content a.moreBtn i {font-family: "FontAwesome"; margin-left: 9px;} .helpyou-list .owl-controls .owl-nav .owl-prev, .helpyou-list .owl-controls .owl-nav .owl-next {position: absolute; top: 50%; left: -10px; transform: translateY(-50%); background: #fff; color: #000; padding: 9px 15px 9px 15px; font-size: 21px; border-radius: 50%; box-shadow: 4px 1px 5px -2px #dadada; color: #618a12;} .helpyou-list .owl-controls .owl-nav .owl-next {left: auto; right: -10px;} /*..........Blog Start........*/ /* .blog_post {display: none;} */ .blog-list .blog_post .blog_img img{border-radius: 10px;} .blog-list .blog_post .blog_text{color: #011f44; font:500 30px/35px 'Josefin Sans'; padding-top: 22px;} .blog-list .blog_post .blog-cnt{color: #011f44; font:400 18px/28px 'Poppins'; padding: 22px 0 35px;} .blog-list .blog_post .blog-link a{display: inline-block; color: #fff; font:bold 18px/28px 'Poppins'; background: #011f44; border-radius: 8px; text-transform: uppercase; padding: 12px 30px 12px 25px;} .blog-list .blog-wrapper{margin-bottom: 65px;} .blog-list .blog_post .blog-link a::after{content: '\f178'; font-family: 'FontAwesome'; font-size: 20px; margin-left: 25px;} .blog-list .blog_post .blog-link a:hover{background: #618a12; transition: .5s; color: #fff;} .blog-search form{width: 100%; display: flex; justify-content: center; align-items: center; padding: 30px 60px; margin-bottom: 30px; background: #eaebe8; border-radius: 100px;} .blog-search{padding: 20px 110px;} .blog-search form input{width: 88%; height: 50px; border-radius: 0; border: solid 1px #000; font:400 18px/28px 'Poppins';} .pagination{justify-content: center;} .pagination li a{color: #011f44; font:400 26px/35px 'Josefin Sans'; padding: 15px;} .pagination li a span{background: #618a12; height: 40px; width: 40px; border-radius: 50%; position: absolute; display: flex; justify-content: center; align-items: center; color: #fff;} .pagination li a span:hover{background: #dcdcdc; color: #333334; transition: .5s;} .resource_button button.btn-primary, .resource_button button.btn-primary:active, .resource_button button.btn-primary:focus, .resource_button button.btn-primary:hover{font:400 15px 'Josefin Sans'; color: #fff; text-transform: uppercase;padding: 23px 25px; border:1px solid #fff; border-radius: 8px; background-color: transparent; text-shadow: none;box-shadow: none;background-image:none; outline: none;} .resource_button button.btn-primary:hover{background-color: #618a12;} .resource_button button.btn-primary > i.fa{font-family: 'FontAwesome'; font-weight: normal !important;} /*..........Blog End........*/ /*............Blog Details Start...........*/ .blog-detail-page .container{max-width: 1420px;} .blog-detail-page .blog-detail-img img{border-radius: 10px;} .blog-detail-wrapper{padding-top: 90px; padding-bottom: 90px;} .blog-details-sidebar h2{color: #011f44; font:400 38px/35px 'Josefin Sans'; position: relative;} .blog-details-sidebar h2::after{content: ''; background: #618a12; position: absolute; width: 12rem;height: 4px; left: auto; right: 0; bottom: 12px;} .blog-details-sidebar .blogimg img{border-radius: 5px;} .blog-details-sidebar .blogcon h2{color: #011f44; font:400 20px/35px 'Josefin Sans';} .blog-details-sidebar .recent_blog{margin-top: 30px;} .blog-details-sidebar .recent_blog .blogbox{padding: 18px 0; border-bottom: solid 1px #e8e7e7;} .blog-details-sidebar .recent_blog h3 a{color: #011f44; font:500 20px/27px 'Josefin Sans';} .blog-details-sidebar .blogimg, .blog-details-sidebar .blogconP{padding-right: 0px; padding-left: 0px;} .blog-details-sidebar .recent_blog .blog-cnt{color: #011f44; font:500 15px/24px 'Poppins';} .blog-details-sidebar .recent_blog .blog-link a{color: #618a12; font:600 15px/24px 'Poppins'; text-transform: uppercase;} .blog-details-sidebar .recent_blog .blog-link a::after{content: '\f178'; font-family: 'FontAwesome'; font-size: 20px; margin-left:10px;} .blog-details-sidebar .recent_blog .blog-link:hover a::after{margin-left:25px; transition: .5s;} .blog-detail-wrapper .col-md-8{padding-right: 50px;} .blog-detail-wrapper .blog-detail-title{color: #011f44; font:500 33px/35px 'Josefin Sans'; padding: 30px 0 25px;} .blog-detail-wrapper .blog-detial-content h3{color: #011f44; font:500 33px/35px 'Josefin Sans'; padding: 30px 0 25px;} .blog-detail-wrapper .blog-detial-content p{color: #011f44; font:400 18px/37px 'Poppins'; text-align: justify;} .blog-detail-wrapper .comment-reply-title{color: #011f44; font:bold 25px/37px 'Roboto'; position: relative;} .blog-detail-wrapper .comment-reply-title::after{content: ''; background: #3d3d3d; position: absolute; width: 2rem; height: 3px; left: 0; right: auto; bottom: -7px;} .blog-detail-wrapper .comment-notes{display: none;} .blog-detail-wrapper form label{color: #565656; font:400 16px/21px 'Roboto';} .blog-detail-wrapper .form-submit input{background: #618a12; color: #fff; font:400 16px/21px 'Roboto'; border: none; border-radius: 100px; font: 900 16px 'Roboto'; text-transform: uppercase; padding: 17px 30px; margin-top: 30px;} .blog-detail-wrapper .form-submit input:hover{background: #dcdcdc; color: #333334; transition: .5s;} .blog-detail-wrapper form textarea{height: 120px; border-radius: 5px;} .blog-detail-wrapper form input:not(input[type="checkbox"], input[type="submit"]){height: 60px; border-radius: 5px; width: 100% !important;} /*............Blog Details End...........*/ /*--------font-sec Start-------------*/ .josefinsansbold h1{font-family: 'josefinsansbold' !important;} .josefinsanssemibold .elementor-widget-container h2{font-family: 'josefinsanssemibold' !important;} .josefinsansmedium .elementor-widget-container h2{font-family: 'josefinsanssemibold' !important;} /*--------font-sec end-------------*/ /*--------img-border Start-------------*/ .img-border,.img-border-right{position: relative;} .img-border::after{content: '';width: 476px;height: 486px;border-radius: 20px;border: 3px solid #1e8de2;position: absolute;left: -20px;bottom: 0;z-index: -1;} .img-border-ii.img-border::after{width: 576px;height:;} .img-border-right::after{content: '';width: 526px;height: 636px;border-radius: 20px;border: 3px solid #1e8de2;position: absolute;right: 0;bottom: 0;z-index: -1;} /*--------img-border end-------------*/ /*--------contact-form-details Start-------------*/ .contact-form-details .row{margin-left: -6px;margin-right: -6px;} .contact-form-details .col-md-6,.contact-form-details .col-md-12{padding: 11px 6px;} .contact-form-details label{font: 400 16px/18px 'Poppins';color: #011f44;padding-bottom: 6px;} .contact-form-details .form-control{width: 100%;height: 54px;border: 1px solid #bfbfbf;border-radius: 10px;box-shadow: none;outline: none;font: 400 16px/24px 'Poppins';color: #011f44;padding-left: 20px;padding-right: 20px;resize: none;transition: 0.5s;} .contact-form-details textarea.form-control{height: 114px;padding-top: 12px;} .contact-form-details .form-control:focus{border: 1px solid #011f44;} .contact-form-details input[type="submit"]{width: unset;height: unset;border: none !important;border-radius: 50px;font: 700 18px/25px 'Poppins';color: #ffffff;background: #011f44;padding: 13px 57px 13px 57px;transition: 0.5s;text-transform: uppercase;margin-top: 12px;} .contact-form-details input[type="submit"]:hover{background: #618a12;} /*--------contact-form-details end-------------*/ /*--------newsletter-form-details Start-------------*/ .newsletter-form-details .tnp-subscription{max-width: 100%;} .newsletter-form-details .tnp-field-firstname,.newsletter-form-details .tnp-field-email{width: 50%;float: left;padding: 5px 7px !important;} .newsletter-form-details .tnp-field-button{width: 100%;float: left;padding: 5px 7px !important;} .newsletter-form-details .tnp-field label{font: 400 16px/18px 'Poppins';color: #011f44;padding-bottom: 3px;} .newsletter-form-details .tnp-field input{width: 100%;height: 64px;border: 1px solid #bfbfbf !important;border-radius: 10px;font: 400 16px/18px 'Poppins' !important;color: #011f44 !important;background: transparent !important;outline: none;box-shadow: none;padding-left: 18px !important;padding-right: 18px !important;transition: 0.5s;} .newsletter-form-details .tnp-field input[type="submit"]{background: #618a12 !important;color: #ffffff !important;font: 700 18px/20px 'Poppins' !important;text-transform: uppercase;padding: 24px 126px 24px 125px !important;border: none !important;border-radius: 50px !important;position: relative;left: 50%;transform: translateX(-50%);transition: 0.5s;margin-top: 15px !important;} .newsletter-form-details .tnp-field input[type="submit"]:hover{background: #011f44 !important;} .newsletter-form-details .tnp-field input:focus{border: 1px solid #011f44 !important;} /*--------newsletter-form-details end-------------*/ /* ----- Home blog ----- */ .homeBlog .blog-list .blog_post .blog_text {color: #fff;} .homeBlog .blog-list .blog_post .blog-cnt {color: #fff;} .homeBlog .blog-list .blog_post .blog-link a {padding: 0;} .homeBlog .blog-list .blog_post .blog-link a:hover {background: transparent; transition: .5s; color: #618a12;} /* -------------.blog-search start----------------------- */ .blog-search .search-box{position:relative;} .blog-search .search-box:first-child{width:66.666%;padding:0 7px;} .blog-search .search-box:last-child{width:33.333%;padding:0 7px;} .blog-search .search-box label{width: 100%;color: #011f44;font-size:16px;line-height:18px;font-family: 'josefinsansbold'; padding-bottom: 8px;display:none;} .blog-search .search-box .input_search{width: 100%;height: 57px;border: 1px solid #dddada;border-radius: 10px;font: 400 16px / 18px 'Poppins';color: #011f44;background: #ffffff;outline: none;box-shadow: none;padding-left: 18px;padding-right: 18px;transition: 0.5s;} .blog-search .search-box button{width:100%;height:57px;border-radius:10px;font:700 19px/21px 'Poppins';color:#ffffff;padding:10px 32px 10px 24px;outline:none;box-shadow:none;text-align:center;background:#011f44;border:none;transition:0.5s;} /* .blog-search .search-box:last-child::after{content:'\f002';font: normal normal normal 19px / 1 FontAwesome;color:#dcd9d9;position:absolute;left:31px;top:42px;} */ .blog-search .search-box button:hover{background: #618a12;} /* -------------.blog-search end----------------------- */ /* -----------tab start------------ */ .tabs{display: flex;justify-content:center;width: 100%;} .tabs button{position:relative;display:inline-block;color: #011f44;font: bold 18px / 28px 'Poppins';text-transform: uppercase;padding: 0px 22px 0px 22px;border:none;outline:none;box-shadow:none;transition:0.5s;background:transparent;border-radius:0px;} .tabs button:first-child{border-right:2px solid #011f44;padding-right:24px;} .tabs button:hover,.tabs button.active{color:#618a12;} .resource-link a{position:relative;display:inline-block;color:#618a12;font: 400 18px / 28px 'Poppins';transition:0.5s;} .resource-link a:hover{text-decoration:underline !important;} .resourece_post .blog-wrapper{ margin-bottom: 15px;} /* -----------tab end------------ */ /* responsive */ @media screen and (max-width: 1366px){ .img-border::after{width: 360px;height: 330px;} } @media screen and (max-width: 1199px){ .helpyou-list .helpyou-box .helpyou-content a.moreBtn{ padding: 17px 13px;} .img-border-right::after {width: 394px;height: 450px;} .blog-list .blog_post .blog_text {font: 500 26px / 32px 'Josefin Sans'; padding-top: 20px;} .blog-list .blog_post .blog-cnt { padding: 5px 0 35px;} .blog-list .blog-wrapper { margin-bottom: 40px;} .blog-details-sidebar h2::after{width: 30%;left: 0;right: auto; bottom: 0;} .blogbox .blogimg.col-sm-5,.blogbox .blogcon.col-sm-7{flex: 100%;max-width: 100%;padding: 8px 10px;} .img-border::after{width: 360px;height: 330px;} .img-border-ii.img-border::after { width: 424px;} } @media screen and (max-width: 1024px){ .helpyou-list .helpyou-box .helpyou-content a.moreBtn{ font: 600 18px / 20px 'Poppins'; margin-top: 25px;} .blog-list .blog_post .blog_text{font: 500 25px / 30px 'Josefin Sans';} .img-border-right::after{right: unset;left:0} .blog-detail-wrapper .col-md-8 {padding-right: 20px;} .blog-detail-wrapper .blog-detail-title{font: 500 30px / 34px 'Josefin Sans'; padding: 30px 0 10px;} .blog-details-sidebar h2::after{ width: 30%; left: 0; right: auto; bottom: -5px;} } @media screen and (max-width: 991px){ .blog-list .col-sm-4{flex: 0 0 50%;max-width: 50%;} .blog-search{padding: 25px 30px;} .blog-detail-wrapper .col-md-8,.blog-detail-wrapper .col-md-4{padding-right: 15px; padding-left: 15px;flex: 100%; max-width: 100%;} } @media screen and (max-width: 767px){ .footerMenu nav ul.hfe-nav-menu li::before{top: 1px;} .helpyou-list .helpyou-box .helpyou-content{ padding: 30px 20px;} .helpyou-list .helpyou-box .helpyou-content p{font: 400 16px / 22px 'Poppins';} .helpyou-list .helpyou-box .helpyou-content a.moreBtn{ font: 600 17px / 22px 'Poppins'; padding: 12px 30px;margin-top: 20px;} .blog-list .blog_post .blog_text {font: 500 21px / 24px 'Josefin Sans'; padding-top: 15px;} .blog-list .blog_post .blog-cnt {font: 400 16px / 24px 'Poppins'; padding: 10px 0 15px;} .blog-list .blog_post .blog-link a{ font: bold 16px / 20px 'Poppins';} .blog-list .blog-wrapper {margin-bottom: 30px;} .img-border-right::after {width: 298px;height: 350px;} .blog-search{padding: 25px 10px;} .blog-search .search-box label {font-size: 15px;padding-bottom: 2px;} .blog-search .search-box .input_search {height: 48px;font: 400 14px / 18px 'Poppins';padding-left: 14px; padding-right: 14px;} .blog-search .search-box:first-child,.blog-search .search-box:last-child{padding: 0 4px;} .blog-search .search-box:last-child::after{display:none;} .blog-search .search-box button{height: 48px;font: 700 16px / 21px 'Poppins';padding: 10px 14px 10px 14px;} .blog-detail-wrapper .blog-detial-content p{font: 400 16px / 26px 'Poppins';} .blog-detail-wrapper .blog-detial-content h3{font: 500 22px / 28px 'Josefin Sans'; padding: 17px 0 8px;} .blog-details-sidebar h2{font: 400 24px / 26px 'Josefin Sans';padding-top: 30px;} .blog-detail-wrapper{padding-top: 55px; padding-bottom: 65px;} .blog-detail-wrapper .blog-detail-title{padding: 20px 0 10px; font: 500 24px / 28px 'Josefin Sans';} .blog-detail-wrapper form input:not(input[type="checkbox"], input[type="submit"]){height: 50px;} .blog-detail-wrapper form textarea{height: 100px;} .blog-detail-wrapper .form-submit input{ margin-top: 10px;} .blog-details-sidebar .blogimg img{ max-width: 110px;} .img-border-ii.img-border::after{ width: 340px;height: 300px;} .newsletter-form-details .tnp-field-firstname, .newsletter-form-details .tnp-field-email{width: 100%;} .contact-form-details .form-control {height: 48px;font: 400 15px / 22px 'Poppins';} .contact-form-details textarea.form-control{height: 100px; padding-top: 6px;} .contact-form-details .col-md-6, .contact-form-details .col-md-12{ padding: 6px 6px;} .resourece_post .blog-wrapper{ margin-bottom: 10px;} .resource-link a{ font: 400 15px / 20px 'Poppins'; padding-top: 5px;} .tabs button{font: bold 16px / 22px 'Poppins';} } @media screen and (max-width: 575px){ .home-banner-sec .home-banner-btn .elementor-widget-container{padding: 0px 0px 100px 0px !important;} .blog-list .col-sm-4{flex: 0 0 100%;max-width: 100%;} .blog-search form {padding: 30px 15px;border-radius: 20px;} .newsletter-form-details .tnp-field input{ height: 52px;} .newsletter-form-details .tnp-field input[type="submit"]{padding: 15px 58px 15px 58px !important;width: unset;margin-top: 5px !important;} } @media screen and (max-width: 400px){ }