/*
Theme Name: The7 Child
Template: dt-the7
Version: 1.0
Text Domain: dt-the7-child
*/

html, body, body.page, .wf-container > *{  color: #333333; line-height: 1.8rem;}
/* Global */
html,body,body.page,.wf-container>*{color:#333333;line-height:1.8rem;font-family:"Poppins",Helvetica,Arial,Verdana,sans-serif;}

/* Global Heading Standards */

#n2-ss-2 h1{
  background: linear-gradient(to right, #00edff, #007382, #a8f9ff, #fff, #ff565b, #930000, #ffffff) !important; 
  background-clip: text !important;
  background-size: 100% auto !important;
  background-position: 0% 50% !important;
  color: #fff0 !important;
  font-size: 85px !important; line-height: 1.2 !important; font-weight: 900 !important; 
}


h2,h3{font-family:"Poppins",Helvetica,Arial,Verdana,sans-serif;color:#333333;margin:0 0 1rem; letter-spacing: -.75px;   background: linear-gradient(to right, #007382, #01545a, #000000, #9c1d1d, #ff565b, #930000, #ba0000);   background-clip: text; color: #fff0; font-size: 34px !important;}


/* Hero Banner Video Effects Homepage */


/* Hero Banner Video Effects Ends */


/* Individual Heading Rules */
h1{font-size:52px;line-height:1.1;font-weight:900;}
h2{font-size:44px;line-height:1.2;font-weight:700;}
h3{font-size:36px;line-height:1.2;font-weight:600;}
h4{font-size:30px;line-height:1.25;font-weight:400;}
h5{font-size:22px;line-height:1.3;font-weight:300; background: linear-gradient(to right, #007382, #01545a, #000, #9c1d1d, #ff565b, #930000, #ba0000); background-clip: text;
  color: #fff0;
  font-size: 34px !important;}
h6{font-size:16px;line-height:1.3;font-weight:300;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; color: #cc0000;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}
a, a:hover {color: #cc0000;}
a {text-decoration: underline;}
b, strong {font-weight: 600;}

/* Custom CSS */
#header .wf-wrap{width: 100%;}
#phantom .ph-wrap.with-logo .ph-wrap-content .logo-box{padding: 5px 0px 5px 0;}
#branding a img,img{height:auto;max-width:230px;}
#page .page-title .entry-title{font-size: 42px;
  font-weight: 600;}
#main.sidebar-right{padding:0px 0 80px 0!important;}
#main {padding:0!important;}
#header.line-decoration {border:none !important;}

/* Mega Menu settings */
.sub-nav > ul{
  padding: 0;
  margin-top: 10px;
  background-color: rgba(0, 162, 174, 0.65);
}

.sub-nav > ul a{
color:#fff;}

.menu-item .fa{
	padding-left: 10px;
}
.dt-mega-menu .sub-nav .dt-mega-parent{
	padding: 0 !important;
}
.dt-mega-menu .sub-nav .dt-mega-parent > a{
	color: #fff !important;
	margin:0 !important;
	border: none !important;
	font-size: 14px  !important;
}
.sub-nav li > a {
  padding: 12px 10px !important;
}
.dt-mega-menu > .sub-nav > ul {
  padding: 0;
  margin:0;
}
.mega-auto-width > .sub-nav {
  min-width: 240px;
  margin: 0 !important;
}
/* Innerpage Background Video */
.fancy-header {
    position: relative !important;
    overflow: hidden;
    margin-bottom: 70px;
    height: 380px !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex;
}

.custom-fancy-video-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.custom-fancy-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Transparent overlay */
.fancy-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25); /* Adjust opacity here */
    z-index: 1;
    pointer-events: none;
}

/* Keep original content above video */
.fancy-header > *:not(.custom-fancy-video-wrap) {
    position: relative;
    z-index: 2;
}

/* Optional overlay */
.fancy-header::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 1;
    pointer-events: none;
}

.fancy-title{
  font-variant: normal;
  font-style: normal;
  font-size: 60px !important;
  font-weight: 800 !important;
  line-height: 1.3em !important;  
  text-align:center;
  background: linear-gradient(to right, #fff, #fff,#fff, #00a2ae, #00c7d6, #c20000, #9c1d1d, #ba0000); 
  background-clip: text !important;
  background-size: 100% auto !important;
  background-position: 0% 50% !important;
  color: #fff0 !important; 
}

.fancy-subtitle{
  font-variant: normal;
  line-height: 100%;
  font-style: normal;    
  font-size: 28px !important;
  font-weight: 300;
  color: #fff !important;
  text-align:center;
}

#fancy-header .breadcrumbs{
    color: #00C1CF;
	text-align:center;
}

#fancy-header .breadcrumbs a{
    color: #c31003;
    text-decoration:none;
}
#fancy-header .breadcrumbs a:hover{
    color: #c31003;
    text-decoration:underline;
}

#fancy-header .breadcrumbs li::before{color:#fff !important;}

/* Video Background Header ends */

.dt-progress-bar-fill{background-color:#00C1CF!important;}
.skill-value::after{background-color:#00C1CF;}
.ult_tabmenu.style1 a.ult_a{padding:5px 10px;}
.ult_tabitemname{padding:25px 15px;}
.vc_tta-title-text{font-size:18px;}
hr{height:0;margin:20px 0;padding:0;border:none;border-top:1px solid #bfbfbf!important;line-height:0;}
.wf-container.full-width-wrap{width:100vw!important;max-width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;}

.banner-overlay{width:100vw!important;max-width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;}
.banner-overlay::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.5);z-index:1;}
.banner-overlay .ban-title,.banner-overlay .ban-sub-title{position:relative;z-index:2;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,0.6);}

.wpcf7-form input,select,textarea,.wpcf7 input[type=file]{padding:12px 10px;border:1px solid #e0e1e1;background-color:#fbfcfc;color:#333333;}
.wpcf7-form-control.wpcf7-submit{color:#fff!important;padding:8px 25px;border:none;font-size:16px;font-weight:400!important;border-radius:5px;}
.wpcf7-form input::placeholder{color:#333333;}

.content .text-primary {color:#cc0000 !important;}
.greenicon{float: none; vertical-align: middle; padding: 0 5px;}
#branding-bottom{padding: 10px 20px 10px 0;}
.scroll-top:hover{background-color: rgb(0, 162, 174);}


/* --- Layout / containers Mobile Responsive Start --- */
@media screen and (max-width:680px){
	.container,.site-inner,.page,.wrapper{width:100%!important;max-width:100%!important;padding-left:0;padding-right:0;box-sizing:border-box;}

/* Collapse multi-column layouts to single column */
.grid, .row, .columns, .card-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }

/* Stack floats and remove side-by-side */
.float-left, .float-right { float: none !important; display: block !important; width: 100% !important; }

/* === Slider Titles and Sub-Title === */
#n2-ss-2 h1{
  background: linear-gradient(to right, #00edff, #007382, #a8f9ff, #fff, #ff565b, #930000, #ffffff) !important; 
  background-clip: text !important;
  background-size: 100% auto !important;
  background-position: 0% 50% !important;
  color: #fff0 !important;
  font-size: 50px !important; line-height: 1.2 !important; font-weight: 900 !important; 
}


h2,h3{font-family:"Poppins",Helvetica,Arial,Verdana,sans-serif;color:#333333;margin:0 0 1rem; letter-spacing: -.75px;   background: linear-gradient(to right, #007382, #01545a, #000000, #9c1d1d, #ff565b, #930000, #ba0000);   background-clip: text; color: #fff0; font-size: 22px !important;
    font-weight: 400 !important;}


/* ===  Branding ===  */
#header.show-device-logo #branding { padding-top: 20px !important; padding-bottom: 20px !important; width: 82% !important;  display: inline-block !important;} 

#navigation{width: 10% !important;  display: inline-block !important;} 

.mobile-logo { width: 100% !important; max-width: 220px !important; display: block !important; margin: 0 !important; text-align: left !important; }

.mobile-logo img, img.mobile-logo 
	{ display: block !important; margin-left: 20px !important; margin-right: auto !important; width: 100% !important; max-width: 180px !important;}


/* --- Typography --- */
html, body { font-size: 16px; -webkit-text-size-adjust: 100%;}
h1 { font-size: 2.6rem; line-height: 1.2; margin: 0.6rem 0; }
h2 { font-size: 1.4rem; line-height: 1.25; margin: 0.5rem 0; }
h3 { font-size: 1.2rem; line-height: 1.3; margin: 0.45rem 0; }
h4, h5, h6 { font-size: 1rem; line-height: 1.35; margin: 0.35rem 0; }
p { font-size: 0.98rem; line-height: 1.6; margin: 0.5rem 0; hyphens: auto; }
a { word-break: break-word; text-decoration: underline; }

/* Slightly larger lead text */
.lead { font-size: 1.05rem; line-height: 1.6; }

/* Make embedded content scrollable if too wide */
.media-wrapper, .embed-responsive, .iframe-wrap { overflow: auto; -webkit-overflow-scrolling: touch; }

/* --- Nav / header / footer --- */
nav, .nav, .site-nav { display: block; width: 100%; }
.nav li { display: block; margin: 6px 0; }

.skip-link, .mobile-only, .menu-toggle { display: block; }
.desktop-only { display: none !important; }

/* --- Buttons / forms / touch targets --- */
button, .btn, .button,
input[type="button"],
input[type="submit"],
.cta { display: inline-block; min-height: 44px; line-height: 1.2; padding: 10px 16px; font-size: 1rem; border-radius: 8px; width: auto;
box-sizing: border-box;
}

.btn-block { width: 100% !important; display: block; text-align: center; }

label { display: block; margin-bottom: 6px; font-weight: 600; }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"],
textarea, select { width: 100% !important; padding: 10px 12px; font-size: 1rem; box-sizing: border-box; margin-bottom: 12px; }

/* --- Lists --- */
ul, ol { padding-left: 20px; margin: 0.5rem 0; }
li { margin: 0.35rem 0; }

/* --- Cards / panels --- */
.card, .panel { padding: 12px; border-radius: 10px; box-shadow: none; width: 100%; }

/* --- Tables: horizontal scrolling wrapper --- */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; }
table { width: 100% !important; border-collapse: collapse; font-size: 0.95rem; }
table td, table th { padding: 8px 6px; word-break: break-word; }

/* --- Accessibility / interaction --- */
a, button, input, label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);}
button, .btn, .cta { touch-action: manipulation; cursor: pointer; }

/* --- Minor UI helpers --- */
.text-center { text-align: center; }
.text-left { text-align: left; }
.muted {
    opacity: 0.8;
    font-size: 0.95rem;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .show-on-mobile {
    display: block !important;
  }

  /* --- Reduce heavy spacing on mobile --- */
  .section {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  /* --- Prevent giant fixed elements from overlapping content --- */
  header.fixed,
  .fixed-header {
    position: relative;
  }

  /* --- Prevent oversized SVGs / icons overflowing --- */
  svg {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* --- Optional: condense footer --- */
  footer .footer-col {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }

  /* --- Bonus: quick utility for truncating long text --- */
  .truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
/* --- Layout / containers Mobile Responsive Ends --- */


.logo-left #navigation{padding:0;}

b, strong{font-weight:600;}

.skill-name{font-weight:500;}

a.author.vcard{visibility:hidden;}

.search-highlight {
    background-color: #a11519;
  border-radius: 3px;
  padding: 0 3px;
  color: #fff;
  font-weight: bold;
}

.swirl-effect {
  position: relative;
  min-height: 600px;
  overflow: hidden;
}

.swirl-effect::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1400px;   /* increase if needed */
  height: 1200px;  /* increase if needed */
  background: url('https://softlabsolution.com/wp-content/uploads/2026/02/graphics.jpg') no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 0;
}

.swirl-effect > * {
  position: relative;
  z-index: 1;
}

.ban-title,
#bottom-bar a:hover, #reply-title small a:hover, #top-bar .mini-login a:hover, #top-bar .mini-nav>ul>li>a:hover, #top-bar .mini-search .submit:hover, #top-bar a:hover, .breadcrumbs a:hover, .btn-link:hover, .btn-zoom:hover, .clear-form:hover, .comment-meta a:hover, .comment-reply-link:hover, .custom-menu a:hover, .entry-meta a:hover, .header-bottom-bar .menu-select:hover, .header-bottom-bar .mini-login a:hover, .header-bottom-bar .mini-search .submit:hover, .header-bottom-bar a:hover, .link.btn-link:hover, .menu a:hover, .menu-select:hover, .navigation-inner a:hover, .pingback a:hover, .portfolio-categories a:hover, .project-details:hover, .project-link:hover, .project-zoom:hover, .recent-posts a:hover, .text-near-logo .mini-login a:hover, .text-near-logo .mini-nav>ul>li>a:hover, .text-near-logo .mini-search .submit:hover, .vc-item .vc_read_more:hover, .widget .tp_recent_tweets .twitter_time:hover, .footer a:hover, #top-bar .mini-nav ul > li.act > a, #bottom-bar .mini-nav ul > li.act > a, .header-bottom-bar .mini-nav ul > li.act > a{
text-decoration:none;
color: #cc0000;  
}
/*#cboxClose:hover{
    background-position: none ;
}*/
.space-sub{
display:inline-block;
margin-right: 15px;
    margin-left: 15px;
}
.footer .menu li .lbp-inline-link-1{
display: inline;
}
ol.breadcrumbs.text-normal.start-animation-done.start-animation{
    font-size: 18px;
    font-weight: 200;
}
#nav_menu-2 .widget-title{
margin-right: 0px;
}
.page-template-template-portfolio-masonry .content{
margin-bottom: 30px;
}
.we-hire .dt-btn, #we-hire-html .dt-btn{
font-weight:bold;
width: 95px;
text-align: center;
margin-top: 10px;
}
.wpb_accordion_header span{
font-weight: 400;
font-family: "Oswald", Helvetica, Arial, Verdana, sans-serif ;
Font-size: 24px ;

}
.page-template-template-portfolio-masonry .cont-id-0 > .wf-cell{
padding: 19px 6px ;
}
.page-template-template-portfolio-masonry .rollover-project{
border: 1px solid #e9e9e9;
    box-shadow: 1px 1px 5px 1px #D3D2D2;
padding: 3px;
}
.page-template-template-portfolio-masonry .rollover-content-container{
padding: 3px;
}
.page-template-template-portfolio-masonry .filter{
text-align: left;
}
.page-template-template-portfolio-masonry .paginator{
margin-bottom:20px;
}
.abt-founders p{
line-height:22px;
}
/*#footer .wf-container-footer{
padding-top: 11px;
}*/
.hm-ser-tbl td{
width:20%;
}
li.has-children a span{
padding-right:2px;
}
.tel-2{
margin-left:30px;
}
.contact-us p{
font-size:18px;
}
.cont-side p{
font-size:16px;
margin-bottom: 25px;
}
.contact-us{
color:#404040;
}
.web.design h2{
margin-bottom:30px;
}
.breadcrumbs a, .breadcrumbs li:before{
color:#010101 ;
}
.breadcrumbs a:hover{
color:#fff ;
}
.breadcrumbs .current{
color:#fff;
}
/*#fancy-header:before{
background-image:url('/wp-content/uploads/2025/11/Shadow-copy.png');
height: 294px;
width: 100%;
content: '';
position: absolute;
background-position: center bottom;
background-repeat: no-repeat;
  
}*/

.foot-email{
color:#c23637 ;
}
.foot-email:hover{
text-decoration:underline ;
}
.uavc-list-content{
margin-bottom: 0px ;
}

/*.wpcf7-form .your-name input{
background-image:url('/wp-content/uploads/2015/09/nm-bg.png');
background-repeat:no-repeat;
background-position: 95%;
}
.wpcf7-form input[type="email"]{
background-image:url('/wp-content/uploads/2015/09/em-bg.png');
background-repeat:no-repeat;
background-position: 95%;
}
*/

.what-we-do .view-port-a a{
color: #292929;
    font-weight: 400;
}
.home .uavc-list-content .aio-icon i{
font-size: 22px;
}
.textwidget form h5{
display:none;
}
.footer a{text-decoration:none;}
.hm-progress .vc_progress_bar .vc_single_bar{
margin-bottom: 14px ;
}
.hm-tbs{
    border-radius: 7px;
}
#wpcf7-f5-p164-o1 input, #wpcf7-f5-p164-o1 textarea, #wpcf7-f5-o1 input, #wpcf7-f5-o1 textarea{
background-color: #fff;
    border-radius: 5px;
    margin-bottom: 0px;
    height: 44px;
}   
#wpcf7-f5-o1 .wpcf7-captchac{
 height: 30px;
