@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-BlackItalic.eot');
    src: url('../fonts/Epilogue-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-BlackItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-BlackItalic.woff') format('woff'),
        url('../fonts/Epilogue-BlackItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-BlackItalic.svg#Epilogue-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Black.eot');
    src: url('../fonts/Epilogue-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Black.woff2') format('woff2'),
        url('../fonts/Epilogue-Black.woff') format('woff'),
        url('../fonts/Epilogue-Black.ttf') format('truetype'),
        url('../fonts/Epilogue-Black.svg#Epilogue-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Bold.eot');
    src: url('../fonts/Epilogue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Bold.woff2') format('woff2'),
        url('../fonts/Epilogue-Bold.woff') format('woff'),
        url('../fonts/Epilogue-Bold.ttf') format('truetype'),
        url('../fonts/Epilogue-Bold.svg#Epilogue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-ExtraBoldItalic.eot');
    src: url('../fonts/Epilogue-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Epilogue-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-ExtraBoldItalic.svg#Epilogue-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-ExtraLight.eot');
    src: url('../fonts/Epilogue-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-ExtraLight.woff2') format('woff2'),
        url('../fonts/Epilogue-ExtraLight.woff') format('woff'),
        url('../fonts/Epilogue-ExtraLight.ttf') format('truetype'),
        url('../fonts/Epilogue-ExtraLight.svg#Epilogue-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-BoldItalic.eot');
    src: url('../fonts/Epilogue-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-BoldItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-BoldItalic.woff') format('woff'),
        url('../fonts/Epilogue-BoldItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-BoldItalic.svg#Epilogue-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-ExtraBold.eot');
    src: url('../fonts/Epilogue-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-ExtraBold.woff2') format('woff2'),
        url('../fonts/Epilogue-ExtraBold.woff') format('woff'),
        url('../fonts/Epilogue-ExtraBold.ttf') format('truetype'),
        url('../fonts/Epilogue-ExtraBold.svg#Epilogue-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Italic.eot');
    src: url('../fonts/Epilogue-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Italic.woff2') format('woff2'),
        url('../fonts/Epilogue-Italic.woff') format('woff'),
        url('../fonts/Epilogue-Italic.ttf') format('truetype'),
        url('../fonts/Epilogue-Italic.svg#Epilogue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Light.eot');
    src: url('../fonts/Epilogue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Light.woff2') format('woff2'),
        url('../fonts/Epilogue-Light.woff') format('woff'),
        url('../fonts/Epilogue-Light.ttf') format('truetype'),
        url('../fonts/Epilogue-Light.svg#Epilogue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-LightItalic.eot');
    src: url('../fonts/Epilogue-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-LightItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-LightItalic.woff') format('woff'),
        url('../fonts/Epilogue-LightItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-LightItalic.svg#Epilogue-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-ExtraLightItalic.eot');
    src: url('../fonts/Epilogue-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Epilogue-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-ExtraLightItalic.svg#Epilogue-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Medium.eot');
    src: url('../fonts/Epilogue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Medium.woff2') format('woff2'),
        url('../fonts/Epilogue-Medium.woff') format('woff'),
        url('../fonts/Epilogue-Medium.ttf') format('truetype'),
        url('../fonts/Epilogue-Medium.svg#Epilogue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-SemiBold.eot');
    src: url('../fonts/Epilogue-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-SemiBold.woff2') format('woff2'),
        url('../fonts/Epilogue-SemiBold.woff') format('woff'),
        url('../fonts/Epilogue-SemiBold.ttf') format('truetype'),
        url('../fonts/Epilogue-SemiBold.svg#Epilogue-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Regular.eot');
    src: url('../fonts/Epilogue-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Regular.woff2') format('woff2'),
        url('../fonts/Epilogue-Regular.woff') format('woff'),
        url('../fonts/Epilogue-Regular.ttf') format('truetype'),
        url('../fonts/Epilogue-Regular.svg#Epilogue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-SemiBoldItalic.eot');
    src: url('../fonts/Epilogue-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Epilogue-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-SemiBoldItalic.svg#Epilogue-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-MediumItalic.eot');
    src: url('../fonts/Epilogue-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-MediumItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-MediumItalic.woff') format('woff'),
        url('../fonts/Epilogue-MediumItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-MediumItalic.svg#Epilogue-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-ThinItalic.eot');
    src: url('../fonts/Epilogue-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-ThinItalic.woff2') format('woff2'),
        url('../fonts/Epilogue-ThinItalic.woff') format('woff'),
        url('../fonts/Epilogue-ThinItalic.ttf') format('truetype'),
        url('../fonts/Epilogue-ThinItalic.svg#Epilogue-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Thin.eot');
    src: url('../fonts/Epilogue-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Thin.woff2') format('woff2'),
        url('../fonts/Epilogue-Thin.woff') format('woff'),
        url('../fonts/Epilogue-Thin.ttf') format('truetype'),
        url('../fonts/Epilogue-Thin.svg#Epilogue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Italic_1.eot');
    src: url('../fonts/Epilogue-Italic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Italic_1.woff2') format('woff2'),
        url('../fonts/Epilogue-Italic_1.woff') format('woff'),
        url('../fonts/Epilogue-Italic_1.ttf') format('truetype'),
        url('../fonts/Epilogue-Italic_1.svg#Epilogue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epilogue';
    src: url('../fonts/Epilogue-Regular_1.eot');
    src: url('../fonts/Epilogue-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Epilogue-Regular_1.woff2') format('woff2'),
        url('../fonts/Epilogue-Regular_1.woff') format('woff'),
        url('../fonts/Epilogue-Regular_1.ttf') format('truetype'),
        url('../fonts/Epilogue-Regular_1.svg#Epilogue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype'),
        url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/*******global-style**********/
body {
    font-family: 'Epilogue';
 
}
p{
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
   color: #1E1E1E;
 }

body h1{
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 400;
    font-size: 55px;
    line-height: 56px;
    color: #1E1E1E;
    margin: 0;
}

body h2{
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 41px;
   color: #1E1E1E;
   margin: 0;
 }
body h3{
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #1E1E1E;
    margin: 0;
    
}
body h4{
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1E1E1E;
    transition: 0.5s;
}

body h5{
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #1E1E1E;
    
}
.container{  max-width: 1300px !important;
    width: 100% !important;
    padding: 0 20px;
    margin: 0 auto;}
.red-btn a{
        background: #D61111;
        box-shadow: 0px 4px 35px rgb(214 17 17 / 10%);
        border-radius: 100px;
        padding: 17px 33px; 
        display: inline-block;
        font-family: 'Epilogue';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #FFFFFF;
        text-decoration: none;
    }

.red-btn a img {
        padding: 0 0 0 10px;
            transition: 0.5s;
    }   
.red-btn:hover img { 
    transform: translateX(50%);
} 
.red-btn:hover a{color: #fff;}
.black-btn a {
    filter: drop-shadow(0px 4px 35px rgba(214, 17, 17, 0.1));
    margin-left: 20px;
    border: 1px solid #1E1E1E;
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
}
.black-btn.appoinment-section a {
    color: #1E1E1E;background-color: transparent;
}
.black-btn a img {
    padding: 0 0 0 10px;transition: 0.5s;
} 
.black-btn:hover img { 
    transform: translateX(50%);
} 
.black-btn:hover a {
    color: #fff;border: transparent;
}
.padding-top{padding-top: 100px;}
.padding-bottom{padding-bottom: 100px;}
body, html {
    position: relative;
    overflow-x: hidden;
}
/*********************header***********************/

section#troo-da-header-section {background: rgba(214, 17, 17, 0.05);    padding-top: 30px;position: relative;    z-index: 9;}
section#troo-da-header-section:before {background: #1E1E1E; position: absolute;height:239px;width:100%; max-width: 449px; content: "";right: 0; top: 0;z-index: -1;      }
section#troo-da-header-section:after {background: #1E1E1E; content: ""; width: 37%;height: 380px;position: absolute;top: -141px;
    right: 19%; -webkit-transform: skew(242deg); -moz-transform: skew(242deg);transform: skew(242deg);z-index: -1;}
button.hum-btn { position: absolute; right: 58px; top: 49px;background: transparent;  border: none;}
a.navbar-brand { margin: 0;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light { background: #FFFFFF; box-shadow: 0px 4px 35px rgb(100 100 111 / 5%); border-radius: 8px;
    background: #D61111; border-left: 8px solid #D61111; border-right: 8px solid #D61111;padding-left: 13px;margin-top: 16px;padding-top: 20px;
    padding-bottom: 20px;}
header section#troo-da-header-section a.nav-link { font-family: 'Epilogue';font-style: normal; font-weight: 400;
    font-size: 16px; line-height: 16px; text-align: center; color: #1E1E1E;padding: 10px 16px;}
ul.navbar-nav {margin-left: 80px;margin-right: 63px;}
a.dropdown-item { transition: 0.5s;font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 16px; 
    line-height: 16px; text-align: left;color: #fff;    padding: 12px 18px;}
.dropdown-toggle::after {content: "+" !important; position: absolute;border: none !important;font-size: 16px;}
header section#troo-da-header-section a.nav-link:hover {opacity: 1;}
li.nav-item{position: relative;}
li.nav-item.active:after { top: -42px;background-color: #D61111;position: absolute;content: "";width: 50px;height: 2px;left: 0;right: 0;margin: 6px auto;opacity: 1;}
header section#troo-da-header-section a.nav-link:hover{color: #D61111;}
header section#troo-da-header-section li.nav-item.active a.nav-link{color: #D61111;}
header {position: relative;  z-index: 9;}
.socail-icon ul li a i { background: transparent;color: #1E1E1E; }
.socail-icon ul li {display: inline-block;}
.socail-icon ul {border: 0px solid transparent !important;    padding: 0;}
.socail-icon h4 { text-transform: uppercase; margin-top: 45px;  padding-bottom: 10px; border-bottom: 1px solid #0FA00F;}
.socail-icon ul li a {display: inline-block; width: 24px; height: 24px;    text-align: center; border-radius: 15px;transition: 0.5s;}
.socail-icon ul li a:hover { background-color: #D61111; }
.socail-icon ul li a:hover i{color:#fff;}
.call-ss {display: flex;}
.call-text span {display: block; font-family: 'Epilogue'; font-style: normal;font-weight: 400;font-size: 16px;line-height: 16px;color: #FFFFFF;}
.call-text strong a {font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px;
    color: #FFFFFF; text-decoration: none;display: block;  margin-top: 7px;}
.call-section { display: flex; justify-content: space-around; }
.call-text { margin-left: 22px;}
.appoinment-section a {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px;line-height: 16px;  color: #FFFFFF;
    background: #D61111; box-shadow: 0px 4px 35px rgb(214 17 17 / 10%);  border-radius: 100px; transition: 0.5s;
    text-decoration: none;padding: 17px 33px;display: inline-block;position: relative;    z-index: 1;}
 .appoinment-section a:after { background: #0FA00F;position: absolute; width: 0%;height: 100%; content: "";
 top: 0; left: 0; border-radius:100px  0  0 100px; -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity: 0;z-index: -1;} 
.appoinment-section a:before {background: #0FA00F; position: absolute;width: 0%;height: 100%; content: "";
        top: 0; right: 0; border-radius: 0 100px 100px 0;z-index: -1; -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity: 0;}     
.appoinment-section:hover a:before{opacity: 1;     width: 50%;}  
.appoinment-section:hover a:after{opacity: 1;     width: 50%;}  
header .appoinment-section a img { transition: 0.5s;padding-left: 6px;}
header .appoinment-section {margin-right: 0;margin-left: -30px;}
.appoinment-section a img { transition: 0.5s;padding-left: 14px;}
.fooetr-red-box .appoinment-section a img { transition: 0.5s;filter: brightness(0);margin-left: 11px;}
.fooetr-red-box .appoinment-section:hover img { filter: brightness(1);}
.appoinment-section:hover img { transform: translateX(50%);}
.appoinment-section a:hover{color: #fff;    border: transparent;}
.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;position: absolute;right: 89px;bottom: 44px;}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translat  eY(-10px); }
}
.dropdown-item.active, .dropdown-item:active {color: #1E1E1E !important;text-decoration: none !important;background-color: transparent !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu{ background: #D61111;}
.dropdown-item:focus, .dropdown-item:hover {color: #1e2125; background-color:transparent!important;}
a.dropdown-item:hover {background:#1E1E1E !important;color: #fff;}
ul.dropdown-menu {margin-top: 0; border-radius: 0;-webkit-transform: scaleY(01);transform: scaleY(1); -webkit-transform-origin: top center;
    transform-origin: top center; -webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
ul.dropdown-menu {top: 100%;}

/***********************herosectioncsss****************************************/
#troo-da-hero-section{background: rgba(214, 17, 17, 0.05);padding-top: 210px;  padding-bottom: 229px;position: relative;}
.swing { animation: swing ease-in-out 1s infinite alternate;transform-origin: center -20px;position: absolute;left: 0; top: 0;    z-index: -9;}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.hero-text .title-txt span {background: #1E1E1E;font-family: 'Epilogue';  font-style: normal; font-weight: 600;
    font-size: 16px; line-height: 16px;color: #FFFFFF; display: inline-block; padding: 12px 28px;margin-bottom: 39px;margin-top:0px;}
.hero-text .title-txt h1 span { font-family: 'Epilogue'; font-style: normal;  font-weight: 700; font-size: 55px;
    line-height: 56px; color: #D61111;background: transparent; padding: 0;margin-top: 14px;}
.btn-section { display: flex;margin-top:34px;    align-items: center;}
#troo-da-hero-section:after {background-image: url(../images/banner-img.png);width: 50%;height: 84%;content: "";  position: absolute; background-repeat: no-repeat; right: 0;
    top: 41px; border: 8px solid #fff;}
.red-dot { animation-name: roll; animation-duration: 5s;animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate;
        animation-delay: 2s; position: absolute; left: 50%; bottom: 8%;z-index: 1;}
 @keyframes roll {
        0% {transform: translateX(10px); }
        100% {transform: translateX(-10px) ;}
}

/********************************who-we are*************************/
section#troo-da-who-we-are-section{position: relative;}
#ball {width: 545px; height: 545px;left: 16%;right: 0;z-index: -9;position: absolute; border-radius: 50%;
    background: #D61111;opacity: 0.1; animation-name: bounce;  animation-iteration-count: infinite; margin-top: 15%;}
#ball:nth-child(1){animation-duration: 5s;}
@keyframes bounce{
    0% {
      top: 0px;
    }
    50% {
      top: 10px;
      width: 50px;
      height: 50px;
    }
    100% {
      top: 0px;
    }
  }
.radius {width: 73px; height: 73px; border-radius: 100%; position: absolute;top: 15%;left: 0;background: #D61111;}
.title-txt span { font-family: 'Epilogue'; font-style: normal;  font-weight: 600;font-size: 16px;line-height: 16px;text-align: center;
    color: #FFFFFF; background: #1E1E1E; padding: 17px 23px; display: inline-block; margin-bottom: 39px;}
.title-txt h2 strong {font-family: 'Epilogue';font-style: normal; font-weight: 700;font-size: 40px;line-height: 41px;
    color: #D61111; display: block;margin-top: 15px;}
.title-txt { margin-bottom: 35px;}
.who-we-text strong { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-size: 20px;
    line-height: 32px; color: #171717; margin-bottom: 20px; display: inline-block;}
.who-we-text ul {padding: 0;}
.who-we-text ul li {display: flex; align-items: center;padding-bottom: 24px;}
.who-we-text ul li span {display: block;margin-left: 11px; font-family: 'Epilogue'; font-style: normal;
    font-weight: 400; font-size: 16px;line-height: 25px;color: #1E1E1E;}
.who-we-img {position: relative;}
.year-col {position: absolute;bottom: 21%;right: 32px;background: #FFFFFF; box-shadow: 0px 4px 35px rgb(30 30 30 / 5%);
        font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 24px;  line-height: 30px;text-align: center;
        color: #1E1E1E;padding: 23px 28px; display: inline-block;}
.year-col span { font-family: 'Epilogue';display: block;font-style: normal; font-weight: 900;font-size: 64px;
        line-height: 66px;text-align: center;color: #D61111; -webkit-text-stroke: 1px #1E1E1E;
        text-shadow: 0 0 black;text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px 5px #1e1e1e;padding: 15px 0 4px 0;}
.treat-col { position: absolute; left: 100px;}        
.hri-dots {position: absolute; right: 135px; bottom: 18%; -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
.abut-image-section img {float: right;}
.arr-img {margin-left: -56px;}
.what-text a {font-family: 'Epilogue'; font-style: normal;font-weight: 400; font-size: 16px; line-height: 16px;
    color: #1E1E1E;text-decoration: none;position: relative;}
.what-text a:after {background: #D61111;box-shadow: 0px 4px 35px rgb(214 17 17 / 10%); border-radius: 100px;
    transform: matrix(1, 0, 0, -1, 0, 0); content: "";width: 100%; height: 1px; position: absolute; left: 0;bottom: -19px;}
.what-text a img{transition: 0.5s;}
.what-text:hover img { transform: translateX(50%);} 
.what-text a:hover{color:#1E1E1E;}
section#troo-da-whate-we-are-section { background: rgba(214, 17, 17, 0.05);position: relative;   overflow: hidden;}
section#troo-da-whate-we-are-section:before {position: absolute;width: 271px; height: 271px; background: #fff;
        content: ""; bottom: 0; border-radius: 100%;right: -194px;}    
section#troo-da-whate-we-are-section:after {position: absolute;width: 652px; height: 652px; background: #fff; content: ""; top: 0; border-radius: 100%; left: -27%;}
.serv-section img {width: 100%; }  
.services-section {background: #fff;padding: 15px;cursor: pointer;    margin-bottom: 30px;}
.services-section img{ width: 100%;} 
.services-text {display: flex;align-items: center;justify-content: space-between;    padding: 22px 0 0 0;}
.ser-img {background: #1E1E1E; transform: rotate(-31.33deg); padding: 9px 13px;border-radius: 100px;transition: 0.5s;}
.ser-text h3{transition: 0.5s;}
.services-section:hover .ser-img { transform: rotate(0deg); background: #D61111;}
.services-section:hover .ser-text h3{color: #D61111;text-decoration: underline;}
.serv-main:after {background: rgba(214, 17, 17, 0.8); position: absolute; width: 100%; height: 100%; content: "";  left: 0;opacity: 0;transition: 0.5s; }
.serv-main { position: relative;}
.services-section:hover  .serv-main:after{opacity: 1;}  
/****************************whychosse***************************/
.why-call a {text-decoration: underline;font-family: 'Epilogue';font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #D61111;}
.why-call a:hover{color:#1E1E1E;}
.why-call span {font-family: 'Epilogue'; font-style: normal; font-weight: 400;  font-size: 16px;line-height: 28px;  color: #171717;}
section#troo-da-why-choose-us-section {position: relative;background-color: #1E1E1E;z-index: 1;padding-bottom: 0;}
section#troo-da-why-choose-us-section:after {background-image: url(../images/choose-img.png); position: absolute;width: 100%; height: 100%; content: "";
top: 0;max-width: 643px;z-index: -9;}
section#troo-da-why-choose-us-section:before {background-image: url(../images/reshot-icon.png); position: absolute; width: 100%; height: 100%;
    content: ""; top: 24%;max-width: 242px;z-index: -9; right: 0;background-repeat: no-repeat;max-height: 391px;}
.why-chose-text {background: #FFFFFF; padding-left: 39px; padding-top: 77px; padding-bottom: 67px;    padding-right: 33px;
    margin-left: -9px;position: relative;    z-index: 9;}
@keyframes move_wave {
        0% {
            transform: translateX(0) translateZ(0) scaleY(1)
        }
        50% {
            transform: translateX(-25%) translateZ(0) scaleY(0.55)
        }
        100% {
            transform: translateX(-50%) translateZ(0) scaleY(1)
        }
    }
.waveWrapper {overflow: hidden;position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto;    z-index: -9;}
 .waveWrapperInner {position: absolute; width: 100%; overflow: hidden;height: 100%;bottom: -1px;z-index: -9;}
 .bgTop { z-index: 15;opacity: 0.5;}
.bgMiddle { z-index: 10;opacity: 0.75;}
 .bgBottom { z-index: 5;}
 .wave { position: absolute; left: 0;width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom;transform-origin: center bottom;}
.waveTop { background-size: 50% 100px;}
.waveAnimation .waveTop {animation: move-wave 3s; -webkit-animation: move-wave 3s; -webkit-animation-delay: 1s;animation-delay: 1s;}
.waveMiddle { background-size: 50% 120px;}
.waveAnimation .waveMiddle {animation: move_wave 10s linear infinite;}
.waveBottom { background-size: 50% 100px;}
.waveAnimation .waveBottom { animation: move_wave 15s linear infinite;} 
.choose-list ul li:after {border: 2px dotted #fff; position: absolute;width: 100%;height: 100%;content: "";border-right: 0;
    border-bottom: 0;border-top: 0; z-index: -9; top: 6px;}
.choose-text { padding-left: 19px;}
.choose-list ul li {display: flex;align-items: center;padding-bottom: 33px;position: relative;} 
.choose-list ul li:last-child:after { display: none;}
.circle { transform: translate(-50%,-50%); width: 77px;height: 48px;font-family: 'Epilogue';font-style: normal;font-weight: 900;
    font-size: 16px; line-height: 26px; text-align: center; color: #D61111;background-color: #fff;border-radius: 50%;padding: 12px 0 0 0;}
.circle::after, .circle::before{ content: "";display: block;position: absolute; top:0; left:0; width: 48px;height: 48px; background: rgba(255, 255,255,1);
  border-radius: 50%; z-index: -1; animation: grow 1s ease-in-out infinite;}
 .circle::after{background: rgba(255, 255,255,0.4);}
 .circle::before{content: "";display: block;position: absolute; top:0;left:0;width: 48px;height: 48px;background: rgb(95, 255, 255); border-radius: 50%;
            z-index: -1;animation: grow 1s ease-in-out infinite;}
.circle::before{ background: rgba(255, 255,255,.6);animation-delay: -0.5s;}
.choose-list {padding: 0 32px 0 85px;}
 @keyframes grow{
        0%{
            transform: scale(1,1);
            opacity: 1;
        }
        100%{
            transform: scale(1.8,1.8);
            opacity: 0;
        }
    }
.choose-text strong {font-family: 'Epilogue';font-style: normal;font-weight: 700; font-size: 24px; line-height: 28px;color: #FFFFFF;display: inline-block;
        padding-bottom: 12px;}
.choose-text p {font-family: 'Epilogue'; font-style: normal;font-weight: 400;font-size: 16px; line-height: 26px; color: #FFFFFF;}
/*******************************meet experts****************************/
.troo-da-expert-section .title-txt { text-align: center;}
.expert-text h3{color: #fff;}
.expert-text p{color: #fff;}
.expert-team{position: relative; cursor: pointer;}
.expert-team:hover .expert-text{background-color: #D61111;}
.expert-text {background: #1E1E1E; padding-left: 28px; padding-top: 21px; padding-bottom: 0; position: absolute; bottom: 0; right: 0;   width: 100%;
    max-width: 332px;display: flex; justify-content: space-between;padding-right: 29px;transition: 0.5s;}   
.share-ion { position: absolute; top: -109%; right: 5%; transform: translate(-50%, -50%);}
 .mainbutton {display: block; font-weight: 400; font-size: 15px; background: #fff; padding: 7px 7px; border-radius: 45px; line-height: 22px;
    height: 39px; width: 39px;   position: relative;outline: none;left: -14px;border: none;z-index: 9;}
    
button.mainbutton:before {background: rgba(255, 255,255,.6); width: 51px;height: 51px; content: "";position: absolute;left: -6px;
    top: -6px;border-radius: 45px; z-index: -1;}
.mainbutton:hover{transition: all 0.1s ease-in;}
.mainbutton:active{transform:translateY(4px);box-shadow: none;}
.twitterbutton:hover{ transition: all 0.1s ease-in;}
.twitterbutton:active{ transform:translateY(4px); box-shadow: none; }
.facebookbutton:hover{transition: all 0.1s ease-in;}
.facebookbutton:active{ transform:translateY(4px); box-shadow: none;}
.linkbutton:hover{transition: all 0.1s ease-in;}
.linkbutton:active{transform:translateY(4px); box-shadow: none;}
button#mainbutton i{color:#1E1E1E;}   
.share-ion{display:none;} 
.share-ion button {position: relative;display: block;margin-bottom: 10px; border: none;outline: none;color: white;padding: 7px 7px;border-radius: 45px;
 line-height: 22px;height: 39px; width: 39px; background: #1E1E1E;}
.share-ion button:hover { background: #D61111;border: 1px solid #FFFFFF;}
section#troo-daexpert-section .red-btn { margin: 0 auto;text-align: center; padding-top: 50px;}
.expert-team:hover .ex-main:after {transform: scale(1.07); border: 5px solid #D61111;}
.ex-main:after {border-radius: 5px;transform: scale(1.02);border: 5px solid #fff; -webkit-transform:scale(1.02);
    -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;  z-index: -1;position: absolute;
    width: 100%; height: 100%;content: ""; left: 0; right: 0; max-width: 355px;}
    section#troo-daexpert-section .appoinment-section {text-align: center;margin-top: 50px; }

/***************review************************/
section#troo-da-clients-reviews-section { background: rgb(214 17 17 / 5%);position: relative;    padding-bottom: 196px;}
@keyframes pop-in {
    from {
           
          transform: scale(0.05, 0.05);
          }
  
  
    to {
         transform: scale(1, 1);
       }
}
.chat-icon img {animation-name: pop-in; animation-duration: 3s; animation-iteration-count: infinite;}
figure.chat-icon {position: absolute; top: 0;}
.qute-icon img { width: 100%; max-width: 150px;}
.qute-icon { position: absolute; right: 0 ;bottom: 13%;}
.img-col img { border: 2px solid #1E1E1E; border-radius: 50px;transition: 0.5s;}
.client-section:hover .img-col img  { border: 2px solid #D61111;}
.client-img { display: flex;align-items: center;}
.client-deatils strong { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 20px;line-height: 28px;color: #1E1E1E;}
.client-deatils p{margin: 0;}
.client-deatils {margin-left: 21px;}
.client-section { position: relative;}
.clint-qute span {font-family: 'Epilogue'; font-style: normal;font-weight: 400; font-size: 128px;line-height: 28px; color: #FFFFFF;}
.client-section:hover .clint-qute{background-color: #D61111;}
.client-section { position: relative; background: #FFFFFF; padding-top: 29px;padding-left: 33px;padding-right: 26px; padding-bottom: 32px;
    overflow: hidden;cursor: pointer;margin-bottom: 30px;}
.client-section p {margin: 0;}
.clint-qute { position: absolute; right: -47px; background: #000;  z-index: 9; bottom: -38px; height: 57px;
    padding: 68px 45px; border-radius: 88px;transition: 0.5s;}
.client-img { display: flex; align-items: center;  margin-top: 28px;}
.clint-qute span { font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 128px; line-height: 35px;
    color: #FFFFFF !important; position: relative;  top: 18px; right: 12px;}
.client-section:hover h4{color: #D61111;}  
.client-cricle {border-top: 50px solid rgb(214 17 17 / 5%); border-bottom: 50px solid rgb(214 17 17 / 5%);
    border-left: 50px solid white; border-right: 50px solid white;  border-radius: 50%;
    width: 357px; height: 357px; position: absolute; top: 24%; left: 40%; animation: anim 5s linear infinite;}
@keyframes ani {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes anim {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
section#troo-da-clients-reviews-section .arr-img {margin-left: -15px;}  
/************conter-section******************/
.counter-box span { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 48px;line-height: 49px; color: #1E1E1E;}
.counter-box strong{ font-family: 'Epilogue'; font-style: normal;  font-weight: 700;
    font-size: 48px; line-height: 49px; color: #1E1E1E;}
.counter-number{position: relative;}
.counter-number:after { width: 69px;height: 69px; background: rgb(214 17 17 / 5%); position: absolute;content: ""; left: -25px;
    top: -22px; z-index: -9; border-radius: 50px;}
.counter-box {display: flex; align-items: center; background: rgb(214 17 17 / 5%); padding-top: 61px;
    padding-bottom: 36px; padding-left: 54px; padding-right: 21px;position: relative;}
.counter-text p {margin-bottom: 0;}
.counter-text {padding-left: 13px;}
section.counter-section.padding-top.padding-bottom {  background: #FFFFFF; box-shadow: 0px 8px 25px rgb(0 0 0 / 5%); position: relative;
    z-index: 99;  max-width: 1406px; margin: -141px auto 0 auto; padding: 53px 0 53px 0;}
/***************pricing-section*********************/    
.pricing-ss span {font-family: 'Epilogue'; font-style: normal;font-weight: 400; font-size: 32px;line-height: 33px; text-align: center;color: #1E1E1E; transition: 0.5s;
}
.prcing-col:hover  .pricing-ss span{color: #D61111;}
.pricing-ss strong { font-family: 'Epilogue'; font-style: normal;font-weight: 700;font-size: 48px;
        line-height: 49px; text-align: center;color: #1E1E1E;    margin-left: 6px;transition: 0.5s;}
    .prcing-col:hover  .pricing-ss strong{color: #D61111;}
.pricing-ss { display: flex; margin-top: 18px;}
.pricing-ss sub {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px;line-height: 16px; text-align: center;
        color: #1E1E1E; margin-top: 23px; margin-left:8px;}
.rating-start i { color: #F6961B;}
.rating-start i:last-child { color: #DDDDDD;}
.rating-start { padding-top: 17px; }
section#troo-da-pricing-section .appoinment-section a {background: #1e1e1e;    margin-top: 46px;}
.pricing-services ul li {display: flex; align-items: center; padding: 12px 0;}
.pricing-services ul {padding: 0; margin: 27px 0 0 0;}
.pricing-services ul li span {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px;  line-height: 16px;
     color: #1E1E1E; padding-left: 11px; padding-top: 5px;}
.pricing-services li.disable span { color: #1E1E1E;  opacity: 0.5;}
.pricing-services li.disable .checl-icon img{ color: #1E1E1E; opacity: 0.5;}
.prcing-col .red-btn a { background: #1E1E1E; box-shadow: 0px 4px 35px rgb(214 17 17 / 10%); border-radius: 100px;transition: 0.5s;}
.prcing-col:hover  .red-btn a{background-color: #D61111;}
.prcing-col .red-btn {margin-top: 46px;}
.prcing-col { background: #FFFFFF; box-shadow: 0px 8px 25px rgb(0 0 0 / 5%);padding-left: 79px;
    padding-top: 59px;padding-bottom: 52px; padding-right: 67px;position: relative;cursor: pointer;}
section#troo-da-pricing-section:after { background: #D61111; position: absolute;width: 100%;height: 623px; content: "";top: -115px;
        left: 0; right: 0;z-index: -9;}
section#troo-da-pricing-section {position: relative;}
section#troo-da-pricing-section .title-txt {text-align: center;    margin-bottom: 61px;}
 section#troo-da-pricing-section .title-txt h2 {color: #fff;}
section#troo-da-pricing-section .title-txt strong {color: #fff;}
.client-cricle img {width: 100%;max-width: 243px;}
section#troo-da-pricing-section .client-cricle {border: 0; left: inherit; right: 61px;top: 0;} 
.arr-col {position: absolute;}
.dot-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate; position: absolute;left: 30px;}

@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
.dot-move.rigth-col { left: inherit;right: 27px;bottom: 35px;}
.prcing-col .radius {width: 17px; height: 17px;  border-radius: 100%; position: absolute; bottom: 100px;
    left: 12%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); top: inherit;opacity: 0.5;}
.prcing-col .radius .border-animation, .place{display:block; width:100%;height:100%; position:absolute; border-radius:100%; }
.prcing-col .ba2{animation: rounder2 2s linear 2s infinite alternate; background:rgba(245,85,71,0.5);}
  @keyframes rounder2 {
    from {transform:scale(1);}
    to {transform:scale(1.69);}
  }
.small-dot:after { width: 5px; height: 5px;content: ""; position: absolute; left: -25px;top: -99px; background: red; border-radius: 50px;
    opacity: 0.5 ;}
.small-dot { position: relative;}
.ocean { height: 80px; width: 150px;  position: absolute; bottom: 59%; right: -16%;}
.wave {background: url(../images/wave.png);position: absolute; width: 200px; height: 100%;
    animation: wave 10s -3s linear infinite;transform: translate3d(0, 0, 0);opacity: 0.8;background-repeat: no-repeat;}
 @keyframes wave {
      0% {transform: translateX(0);}
      50% {transform: translateX(-25%);}
      100% {transform: translateX(-50%);}
  }
.prcing-col.standard-package {overflow: hidden;}
.standard-col span { font-family: 'Epilogue'; font-style: normal; font-weight: 400;  font-size: 14px; line-height: 14px; color: #FFFFFF;
    display: block; padding: 0 1px;  position: relative;left: 30px; top: 10px;}
.standard-col { transform: rotate(45.48deg); background: #1E1E1E; text-align: center; position: absolute;
    right: -23%;  padding: 25px 106px; top: -29px;}
.prcing-col.standard-package .ocean { right: 23%;}
.prcing-col.gold-ss .radius { bottom: inherit; top: 15%; right: 4%;left: inherit;}
.prcing-col.gold-ss{position: relative; overflow: hidden;}
.prcing-col.gold-ss .ocean { bottom: 12%;right: 50%;}
.all-plan-col p {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px;line-height: 16px;
    color: #1E1E1E;text-align: center;}
.all-plan-col p a {font-family: 'Epilogue';  font-style: normal;font-weight: 700;font-size: 16px;  line-height: 16px;
    color: #D61111; padding-bottom: 0; display: inline-block;  margin-bottom: 0;}
.all-plan-col { margin-top: 56px;}
/*********************gellry section*****************/
.magnific-img img {width: 100%; height: auto;}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.98;}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}
.mfp-arrow-left:before { border-right: none !important;}
.mfp-arrow-right:before {border-left: none !important;}
button.mfp-arrow, .mfp-counter {opacity: 0 !important; transition: opacity 200ms ease-in, opacity 2000ms ease-out;}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{opacity: 1 !important;}
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0;width: 100%; height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b; opacity: 0.8; }
.mfp-wrap {top: 0;left: 0;width: 100%; height: 100%;z-index: 1043; position: fixed;
  outline: none !important;-webkit-backface-visibility: hidden; }
.mfp-container { text-align: center;position: absolute;width: 100%;height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto; text-align: left;z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%;cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out;cursor: zoom-out; }
.mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center;margin-top: -0.8em; left: 8px;right: 8px; z-index: 1044; }
.mfp-preloader a {color: #CCC; }.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content {display: none; }
button.mfp-close,
button.mfp-arrow {overflow: visible; cursor: pointer;background: transparent;border: 0; -webkit-appearance: none;display: block;
  outline: none;padding: 0; z-index: 1046; box-shadow: none;touch-action: manipulation; }
button::-moz-focus-inner {padding: 0; border: 0; }
.mfp-close { width: 44px;height: 44px; line-height: 44px;position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65;
  padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {opacity: 1; }
  .mfp-close:active {top: 1px; }
.mfp-close-btn-in .mfp-close {color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px;  width: 100%; }
.mfp-counter {position: absolute; top: 0;right: 0;color: #CCC; font-size: 12px;line-height: 18px;white-space: nowrap; }
.mfp-figure,img.mfp-img{line-height:0}
.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}
.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}
.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{height:auto;display:block;width:auto}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.gallery-content{position:relative}.gallery-tile,.search-con{position:absolute;opacity:0}.search-con{right:20px;bottom:-26px;-webkit-transition:.5s linear;-moz-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear}.gallery-content:hover .search-con{opacity:1;bottom:100px}.search-con img{width:auto}.gallery-tile{background:#d61111;padding:29px 0 22px 28px;-webkit-transition:.5s linear;-moz-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear;top:85%;width:100%;z-index:9}.gallery-content:hover .gallery-tile{top:71%;height:103px;padding-top:10px;opacity:1}.gallery-tile span{font-family:Epilogue;font-style:normal;font-weight:400;font-size:16px;line-height:16px;
    text-align:center;color:#fff;display:inline-block;margin-bottom:17px}
.gallery-tile h3{color:#ffff}
.magnific-img{overflow:hidden;position:relative;z-index:2}
.magnific-img img{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}
.gallery-content:hover .magnific-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.gallery-content.gallery-four{margin-top:-178px}
.gallery-content:hover .search-con img{-webkit-transform:scale(1);transform:scale(1)}
.gallery-content.gallery-five { margin-top: 33px;}
.gallery-content.gallery-six { margin-top: -174px;}
.gallery-content.gallery-two:hover .gallery-tile {top: 82%;}
.gallery-content.gallery-four:hover .gallery-tile {top: 81%;}  
.gallery-content.gallery-six:hover .gallery-tile {top: 81%;}  
section#troo-da-photo-gallery-section {background: rgb(214 17 17 / 5%);position: relative;}
section#troo-da-photo-gallery-section .circles-wrapper {position: absolute; right: 53px; top: -79px;}
section#troo-da-photo-gallery-section .circle { display: flex; justify-content: center;  align-items: center;  border-radius: 50%; position: relative;  background: rgb(214 17 17 / 20%);}
section#troo-da-photo-gallery-section .circle::before {content: ''; position: absolute; width: 45px; height: 42px;background: rgb(214 17 17 / 20%); top: -6px; border-radius: 50%;}
section#troo-da-photo-gallery-section .circle-lg {width: 146px;height: 146px; animation: rotateCircles 3.1s linear infinite;}
section#troo-da-photo-gallery-section .circle-md { width: 150px;height: 150px; animation: rotateCircles 3s linear infinite;}
section#troo-da-photo-gallery-section .circle-md::before { width: 10px; height: 10px;}
section#troo-da-photo-gallery-section .circle-sm { width: 100px;height: 100px; animation: rotateCircles 2.5s linear infinite;}
.section#troo-da-photo-gallery-section .circle-sm::before { width: 10px;height: 10px;}
@keyframes rotateCircles {
    from {
      transform: rotate(0);
    } to {
      transform: rotate(360deg);
    }
  }
.gallery-cricle:before { position: absolute; width: 146px; height: 146px;left: 29px; bottom: 100px; background: #D61111; opacity: 0.1;
    transform: rotate(-14.67deg); content: ""; border-radius: 50%;}
.gallery-cricle { position: absolute; bottom: 31%;}
.gallery-cricle:after { position: absolute; width: 42px;  height: 42px;  left: 157px;  bottom: 243px; background: #D61111; opacity: 0.1;
    transform: rotate(-14.67deg); content: "";border-radius: 50%;}
section#troo-da-photo-gallery-section .row { justify-content: center;}
.brand-logo h5 {margin: 0;font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 32px;line-height: 42px;  text-align: center; color: #1E1E1E;}
.brand-logo h5 span { color: #D61111; font-weight: 700; display: block; }
.brand-logo {padding-top: 93px;padding-bottom: 48px;}
.logo-img { margin-bottom: 34px; cursor: pointer;overflow: hidden;}
.logo-img img{ box-shadow: 0px 8px 25px rgb(0 0 0 / 5%);   border: 1px solid rgba(32, 32, 32, 0.1);
    background: #fff;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.logo-img:hover img{ border: 1px solid rgba(32, 32, 32, 0.1);-webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);}
#kmacb {position: absolute;right: 8%;bottom: 9%;width: 62px; height: 62px;margin: auto;transition: visibility 0.5s ease 0s;}
#kmacb .kmacb-img-circle { animation: 2.2s ease-in-out 0s normal none infinite running kmacb-circle-anim !important;
    background: #5aaade;border: 2px solid transparent; border-radius: 100%;height: 80px;left: 40px; opacity: 0.8;position: absolute;
    top: 40px;transform-origin: 50% 50% 0; width: 80px;}
#kmacb .kmacb-circle-fill { animation: 2.3s ease-in-out 0s normal none infinite running kmacb-circle-fill-anim !important;
    background: #5aaade none repeat scroll 0 0; border: 2px solid transparent; border-radius: 100%; height: 110px; left: 25px;
    opacity: 0.24; position: absolute; top: 25px;width: 110px;}
#kmacb .kmacb-circle { animation: 2.2s ease-in-out 0s normal none infinite running kmacb-circle-anim !important;
    border: 2px solid #5aaade;border-radius: 100%; height: 25px; opacity: 0.35; position: absolute;width: 25px;background: #D61111;
    right: 2px;}
#kmacb .kmacb-img-circle, #kmacb .kmacb-circle-fill { background-color: #D61111;}
#kmacb .kmacb-circle { border-color: #D61111;}
#kmacb:hover .kmacb-img-circle {animation: 1s ease-in-out 0s normal none infinite running kmacb-circle-img-anim-hover;}
@keyframes kmacb-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes kmacb-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.1;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes kmacb-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
@keyframes kmacb-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
@keyframes kmacb-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes kmacb-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes kmacb-circle-img-anim-hover {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-35deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(35deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-35deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(35deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes kmacb-circle-img-anim-hover {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-35deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(35deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-35deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(35deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
/******************************video-ssss*******************/
section#troo-da-video-section {position: relative; background: #1E1E1E;    padding-bottom: 123px; }
section#troo-da-video-section:before{background-image:url(../images/Gear.png);position: absolute;width:100%;height:100%;content:"";
    background-repeat: no-repeat;left: 34px;top: 34px; max-width: 436px;max-height: 436px;}
section#troo-da-video-section .title-txt h2 {color: #fff;}
section#troo-da-video-section .title-txt h2 strong{ color: #fff;} 
section#troo-da-video-section .title-txt span {background: #fff;color: #1E1E1E;}
.video-circle{position: absolute; top: 50%; right: 417px;transform: translate(-50%,-50%); width: 100px; height: 100px;background-color: #D61111;
    color: white;text-align: center;line-height: 100px;border-radius: 50%;cursor: pointer;z-index: 9;}
.video-circle::before{content: ""; display: block;position: absolute;top:0;left:0; width: 100px; height: 100px;
 background: rgb(95, 132, 255);border-radius: 50%;z-index: -1;animation: grow 1s ease-in-out infinite;}
.video-circle::before{background: rgba(255, 255, 255,.6);animation-delay: -0.5s;}
@keyframes grow{
    0%{
        transform: scale(1,1);
        opacity: 1;
    }
    100%{
        transform: scale(1.8,1.8);
        opacity: 0;
    }
}
section#troo-da-video-section::after { background-image: url(../images/video-img.png); position: absolute;
    width: 100%; height: 100%; content: "";top: 0;background-repeat: no-repeat; max-width: 935px; right: 0;}
.modal-body video { width: 100%;}    
button.btn-close {position: absolute; right: -14px; background-color: #fff; opacity: 1;top: -20px;
    border-radius: 6px; background-size: 10px; z-index: 9;}
.modal-content {background:#fff !important; border: none !important;    padding: 11px 11px 4px 10px;}
.modal-body { padding: 0 !important;}
/**********************faq********************/
section#troo-da-faq-section .title-txt span { padding: 12px 36px;}
section#troo-da-faq-section .title-txt { text-align: center;}
.accordion-item:not(:first-of-type) {border-top: 0; border: 1px solid rgba(0, 0, 0, 0.1) !important;}
.accordion-item {background-color: #fff; border:none !important;margin-bottom: 25px;}
.accordion-button {font-family: 'Epilogue' !important; font-style: normal !important; font-weight: 400 !important; font-size: 24px !important; line-height: 25px !important;
    color: #1E1E1E !important; padding: 18px 22px 15px 66px !important; border: 0px solid rgba(0, 0, 0, 0.1);}
.accordion-item:first-of-type .accordion-button{ padding-bottom: 17px !important;}    
.accordion-button.collapsed { background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1);}
.accordion-collapse.collapse.show {background: rgb(214 17 17 / 5%); border: none; box-shadow: 0px 2px 7px rgb(100 100 111 / 5%);}
.accordion-button:focus { background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: none !important;}
.accordion-body {font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-size: 16px;  line-height: 26px;
    color: #121212; padding-left: 67px !important;padding-right: 27px !important;padding-top: 16px !important;}
.accordion-button:not(.collapsed){ background: rgb(214 17 17 / 5%) !important; box-shadow: none !important;padding-left: 62px !important;padding-bottom:0 !important
}
button:focus:not(:focus-visible) {outline: 0;  border: none !important;}
.accordion-button::after{position:absolute;background-image: url(../images/pluse-bt.png) !important;    left: 22px;}
.accordion-button:not(.collapsed)::after{position:absolute;background-image: url(../images/minus-btn.png) !important;left: 22px;}
.red-faq-col { background-image: url(../images/call-bg.png); background-color: #D61111; text-align: center;
    padding: 41px 0 41px 0; background-repeat: no-repeat;background-size: cover;}
.red-faq-col h3 { color: #fff;}
.red-faq-col p {color: #fff;    margin: 14px 0 14px 0;}
.red-faq-col span {font-family: 'Epilogue';font-style: normal; font-weight: 400;font-size: 14px; line-height: 14px; text-align: center;  color: #D61111;background: #fff;
    display: inline-block; padding: 6px 5px;border-radius: 50%;margin-bottom: 14px;}
.fqa-linkss span {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px;
    line-height: 16px; text-align: center; color: #FFFFFF; background: transparent;}
.fqa-linkss a { font-family: 'Epilogue';font-style: normal; font-weight: 700; font-size: 16px; line-height: 16px;
    text-align: center; color: #FFFFFF;}
.fqa-linkss a:hover{color: #1E1E1E;}
.faq-img-ss img { width: 100%;margin-top: 63px;}
section#troo-da-blog-section .row {align-items: center;}
/*********************blogs***********************************************/
section#troo-da-blog-section {background: rgb(214 17 17 / 5%);}
.blog-content { border: 1px solid rgba(0, 0, 0, 0.1); padding: 24px 21px 19px 19px;cursor: pointer;    margin-bottom: 30px;}
.blog-content p {margin-top: 13px;margin-bottom: 68px;}
.bl-img img { background: #1E1E1E; transform: rotate(-28deg); padding: 12px 10px;border-radius: 50px;transition: 0.5s;}
.blog-dat {display: flex;justify-content: space-between;}
.blog-dat span { font-family: 'Epilogue';  font-style: normal; font-weight: 400;  font-size: 16px;line-height: 26px; color: #232323;}
.blog-content h3{transition: 0.5s;line-height: 36px;}
.blog-content:hover h3{color: #d61111;}
.blog-content:hover .bl-img img{background-color: #d61111; transform: rotate(0deg); }
.auto-contetn {background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.1);padding: 34px 21px 19px 19px;}
.auto-contetn span {font-family: 'Epilogue';font-style: normal; font-weight: 400;font-size: 16px;line-height: 16px;
    color: #000000;display: block; margin-bottom: 12px;}
.auto-contetn h3 { margin-bottom: 29px;line-height: 36px;transition: 0.5s;}
.auto-contetn p { margin: 0;}
.auto-reapire img {width: 100%;-webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.auto-reapire:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.auto-reapire { margin-top: -29px;border: none;padding: 0;overflow: hidden;margin-bottom: 0;cursor: pointer;}
.auto-reapire:hover h3{color: #d61111;}
.auto-contetn:hover .bl-img img{background-color: #d61111; transform: rotate(0deg); }
section#troo-da-map-section iframe {width: 100%;height: 567px;}
.fooetr-red-box { display: flex;background-color: #d61111; background-image: url(../images/footer-bg.png);justify-content: space-between;
    padding: 84px 86px;align-items: center;margin-bottom: 78px;}
.fooetr-red-box span{font-family: 'Epilogue';font-style: normal;font-weight: 700; font-size: 40px; line-height: 41px; color: #FFFFFF;}
section#troo-da-footer-section .appoinment-section a {background: #fff; color: #1E1E1E; }
section#troo-da-footer-section .appoinment-section a:hover{color: #FFF;}
section#troo-da-footer-section {position: relative;margin-top: -122px}
section#troo-da-footer-deails-section:after {background: #1E1E1E;position: absolute; width: 100%; min-height: 653px;  content: "";
    left: 0; right: 0;    bottom: 0px;  z-index: -9; height: 100%;}
section#troo-da-footer-deails-section { position: relative;}
.footer-text p { font-style: normal; font-weight: 400;  font-size: 14px; line-height: 26px; color: #FFFFFF;margin-bottom: 0;font-family: 'Roboto';}
section#troo-da-footer-deails-section .socail-icon ul li i {color: #fff;}
section#troo-da-footer-deails-section .socail-icon ul {text-align: right;}
.foter-row { border-bottom: 1px solid rgb(255 255 255 / 5%);padding-bottom: 22px;margin-bottom: 58px;}
.footer-hd {font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 31px;  color: #FFFFFF;
    padding-top:0px; padding-bottom: 27px;}
.icon-im { margin-right: 23px;}
.foot-lin.left-cc { margin-right: -16px;}
.footer-con {display: flex; background-color: rgb(255 255 255 / 5%); padding-top: 29px; padding-left: 30px;padding-right: 22px; padding-bottom: 19px; border-radius: 8px;}
.loc-txt { font-family: 'Epilogue'; font-style: normal;  font-weight: 600; line-height: 26px;color: #FFFFFF;font-size: 16px;}
.call-desils { display: flex;background-color: rgb(255 255 255 / 5%);border-radius: 8px;justify-content: space-between;position: relative;padding-bottom: 5px;
    padding-top: 4px;}
.call-desils:after { position: absolute; width: 1px;  height: 50px;left: 47%;top: 22%; background: #03310A; content: "";}
.location.Contact-col .footer-con { background: transparent;padding-left: 22px;}
.loc-txt span {font-style: normal; font-weight: 400; font-size: 14px;
    line-height: 16px; color: #FFFFFF; display: block;font-family: 'Roboto';}
.loc-txt a { font-family: 'Epilogue'; font-style: normal; font-weight: 600;font-size: 16px; line-height: 16px; color: #FFFFFF; text-decoration: none;}
.loc-txt a:hover{color:#d61111;}
.lin-hd { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 18px;
    color: #FFFFFF;padding-bottom: 39px;position: relative;padding-left: 25px;}
.lin-hd:after {background: #fff; position: absolute; max-width: 15px; height: 2px; width: 100%; content: ""; left: 0; top: 7px; }
.foot-lin ul { padding: 0 0 0 31px; margin: 0;}
.foot-lin ul li a {font-style: normal; font-weight: 400;  font-size: 14px;font-family: 'Roboto';
    line-height: 16px;  color: #FFFFFF; padding-bottom: 34px;   display: block; text-decoration: none;}
    .foot-lin ul li a:hover{color:#d61111;}
.foot-lin ul li { list-style: none;}
.location.Contact-col { max-width: 513px; margin-left: 86px;width: 100%;}
.location{width: 382px;}
.foot-lin { float: right;margin-right: -48px;}
.bottom-footer p {font-family: 'Roboto';font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px;
    letter-spacing: -0.204545px; color: #FFFFFF;  mix-blend-mode: normal;}
.bottom-footer p span{color:#d61111;}
.bootom-footer-links ul {padding: 0; margin: 0; display: flex;justify-content: flex-end;}
.bootom-footer-links ul li {padding: 0 12px 0 12px; list-style: none;}
.bootom-footer-links ul li a {font-family: 'Roboto';font-style: normal;  font-weight: 400;  font-size: 14px;  line-height: 16px;
    letter-spacing: -0.204545px;  color: #FFFFFF;text-decoration: none;}
.bottom-border {border-top: 1px solid #FFFFFF;padding-top: 15px; margin-top: 25px;}    
.footer-vert-move{-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate; position: absolute;
    right: 54px; bottom: 91%;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.footer-cr {
    position: absolute;
    bottom: 0;-webkit-animation: movers 1s infinite  alternate;animation: movers 1s infinite  alternate;}
    @-webkit-keyframes movers {
        0% { transform: translateX(0); }
        100% { transform: translateX(-10px); }
    }
    @keyframes movers {
        0% { transform: translateX(0); }
        100% { transform: translateX(-10px); }
    }
/****************************aboutUS-page*******************************/
#troo-da-about-section { background: rgba(214, 17, 17, 0.05); padding-top:44px; padding-bottom: 58px; position: relative;}    
.abut-image-section img { border: 8px solid #fff;}
section#troo-da-about-section figure.swing img { width: 100%;max-width: 523px;}
section#troo-da-about-section figure.swing { top: -24%;}
section#troo-da-about-section .row { align-items: center;}
ul.breadcrumb li a { font-family: 'Epilogue';  font-style: normal; font-weight: 400; font-size: 16px;line-height: 16px;
    color: #1E1E1E; text-decoration: none;}
ul.breadcrumb li  { font-family: 'Epilogue';  font-style: normal; font-weight: 400; font-size: 16px;line-height: 16px; color: #1E1E1E; text-decoration: none;}
section#troo-da-about-section h1:after { position: absolute;width: 2px; height: 40px; left: 0;  top: 23px;background: #D61111; content: "";}
section#troo-da-about-section h1 {font-family: 'Epilogue';font-style: normal;font-weight: 700; font-size: 32px;line-height: 33px;
    color: #1E1E1E;position: relative; padding-left: 22px;  padding-top: 25px;}
/*************************services**********************/
.services section#troo-da-whate-we-are-section { background: #fff;}
.services section#troo-da-whate-we-are-section:after{ background: rgba(214, 17, 17, 0.05); }
/****************deails**************/
.services-detail section#troo-da-pricing-section:after { top: 0;}
.service-detils-img {margin-bottom: 30px;}
.servi-text h3 {margin-bottom: 23px;}
.feacher-section { display: flex; align-items: center; background: rgb(30 30 30 / 5%);cursor: pointer;margin-bottom: 30px;transition: 0.5s;}
.number-ss {transition: 0.5s;background: #1E1E1E; font-family: 'Epilogue';font-style: normal;font-weight: 700; font-size: 36px;line-height: 52px; text-align: center; color: #FFFFFF;padding: 35px 18px;margin-right: 16px;}
.feachet-text span {font-family: 'Epilogue';font-style: normal; font-weight: 700;font-size: 16px;
        line-height: 26px; color: #1E1E1E;}
section#troo-da-service-detail-section {padding: 100px 0;transition: 0.5s;    overflow: hidden;
    position: relative;}
.feacher-section:hover .number-ss{background: #D61111;}
.feacher-section:hover .feachet-text span{color: #d61111;}
.feacher-section:hover {background: rgb(214 17 17 / 5%);}
.ess-text h3 {margin-bottom: 17px;}
.ess-text ul {padding: 0; margin: 0;}
.ess-text ul li {display: flex; align-items: center;padding-bottom: 17px;}
.ess-text ul li span {padding-left: 11px;}
.ess-text {padding-top: 15px;}
.service-detail-content .accordion-section { margin-top: 30px;}
.sidebar { position: sticky;position: -webkit-sticky;   top: 0%;}
.services-list ul li { display: flex;align-items: center; justify-content: space-between;background: rgb(214 17 17 / 5%);
    padding: 18px 14px 18px 19px;transition: 0.5s; cursor: pointer;   margin-bottom: 20px;}
.services-list ul li a {font-family: 'Epilogue'; font-style: normal;font-weight: 700;font-size: 16px;line-height: 26px;color: #1E1E1E; text-decoration: none;transition: 0.5s;}
.services-list ul li span {background: rgb(214 17 17 / 5%); width: 32px;height: 32px;text-align: center;border-radius: 50%;line-height: 28px;transition: 0.5s;}
.services-list ul li:hover span img {filter: brightness(22);}
.services-list ul li:hover {background: #D61111;}
.services-list:hover span{    background: rgb(214 17 17 / 2%);}
.services-list ul li:hover a {color: #ffff;}
.services-contact {background-image: url(../images/ser-dealbg.png); background-color: #D61111; padding-top: 37px;padding-left: 32px;
    padding-right: 32px;padding-bottom: 8px;}
.services-contact h3:after {position: absolute;width: 186px;height: 1px; right:6%; top: 12px;  background: #FFFFFF; content: "";}
.services-contact h3 {color: #fff; position: relative;    padding-bottom: 23px;}
.serdes-call {display: flex; align-items: center;margin-bottom: 30px;}
.ser-deals-clltxt span {font-family: 'Epilogue';font-style: normal; font-weight: 700; font-size: 16px; line-height: 26px;color: #FFFFFF;}
.ser-deals-clltxt {padding-left: 23px;}
.ser-deals-clltxt p {font-family: 'Roboto'; font-style: normal; font-weight: 400;
    font-size: 14px;line-height: 16px; color: #FFFFFF; margin: 0;}
.services-list ul {padding: 0;}
.service-detils-img img { width: 100%;}
.feach-img img{width:100%;}
/****************team*****************/
.team .expert-team{margin-bottom: 30px;}
/******************tesimonal**************/
.testimonial section#troo-da-clients-reviews-section { background: #fff;}
.testimonial section#troo-da-clients-reviews-section  .client-section:hover { background: #FFFFFF;box-shadow: 0px 8px 24px rgb(149 157 165 / 10%);}
/********pricing-section***************/

.pricing section#troo-da-pricing-section:after{display: none;}
.pricing .prcing-col{margin-bottom: 30px;}
.pricing .prcing-col{padding-right: 36px;}
/***************photo gallery page?****************/
.photo-gallery section#troo-da-photo-gallery-section {background: #fff;}
.photo-gallery .gallery-content {margin-bottom: 30px;}
/*********************Faq-page***************/
.faq-tile:after {position: absolute; width: 50px; height: 5px;left: 0; bottom: 31px; background: #D61111;content: "";}
.faq-tile { position: relative; padding-top: 0;padding-bottom: 55px;}
.ans-col span {padding-top: 15px; display: block;font-family: 'Epilogue';font-style: normal;font-weight: 400; font-size: 16px;line-height: 16px; text-align: center; color: #1E1E1E;}
.ans-col span a{font-family: 'Epilogue'; font-style: normal;font-weight:700; font-size: 16px;line-height: 16px; text-align: center;
    color: #1E1E1E;text-decoration: none;}
.ans-col {text-align: center;background: rgb(214 17 17 / 5%);border-radius: 50%; display: table;
    padding: 40px 35px;margin: 30px auto 0 auto;}
/********************blogs*******************************/
  .blogs section#troo-da-blog-section {background: #fff;}
  .blogs .auto-reapire{margin-bottom: 60px;}
/*******************blog-list*************************/
.blog-list-ss {margin-bottom: 30px; display: flex; align-items: center; background: #FFFFFF; border: 1px solid rgba(214, 17, 17, 0.1);    cursor: pointer;transition: 0.5s;}
.blog-writer { display: flex; align-items: center; border-top: 1px solid rgb(217 217 217 / 70%);
    padding-top: 28px; margin-top: 32px;}
.blog-list-text h3 { margin: 20px 0;}
.blog-list-text p { margin:0;}
.blog-wri-text span { font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 14px;line-height: 14px;
    color: #1E1E1E;display: block;}
.blog-wri-text strong {font-family: 'Epilogue'; font-style: normal; font-weight: 700;font-size: 20px;line-height: 20px;
    color: #1E1E1E;margin-top: 8px; display: block;}
.blog-wri-text { margin-left: 13px;}
.blog-list-text a { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-size: 16px;line-height: 26px; color: #1E1E1E;
    text-decoration: none;margin-top: 11px;display: block;transition: 0.5s;}
.blog-list-text { margin-left: 30px; margin-right: 28px;}
.blog-img-col {position: relative;}
.date-col {position: absolute; top: 0;  right: 0;}
.date-col span {font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; text-align: center;
    color: #FFFFFF; background: #1E1E1E; display: block; padding: 4px 11px; margin: 10px;transition: 0.5s;}
.blog-list-ss:hover { background: #FFFFFF;  border: 1px solid rgba(214, 17, 17, 0.1);box-shadow: 0px 8px 25px rgb(0 0 0 / 5%);}   
.blog-list-ss:hover a {color: #D61111; } 
.blog-list-ss:hover .date-col span{background-color: #D61111;}
.cat-tile {font-family: 'Epilogue'; font-style: normal; font-weight: 700;font-size: 20px; line-height: 26px;
    color: #FFFFFF;background: #1E1E1E; padding: 18px 19px 18px 19px;margin-bottom: 30px;}
.blogs-list section#troo-da-service-detail-section .services-list ul li:hover span{color: #fff;}   
.blog-detail section#troo-da-about-section  h1{font-size: 24px;}
section#troo-da-recent-blogs-section .auto-reapire {margin-top: 0;}
.recent-tile {font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 40px;line-height: 41px; color: #1E1E1E;  margin-bottom: 42px;}
section#troo-da-recent-blogs-section { padding-bottom: 100px;}
.blog-detail .service-detail-content .blog-writer {margin: 0;padding: 0; border: 0;position: relative;}
.blog-detail .service-detail-content .col-md-4:last-child .blog-writer:after {display: none;}
.blog-detail .service-detail-content .blog-writer:after {position: absolute;width: 1px;height: 49px;
    right: 0; top: 0; background: #1E1E1E; opacity: 0.1; content: "";}
.blog-detail .servi-text {padding-top: 36px;}
.blog-detail .service-detail-content .row{align-items: center;}
.tag-section {display: flex; justify-content: space-between; border-top: 1px solid rgba(53, 86, 191, 0.2);
    padding-top: 15px;border-bottom: 1px solid rgba(53, 86, 191, 0.2);padding-bottom: 15px; margin-top:  24px;}
.blog-detail .tag-section .socail-icon {display: flex;align-items: center;}
.blog-detail .tags strong {font-family: 'Epilogue'; font-style: normal; font-weight: 700;
    font-size: 16px;line-height: 16px;color: #171717;}
.blog-detail .tags span {font-family: 'Epilogue'; font-style: normal; font-weight: 400;
    font-size: 16px; line-height: 16px; color: #171717;}
.blog-detail .socail-icon span { font-family: 'Epilogue'; font-style: normal; font-weight: 400;
        font-size: 14px; line-height: 14px; color: #1E1E1E;display: block;margin-right: 10px;}
.blog-detail .socail-icon ul{margin: 0;}    
 .blog-detail  .socail-icon ul li a{border-radius: 0;} 
 /********************contactus*******************************/
.office-add span {font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 20px;line-height: 20px; color: #D61111;  display: block; margin-bottom:18px;}   
.office-add h3 {font-family: 'Epilogue'; font-style: normal;font-weight: 500; font-size: 24px; line-height: 36px; color: #1E1E1E;}
.office-add { padding-top: 38px;padding-bottom: 30px;}
.contact-text { position: relative;}
.cont-img-tx { background: #D61111; font-family: 'Epilogue'; font-style: normal;font-weight: 700; font-size: 24px;
    line-height: 25px; color: #FFFFFF; transform: rotate(-90deg); position: absolute; top: 50%;
    padding: 40px 60px;left: -34%;}
.contact-text img {background: #FFFFFF;box-shadow: 0px 8px 25px rgb(0 0 0 / 5%); width: 100%;}   
section#troo-da-contact-form-section {background: rgb(214 17 17 / 5%);} 
.fome-tile:after {position: absolute; width: 30px;height: 2px;left: 0; bottom: 19px; background: #D61111;border-radius: 100px; content: "";}
.fome-tile { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 24px;line-height: 25px; color: #1E1E1E; position: relative;
    padding-bottom: 34px;}
.form-section {background: #FFFFFF; box-shadow: 0px 6px 25px rgb(0 0 0 / 3%), 0px -6px 25px rgb(0 0 0 / 3%); padding: 50px;}
.form-section label {font-family: 'Epilogue';font-style: normal;font-weight: 400;font-size: 16px; line-height: 16px;
    color: #1E1E1E; margin-bottom: 19px;margin-top: 29px;}
.form-control:focus{ border: 1px solid rgba(214, 17, 17, 0.2) !important;box-shadow: none !important;}
.form-section input { background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.1);height: 60px;padding: 22px 0px 28px 20px;font-family: 'Epilogue';font-style: normal;
        font-weight: 400;font-size: 14px;line-height: 14px;color: #1E1E1E; }
.form-section input::-webkit-input-placeholder {font-family: 'Epilogue';font-style: normal;font-weight: 400; font-size: 14px;
    line-height: 14px; color: #1E1E1E;opacity: 0.5;}
.form-section input:-ms-input-placeholder {font-family: 'Epilogue';font-style: normal;font-weight: 400;font-size: 14px; line-height: 14px;
    color: #1E1E1E;opacity: 0.5;}
.form-section input::placeholder { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 14px;
    color: #1E1E1E;opacity: 0.5;}
.form-section textarea {height: 140px;padding: 22px 0 0 20px; font-family: 'Epilogue';font-style: normal; font-weight: 400;
    font-size: 14px;line-height: 14px;color: #1E1E1E;}
.form-section textarea::-webkit-input-placeholder { font-family: 'Epilogue';font-style: normal;font-weight: 400;font-size: 14px;
    line-height: 14px;color: #1E1E1E;opacity: 0.5;}
.form-section textarea:-ms-input-placeholder { font-family: 'Epilogue'; font-style: normal;font-weight: 400;font-size: 14px; line-height: 14px;
    color: #1E1E1E;opacity: 0.5;}
.form-section textarea::placeholder {font-family: 'Epilogue';font-style: normal;font-weight: 400;font-size: 14px;
    line-height: 14px; color: #1E1E1E;opacity: 0.5;}
button.sub-btm { font-family: 'Epilogue'; font-style: normal;font-weight: 400; font-size: 16px; line-height: 16px; color: #FFFFFF; background: #D61111;
    box-shadow: 0px 4px 35px rgb(214 17 17 / 10%); border-radius: 100px;transition: 0.5s;text-decoration: none; padding: 17px 33px;
    display: inline-block; position: relative;z-index: 1;border: none;    margin-top: 50px;}
button.sub-btm:before {background: #0FA00F; position: absolute;width: 0%;height: 100%;
        content: "";top: 0; right: 0; border-radius: 0 100px 100px 0; z-index: -1; -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out; opacity: 0;}   
button.sub-btm:after {background: #0FA00F;position: absolute; width: 0%; height: 100%;content: ""; top: 0;left: 0;
        border-radius: 100px 0 0 100px;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity: 0; z-index: -1;} 
button.sub-btm:hover:before {opacity: 1;width: 50%;}   
button.sub-btm:hover:after {opacity: 1;width: 50%;} 
.form-section .col-md-6{position: relative;}
.form-section .col-md-12{position: relative;}
.form-icon {position: absolute; right: 30px;top: 65%;}
.form-section select {border: 1px solid rgba(0, 0, 0, 0.1);height: 60px;padding: 22px 0px 22px 20px;font-family: 'Epilogue';
    font-style: normal;font-weight: 400;font-size: 14px;line-height: 14px;color: rgb(30 30 30 / 50%);    background: transparent;}
.form-select:focus{border: 1px solid rgba(0, 0, 0, 0.1) !important;box-shadow: none !important;}
.form-icon.mes-ss {top: 42%;}
input#inputDate { padding-right: 20px;color: rgb(30 30 30 / 50%) !important;}
input#inputDate::-webkit-calendar-picker-indicator {filter: invert(0);background-image: url('../images/calendar-date.png');background-size: 17px;}
input#inputTime {padding-right: 20px;color: rgb(30 30 30 / 50%) !important;font-size: 16px;}
input#inputTime::-webkit-calendar-picker-indicator {filter: invert(0);background-image: url('../images/clock.png');background-size: 17px;}
.form-section p { margin-bottom: -16px; margin-top: 30px;}
/****************************404**********************************/
.error-section span { font-family: 'Epilogue';font-style: normal;font-weight: 700; font-size: 224.39px; line-height: 230px; color: #D61111;}
.error-section { margin: 0 auto;text-align: center;padding-top: 160px;padding-bottom: 160px;}
.error-section h2 {font-family: 'Epilogue';font-style: normal;font-weight: 700; font-size: 40px; line-height: 41px; color: #1E1E1E;}
.error-section p {font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 20px;line-height: 32px;text-align: center;
    color: #000000; margin-top: 28px;    margin-bottom: 38px;}
.search-form input { background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); height: 60px; max-width: 585px; margin: 0 auto;}
.search-form {position: relative; max-width: 585px; text-align: center; margin: 0 auto;}
.search-form button { border: none; background: #1E1E1E; position: absolute; top: 0; right:0%;padding: 17px 18px;} 
.error-section .appoinment-section {margin-top: 44px;}
.error-section .appoinment-section a {background: #1E1E1E;box-shadow: 0px 4px 35px rgb(214 17 17 / 10%);}
/*****************comingsoon*****************/
.coming-soon-section button { color: #fff;top: 42%;}
.coming-section {padding-left: 168px;position: relative;}
.title-coning { font-family: 'Epilogue'; font-style: normal; font-size: 36px;line-height: 37px;color: #D61111; position: relative;  margin-bottom: 39px;}
.coming-section:after { position: absolute;width: 125px; height: 1px;left: 0; top: 12%;  background: #D61111; content: "";}
.coming-soon-section {padding: 100px 0;}
.coming-soon-section h1 { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 64px;
    line-height: 66px; color: #1E1E1E;margin-bottom: 25px;}
.coming-soon-section h1 strong { display: block;font-weight: 700;}
.coming-soon-section p { margin-bottom: 62px;}
.search-form input{max-width: inherit !important;}
.coming-soon-section .search-form {max-width: inherit;text-align: left;margin: inherit !important;}
.search-form p { margin-bottom: 15px;}
.coming-soon-section .socail-icon span {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 20px;line-height: 26px; color: #D61111;}
.coming-soon-section .socail-icon span {font-family: 'Epilogue';font-style: normal;font-weight: 400;font-size: 20px;line-height: 26px;
    color: #D61111; display: block; margin-bottom: 30px; margin-top: 135px;}
.coming-soon-section .socail-icon ul li a {background: #1E1E1E;padding: 20px 20px !important; display: inline-block; border-radius: 58%;position: relative;}
.coming-soon-section .socail-icon ul li a i { color: #fff;font-size: 18px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 12px;}
.coming-soon-section .socail-icon ul li a:hover{background-color: #D61111;}
.coming-soon-section{position: relative;}
.coming-soon-section:after {background-image: url(../images/coning-bg.png);content: ""; position: absolute;width: 100%;
    height:450px; bottom: 0;background-size: contain; background-repeat: no-repeat;right: -137px;}
.con-img-col img {width: 100%; max-width: 672px;position: absolute;right: 0;}
.con-title {font-family: 'Epilogue';font-style: normal;font-weight: 400; font-size: 20px; line-height: 30px;
        text-align: right;color: #D61111;position: relative; padding-bottom: 26px;}
.coming-contact a { padding-right: 21%;font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 37.1525px;
        line-height: 30px; text-align: right;color: #1E1E1E;display: block;text-decoration: none; padding-bottom: 23px;}
.coming-contact a:hover{color:#d61111;}        
.con-title { font-family: 'Epilogue';font-style: normal;font-weight: 400; font-size: 20px;line-height: 30px;text-align: right;color: #D61111;
            position: relative;padding-bottom: 26px; padding-right: 22%; }  
.con-title:after { position: absolute;width: 171px;height: 1px; right: 0;top: 14px; background: #D61111;content: "";}    
.con-img-col { padding-top: 111px;}  
.con-img-col:after {position: absolute;width: 644px; height: 568px; left: 19%;top: 90px;
    background: #D61111; opacity: 0.1; content: "";z-index: -9;}
.con-img-col {padding-top: 111px; position: relative;}
.coming-contact {padding-top: 45px;}
.company-histry-text h3 { font-family: 'Epilogue';font-style: normal; font-weight: 500;font-size: 24px; line-height: 32px;
    color: #1E1E1E;padding-bottom: 19px;}
.company-histry-text ul {padding: 0;}
.company-histry-text ul li { list-style: none;    padding-bottom: 16px;}
.company-histry-text ul li span { padding-left: 11px;}
.company-history section#troo-da-who-we-are-section:after { background: #D61111; opacity: 0.05; transform: rotate(53.75deg); position: absolute;
    width: 283px; height: 400px;content: ""; top: 42%;left: -10%;}
.company-journey-col h2 {font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 37px;
    color: #1E1E1E;padding-bottom: 19px;}
.company-journey-col p {margin-bottom: 30px; }  
.hisrt-col span { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; color: #1E1E1E; border-bottom: 1px solid #1E1E1E;
    display: block;padding-bottom: 15px;margin-bottom: 24px;}  
.hisrt-col h3 {font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 25px;
    color: #1E1E1E;margin-bottom: 14px;}
.hisrt-col { margin-bottom: 56px;} 
.company-journey-col img {width: 100%;}    
section#troo-da-company-journey-section {background: rgb(214 17 17 / 5%);}   
.company-history section#troo-da-about-section h1 {font-size: 30px;}
.team-text span { font-family: 'Epilogue';font-style: normal; font-weight: 400; font-size: 16px; line-height: 36px; color: #D61111;
    display: block; margin-bottom: 20px; margin-top: 8px;}
.team-text .socail-icon { display: flex;}
.team-text .socail-icon span {font-family: 'Epilogue';font-style: normal; font-weight: 400;
    font-size: 16px;line-height: 26px;margin: 0; padding-right: 8px;color: #000000;}
.team-text .socail-icon ul li a{border-radius: 0;}
.team-text .socail-icon {display: flex; border-top: 1px solid rgb(30 30 30 / 9%);padding-top: 12px;margin-top: 24px; border-bottom: 1px solid rgb(30 30 30 / 9%);}
.team-contact {background: #D61111;max-width: 385px; padding: 24px 0 31px 19px;
    margin-top: 27px;background-image: url(../images/team-chat-Icon.png);background-repeat: no-repeat; background-position: 95%;}
.team-contact .call-text strong a {font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-size: 16px;  line-height: 16px; color: #FFFFFF;}
.team-contact p:after { position: absolute; width: 30px; height: 1px;  left: 0;
    bottom: -3px; background: #FFFFFF; content: "";}
.team-contact p {font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 16px;  color: #FFFFFF; position: relative; padding-bottom: 12px;
}
.team-contact .call-ss {display: flex;margin-top: 15px;}
.team-contetn {padding-left: 59px;}
section#troo-da-photo-gallery-deatail-section .team-contact ul li { list-style: none;}
section#troo-da-photo-gallery-deatail-section .team-contact ul {padding: 0;}
section#troo-da-photo-gallery-deatail-section .team-contact ul li span {font-weight: 400;display: inline-block;
    padding: 0 0 0 13px;}
section#troo-da-photo-gallery-deatail-section .team-contact ul li { font-family: 'Epilogue';  font-style: normal;   font-weight: 700;
    font-size: 20px; line-height: 46px;color: #FFFFFF;}
section#troo-da-photo-gallery-deatail-section .team-contact { margin-top: 0; padding-top: 43px; padding-bottom: 26px; }
.photo-gallery-deatail-text h2 { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-size: 36px;
        line-height: 37px;color: #1E1E1E; padding-top: 60px;padding-bottom: 28px;}   
.photo-gallery-deatail-text h3 { font-family: 'Epilogue'; font-style: normal;font-weight: 700; font-size: 36px; line-height: 37px;
        color: #1E1E1E; padding-top: 31px;padding-bottom: 28px;}  
.photo-gallery-deatail-con h3 {font-family: 'Epilogue';font-style: normal; font-weight: 500;font-size: 24px; line-height: 32px;
        color: #1E1E1E;padding-bottom: 19px;} 
.photo-gallery-deatail-con ul li span { padding-left: 11px;}
.photo-gallery-deatail-con ul { padding: 0;margin: 0;}
.photo-gallery-deatail-con ul li {list-style: none;padding-bottom: 10px;}
.final-col h2 { font-family: 'Epilogue'; font-style: normal;font-weight: 700; font-size: 36px; line-height: 37px; color: #1E1E1E; padding-top: 58px; padding-bottom: 28px;}
.final-col p { margin-bottom: 37px;}
/********************Responsive******************/
@media(max-width:1800px) {  
    a.navbar-brand img {max-width: 200px;}
    section#troo-da-header-section{padding: 16px 20px;}
    ul.navbar-nav {margin-left: 10px; margin-right: 10px;}
    header section#troo-da-header-section a.nav-link{padding: 4px 15px;}
    .get-col a{padding: 5px 17px;}
    .call-us {display: flex;margin-left:8px;}
    .call-text a{font-size: 15px;}
     button.hum-btn {right: 4px; top: 23px;}   
    .call-text { margin-left: 9px;} 
}
@media only screen and (min-width: 1200px) and (max-width:1500px)  {
    section#troo-da-header-section {padding: 0 10px; }
    ul.navbar-nav {margin-left: 37px;margin-right: 37px;}
    .call-text strong a{font-size: 17px;}
    section#troo-da-header-section:after { height: 304px; top: -141px;right: 30%; z-index: -1;}
    section#troo-da-header-section {padding: 15px 20px;}
    a.navbar-brand img {max-width: 150px;}
    .appoinment-section a{padding: 9px 10px;font-size: 12px;}
    header section#troo-da-header-section a.nav-link { padding: 4px 21px;  font-size: 18px;}
    .socail-icon ul li a{width: 22px;height: 22px;}
    .footer-cr{display: none;}
    .footer-hd{font-size: 22px;}
    .location {width: 254px;}
    .call-desils {flex-wrap: wrap;}
    .foot-lin { float: none; margin-right: 0;}
    .location.Contact-col {max-width: 513px; margin-left: 26px;}
    .footer-con{padding-left: 8px;padding-right: 4px;}
    .loc-txt{font-size: 14px;}
    .foot-lin ul {padding: 0 0 0 22px;}
    .foot-lin.left-cc {margin-right: 0; margin-left: 28px;}
    section#troo-da-video-section::after{    max-width: 626px;}
    .video-circle{    right: 220px;}
    .con-title:after { position: absolute; width: 117px;}
   
}
@media only screen and (min-width: 1025px) and (max-width:1199px)  {
    .call-text strong a{font-size: 17px;}
    section#troo-da-header-section:after { height: 304px; top: -141px;right: 30%; z-index: -1;}
    section#troo-da-header-section {padding: 15px 20px; }
    a.navbar-brand img {max-width: 150px;}
    .appoinment-section a{padding: 9px 10px; font-size: 12px;}
    header section#troo-da-header-section a.nav-link { padding: 4px 15px;font-size: 15px;}
    .socail-icon ul li a{width: 22px;height: 22px;}
    .footer-cr{display: none;}
    .footer-hd{font-size: 22px;}
    .location {width: 254px;}
    .call-desils {flex-wrap: wrap;}
    .foot-lin { float: none; margin-right: 0;}
    .location.Contact-col {max-width: 513px; margin-left: 26px;}
    .footer-con{padding-left: 8px;padding-right: 4px;}
    .loc-txt{font-size: 14px;}
    .foot-lin ul {padding: 0 0 0 22px;}
    .foot-lin.left-cc { margin-right: 0; margin-left: 28px;}
    section#troo-da-video-section::after{    max-width: 626px;}
    .video-circle{    right: 220px;}
    .con-title:after {position: absolute; width:81px;}
    .con-img-col:after{height: 389px;}
}
@media(max-width:1024px) {
    .call-text strong a{font-size: 17px;}
    section#troo-da-header-section:after { height: 304px; top: -141px;right: 30%; z-index: -1;}
    section#troo-da-header-section {padding: 15px 20px;}
    a.navbar-brand img {max-width: 150px;}
    .appoinment-section a{padding: 9px 10px;font-size: 12px;}
    header section#troo-da-header-section a.nav-link { padding: 4px 15px;font-size: 15px;}
    #troo-da-hero-section:after { height: 82%; right: 0; top: 41px;border: 8px solid #fff; background-position: center center;}
    .red-dot{bottom: 117px;}
    .swing{display: none;}
    div#ball {display: none; }
    .who-we-img img { width: 100%;}
    .hri-dots{display: none;}
    section#troo-da-whate-we-are-section:before{display: none;}
    section#troo-da-whate-we-are-section:after{display: none;}
    body h2{font-size: 35px;line-height: 26px;}
    .arr-img img {width: 100%;}
    .arr-img { margin-left: -25px;}
    .padding-bottom {padding-bottom: 50px;}
    .padding-top { padding-top: 50px; }
    .year-col{ bottom: -4%;font-size: 21px; line-height: 25px;padding: 16px 22px;}
    .year-col span{font-size: 45px;line-height: 34px;}
    body h2 { font-size: 33px; line-height: 45px;}
    .arr-img img {width: auto;display: none;}
    .title-txt h2 strong{font-size: 31px;line-height: 36px;}
    .why-call a{font-size: 18px;}
    .choose-list {padding: 50px 0px 0 0px;}
    .circle {width:85px; }
    .choose-text {padding-left: 0;}
    .expert-team{margin-bottom: 30px;}
    .client-cricle{display: none;}
    .clint-qute { padding: 44px 36px;}
    .clint-qute span {font-size: 82px;  line-height: 35px;top: 0; right: 21px;}
    .counter-box{margin-bottom: 30px;    padding-top: 43px;flex-wrap: wrap;    padding-left: 12px;}
    .prcing-col {padding-left: 38px;padding-top: 59px; padding-bottom: 52px; padding-right: 34px; margin-bottom: 30px;}
    .ser-text h3 br{display: none;}
    .ser-text h3{font-size: 18px;}
    .ser-img{padding: 7px 11px;}
    section#troo-da-why-choose-us-section:after{max-width: inherit;}
    .expert-team img { width: 100%;}
    .expert-text h3 {color: #fff;  font-size: 18px;}
    .mainbutton{left: 6px;}
    .counter-box strong{font-size: 35px;}
    .counter-box span{font-size: 35px;}
    .counter-number:after{display: none;}
    .qute-icon img {width: 100%; max-width: 73px;}
    .pricing-ss{flex-wrap: wrap;}
    .pricing-ss strong{font-size: 35px;}
    .prcing-col{    padding-left: 18px;padding-right: 10px;}
    .pricing-services ul li span{  font-size: 15px;}
    .pricing-ss sub{margin-top: 0;}
    .standard-col{    right: -40%;}
    .hero-text .title-txt h1 span{text-align: left;  font-size: 45px; }
    body h1{    font-size: 45px;}
    body h4{font-size: 19px;}
    .counter-text p{font-size: 14px;}
    .counter-number { position: relative; display: block;text-align: center;margin: 0 auto;}
    section#troo-da-video-section::after{max-width: 550px;}
    .video-circle{right:15%;}
    #kmacb{display: none;}
    .logo-img img{width: 100%;}
    .gallery-content.gallery-five { margin-top: 33px;}
    .gallery-content.gallery-six { margin-top:79px;}
    .gallery-content.gallery-four{    margin-top: 78px;margin-bottom: 22px;}
    .gallery-content.gallery-two {margin-top: 0px;margin-bottom:56px;}
    .gallery-content:hover .gallery-tile{opacity: 1;}
    .gallery-content .gallery-tile{opacity: 1;    padding: 11px 23px;}
    .gallery-content.gallery-five { margin-top: -7px;}
    .gallery-content.gallery-six { margin-top:-143px;}
    .gallery-content.gallery-four{margin-top:-143px;margin-bottom: 22px;}
    .gallery-tile h3 { color: #ffff;  font-size: 20px; line-height: 25px;}
    .gallery-tile span{margin-bottom: 5px;}
    .socail-icon ul li a{width: 22px;height: 22px;}
    .footer-cr{display: none;}
    .footer-hd{font-size: 22px;}
    .location {width: 254px;}
    .call-desils {flex-wrap: wrap;}
    .foot-lin { float: none; margin-right: 0;}
    .location.Contact-col {max-width: 513px; margin-left: 26px;}
    .footer-con{padding-left: 8px;padding-right: 4px;}
    .loc-txt{font-size: 14px;}
    .foot-lin ul {padding: 0 0 0 22px;}
    .foot-lin.left-cc {margin-right: 0; margin-left: 28px;}
    .services-contact h3:after{display: none;}
    header .appoinment-section {margin-right: 0;margin-left: 0;}
    section#troo-da-header-section:before{height: 163px;}
    .coming-section {padding-left: 20px;}
    .coming-section:after{display: none;}
    .coming-soon-section h1 { font-size: 41px; line-height: 48px;}
    .con-title:after{display: none;}
    .coming-contact a {padding-right: 20px; font-size: 23.1525px; line-height: 11px;}
    .coming-soon-section:after{display: none;}
    .con-img-col:after{height: 326px;}
}
  
@media(max-width:991px) {
    section#troo-da-header-section:after{display: none;}
    .vert-move{display: none;}
    .socail-icon ul li a i{color: #fff;}
     .call-text strong a {font-size: 12px;}
    .call-ss { margin-top: 15px;}
    section#troo-da-header-section:before{display: none;}
    section#troo-da-header-section {padding: 16px 0px;background-color: #1E1E1E;}
    header section#troo-da-header-section a.nav-link{text-align: left;    color: #fff;}
    div#navbarSupportedContent {background: #D61111; left: 4px; position: absolute;top: 100%;width: 100%;padding-bottom: 30px;}
    header section#troo-da-header-section li.nav-item.active a.nav-link {color: #ffff;}
    li.nav-item { position: relative; padding: 5px 0 5px 0px;}
    .appoinment-section a{margin-left: 20px;margin-top: 10px;}
    .navbar-light .navbar-toggler { color: transparent !important; border-color: transparent !important;}
    .navbar-light .navbar-toggler-icon{background-image: url(../images/Humberg.png) !important;}
    header section#troo-da-header-section a.nav-link:hover { opacity: 1;}
    header section#troo-da-header-section a.nav-link:hover { color: #fff;}
    li.nav-item.active:after{display: none;}
    .navbar-nav .dropdown-menu{position: absolute !important;background: #fff !important; }
    ul.dropdown-menu.show{-webkit-transform: scaleY(1); transform: scaleY(1);}
    header .appoinment-section a {background:#1E1E1E; padding: 11px 14px; font-size: 14px; }    
    .navbar-expand-lg .navbar-nav .dropdown-menu a {color: #D61111;; padding: 10px 17px 10px 17px; }
    body h1 {font-size: 35px; line-height: 44px;}
    .hero-text .title-txt h1 span {font-size: 39px; line-height: 44px; margin-bottom: 0px; margin-top: 7px;    text-align: left;}
    .red-btn{padding: 11px 13px;}
    .black-btn{padding: 11px 13px;}
    .black-btn a{font-size: 14px;}
    .red-btn a{font-size: 14px;padding: 14px 16px;}
    #troo-da-hero-section:after { height: 82%; right: 0; top: 41px;border: 8px solid #fff; background-position: center center;}
    .red-dot{bottom: 117px;}
    .swing{display: none;}
    div#ball {display: none; }
    .who-we-img img { width: 100%;}
    .hri-dots{display: none;}
    section#troo-da-whate-we-are-section:before{display: none;}
    section#troo-da-whate-we-are-section:after{display: none;}
    body h2{font-size: 35px;line-height: 26px;}
    .arr-img img {width: 100%;}
    .arr-img { margin-left: -25px;}
    .padding-bottom {padding-bottom: 50px;}
    .padding-top { padding-top: 50px; }
    .year-col{ bottom: -4%;font-size: 21px; line-height: 25px;padding: 16px 22px;}
    .year-col span{font-size: 45px;line-height: 34px;}
    body h2 { font-size: 33px; line-height: 45px;}
    .arr-img img {width: auto;display: none;}
    .title-txt h2 strong{font-size: 31px;line-height: 36px;}
    .why-call a{font-size: 18px;}
    .choose-list {padding: 50px 0px 0 0px;}
    .circle {width:114px; }
    .choose-text {padding-left: 0;}
    .expert-team{margin-bottom: 30px;}
    .client-cricle{display: none;}
    .clint-qute { padding: 44px 36px;}
    .clint-qute span {font-size: 82px;  line-height: 35px;top: 0; right: 21px;}
    .counter-box{margin-bottom: 30px;    padding-top: 43px;flex-wrap: wrap;    padding-left: 12px;}
    .prcing-col {padding-left: 38px;padding-top: 59px; padding-bottom: 52px; padding-right: 34px; margin-bottom: 30px;}
    .ser-text h3 br{display: none;}
    .ser-text h3{font-size: 18px;}
    .ser-img{padding: 4px 11px;}
    section#troo-da-why-choose-us-section:after{max-width: inherit;}
    .expert-team img { width: 100%;}
    .expert-text h3 {color: #fff;  font-size: 18px;}
    .mainbutton{left: 6px;}
    .counter-box strong{font-size: 35px;}
    .counter-box span{font-size: 35px;}
    .counter-number:after{display: none;}
    .qute-icon img {width: 100%; max-width: 73px;}
    .pricing-ss{flex-wrap: wrap;}
    .pricing-ss strong{font-size: 35px;}
    .prcing-col{    padding-left: 18px;padding-right: 10px;}
    .pricing-services ul li span{  font-size: 15px;}
    .pricing-ss sub{margin-top: 0;}
    .standard-col{right: -40%;}
    .gallery-content.gallery-five { margin-top: 33px;}
    .gallery-content.gallery-six { margin-top:79px;}
    .gallery-content.gallery-four{    margin-top: 78px;margin-bottom: 22px;}
    .gallery-content.gallery-two {margin-top: 0px;margin-bottom:56px;}
    .gallery-content:hover .gallery-tile{opacity: 1;}
    .gallery-content .gallery-tile{opacity: 1;    padding: 11px 23px;}
    .gallery-content.gallery-five { margin-top: 33px;}
    .gallery-content.gallery-six { margin-top:-56px;}
    .gallery-content.gallery-four{margin-top:-56px;margin-bottom: 22px;}
    .gallery-tile h3 { color: #ffff;  font-size: 20px; line-height: 25px;}
    .gallery-tile span{margin-bottom: 5px;}
    section#troo-da-photo-gallery-section .circle-lg{display: none  ;}
    .accordion-button{font-size: 18px !important;line-height: 25px !important;}
    .video-circle {top: inherit; right: -59%;left: 0;margin: 0 auto; bottom: 36%;}
    section#troo-da-video-section::after { top: 0;  max-width: 413px;background-size: cover; background-position: center center;}
    .video-text {padding-bottom: 50px; }
    div#kmacb {display: none; }
    .logo-img img {width: 100%; }
    .fooetr-red-box span{font-size: 24px;}
    .footer-logo img {max-width: 162px;}
     section#troo-da-footer-deails-section .socail-icon ul {text-align: center;}
    .socail-icon ul li a{width: 22px;height: 22px;}
    .footer-cr{display: none;}
    .footer-hd{font-size: 22px;}
    .location {width: 204px;}
    .call-desils {flex-wrap: wrap;}
    .foot-lin { float: none; margin-right: 0;}
    .location.Contact-col {max-width: 513px; margin-left: 26px;}
    .footer-con{padding-left: 8px;padding-right: 4px;}
    .loc-txt{font-size: 14px;}
    .foot-lin ul {padding: 0 0 0 22px;}
    .services-contact h3:after{display: none;}
    .feach-img { margin-bottom: 30px;}
    section#troo-da-service-detail-section .col-md-8 {width: 100%;}
    section#troo-da-service-detail-section .col-md-4 { width: 100%;}
    .fooetr-red-box { padding: 83px 30px; }
    .photo-gallery .gallery-content { margin-bottom: 100px;}
    header .appoinment-section {margin-right: 0; margin-left: -2px;}
    .blog-detail .service-detail-content .blog-writer {margin: 10px 0;}
    .blog-detail .socail-icon ul li a i{color: #1E1E1E;}
    .blog-detail .tag-section .socail-icon{flex-wrap: wrap;}
    .abut-image-section img {float: right;width: 100%;}
    .cont-img-tx {font-size: 21px; transform: rotate(0deg); top: 91%;padding: 19px 12px;left: 0;}
    .form-section{ padding: 30px 20px;}
    .search-form button{right: 0%;}
    .coming-section {padding-left: 20px;}
    .coming-section:after{display: none;}
    .coming-soon-section h1 { font-size: 41px; line-height: 48px;}
    .con-title:after{display: none;}
    .coming-contact a {padding-right: 20px; font-size: 23.1525px; line-height: 11px;}
    .coming-soon-section:after{display: none;}
    .con-img-col:after{height: 326px;}
    .team-detail img {width: 100%; }
    .photo-gallery-img img { width: 100%; margin-bottom: 30px;}
    .photo-gallery-deatail-img-col img {width: 100%; }
    .final-imf img {width: 100%;margin-bottom: 30px; }
    section#troo-da-photo-gallery-deatail-section .team-contact ul li{font-size: 14px;line-height: 28px;}
    section#troo-da-photo-gallery-deatail-section .team-contact {
        margin-top: 0;
        padding-top: 22px;
        padding-bottom: 1px;
    }
}
@media(max-width:767px) {
    section#troo-da-header-section:after{display: none;}
    .call-text strong a{font-size: 17px;}
    .call-section{flex-wrap: wrap;justify-content: space-between;}
    section#troo-da-header-section:before{height: 215px;}
    body h1{font-size: 30px;line-height: 41px;}
    .hero-text .title-txt h1 span{font-size: 30px;line-height: 41px;    margin-top: 0;}
    #troo-da-hero-section:after{display: none;}
    .red-dot{display: none;}
    #troo-da-hero-section{padding-top: 59px;padding-bottom: 46px;}
    .btn-section{flex-wrap: wrap;}
    .black-btn {margin-left: 12px;margin-top: 0;}
    .red-btn {padding: 11px 0px;}
    .swing{display: none;}
    div#ball {display: none; }
    .who-we-img img { width: 100%;}
    .hri-dots{display: none;}
    .who-we-text {padding-top: 45px;}
    section#troo-da-whate-we-are-section:before{display: none;}
    section#troo-da-whate-we-are-section:after{display: none;}
    .arr-img {margin-left: 0;  padding-bottom: 18px;}
    .what-text { padding-bottom: 45px;}
    .ser-text h3 br{display: none;}
    .ser-text h3 {font-size: 19px;}
    .padding-bottom {padding-bottom: 50px;}
    .padding-top { padding-top: 50px; }
    .year-col{ bottom: -4%;font-size: 21px; line-height: 25px;padding: 16px 22px;}
    .year-col span{font-size: 45px;line-height: 34px;}
    body h2 { font-size: 33px; line-height: 45px;}
    .arr-img img {width: auto;}
    .title-txt h2 strong{font-size: 31px;line-height: 36px;}
    .why-call a{font-size: 18px;}
    .choose-list {padding: 50px 0px 0 0px;}
    .circle {width:136px; }
    .choose-text {padding-left: 0;}
    .expert-team{margin-bottom: 30px;}
    .client-cricle{display: none;}
    .clint-qute { padding: 44px 36px;}
    .clint-qute span {font-size: 82px;  line-height: 35px;top: 0; right: 21px;}
    .counter-box{margin-bottom: 30px;    padding-top: 43px;}
    .prcing-col {padding-left: 38px;padding-top: 59px; padding-bottom: 52px; padding-right: 34px; margin-bottom: 30px;}
    .qute-icon{    right: 20px;}
    .qute-icon img {max-width: 77px;}
    .counter-box strong{font-size: 35px;}
    .counter-box span{font-size: 35px;}
    .ser-img {padding: 7px 11px;}
    .gallery-content.gallery-five { margin-top: 33px;}
    .gallery-content.gallery-six { margin-top:79px;}
    .gallery-content.gallery-four{    margin-top: 78px;margin-bottom: 22px;}
    .gallery-content.gallery-two {margin-top: 75px;margin-bottom:56px;}
    .gallery-content:hover .gallery-tile{opacity: 1;}
    .gallery-content .gallery-tile{opacity: 1;    padding: 11px 23px;}
    section#troo-da-photo-gallery-section .col-md-2 {width: 50%;}
    section#troo-da-photo-gallery-section .circle-lg{display: none;}
    .appoinment-section a{background-color:#d61111;    padding: 11px 25px;    margin-left: -6px;}
    .video-circle { top: inherit; right: 0; left: 23%; margin: 0 auto;bottom: 0;}
    section#troo-da-video-section::after{top:0;max-width: 314px;display: none;}
    .video-text {padding-bottom: 50px; }
    .brand-logo h5{font-size: 26px; line-height: 32px;}
    .why-chose-text{margin-left: 0px;}
    .accordion-section { padding-top: 75px;}
    .accordion-button{font-size: 18px !important; line-height: 27px !important;}
    .blog-content {margin-top: 30px;}
    .auto-reapire {margin-top: 0;}
    .fooetr-red-box span { font-size: 25px;  line-height: 34px; }
    .fooetr-red-box{padding: 34px 35px; flex-wrap: wrap;}
    section#troo-da-footer-deails-section {padding-top: 75px;}
    .footer-logo {padding-bottom: 30px;}
    .location { width: auto; }
    .location.Contact-col{margin-left: 0;}
    .call-desils{    flex-wrap: wrap;}
    .call-desils:after {height: 205px;left: 47%; top: -4%; transform: rotate(90deg);}
    .foot-lin.left-cc {margin-right: 0;}
    .foot-lin {  float: left; }
    .foot-lin.left-cc { margin-right: 0;padding-top: 50px;}
    .footer-cr{display: none;}
    .bottom-footer p {font-size: 15px;}
    .bootom-footer-links ul{justify-content: flex-start;}
    .photo-gallery .gallery-content { margin-bottom: 70px;}
    header .appoinment-section { margin-right: 0; margin-left: 19px;}
    .blog-list-ss{flex-wrap: wrap;}
    .blog-img-col img { width: 100%; }
    .blog-list-text{margin-top: 30px;}
    .cat-tile { margin-top: 30px;}
    .blog-detail .service-detail-content .blog-writer {margin: 10px 0;}
    .blog-detail .socail-icon ul li a i{color: #1E1E1E;}
    .blog-detail .tag-section .socail-icon{flex-wrap: wrap;}
    .cont-img-tx {font-size: 21px; transform: rotate(0deg); top: 91%;padding: 19px 12px;left: 0;}
    .form-section{ padding: 30px 20px;}
    .error-section span{font-size: 123.39px;}
    .error-section span img {width: 100%;max-width: 125px;}
    .error-section h2 {font-size: 30px;}
    .search-form button{right: 0;}
    .coming-section {padding-left: 20px;}
    .coming-section:after{display: none;}
    .coming-soon-section h1 { font-size: 41px; line-height: 48px;}
    .con-title:after{display: none;}
    .coming-contact a {padding-right: 20px; font-size: 23.1525px; line-height: 11px;}
    .coming-soon-section:after{display: none;}
    .con-img-col:after{height: 326px;}
    .company-journey-col {padding-bottom: 46px;}
    .team-detail img {width: 100%; }
    .team-contetn { padding-left: 0; padding-top: 50px;}
    .photo-gallery-img img { width: 100%; margin-bottom: 30px;}
    .photo-gallery-deatail-img-col img {width: 100%; }
    .final-imf img {width: 100%;margin-bottom: 30px; }
}