/*Theme Name: HWD
Theme URI: #
Author:
Author URI: https://wordpress.org/
Description: Our 2021 default theme is clean, blog-focused, and designed for clarity. wp-demo's simple, straightforward typography is readabl6e on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1
License: GNU General Public License v2 or later
License URI: http://wp-demo.com
Tags:  Two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: Custom Theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&display=swap');
/*==========================================================
            General theme setting
============================================================*/

/*define the variables*/
:root {
    --primary: #01744D;
    --secondary:#f68316;
    --light:#f4f3f3;
    --dark: #181f29;
    --gradient:linear-gradient(to right, rgba(158,215,100,1) 0%, rgba(68,227,214,1) 50%, rgba(68,227,214,1) 51%);

}
body{font-family: 'Poppins', sans-serif; font-weight:300 !important; color: #3a4059;background: #fff; }

body p{line-height: 24px; }
.montserrat{font-family: 'Montserrat', sans-serif;}
.montserrat-alt{font-family: 'Montserrat Alternates', sans-serif;}
.poppins{font-family: 'Poppins',  sans-serif;}
.font-weight-extralight{font-weight:200 !important;}
.font-weight-light{font-weight:300 !important;}
.font-weight-regular{font-weight:400 !important;}
.font-weight-medium{font-weight:500 !important;}
.font-weight-semibold{font-weight:600 !important;}
.font-weight-extrabold{font-weight:900 !important;}
.scrollbar {margin-left: 30px;float: left;height: 300px;width: 65px;background: #F5F5F5;overflow-y: scroll;margin-bottom: 25px;}
#scrollbar-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 10px rgba(225,255,255,0.1);background-color: #232323;}
#scrollbar-style::-webkit-scrollbar {width: 12px;background-color: #0f0f0f;}
#scrollbar-style::-webkit-scrollbar-thumb {background-color: var(--primary);}
a{ transition: 0.2s linear;}
a:hover{text-decoration: none !important; transition: 0.2s linear; }
.top-0{top:0 !important;}
.bottom-0{bottom:0 !important;}
.left-0{left:0 !important;}
.right-0{right:0 !important;}
.text-red{color:#ff0000 !important;}
.text-primary{color:var(--primary) !important;}
.text-secondary{color:var(--secondary) !important;}
.text-light{color:#848897 !important;}
.bg-primary{background-color:var(--primary) !important;}
.bg-secondary{background-color:var(--secondary) !important;}
.bg-light{background-color:var(--light) !important;}
.text-primary a:hover{color:var(--secondary) !important;}
.btn{outline: none !important;}
.btn:focus, button:focus, input, select {outline: none; box-shadow: none !important;}
.btn-primary, .btn-secondary, .btn-outline-primary, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{padding:12px 30px !important; font-size: 16px !important;  border-radius: 30px !important; text-transform: capitalize;}
.btn-primary{background-color:var(--primary) !important; border: none !important;}
.btn-secondary{background-color: var(--secondary)!important; border: 1px solid var(--secondary)!important;}
.btn-white{background-color: transparent !important; border: 1px solid #fff !important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .btn-primary:hover, .btn-outline-primary:hover, #stripe-submit:hover {background-color: var(--secondary) !important; color: #fff !important;border: none !important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .btn-secondary:hover  {background-color: var(--primary) !important;color: #fff !important;border: 1px solid #fff !important;}
a.text-secondary:focus, a.text-secondary:hover{  color: var(--primary) !important;}
/*.btn-outline-primary {color: #fff!important;border-color: #fff!important; padding:12px 40px !important;}*/
/*.btn-outline-secondary {color: #14bbab!important;border-color: #14bbab!important;}*/
.btn-rounded {border-radius: 25px;}
.fa-phone {transform: rotate(90deg);}
.border-primary {border-color: var(--primary)!important;}
.border {border: 1px solid #dedede!important;}
.text-small, .text-small p{font-size: 12px; line-height: 18px !important;}
.text-medium, .text-medium p{font-size: 14px; line-height: 22px;}
.bg-fixed{background-attachment: fixed !important; }
.shadow-sm {box-shadow: 1px 1px 15px rgba(0,0,0,.075)!important;}
/*.bg-gradient, .text-gradient, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background: rgba(22,154,90,1);*/
/*background: -moz-linear-gradient(top, rgba(22,154,90,1) 0%, rgba(27,141,156,1) 100%);*/
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(22,154,90,1)), color-stop(100%, rgba(27,141,156,1)));*/
/*background: -webkit-linear-gradient(top, rgba(22,154,90,1) 0%, rgba(27,141,156,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(22,154,90,1) 0%, rgba(27,141,156,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(22,154,90,1) 0%, rgba(27,141,156,1) 100%);*/
/*background: linear-gradient(to bottom, rgba(22,154,90,1) 0%, rgba(27,141,156,1) 100%); color:var(--white) !important;}*/
.vc_section .container, .vc_section{ margin-right: auto !important; margin-left: auto !important; padding-left:0px !important; padding-right:0px !important;z-index:2;} 
/*.logo{width:20%;}*/
.site-header, .site-content, .site, #background-overlay, #process, #Expert,  #Steps, #Happy-Clients{position: relative;}
#background-overlay{position: relative;height:100%;z-index:-2;}
#Happy-Clients{z-index:0;}
#Happy-Clients:before{z-index:0;}
#background-overlay:before, #Expert:before{z-index:-1;}
#process:before{z-index:0;}
#Steps:before{z-index:0;}

#background-overlay:before, #process:before, #Expert:before,  #Steps:before, #Happy-Clients:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(1,116,77, 0.7);
}
#Expert{
    background-size: cover;
    background-repeat: no-repeat;
}
#Expert-Bg img{width:450px;height:1025px;}
.header-text{font-size: 21px !important;}

.page-id-760 form.wpcf7-form {
    background: #f7f7f7;
    box-shadow: 0px 0px 5px #635e5e;
    padding: 15px;
    font-family: "Montserrat", sans-serif;
}
.page-id-760 form.wpcf7-form label{
    font-weight: 700 !important;
    font-size: 13px !important;   
}
#process .vc_tta-panel-body{
    padding-top: 0px;
    padding-left: 60px;
    padding-right: 60px;
}
#process .vc_tta-tabs-list{padding-left: 15px !important;}
.page-id-1219  #process .vc_tta-tabs-list{min-width: 300px;}
#process .vc_single_image-wrapper img{width:110px;}
.vc_custom_1637402839237{width: 80%;}
.vc_custom_1627566738943{width: 80%;}
.vc_custom_1611295251699{width: 80%;}
.align-items-center{align-items: center;justify-content: center;}
  
#Not_Found{
    color: #E72626;
    font-size: 150px;
    font-weight: normal;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}