width: 25%;
}
#wpcf7-f5-p164-o1 .wpcf7-submit, #wpcf7-f5-o1 .wpcf7-submit{
float:right;
}
#wpcf7-f5-o1 .wpcf7-submit{
margin-top:10px;
}
.wpcf7-submit{
font-weight: normal;
}
.view-port-a a{
    font-size: 24px ;
    font-weight: 300;
    padding-top: 5px ;
    padding-bottom: 5px ;
/*color:#292929 ;*/
}
.view-port-a a .vc_btn3-icon{
font-size: 24px ;
}
.top-cont{
min-height:90px;
}
.top-cont img{
margin-right:10px;
margin-bottom: 0px;
}
.titl-txt{
font-size: 20px;
    font-family: Oswald;
    color: #292929;
padding-top: 25px;
    display: inherit;
text-transform: uppercase;
}
.para-txt{
clear: both;
    font-size: 13px;    
    line-height: 18px;
}
.hm-ser-tbl .dt-btn, .hm-ser-read .dt-btn{
background:#fff ;
    border: 1px solid #adadad;    
    float: right;
border-radius: 8px;
}
.hm-ser-tbl .dt-btn.ripple:not(.btn-light)>span, .hm-ser-read .dt-btn.ripple:not(.btn-light)>span{
color: #cc0000 ;
}

