/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/
html {overflow-x: hidden !important;}

body { overflow-x: hidden !important; margin: 0px !important; padding: 0px !important;}

.site-footer .copyright {display: none !important;}


/***********HEADER-SECTION-START-HERE*********************/
.header-section ul.sub-menu {width:285px !important;}

.header-contact-button a {
    color: #fff !important;
    font-family: "Rubik", sans-serif;
    border-radius: 0;
    padding: 17px 24px !important;
    transition: all 0.3s ease;
    background-color: #D91219;
}

.header-contact-button a:hover {background-color:#D91219; color:#fff !important;}

/*.header-contact-button a::after {content:"\f061"; font-family:"FontAwesome"; font-weight:normal; position:absolute !important; background-color:#D91219; color:#fff; width:40px; height:40px; line-height:38px; text-align:center; border-radius:50%; font-size:14px; opacity:1 !important; right:3px; top:2px; transform:rotate(0deg); transition:transform 0.3s ease;}*/

.header-contact-button a:hover::after {transform:rotate(-45deg) !important;}

.google-translator .gt_switcher .gt_selected {background:transparent !important; position:relative; z-index:9999; border:transparent;}

.google-translator .gt_switcher .gt_selected a {border:transparent !important; color:#072357 !important; width:161px; padding:13px 0px !important; font-family:"Inter Tight", Sans-serif!important; font-size:18px!important; font-weight:500 !important; text-decoration:none !important; line-height:24px !important;}

.google-translator .gt_switcher .gt_selected a:hover {background:transparent!important;}

.google-translator .gt_switcher .gt_selected a:after {right:-3px !important;}

.google-translator .gt_switcher {font-family:Arial; font-size:12pt; text-align:left; cursor:pointer; overflow:hidden; width:150px !important; line-height:0; padding:0px 18px !important;}

.google-translator .gt_switcher .gt_option a {color:#072357 !important; font-size:18px!important; font-weight:500 !important;}

.google-translator .gt_switcher .gt_option {position:relative; z-index:9998; border-left:transparent !important; border-right:transparent !important; border-top:transparent !important; background-color:#fff !important; display:none; width:171px; max-height:198px; height:0; box-sizing:content-box; overflow-y:auto; overflow-x:hidden; transition:height 0.5s ease-in-out; position:absolute !important; top:50px !important; border-bottom:0px !important;}

/*.google-translator  .gt_switcher .gt_selected a:after{right: 48px !important;}**/
.horizon-blogs .eael-entry-meta {
    padding: 15px 0;
}

.eael-post-elements-readmore-btn {
    width: auto;
    display: inline-block !important;
    margin-top: 15px;
}

/***********HEADER-SECTION-END-HERE*********************/


/***********BANNER-SECTION-START-HERE*********************/
#horizone-button { padding: 0px 0px 0px 20px !important;}
#horizone-button .elementor-button-icon {border-radius: 65px; width: 55px; height: 55px; text-align: center; display: flex ; align-items: center; justify-content: center;  background-color: #D91219; transition: transform 0.4s ease;}
#horizone-button .elementor-button-icon svg {color: #fff; fill: #fff;}
#horizone-button span.elementor-button-text {padding: 15px 10px;}
#horizone-button:hover{background-color: #D91219;}
#horizone-button:hover .elementor-button-icon{transform: rotate(-45deg);}
#horizone-button:hover span.elementor-button-text {color: #fff !important; fill: #fff!important;}
/***********BANNER-SECTION-START-HERE*********************/


/**********SERVICE-SECTION-START-HERE*********************/
.maincolcontent {align-items:end;}
.bgcolorcontent {width:710px !important; max-width:710px !important; min-width:710px !important;}

@media screen and (max-width: 1224px) {
.bgcolorcontent {width:100%!important; max-width:100%!important; min-width:100%!important;}
}

.maincolcontent-2 {align-items:start;}
.bgcolorcontent-2 {width:600px !important; max-width:600px !important; min-width:600px !important;}

@media (max-width: 1224px) {
.bgcolorcontent-2 {width:100% !important; max-width:90% !important; min-width:90% !important; margin:0 auto !important;}
}
/**********SERVICE-SECTION-END-HERE*********************/


/***********HOW-IT-WORK-SECTION-START-HERE*********************/
#how-it-work-section {position:relative;}

#how-it-work-section::before {content:""; display:block; background-image:url(https://geektechportfolio.com/horizonpro/wp-content/uploads/2025/08/process-line.png); background-repeat:no-repeat; background-size:contain; background-position:center; height:120px; width:100%; margin-bottom:20px; position:absolute; top:359px; transform:translateX(-50%); left:50%;}

.icon-box img {width:100%; height:auto; display:block; position:relative; z-index:1;}

.icon-box .step-number {position:absolute; top:27%; transform:translate(-50%, -50%); font-family:"Inter Tight", sans-serif; z-index:0; pointer-events:none; position:absolute; right:-44%; font-size:60px !important; font-weight:900 !important; line-height:66px !important; color:#A0ABBF !important;}

.icon-box .step-number-2 {position:absolute; top:83%; transform:translate(-50%, -50%); font-family:"Inter Tight", sans-serif; z-index:0; pointer-events:none; position:absolute; right:-44%; font-size:60px !important; font-weight:900 !important; line-height:66px !important; color:#A0ABBF !important;}

.icon-box .step-number-3 {position:absolute; top:27%; transform:translate(-50%, -50%); font-family:"Inter Tight", sans-serif; z-index:0; pointer-events:none; position:absolute; right:-57%; font-size:60px !important; font-weight:900 !important; line-height:66px !important; color:#A0ABBF !important;}

/***********HOW-IT-WORK-SECTION-END-HERE*********************/


/***********BLOG-SECTION-START-HERE*********************/
.gain-inner {border-right:1px solid #ffffff42;}

.blog-section .eael-grid-post-excerpt a {background-color:#FFFFFF; font-family:"Inter Tight", Sans-serif; font-size:18px; font-weight:600; line-height:24px; fill:#D91219 !important; color:#D91219 !important; border-style:solid; border-width:2px 2px 2px 2px; border-radius:60px 60px 60px 60px; padding:15px 23px; display:flex; width:100%; max-width:180px; align-content:center; position:relative;}

.blog-section .eael-grid-post-excerpt a::after {content:"\f061"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-left:8px; display:inline-block; border-radius:65px; width:54px; height:54px; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#D91219; transition:transform 0.4s ease; color:#fff; position:absolute; right:0px; top:0px;}

.blog-section .eael-grid-post-excerpt a:hover {background-color:#D91219 !important; color:#fff !important;}
.blog-section .eael-grid-post-excerpt a:hover::after {transform:rotate(-45deg);}

.blog-section img {height:247px !important;}

.blog-section .category-blog {background-color:#fff; box-shadow:0px 4px 101.3px rgba(0, 0, 0, 0.08);}

.blog-section .elementor-post__text {padding:10px 15px;}

/***********BLOG-SECTION-END-HERE*********************/



.conttact-form-area input {height: 52px;}



/***********AFTER-BEFORE-SECTION-START-HERE*********************/
.after-before-section .slider-734{border-radius: 30px;}
/***********AFTER-BEFORE-SECTION-END-HERE*********************/



/***********TESTIMONIAL-SECTION-START-HERE*********************/
.testimonal .htmega-testimonial-rating{margin: 10px 0px 10px 0px !important;}
 #testimonial-section .htmega-testimonial-area .slick-arrow svg { width: 18px; height: 18px; position: absolute; top: 16px; display: flex;  align-items: center; justify-content: center; right: 15px;}
 
 #testimonial-section .elementor-widget-htmega-testimonial-addons{max-width: 100%;width: 90% !important;}
 #testimonial-section .slick-slider{width: 100% !important;}
/***********TESTIMONIAL-SECTION-END-HERE*********************/


/***********HOME-PAGE-CONTACT-FORM-SECTION-START-HERE*********************/
.maincolcontent-3 {align-items:end;}
.bgcolorcontent-3 {width:1060px !important; max-width:1060px !important; min-width:1060px !important;}

@media screen and (max-width: 1224px) {
.bgcolorcontent-3 {width:100%!important; max-width:100%!important; min-width:100%!important;}
}

@media (min-width: 1225px) and (max-width:1440px) {
.bgcolorcontent-3 {width:100%!important; max-width:100%!important; min-width:100%!important;}
}

@media (min-width: 1441px) and (max-width:1600px) {
.bgcolorcontent-3 {width:100%!important; max-width:100%!important; min-width:100%!important;}
}
/***********HOME-PAGE-CONTACT-FORM-SECTION-START-HERE*********************/


/****************FOOTER-SECTION-START-HERE*********************/
#footer-section .useful-box ul li {position:relative;}

#footer-section .useful-box ul li:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f101"; margin-right:8px; color:#fff !important; font-size:14px; position:absolute; top:9px; color:#fff;}
#footer-section .useful-box ul li:before{ top: 7px !important; left: -7px !important;}
#footer-section .useful-box ul li:hover:before {color:#D91219 !important;}

.custom-icon-hover  a .elementor-icon-list-text:nth-child(1):hover,
.custom-icon-hover  a .elementor-icon-list-text:nth-child(2):hover {color: #D91219; transition: all 0.3s ease;}
.custom-icon-hover .elementor-icon-list-items .elementor-icon-list-item a:nth-child(3):hover {color: inherit;background-color: transparent;}



.subscribe-newsletter input {
    /* width: 100%; */
    padding: 0px 108px 0px 18px !important;
    height: 52px !important;
}

.subscribe-newsletter button.metform-btn.metform-submit-btn {
    background-color: #D91219;
    box-shadow: none;
    position: absolute;
    right: 0px;
    top: -72px;
    padding: 12px 12px !important;
    height: 52px;
}

/****************FOOTER-SECTION-END-HERE*********************/


/****************CASE-STUDIES-PAGE-START-HERE*********************/
.case-studies-button a.elementor-button {position:relative;}

.case-studies-button a.elementor-button {background-color:#FFFFFF; font-family:"Inter Tight", Sans-serif; font-size:18px; font-weight:600; line-height:24px; fill:#D91219; color:#D91219; border-style:solid; border-width:2px 2px 2px 2px; border-radius:60px 60px 60px 60px; padding:15px 23px; display:flex; width:100%; max-width:190px; align-content:center; position:relative;}

.case-studies-button a.elementor-button::after {content:"\f061"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-left:8px; display:inline-block; border-radius:65px; width:54px; height:54px; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#D91219; transition:transform 0.4s ease; color:#fff; position:absolute; right:0px; top:0px;}

.case-studies-button a.elementor-button:hover::after {transform:rotate(-45deg);}

.case-studies-button a.elementor-button:hover {background-color:#D91219; color:#fff;}

.case-studies-button .case-studies {box-shadow:0px 4px 101.3px rgba(0, 0, 0, 0.08); border-radius:30px;}

.case-studies-button .elementor-post__text {padding:10px 15px;}
/****************CASE-STUDIES-PAGE-END-HERE*********************/


/************BLOG POST PAGE & CASE STUDIES PAGE CSS START HERE*************************/
.single-post-template .container {width:100%; max-width:1320px; margin:0 auto;}

/*#home-content-area button {background-color:transparent !important; font-family:"Inter Tight", Sans-serif; font-size:18px; font-weight:600; line-height:24px; fill:#D91219 !important; color:#fff !important; border-style:solid; border-width:2px 2px 2px 2px !important; border-radius:60px 60px 60px 60px; padding:15px 23px; display:flex; width:189px; max-width:242px !important; align-content:flex-start; justify-content:flex-start; position:relative; z-index:111111; overflow:visible !important; box-shadow:none !important; background-image:none !important;}*/

/*#home-content-area button:hover {background-color:#D91219 !important; color:#fff !important; box-shadow:none !important; border-color:#D91219 !important;}*/

/*#home-content-area button:hover::after {transform:rotate(-45deg);}*/

/*#home-content-area button::after {content:"\f061"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-left:8px; display:inline-block !important; border-radius:65px; width:54px; height:54px; text-align:center; display:flex !important; align-items:center; justify-content:center; background-color:#fff !important; transition:transform 0.4s ease; color:#D91219 !important; position:absolute; right:0px !important; top:11px; animation:none !important; z-index:11111111; opacity:1; left:auto !important; border-color:#fff !important;}*/

#home-content-area .elementor-element {box-shadow:none !important;}

#testimonial-section .htmega-testimonial-style-2 .testimonal .content p {min-height:200px !important; display:flex !important; align-items:center !important; justify-content:center !important;}

.featured-image-section .featured-image img {width:100%; height:400px; object-fit:cover;}

.single-post-template .container .row {margin-top:50px; margin-bottom:70px; padding-left:20px; padding-right:20px;}

/***.blog-section .eael-grid-post-excerpt p {border-bottom:1px solid #e3e3e3; padding-bottom:30px;}**/
/************BLOG POST PAGE & CASE STUDIES PAGE CSS START HERE*************************/

/************SINGLE BLOG POST PAGE & SINGLE CASE STUDIES PAGE CSS START HERE*************************/
.single-post-template .container .row h2.entry-title {margin: 20px 0px;}
.single-post-template .container .row h2.entry-title-2 {margin: 20px 6px;}
.single-post-template .container .row .post-meta { color: #D91219 !important;margin: 10px 0px;}
.single-post-template .container .row .post-meta-2 {margin: 0px 10px;}
.single-post-template .container .row .post-navigation {width: 100%;display: flex;  gap: 66px; justify-content: space-between; padding: 16px 0px; font-size: 20px; color: #D91219 !important;}
.single-post-template .container .row .post-navigation a{color: #D91219 !important;} 
/************SINGLE BLOG POST PAGE & SINGLE CASE STUDIES PAGE CSS END HERE*************************/



@media (max-width: 1024px) {
.top-header .elementor-element{--widgets-spacing-row: 0px !important;}
.header-section .header-contact-button {width: 100% !important; margin-left: 10px;}
.header-section .header-contact-button a{width: 165px !important; margin-right: 28px !important;}
.header-contact-button a{border: transparent !important; color: #072357 !important;}
.header-contact-button a:hover {color: #D91219 !important;}
.header-contact-button a:focus {color: #D91219 !important;}
.header-contact-button a::after{display:none !important;}
.header-section ul.sub-menu {width: 100% !important;}
}


@media (max-width:1025px){
.google-translator .gt_switcher .gt_option{position: inherit !important; background-color: #F6F6F6 !important;}
}

@media (min-width:1025px) and (max-width:1210px){
.google-translator .gt_switcher{width: 160px !important;}
/**.google-translator .gt_switcher .gt_selected a:after {right: 0px !important;}**/
.google-translator .gt_switcher .gt_option{width: 123px !important;}
.google-translator .gt_switcher .gt_option a{padding: 5px 5px !important;}
#footer-section .elementor-nav-menu--main .elementor-nav-menu a{padding: 3px 10px !important;}
#footer-section .useful-box ul li:before{ top: 7px !important; left: -7px !important;}
#footer-section h4{font-size:19px !important;}
}


@media (min-width:1025px) and (max-width:1260px) {
.header-section li a.hfe-menu-item{padding-left: 8px !important; padding-right: 8px !important;font-size:13px !important}	
.header-contact-button a{padding: 15px 39px 16px 11px !important;}
/*.header-section	li.header-contact-button a{width: 130px!important;}	*/
.bgcolorcontent { width: 450px !important; max-width: 450px !important; min-width: 450px !important; }
.bgcolorcontent-2{ width: 400px !important; max-width: 400px !important; min-width: 400px !important; }
.header-section .google-translator .gt_switcher .gt_selected a{font-size: 17px !important;}	
.elementor-nav-menu--main .elementor-nav-menu a {padding: 13px 7px !important; font-size: 14px !important;}
.google-translator .gt_switcher .gt_option a{padding: 5px 5px !important;}
.menu-right-side ul { margin-right: 40px !important;}
#footer-section .useful-box ul li:before{ top: 7px !important; left: -7px !important;}
#footer-section #form-field-email {padding: 17px 12px;width: 375px; position: absolute; right: 0px; bottom: -53px;max-width: 249px;} 
#footer-section .elementor-message { color: #fff !important; position: absolute; top: 55px; }
}


@media (min-width:1211px) and (max-width:1260px){
.elementor-nav-menu--main .elementor-nav-menu a {padding: 3px 7px !important; font-size: 14px !important;}	
}


@media (min-width:1261px) and (max-width:1330px) {
.elementor-nav-menu--main .elementor-nav-menu a {padding: 4px 14px !important; font-size: 14px !important;}
.google-translator .gt_switcher .gt_option a{padding: 5px 5px !important;}
.bgcolorcontent { width: 550px !important; max-width: 550px !important; min-width: 550px !important; }
.bgcolorcontent-2 { width: 500px !important; max-width: 500px !important; min-width: 500px !important; }
}

@media (min-width:1331px) and (max-width:1500px) {
.bgcolorcontent { width: 650px !important; max-width: 650px !important; min-width: 650px !important; }
.bgcolorcontent-2 { width: 530px !important; max-width: 530px !important; min-width: 530px !important; }
}

@media (min-width:1261px) and (max-width:1450px) {
.menu-right-side ul { margin-right: 40px !important;}	
	
}