#Sitemap ul li a {color: #3a4059 !important;}
#Sitemap ul li a:hover {color:var(--primary) !important;}
.menu-item-899{display:none !important;}
#HWD-Blog .vc_grid-item-mini{border: 1px solid #eaeaea !important;}
#HWD-Blog .vc_gitem-zone .vc_gitem-zone-c .vc_custom_1419333453605 {
    background-color: #f9f9f9 !important;
    max-height: 390px !important;
}
#HWD-Blog .vc_btn3.vc_btn3-color-juicy-pink, #HWD-Blog .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #01744d important;
}
#HWD-Blog .vc_btn3.vc_btn3-size-md {
    font-size: 14px;
    padding-top: 10px important;
    padding-bottom: 10px important;
    padding-left: 15px important;
    padding-right: 15px important;
}
#main h2, #main h3 {text-transform: capitalize;}
.owl-carousel .owl-item img{border: 1px solid #dcd5d5 !important;}
#mega-menu-item-899{background-color: #f68316 !important;}
#mega-menu-item-899 .mega-menu-link{font-size: 20px !important;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    line-height: 30px !important;}
#mega-menu-wrap-menu-1{width:100%}

#main-nav .active>.nav-link, #main-nav .nav-link.active, #main-nav .nav-link.show, #bs4navbar .navbar-nav .show>.nav-link{color:#fff; }
#main-nav .active>.nav-link, #main-nav .nav-link.active, #main-nav .nav-link.show, #bs4navbar .navbar-nav .show>.nav-link, -nav .nav-link:before{
    color: var(--white)!important;
}
#main-nav .nav-link {padding: 14px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    color: #ffff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
}

#main-nav .nav-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color:#fff !important;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}
#more {display: none;}
.moretext{display: none;}
/*.long-content{display: none;}*/
    

/*#main-nav .nav-link:after, .right-nav .nav-link:after{position:absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto;width: 1px;height: 20px;background-color: #1e1e1e;}*/
/*#main-nav li:last-child a:after, .right-nav li:last-child .nav-link:after{display: none !important;}*/
#main-nav  .nav-link:focus, #main-nav  .nav-link:hover {color: #fff !important;}
#main-nav .nav-link:active:before,
#main-nav .nav-link:focus:before,
#main-nav .nav-link:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}
#main-nav .dropdown-menu {
    font-size: 0.85rem;
    border-radius: 0;margin-top: -1px;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
#main-nav .dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary);color: #fff !important;
}
#main-nav .dropdown-menu a{border-bottom: 1px solid #f8f8f8;}
#menu-assignment-by-cities-2{margin-top:39px !important;}
/*.page-id-9 #top-nav{background-color: transparent !important;}*/
.inner-page{display: none !important;}
/*.site-header {background: transparent !important;position: absolute;width: 100%;z-index: 9;}*/
.inner-page{min-height: 35vh;background-position:top center !important;background-size: 100% !important;}
/*    background-attachment: fixed !important;}*/
/*.overlay{    background: rgba(0, 0, 0, 0.45);}*/