/*.sub-nav li a{
background-image:url('/wp-content/uploads/2025/11/bullet-arrow.png');
background-repeat: no-repeat;
    background-position: 3% 50%;
}*/
#main-nav > li.has-children.level-arrows-on > a span:not(.text-wrap):after, #main-nav > li.has-children.level-arrows-on > a span.text-wrap span:after{
    width: 20px;
    opacity: 1;
}
.sub-nav li > a{
font-weight:300 ;
padding: 7px 10px 7px 20px;
}
.sub-nav li > a:hover, header:not(.sub-downwards) .sub-nav li:hover > a, #phantom .sub-nav li:not(.dt-mega-parent):hover > a{
background-color: #2a2a2a;
}
.overlap .main-gradient{
display:none ;
}
.rev_slider .tp-caption p{
letter-spacing:0px ;
margin-bottom: 15px ;
}
.rev-btn{
    text-transform: uppercase;
    border-radius: 8px ;
    font-weight:300 ;
}



.tp-mask-wrap a{
color:#fff ;
text-decoration:none;
}
.rev-btn i{
padding-left:10px;
font-size:22px ;
}
/* Tablet Portrait size 768 to standard 959 (devices and browsers) */
@media only screen and (min-width: 959px) {
.mini-nav{
position: absolute;
    display: block;
    z-index: 9999;
    top: 36px;
right: 0px;
}
   }
.mini-nav ul{
background-color: #f1f1f1;
    padding: 5px 20px;
}
.mini-nav ul li{
text-transform:uppercase;
margin-right:12px;
}
.mini-nav ul li a{
color: #000 ;
    font-family: Oswald;
   font-weight: 300;
}
.mini-nav ul li:last-child a:after{
display:none;
}
.mini-nav ul li a:after{
content:'|';
padding-left:10px;
color:#000 ;
}
.wpcf7-form input::-webkit-input-placeholder { color:#333333; }
.wpcf7-form input::-moz-placeholder { color:#333333; } /* firefox 19+ */
.wpcf7-form input:-ms-input-placeholder { color:#333333; } /* ie */
.wpcf7-form input:-moz-placeholder { color:#333333; }

.wpcf7-form select::-webkit-input-placeholder { color:#333333; }
.wpcf7-form select::-moz-placeholder { color:#333333; } /* firefox 19+ */
.wpcf7-form select:-ms-input-placeholder { color:#333333; } /* ie */
.wpcf7-form select:-moz-placeholder { color:#333333; }

.wpcf7-form textarea::-webkit-input-placeholder { color:#333333; }
.wpcf7-form textarea::-moz-placeholder { color:#333333; } /* firefox 19+ */
.wpcf7-form textarea:-ms-input-placeholder { color:#333333; } /* ie */
.wpcf7-form textarea:-moz-placeholder { color:#333333; }

#wpcf7-f35731-o2 textarea::-webkit-input-placeholder { color:#333333;  font-size:16px; font-weight:300;}
#wpcf7-f35731-o2 textarea::-moz-placeholder { color:#333333; font-size:16px; font-weight:300;} /* firefox 19+ */
#wpcf7-f35731-o2 textarea:-ms-input-placeholder { color:#333333; font-size:16px; font-weight:300;} /* ie */
#wpcf7-f35731-o2 textarea:-moz-placeholder { color:#333333; font-size:16px; font-weight:300;}

#wpcf7-f35731-o2 input, #wpcf7-f35731-o2 select{
    background-color: #fff;
    border-radius: 10px; 
    font-size: 16px;
    color: #000;
    font-weight: 300;
    margin-bottom: 5px;
}
#wpcf7-f35731-o2 .wpcf7-submit{
    line-height: 24px;
    color: #fff;
    float: right;
}
#wpcf7-f35731-o2 .wpcf7-textarea{
    max-height: 110px;
}
#wpcf7-f35731-o2 p{
    padding: 0px 20px;
}
#wpcf7-f35731-o2 h3{
    background-color: #c03636;
    color: #fff;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 5px;
}
#wpcf7-f35731-o2 select{
width: 100%;
}
#lb{
display:none;
}
#wpcf7-f35731-o1{
background-color:#fff;
}
.web.design .dt-btn{
    float:right;
    text-align: center;
    height: 35px;
}
.view-port{
text-align:center;
margin-top: 50px;
margin-bottom: 30px ;
}
.view-port a{
/*width: 198px;*/
    text-align: center;
    height: 35px;
    font-size: 20px;
    line-height: 35px;
}
.rbt-bld-spn{
color:#292929;
font-weight:600;
}
.blog #main .wf-wrap{
padding-bottom: 30px;
}

.article-top-bar{
    margin: 20px 0 20px;
}

#wpcf7-f5-p292-o1 input, #wpcf7-f35693-p35694-o1 input{
height:44px;
}
#wpcf7-f5-p292-o1, #wpcf7-f35693-p35694-o1{
background-color: #ebeae6;
    padding: 30px 15px;
padding-top:5px;
border-radius:5px;
}
#wpcf7-f5-p292-o1 input, #wpcf7-f5-p292-o1 textarea, #wpcf7-f35693-p35694-o1 input, #wpcf7-f35693-p35694-o1 textarea{
background-color: #fff;
    border-radius: 8px;
}
#wpcf7-f35693-p35694-o1{
margin-top:40px;
}
#wpcf7-f35693-p35694-o1 input[type="file"]{
    background-color: transparent;
}
.captcha-657 input{
width:32% ;
}
.rbt-bld{
font-weight: 600;
}
.cont-side a{
text-decoration:none;
color: inherit;
}
#sidebar .cont-side{
padding-bottom:30px;
}
.cont-side .red-link{
color:#cc0000;
}
.cont-side a:hover{
text-decoration:underline;
}
.foot-req{
    min-width: 281px;
    min-height: 41px;
    display: inline-block;   
    position: absolute;
    bottom: 52px;
    background-repeat: no-repeat;
    padding-left: 17px;
    padding-top: 8px;
}
.foot-req:hover{
text-decoration:none ;
}
#nav_menu-2{
margin-bottom:100px;
}
.foot-req span{
vertical-align: middle;
    color: #fff;
    font-size: 20px;
}
.foot-req img{
position: absolute;
    top: -49px;
    right: 10px;
}
.hesperiden.tparrows, .hesperiden.tparrows:hover{
    background: #ece7e9 ;
}
.hesperiden.tparrows:before{
color: #000 ;
}
.hesperiden.tparrows:hover .hesperiden.tparrows:before{
color: #80261e ;
}
.ban-title{
color: #fff;
    font-size: 50px !important;
    line-height: 90px;
    font-weight: 300;
text-shadow: 1px 1px 1px #000;
text-transform: capitalize;
margin-bottom: 0px;
}