.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty){color:var(--white) !important; background: var(--primary);}
.main-head{border-radius: 0px 0px 90px 0px;}
.small-head{letter-spacing: 5px;}

.mega_info_box_2 .mega-info-desc p{margin-bottom: 0px !important}
/*.tm-slider .slick-slider .slick-arrow{}
.tm-slider  .slick-next:before, .tm-slider .slick-prev:before{color:#fff!important;}
.tm-slider .slick-prev {left: unset !important;right: 40px !important;}
.tm-slider .slick-next {right: 0px !important;}
.tm-slider .slick-prev, .tm-slider .slick-next {top: auto !important;bottom: 15% !important;width: 40px !important;    height: 40px !important;}*/
.h-shadow:hover{box-shadow: 20px 20px 20px rgba(0,0,0,0.4);}

#calculator img{margin-top:-30px;}
.wpcf7-form .form-control{}
/*#calculator .calc-list .calc-item{display: flex !important;}
#calculator .ccb-drop-down{display: contents;}
#calculator .calc-list .calc-item .calc-item__title{width: 45%;}
#calculator .calc-drop-down {padding: 10px 20px;}
#calculator .ccb-powered-by{display: none !important;}
#sec4, .service{position: relative;}*/

/*.service:before{background: url('http://ukah.cloudinnovatorsolution.com/wp-content/uploads/2020/12/dot-circle.png')no-repeat;*/
/*    width: 232px;*/
/*    height: 221px;*/
/*    top: 0%;*/
/*    right: -120px;*/
/*    background-position: top left;*/
/*    background-size: contain;}*/
.services{background-position: left  bottom; background-repeat: no-repeat !important;}
.services .service-bg .vc_column-inner{background-position: center center !important;}
.services .mega_info_box{box-shadow: 0px 0px 10px #00000011;min-height: 320px;background: #fff;padding: 10px 12px 15px 12px;color:#3a4059;cursor: pointer;}
.services .mega_info_box .mega-info-img {padding-bottom: 0;background: #eee;}
/*.services .wpb_single_image img {position: absolute;left: -9%; bottom: 0;height: 95%;}*/
.services .mega_info_box p{font-size:14px !important; }
.services .mega_info_box:hover{background: var(--primary); color:var(--white) !important;}
.services .mega_info_box:hover .mega-info-title{color:var(--white) !important;}
.services .mega_info_box:hover .mega-info-img{background: var(--white);}
.expertise-icon{display: grid;font-size: 11px;border: 0.5px solid #ccc; cursor: pointer; width:12.5%;}
.expertise-icon:hover{border: 1px solid var(--primary);}

.writing-tab .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {border-radius: 0px;}
.writing-tab .vc_tta.vc_general .vc_tta-tab a {padding: 14px 10px;background: #fff !important;}
.writing-tab .vc_tta-color-grey.vc_tta-style-classic .vc_active a {border-color: #f0f0f0;background-color: var(--primary) !important;color: #fff !important;}
.writing-tab .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {background-color: #ffffff;}

#text{display:none;}

.pricing-box{min-height:650px;}

.why-choose .mega_info_box{box-shadow: 0px 0px 10px #00000011;min-height: 420px;background: #fff;padding: 8px 20px 15px 20px;}

.contact{ background-size: 32%;background-position: -70px 20px !important;background-repeat: no-repeat;}

.contact .mega_info_box{border-radius: 0px; min-height:270px;}
.contact .mega_info_box:hover{background: var(--primary) !important; color:var(--white) !important; cursor: pointer;}
.contact .mega_info_box .mega-info-img{margin:0px !important;}
.contact .mega_info_box:hover .mega-info-footer .mega-info-title, .contact .mega_info_box:hover .mega-info-footer p{color:var(--white) !important;}
.contact .mega-info-footer, .contact .mega-info-footer p{text-align: left !important;}
.contact .mega-info-footer p{color:#3a4059 !important;}
#testimonials { margin-left:auto !important;margin-right:auto !important;}
#testimonials .tm-slider .carousel-caption{color: #3a4059;border: 1px solid #cccccc59;
    padding: 18px;right: 0 !important;left: 0!important; min-height:330px;
}
#testimonials .tm-slider .carousel-caption:hover{
    border: 1px solid #01744d;
}
#testimonials .tm-slider .carousel-caption p{display:none;}
#testimonials .tm-slider .carousel-caption br{display: none;}
#testimonials .tm-slider .slick-slide{padding: 12px !important;margin-right: 20px;
    background: #fff; margin-bottom: 30px;
    box-shadow: 2px 2px 20px #00000021;
	min-height:300px;
	transition: 0.5s;
}
/*#testimonials .slick-track .slick-slide:hover {*/
/*  box-shadow: 5px 15px 30px #00000021;*/
/*  margin-top: -10px;*/
/*}*/
#faqs .vc_tta-panel{box-shadow: 2px 2px 8px #0000004f;
    padding: 10px; margin-bottom: 30px;}
#faqs .vc_tta-panel-heading{margin-bottom: 0px;}
#faqs  .vc_tta.vc_general .vc_tta-panel.vc_active {
    display: block;
    border: 1px solid #cccccc85;
}
#faqs .wpb_text_column {    border-left: 1px solid var(--primary);
    padding-left: 10px;
    margin-left: 30px;}
#faqs .vc_active .vc_tta-panel-heading {border-left: 1px solid #cccccc85;     margin-top: 0px;
    border-top: 1px solid #cccccc85;
    border-right: 1px solid #cccccc85;  border-bottom: none;}
#faqs .vc_active .vc_tta-panel-body {
    border-left: 1px solid #cccccc85;
    border-bottom: 1px solid #cccccc85;
    border-right: 1px solid #cccccc85;
    border-top: none;
    background: transparent;
}
#faqs .vc_tta-panel-heading {border-color: #fff;background-color: #fff;margin-top:0px !important;}
/*#faqs .vc_tta-panel-body {background-color: transparent;border: none;}*/
#faqs .vc_tta-panel-title {margin: 0;line-height: 1;     font-size: 17px;font-weight: 400;}
#faqs .vc_tta-panel-title a{ color: #010927 !important; font-weight: 600;padding-left: 60px !important;}
#faqs .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {padding: 5px;}
#faqs .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {border-width: 3px 0 0 0 !important;
}
#faqs .vc_tta-panel-title a .vc_tta-controls-icon-plus:before, #faqs .vc_tta-panel-title a .vc_tta-controls-icon-plus:after{border-color:var(--primary);
}
.tlmedia, .trmedia{position: relative;z-index: 99;}
.tlmedia .media-body{padding: 20px 40px 40px 30px !important;background: #fff;box-shadow: -8px 15px 8px -8px #0000001f;border-radius: 0px 0px 0px 50px;min-height: 380px;}
.tlmedia  img{position: absolute; top:90px;right: -85px;}
.tlmedia .media-body:hover, .trmedia .media-body:hover{background-color:var(--primary) !important;  color: #fff;cursor: pointer;}
.trmedia .media-body{ padding: 20px 30px 20px 100px !important;background: #fff;  box-shadow: 5px 12px 8px -4px #0000001f;
    border-radius: 0px 0px 50px 0px;
}
.page-id-81 .tlmedia .media-body, .page-id-81 .trmedia .media-body, .page-id-735 .tlmedia .media-body, .page-id-735 .trmedia .media-body, .page-id-824 .tlmedia .media-body, .page-id-824 .trmedia .media-body{
    min-height: 390px !important;
}
.page-id-828 .tlmedia .media-body, .page-id-828 .trmedia .media-body{min-height: 380px !important;}
.page-id-1129 .tlmedia .media-body, .page-id-1129 .trmedia .media-body{min-height: 350px !important;}
.page-id-1219 .tlmedia .media-body, .page-id-1219 .trmedia .media-body{min-height: 400px !important;}

.trmedia  img{position: absolute; top:90px;
    left: -80px;}
.addon .mega_info_box_2 .mega-info-img{padding-bottom: 0px !important;}
.addon .mega_info_box_2 .mega-info-title {
    margin-bottom: 0;
    margin-top: 8px;}
.review-bg .vc_column-inner{background-size: contain; }
.review-slider{border-radius: 30px; box-shadow: 0px 0px 10px #00000011;}
.review-slider .slick-slider p, .testimonials-slider  .slick-slider p{display: none !important;}
.review-slider .slick-slider img, .testimonials-slider  .slick-slider img{
    margin: 0px 0 10px 0 !important;
}
.review-slider h2.tdt-slider-heading{margin-bottom: 10px !important;}
.review-slider .slick-prev {left: unset !important;right: 40px !important;}
.review-slider .slick-next {right: 0px !important;}
.review-slider .slick-prev, .review-slider .slick-next {top: auto !important; bottom: -35% !important; width: 40px !important;height: 40px !important;}
.review-slider .slick-prev:before, .review-slider .slick-next:after{font-size: 18px !important;}
.profile-work li{font-size: 14px;width: 44%;background: var(--light);padding: 8px 15px;margin: 10px;min-height: 40px;border-radius: 5px;}

.testimonial-slider h2.tdt-slider-heading{margin-top: 30px !important;}
.live-chat{width:50px; height:50px;}

div.circle-img{background-position: center center !important;background-size: 34%;}
/* logo img transitiom */

#cf3 {
  position:relative;
  height:65px;
  width:220px;
  margin:0 auto;
}
#cf3 img {
  position:absolute;
  left:0;
}
.dashicons-phone .mega-menu-link, .unselectable {
   -webkit-user-select: none; /* Safari */        
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+/Edge */
   user-select: none; /* Standard */
} 
.fexpert{padding-top:90px !important;} 
/*#cf3 img.top {*/
/*  -webkit-animation-name: cf3FadeInOut;*/
/*  -webkit-animation-timing-function: ease-in-out;*/
/*  -webkit-animation-iteration-count: infinite;*/
/*  -webkit-animation-duration: 5s;*/
/*  -webkit-animation-direction: alternate;*/

/*  -moz-animation-name: cf3FadeInOut;*/
/*  -moz-animation-timing-function: ease-in-out;*/
/*  -moz-animation-iteration-count: infinite;*/
/*  -moz-animation-duration: 5s;*/
/*  -moz-animation-direction: alternate;*/

/*  -o-animation-name: cf3FadeInOut;*/
/*  -o-animation-timing-function: ease-in-out;*/
/*  -o-animation-iteration-count: infinite;*/
/*  -o-animation-duration: 5s;*/
/*  -o-animation-direction: alternate;*/

/*  animation-name: cf3FadeInOut;*/
/*  animation-timing-function: ease-in-out;*/
/*  animation-iteration-count: infinite;*/
/*  animation-duration: 5s;*/
/*  animation-direction: alternate;*/
/*}*/
/*  @-webkit-keyframes cf3FadeInOut {*/
/*   0% {*/
/*     opacity:1;*/
/*   }*/
/*   25% {*/
/*    opacity:1;*/
/*  }*/
/*  75% {*/
/*    opacity:0;*/
/*  }*/
/*  100% {*/
/*   opacity:0;*/
/* }*/
/*}*/

/*@-moz-keyframes cf3FadeInOut {*/
/* 0% {*/
/*   opacity:1;*/
/* }*/
/* 25% {*/
/*  opacity:1;*/
/*}*/
/*75% {*/
/*  opacity:0;*/
/*}*/
/*100% {*/
/* opacity:0;*/
/*}*/
/*}*/

/*@-o-keyframes cf3FadeInOut {*/
/* 0% {*/
/*   opacity:1;*/
/* }*/
/* 25% {*/
/*  opacity:1;*/
/*}*/
/*75% {*/
/*  opacity:0;*/
/*}*/
/*100% {*/
/* opacity:0;*/
/*}*/
/*}*/

/*@keyframes cf3FadeInOut {*/
/* 0% {*/
/*   opacity:1;*/
/* }*/
/* 25% {*/
/*  opacity:1;*/
/*}*/
/*75% {*/
/*  opacity:0;*/
/*}*/
/*100% {*/
/* opacity:0;*/
/*}*/
/*}*/


/* end */
/*==========================================================
            Inner page Header
============================================================*/
.vc_tta.vc_general .vc_tta-icon {
	
	font-size: 14px !important;
}

	body section .vc_custom_1613657112948{
		width:101% !important;
	}
	body section .vc_custom_1614266659665 .our-expertise{
	background-image: linear-gradient(rgb(55,78,110,0.5), rgba(55,78,110,0.8)),url("https://www.theresearchguardian.com/wp-content/uploads/2021/02/library.jpg") !important;
} 

/* btn color */
.vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-color-grey {
	    color: #fff !important;
    border-color: #01744D !important;
    background-color: #01744D !important;
}
/*  */
.price-icon{
	    right: 20px;
    top: -10px;
    background: #fff;
    padding: 5px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
}
.media-body {
    width: 100% !important;
}
/*  */
/*========================================================
                Social Icons
 =========================================================*/
.social-media li i{ background: #49515d;   width: 35px;height: 35px;text-align: center;line-height: 35px;padding: 0 !important; border: 2px solid #252525;
}
.social-media li a i{font-size: 20px !important;}
.social-media li:hover i{background-color:var(--primary) !important;  color: #fff;}


.contact li i{width: 28px;height: 28px;text-align: center;line-height: 28px;}


/*========================================================
            Contact page
=========================================================*/
.wpcf7-form .form-control, .wpcf7-form .delivery-date input, .wpcf7-form select{font-family: 'Poppins', sans-serif; color: #212529!important;background-color: #fff !important;border: 1px solid #dfdfdf !important;border-radius: 0rem !important;font-size: 14px; height: calc(1.8em + 1rem + 2px); padding: 0px 10px !important}
.wpcf7-form select{width:100%;}

.mobresp form.wpcf7-form{padding:16px !important;}
.mobresp select{width:100% !important;}

/*.wpcf7-form select:focus {min-width: 400px;width: auto;}*/
.wpcf7-form textarea{height: auto !important; resize: none;}
span.wpcf7-list-item {margin: 0rem 0rem 1rem 0rem !important;width: 25%;}
.wpcf7-list-item-label{font-weight: lighter;}
input[type=checkbox]{    margin-right: 6px;width: 17px;height: 17px;background: #fff !important;color: #fff;cursor: pointer; }

.wpcf7-not-valid-tip{margin-top: 0px; margin-bottom: 10px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
    color: #fff;
}
.wpcf7-form .delivery-date input{width: 100%}
#calculator .order-form{
    border-radius: 10px;
    width: 85%;
    margin: auto;
}
#calculator .order-form img{width: 90%;
    float: right;
    margin-top: -30px;
    margin-bottom: 30px;}
#calculator .order-form  ul {padding-left: 10px;}
#calculator .order-form  ul li {font-size: 14px;
    display: flex;
}
#calculator .order-form ul li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: var(--primary);
    margin: 5px 10px 0px 0px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}