.ban-sub-title{
color: #fff;
    font-size: 60px !important;
    line-height: 90px;
text-shadow: 1px 1px 1px #000;
font-weight: 600;
text-transform: capitalize;
}
#we-hire-html .dt-btn{
float:right;
}
.we-hire h2{
color:#cc0000;
}
.sidebar .widget-title{
    font-size: 24px;
    line-height: 30px;
}
.sidebar .widget{
    background-color: #f5f5f5;
    padding: 20px !important;
    border-radius: 5px;
    margin-bottom: 25px;
}
.we-hire .dt-btn{
float: right;
}
#phantom #main-nav > li.menu-frame-on.act > a, #main-nav > li.menu-frame-on.act > a{
    background: none ;
 border: 1px solid #da302c ;
} 

.about-progress.vc_progress_bar .vc_single_bar, .about-progress.vc_progress_bar .vc_single_bar .vc_label{
    height: 20px ;
    line-height: 20px ;
}


.bottom-text-block p, .bottom-text-block .soc-ico{
float:left;
}
.ult-ib-effect-style2{
margin-bottom:-17px;
}
#nav_menu-3{
    margin-top: 33px;
}
.bottom-text-block{
text-align: right;
float: right;
margin-top: 20px;
}
/*#main{
padding-bottom:0px ;
}*/

.home #main{
padding-top: 0px;
}
.footer-up-secult-ib-resp{
margin-bottom:0px;
}
.widget_nav_menu .widget-title, .footer .widget_text .widget-title{
    font-weight: 300;
    font-size:18px;
    text-transform:uppercase;
    border-bottom: 1px solid #343d46;
    margin-bottom: 8px;
    line-height: 33px;
}
.footer .menu li, .footer .textwidget{
    font-weight: 300;
    font-size:14px;
}

.footer .menu li::before {
  content: "\00BB";
  font-size:18px;
  margin-right:5px;
}
.footer .menu li a{
vertical-align: middle;
}
.footer .menu li{
border: none;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 0px;
    display: list-item;
}
.footer .textwidget strong{
color:#fff;
font-weight:300;
}

.ult-new-ib-title{
font-weight: 100 ;
    text-transform: initial;
}
.ult-new-ib-content p{
font-weight: 600 ;
    text-transform: uppercase;
    text-shadow: 2px 2px #000;
}
.rollover-content-container h3{
font-size:22px;
line-height:34px;
}
.form-name{
    margin-bottom: 20px;
}
.home .captcha-657 input{
    width: 50% ;
}
#wpcf7-f5-o1 .wpcf7-captchar{
float: right;
width: 50% ;
padding: 7px;
}
#wpcf7-f5-o1 textarea{
height: 100px;
}
#wpcf7-f5-o1 input[type="submit"]{
float:right;
}
#wpcf7-f5-p164-o1 .wpcf7-textarea{
height:450px;
}
/* Tablet landscape size 960 to standard 1024 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
#main-nav > li.menu-frame-on > a{
padding: 7px 5.5px 8px ;
font-size: 15px ;
}
    }

/* Tablet Portrait size 768 to standard 959 (devices and browsers) */
@media only screen and (min-width: 680px) and (max-width: 959px) {
#branding img.mobile-logo, header .wf-table{
width: 100% ;
}