.wpcf7 .ajax-loader {
    position: absolute;
    top: 12px;
}
#wpcf7-f1229-p81-o1 label, #wpcf7-f1229-p735-o1 label, #wpcf7-f1229-p828-o1 label, #wpcf7-f1229-p824-o1 label, #wpcf7-f1229-p1129-o1 label, #wpcf7-f1229-p1182-o1 label, #wpcf7-f1229-p1219-o1 label{font-weight:500;}
/*==========================================================
            Site Footer
============================================================*/
footer{font-size: 14px; background: #181f29; color: #9fa4ab;}
.widget-area ul {list-style: none; padding-left: 0px;}
.widget-area ul li{padding: 0.3rem;}
.widget-area ul li a, ul li a{color:#9fa4ab;}
.menu {list-style: none !important;padding-left: 0px !important; font-family: "Open Sans", sans-serif; margin-buttom:0px !important;}
.menu li{padding:5px 0px !important; font-weight: 400;}
.menu li a:hover{color:var(--primary);}
.copy-right{border-top: 1px solid #313740;}
.copy-right ul li a:hover{color:var(--primary);}

.security-logos{padding: 15px 10px 5px;}
.security-logos .container{width:100%;padding-left:0px;padding-right:0px;}
.security-logos img{width:100%;height:48px;}
.security-logos .secure{padding-left:0px !important;padding-right:5px !important;}
.security-logos .protected{padding-left:0px !important;padding-right:0px !important;}

/*========================================================
            Media Query for mobile
=========================================================*/
@media (min-width: 768px) {
    .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        background-color: #fff !important;
    }
    .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel {
        margin: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	body section .vc_custom_1614076897259{
    margin-left: 167px !important;

}	
 	body section .vc_custom_1613480231068 .hide  {
		display:none !important;
	} 
	body section .vc_custom_1613480231068 .service-bg   {
		width:auto !important;
	} 
	body section .vc_custom_1613480358682  .fasec{
		width:100% !important;
	} 
	body section .frm{
			width: auto !important;
    	margin-left: 70px !important;
	}
	body section .fexpert{
		width:auto !important;
	}
	header  .resp{
		display: table-row !important;
	} 
	header  .resp .hresp{
		display: table-cell !important;
	}
	body section .vc_custom_1613990118188{
		margin-left: 167px !important;
	}
	body section .vc_custom_1613992580771{
		margin-top: 84px !important;
	}
	
	section.our-expertise .vc_col-sm-8{width:100% !important;}
	.expertise-icon{width:12.5% !important;}
	
}
@media (min-width: 320px) and (max-width: 767.98px) {
    body p{line-height: 22px;}
    .h1{font-size: 4vh !important;}
    h2{font-size:24px !important;}
    #background-overlay .display-4{font-size: 22px !important;}
    #background-overlay .header-text {font-size: 13px !important;}
    #background-overlay .mega-info-title{font-size: 13px !important;}
    #background-overlay .mega-info-header i{line-height: 16px !important;font-size: 16px !important;}
    #background-overlay.vc_custom_1627913493840 {
    padding-top: 12px !important;padding-bottom: 0px !important;
    background-image: none !important;background-size: cover !important;background-position: center !important;background-color: #01744d !important;}
    #UK-Writers, #Data-Confidentiality{display:none;}
    .vc_custom_1627913011377 .mt-4, .mt-4{margin-top: 0px !important;}
    .mb-4, .my-4 {margin-bottom: 4px !important;}
    .vc_custom_1627913011377 .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 15px !important;}
    .vc_custom_1627719539309 {padding-top: 30px !important;padding-bottom: 15px !important;}
    .nonesss{padding: 2px 2px !important;}
    .expertise-icon{font-size: 10px !important;}
    #process .vc_tta-title-text{font-size: 18px !important;}
    #Steps .vc_custom_heading{font-size: 32px !important;}
    .vc_custom_1627626556368{padding-right: 10px !important;padding-left: 10px !important;}
    .vc_custom_1627626840330 {padding-right: 10px !important;padding-left: 10px !important;}
    /*.moretext, .moretext h4{text-align: center !important;}*/
    .moretext p{text-align: justify !important;}
    .vc_custom_1627972554940 {margin-top: 15px !important;padding-right: 15px !important;padding-left: 15px !important;}
    .vc_custom_1627473719471 {padding-right: 15px !important;padding-left: 15px !important;}
    .d-none {text-align: center !important;display: block !important;}
    #cf3 img {position: absolute;left: 60px !important;}
    .site-header .hresp{margin-left: 80px !important;}

    .btn-primary, .btn-secondary, .btn-outline-primary {
        padding: 4px 1rem !important;
        font-size: 13px !important;
    }
    .md-none{display: none !important;}
	.phone-icon .h5{font-size:16px !important;}
    .navbar-toggler-icon {
        width: 45px;
        height: 40px;
        padding: 5px 20px !important;
        border-radius: 3px;}
    #main-nav .navbar-nav .nav-link {
        padding: 10px 20px !important;
    }
    section.services{padding-top: 0px !important;padding-bottom: 0px !important;}
	.services .wpb_single_image img {left: 0;height: auto;position: relative; margin-top: -20px;}
	.service-bg h2{text-align:center !important; margin-top:10px;}
     div.service-bg{padding-left: 15px !important;}
	div.vc_custom_1611036618237 {margin-top: 20px !important;    margin-bottom: 10px;}
    .review-bg .review-slider{margin-top: 10px !important;
        margin-right: 0px !important;
        margin-bottom: 45px !important;
        margin-left: 15px !important;
        padding-top: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 50px !important;
        padding-left: 10px !important;}
    .review-bg .vc_column-inner{    margin-top: 10px !important;
        padding-right: 15px !important;
        padding-top: 10px !important;}
    .review-bg:after{display: none;}
    .bg-fixed .vc_inner{padding: 0px !important;}
    #sec5{padding-top: 0px !important;}
    .profile-work li {width: 40% !important;}
    .profile-img .wpb_single_image .vc_figure, .profile-img .wpb_single_image .vc_single_image-wrapper, .profile-img .wpb_single_image img{width: 100% !important}
    .tlmedia{ box-shadow: 0px 20px 40px -20px #0000001f; border-radius: 0px 0px 0px 50px;}
    .trmedia{ box-shadow: 0px 20px 40px -20px #0000001f; border-radius: 0px 0px 50px 0px;}
    .tlmedia .media-body, .trmedia .media-body{padding: 20px 15px 20px 15px !important; box-shadow: none;background: transparent;}
    .tlmedia img, .trmedia img {position: relative;  left: 0px;   right: 0; cursor: pointer;}
    .l-side .wpb_content_element{margin-top: 0px !important;   margin-right: 0px !important;}
    .r-side .wpb_content_element{margin-top: 0px !important; margin-left: 0px !important;}
    div.circle-img {background: none !important;}
    .l-side .vc_column-inner{padding-top: 0px;}
    .text-area .vc_row{padding-right: 15px !important;padding-left: 15px !important;}
    .text-area .vc_row p{text-align: justify;}
    .why-choose img{margin-bottom: 20px;}
    .why-choose .mega_info_box .mega-info-img{width:60px !important;}
    .expertise-icon {width: 25%;}
    .process .vc_tta.vc_general .vc_tta-panel-title>a {font-size: 18px;}
    .wpb_wrapper .testimonials-img, .testimonials-slider h4{margin-top: 10px !important;}
	button .vc_btn3-icon{display:none !important;}
	.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {text-align: center; padding: 7px 25px !important;font-size: 15px !important;border-radius: 50px !important;}
	.why-choose h1{font-size:4.5vh !important;}
	.site-info ul{justify-content:start !important;}
    .site-footer .foot-head {margin-bottom: 10px !important;}
    .site-footer .nav{margin-bottom: 20px;}
    .site-footer >.copy-right {font-size: 11px;}
    .site-footer >.copy-right .nav{margin-bottom: 10px;}
    .site-footer >.copy-right .copy-right-text{text-align: center;}
    .vc_custom_1627300851488 {background-size: cover;padding-top: 60px !important;padding-bottom: 60px !important;}
    #process .vc_tta-panel-body {padding-left: 25px;padding-right: 25px;}
    #Expert-Bg{text-align: center;}
    #Expert-Bg img{width:220px;height:220px;}
    #Expert .vc_column-inner{padding-top: 0px !important;padding-left: 6px !important;padding-right: 6px !important;}
    .why-choose .mega_info_box{min-height:240px}
    #process .vc_single_image-wrapper img{width:80px;}
    .pl-overlay, .pr-overlay {right: 10px !important;}
    .pr-overlay {left: unset !important;}
    
    .security-logos img{width:40%;height:40px;margin: 6px 0px 6px;}
    .security-logos .protected{padding-left:15px !important;padding-right:10px !important;}
    .payments img{margin-top: 15px;}
    
    .formbg-gradient form{margin: 20px !important;padding: 20px 20px !important;}
}
h4.mega-block-title {
    font-weight: 500 !important;
}
.media.menu-item i {
    margin-right: .8rem;
    font-size: 22px;
    color: var(--primary) !important;
}
.media.menu-item h5 {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}
p.desc {
    font-size: 12px;
    line-height: 1.5;
    margin: .5em 0;
    letter-spacing: .038rem;
    font-weight: 300;
    color: #222;
}
.media.menu-item {
    padding: .5em 1em 0em 2em;
}
.media.menu-item:hover {
    background-color: #F1F1F8;
}
ul.mega-sub-menu li.mega-menu-item {
    padding: 0 !important;
}
@media (min-width: 1281px){
    .container {
        max-width: 95% !important;
    }
}

/* Blog Post Single  */
#Blog-Sidebar{margin-left:10px;border: 1px solid #dfdada;padding: 16px;padding-bottom:30px;}
#Blog-Sidebar ul li a {color: #39393a !important;font-weight: 500 !important;}
#Blog-Sidebar ul{margin-top:15px !important;margin-bottom:5px !important;
background-color: beige;border-bottom: 2px solid #01744d;padding-top:15px;padding-bottom:15px;}
#Blog-Sidebar .widget-title h3, #Blog-Sidebar h3{padding-top:40px !important;text-align:center;color: var(--primary) !important;font-weight: 600 !important;}
#Blog-Sidebar  input.es_required_field.es_txt_email.ig_es_form_field_email{font-family: 'Poppins', sans-serif; color: #212529!important;background-color: #fff !important;border: 1px solid #dfdfdf !important;border-radius: 0rem !important;font-size: 14px; height: calc(1.8em + 1rem + 2px); padding: 0px 10px !important}
#Blog-Sidebar input.es_subscription_form_submit.es_submit_button.es_textbox_button {width: 140px;height: 40px;
background-color: var(--secondary) !important;color: #fff !important;border: none !important;}
#Blog-Sidebar form{padding-top:20px;padding-bottom:20px;}
#Blog-Sidebar .es-field-wrap {margin-bottom: 3px !important;}
#Blog-Sidebar .wp-block-image img:hover{opacity:0.8;}
#Blog-Sidebar .emaillist{text-align:center;text-align: center;background-color: beige;border-bottom: 2px solid #01744d;}

.cat-img img{max-width:100%; height:auto; } 
.formbg-gradient:before{content:"";position:absolute; width:100%; height:100%;
/*    background: rgba(1,116,78,1);*/
/*background: -moz-linear-gradient(top, rgba(1,116,78,1) 0%, rgba(1,54,35,1) 100%);*/
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,116,78,1)), color-stop(100%, rgba(1,54,35,1)));*/
/*background: -webkit-linear-gradient(top, rgba(1,116,78,1) 0%, rgba(1,54,35,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(1,116,78,1) 0%, rgba(1,54,35,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(1,116,78,1) 0%, rgba(1,54,35,1) 100%);*/
/*background: linear-gradient(to bottom, rgba(1,116,78,1) 0%, rgba(1,54,35,1) 100%);*/
}

.formbg-gradient form{margin: 30px;background: #ffffff;padding: 40px 20px;border-radius: 5px;}
.wpcf7-spinner {right: 30px;position: absolute !important;margin: 0px;top: 12px;}
.pl-overlay i, .pr-overlay i{margin:0px;width: 30px;height: 30px;line-height: 14px;padding: 8px;}
.pl-overlay, .pr-overlay{position: absolute;top: 190px;text-align: center;}
.pl-overlay{right: -65px;}
.pr-overlay{left: 15px;}

/* Order Now Page*/
#cf7wpay-payment-form{padding:30px 15px !important;}
#stripe-submit{background:var(--primary); border-radius:30px; color:#fff; border:none !important;padding:12px 30px !important;}
.page-id-760 .cf7wpay_stripe {background: #f7f7f7 !important;box-shadow: 0px 0px 5px #635e5e !important;padding: 15px !important;}
.page-id-760 #cf7wpay_stripe_credit_card_number, .page-id-760 #cf7wpay_stripe_credit_card_csv, .page-id-760 #cf7wpay_stripe_credit_card_expiration, .page-id-760 #cf7wpay_stripe_credit_card_zip{
    background: #fff !important;border: 1px solid #dfdfdf !important;padding: 0.8em !important;border-radius: 2px !important;}
.page-id-760 .cf7wpay_details_input label{font-weight: 700 !important;font-size: 14px !important;}