.home .wpb_single_image.vc_align_left {
    text-align: center ;
}
#mobile-menu{
width: 25px;
height: 25px;
padding: 5px;
}
.menu-open{
display:none;
}
.lines-button{
text-align: center;
margin-right: 0px ;
}
.lines{
margin: 0px ;
width: 20px;
border-radius: 0;
height: 3px;
}

.lines::before{
    top: 8px;
    width: 100%;
    border-radius: 0;
}

.lines::after{
    top: -8px;
    width: 100%;
    border-radius: 0;
}
.customSelect1 .customSelectInner{
font-size: 0px ;
margin-left: -5px;
}
.hasCustomSelect{
left: -87px ;
}
.csbwfs-social-widget, #tawkchat-iframe-container, #tawkchat-maximized-iframe-element{
display: none ;
}
.foot-req img{
top: -35px ;
right: 0px ;
width: 45px ;
}
.foot-req{
min-height: 30px ;
background-size: 100% ;
min-width:328px ;
}
.footer .widget {
    margin-bottom: 0px ;
}
#bottom-bar{
padding-top: 65px ;
}
#nav_menu-3 {
    margin-top: 0px ;
}
.mobile-logo{
max-width: 240px ;
}
    }

/* Mobile Landscape Size  (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px){
#branding img.mobile-logo, header .wf-table{
width: 100% ;
}
.home .wpb_single_image.vc_align_left {
    text-align: center ;
}



#mobile-menu{
width: 25px;
height: 25px;
padding: 5px;
}
.menu-open{
display:none;
}
.lines-button{
text-align: center;
margin-right: 0px ;
}
.lines{
margin: 0px ;
width: 20px;
border-radius: 0;
height: 3px;
}

.lines::before{
    top: 8px;
    width: 100%;
    border-radius: 0;
}

.lines::after{
    top: -8px;
    width: 100%;
    border-radius: 0;
}

.customSelect1 .customSelectInner{
font-size: 0px ;
margin-left: -5px;
}
.hasCustomSelect{
left: -87px ;
}
.csbwfs-social-widget, #tawkchat-iframe-container, #tawkchat-maximized-iframe-element{
display: none ;
}
.foot-req img{
top: -35px ;
right: 0px ;
width: 45px ;
}
.foot-req{
min-height: 30px ;
background-size: 100% ;
min-width:328px ;
}
.footer .widget {
    margin-bottom: 0px ;
}
#bottom-bar{
padding-top: 65px ;
}
#nav_menu-3 {
    margin-top: 0px ;
}
.mobile-logo{
max-width: 240px ;
}
    }

/* Mobile Portrait Size (devices and browsers) */
@media only screen and (max-width: 479px){
#branding img.mobile-logo, header .wf-table{
width: 100% ;
}
#mobile-menu{
width: 25px;
height: 25px;
padding: 5px;
}
.menu-open{
display:none;
}
.lines-button{
text-align: center;
margin-right: 0px ;
}
.lines{
margin: 0px ;
width: 20px;
border-radius: 0;
height: 3px;
}

.lines::before{
    top: 8px;
    width: 100%;
    border-radius: 0;
}

.lines::after{
    top: -8px;
    width: 100%;
    border-radius: 0;
}
.mini-contacts.phone a{
display:block;
}
.customSelect1 .customSelectInner{
font-size: 0px ;
margin-left: -5px;
}
.hasCustomSelect{
left: -40px ;
}
.csbwfs-social-widget, #tawkchat-iframe-container, #tawkchat-maximized-iframe-element{
display: none ;
}
.foot-req img{
top: -35px ;
right: 0px ;
width: 45px ;
}
.foot-req{
min-height: 30px ;
background-size: 100% ;
bottom: 65px ;
min-width: 225px ;
}
.footer .widget {
    margin-bottom: 0px ;
}
#bottom-bar{
padding-top:65px ;
}
#nav_menu-3 {
    margin-top: 0px ;
}
}


.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}



.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

/*.home-content .upb_row_bg.vcpb-default:before {
content: " ";
display: inline-block;
width: 100%;
height: 294px;
background:url('/wp-content/uploads/2025/11/Shadow-copy.png') center bottom;
background-repeat: no-repeat;
}*/

/* Tablet landscape size 960 to standard 1024 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.learn-mr{
border: 1px solid rgb(255, 255, 255) ;
padding: 8px 10px ;
border-radius: 15px ;
font-size: 12px ;
}
    }

/* Tablet Portrait size 768 to standard 959 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.home .ult-vc-hide-row .wpb_wrapper .vc_empty_space{
display:none;
}
.learn-mr{
border: 1px solid rgb(255, 255, 255) ;
padding: 4px 10px ;
border-radius: 15px ;
font-size: 8px ;
}
#footer #nav_menu-2 {
    margin-bottom: 0px;
}
.home .hm-ser-tbl td {
    width: 100%;
    display: block;
    padding: 0px;
padding-top: 30px ;

}
/*.home .home-content .vc_custom_1440743956676 {
    padding-top: 0px ;
    width: 100% ;
}*/
    }

/* Mobile Landscape Size  (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px){
.home .ult-vc-hide-row .wpb_wrapper .vc_empty_space{
display:none;
}
.dl-menuwrapper .dl-container > .dl-menu{
    right: 0;
    left: auto;
}
.learn-mr{
border: 1px solid rgb(255, 255, 255) ;
padding: 4px 10px ;
border-radius: 15px ;
font-size: 6px ;
}
.shortcode-banner {
min-height:400px ;
}
.shortcode-banner .shortcode-banner-bg {
min-height:400px ;
}
.shortcode-banner .shortcode-banner-bg .shortcode-banner-inside {
height:400px ;
}
.shortcode-banner .shortcode-banner-bg .shortcode-banner-inside h2.ban-title {
    font-size: 40px;
    line-height: 50px;
    padding-top: 0px;
}
.shortcode-banner .shortcode-banner-bg .shortcode-banner-inside h2.ban-sub-title {
    font-size: 40px;
    line-height: 50px;
    padding-top: 0px;
}
#footer #nav_menu-2 {
    margin-bottom: 0px;
}
  .home .hm-ser-tbl td {
    width: 100%;
    display: block;
    padding: 0px;
padding-top: 30px ;

}
.home .home-content .vc_custom_1440743956676 {
    padding-top: 0px ;
}
  }

/* Mobile Portrait Size (devices and browsers) */
@media only screen and (max-width: 479px){
.home .ult-vc-hide-row .wpb_wrapper .vc_empty_space{
display:none;
}

.dl-menuwrapper .dl-container > .dl-menu{
    right: 0;
    left: auto;
}

.learn-mr{
border: 1px solid rgb(255, 255, 255) ;
padding: 4px 10px ;
border-radius: 15px ;
font-size: 4px ;
}
.shortcode-banner {
min-height:400px ;
}
.shortcode-banner .shortcode-banner-bg {
min-height:400px ;
}
.shortcode-banner .shortcode-banner-bg .shortcode-banner-inside {
height:400px ;
}
.shortcode-banner .shortcode-banner-bg .shortcode-banner-inside h2.ban-title {
    font-size: 31px;
    line-height: 50px;
    padding-top: 0px;
}
.shortcode-banner .shortcode-banner-bg .shortcode-banner-inside h2.ban-sub-title {
    font-size: 31px;
    line-height: 50px;
    padding-top: 0px;
}
#footer #nav_menu-2 {
    margin-bottom: 0px;
}
.home .hm-ser-tbl td {
    width: 100%;
    display: block;
    padding: 0px;
padding-top: 40px ;

}
/*.home .home-content .vc_custom_1440743956676 {
    padding-top: 0px ;
}*/
    }
    
    
    
/* Poppins Font*/

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Thin.woff2') format('woff2'),
         url('fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ThinItalic.woff2') format('woff2'),
         url('fonts/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
         url('fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
         url('fonts/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.woff2') format('woff2'),
         url('fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-LightItalic.woff2') format('woff2'),
         url('fonts/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.woff2') format('woff2'),
         url('fonts/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.woff2') format('woff2'),
         url('fonts/Poppins-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.woff2') format('woff2'),
         url('fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-MediumItalic.woff2') format('woff2'),
         url('fonts/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
         url('fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
         url('fonts/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.woff2') format('woff2'),
         url('fonts/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BoldItalic.woff2') format('woff2'),
         url('fonts/Poppins-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.woff2') format('woff2'),
         url('fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
         url('fonts/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.woff2') format('woff2'),
         url('fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BlackItalic.woff2') format('woff2'),
         url('fonts/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}